@charset "UTF-8";
:root{--paper:#f5f4ed;--ink:#344d41;--muted:#8c968a;--green:#49664d;--green-dark:#344d39;--lime:#e7edcb;--orange:#d78c5c;--line:#e3e5d9;--white:#fffef8;--shadow:0 10px 40px #344d4110;font-family:"Hiragino Maru Gothic ProN","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overscroll-behavior:none}body{background:var(--paper);background-image:radial-gradient(#98a18b17 .8px,transparent .8px);background-size:8px 8px;-webkit-tap-highlight-color:transparent}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation;color:inherit;border:0;background:none}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #d49450;outline-offset:4px}button:hover:not(:disabled){filter:brightness(.97)}button:active:not(:disabled){transform:translateY(1px)}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button svg{pointer-events:none}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.svg-definitions{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.app{height:100%;height:100dvh;max-width:1640px;margin:auto;padding:0 max(30px,env(safe-area-inset-right)) 0 max(30px,env(safe-area-inset-left));display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.app-header{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:45px;height:47px;position:relative;display:grid;place-items:center;transform:rotate(-10deg)}.brand-mark>svg{width:40px;height:40px;stroke-width:2.3;stroke:var(--green)}.brand-spark{position:absolute;right:-2px;top:-2px;color:var(--orange);font-size:22px;transform:rotate(10deg)}.brand strong{font-size:25px;font-weight:750;letter-spacing:2px;display:block;line-height:1.3}.brand-dot{color:var(--orange);margin-left:2px}.brand small{display:block;font-size:10px;letter-spacing:2.3px;color:var(--muted);margin-top:4px}.header-center{font-size:12px;letter-spacing:1px;color:var(--muted);display:flex;align-items:center;gap:8px;margin-left:20px}.live-dot{width:5px;height:5px;border-radius:50%;background:#a7b48d}.header-actions{display:flex;align-items:center;gap:10px}.collection-button{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;min-height:46px;padding:0 14px;border:1px solid var(--line);border-radius:14px;background:#ffffff65}.collection-button svg{width:18px;height:18px}.level-total{background:#e6eadb;padding:3px 6px;font-size:10px;border-radius:5px;font-family:Georgia,serif;margin-left:4px}.nav-divider{height:20px;width:1px;background:var(--line);margin:0 4px}.icon-button{width:42px;height:44px;display:grid;place-items:center;border-radius:13px}.icon-button svg{width:21px;height:21px}.icon-button:hover{background:#e7eadf}
.game{display:flex;flex:1;min-height:0;flex-direction:column}.board-shell{position:relative;flex:1;min-height:180px;overflow:hidden;border:5px solid #fffef8;border-radius:25px;box-shadow:0 4px 20px #425c4111;background:#dfe5cd;isolation:isolate}.board{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:crosshair;background:radial-gradient(ellipse at center,#eceddb,#cddbc0)}.board[data-theme="sea"]{background:radial-gradient(ellipse at center,#dbeee9,#b7dbd6)}.board.zoomed{cursor:grab}.board.dragging{cursor:grabbing}.scene{position:absolute;left:50%;top:50%;transform-origin:50% 50%;will-change:transform;user-select:none;-webkit-user-select:none}.scene img{display:block;width:100%;height:100%;pointer-events:none;-webkit-user-drag:none;object-fit:contain}.markers{position:absolute;inset:0;pointer-events:none}.found-marker{position:absolute;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;border:2px solid #fffef2;background:#516c3b21;box-shadow:0 0 0 2px #587247b3;animation:found-pop .4s ease-out}.found-marker:after{content:'✓';position:absolute;right:-5px;top:-5px;display:grid;place-items:center;width:19px;height:19px;background:#547344;color:white;font-size:12px;font-weight:bold;border:2px solid white;border-radius:50%}.hint-marker{position:absolute;width:80px;height:80px;border:3px solid #fff9d3;border-radius:50%;transform:translate(-50%,-50%);background:#ffe18d28;box-shadow:0 0 0 9px #f9dc6755,0 0 0 17px #fff6bd40;pointer-events:none;animation:hint-pulse 1.4s ease-in-out infinite}.miss-ripple{position:absolute;width:32px;height:32px;border:2px solid #fffdf8;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;animation:ripple .5s forwards}.scene-heading,.scene-status,.zoom-controls,.board-caption{position:absolute;z-index:2;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.scene-heading{left:19px;top:18px;display:flex;gap:13px;align-items:center;border:1px solid #ffffffb5;background:#fffdf1ed;box-shadow:0 3px 12px #425c410b;border-radius:16px;padding:13px 18px 13px 13px;pointer-events:none}.scene-number{font-family:Georgia,serif;font-size:26px;color:#768165;border-right:1px solid #d9deca;padding-right:13px;line-height:37px;font-style:italic}.scene-eyebrow{font-family:Georgia,serif;font-size:8px;letter-spacing:1.7px;color:#8d987c;margin-bottom:5px}h1{font-size:19px;letter-spacing:2px;line-height:1.2;margin:0;font-weight:650}.scene-tag{align-self:center;font-size:10px;border:1px solid #d7dec7;border-radius:20px;padding:5px 9px;margin-left:7px;color:#778267;letter-spacing:1px}.scene-status{right:19px;top:18px;display:flex;align-items:center;gap:14px;min-height:45px;border:1px solid #ffffffb5;background:#fffdf1eb;border-radius:13px;padding:0 15px;font-size:13px}.timer,.scene-count{display:flex;align-items:center;gap:7px}.timer{font-variant-numeric:tabular-nums;letter-spacing:.6px}.timer svg{width:16px;height:16px;color:#7d8d70}.status-divider{width:1px;height:14px;background:#d9ddcb}.scene-count{gap:3px}.scene-count svg{width:16px;height:16px;margin-right:3px}.scene-count>span{color:#8b967e;font-size:11px}.board-caption{left:20px;bottom:18px;display:flex;align-items:center;gap:8px;background:#fffdf1e6;padding:9px 13px;border-radius:30px;font-size:10px;color:#6c795e;letter-spacing:1px;pointer-events:none}.caption-dot{width:5px;height:5px;border-radius:50%;background:#809768}.zoom-controls{right:18px;bottom:15px;display:flex;align-items:center;gap:1px;padding:4px;background:#fffdf5ed;border:1px solid #ffffffd9;border-radius:13px;box-shadow:0 3px 15px #283b1612}.zoom-controls button{height:38px;min-width:38px;display:grid;place-items:center;border-radius:9px}.zoom-controls button:hover{background:#e6eadb}.zoom-controls svg{width:18px;height:18px}.zoom-controls #zoom-reset{min-width:48px;font-size:11px;font-variant-numeric:tabular-nums;color:#6f7e62}.zoom-controls>span{height:20px;width:1px;background:var(--line);margin:0 3px}
.loading-state,.load-error{position:absolute;inset:0;background:#edf0e3;display:flex;align-items:center;justify-content:center;gap:12px;flex-direction:column;z-index:4}.loading-flower{font-size:60px;color:#79936a;animation:slow-spin 10s linear infinite}.loading-state strong,.load-error strong{font-size:17px;letter-spacing:2px}.loading-state>span:last-child{font-size:12px;color:var(--muted)}.load-error p{color:var(--muted);font-size:13px}.load-error>svg{height:48px;width:48px}
.find-panel{padding:20px 3px 0;flex-shrink:0}.find-heading-row{display:flex;align-items:center;justify-content:space-between;padding:0 1px 13px}.find-title{display:flex;align-items:center;gap:10px}.small-spark{color:#9aa079;font-size:23px;line-height:20px}h2{margin:0}.find-title h2{font-size:16px;letter-spacing:1px;font-weight:650}.find-subtitle{font-size:11px;color:var(--muted);margin-left:3px;letter-spacing:.5px}.progress-summary{display:flex;align-items:center;gap:12px;font-size:13px}.progress-summary strong{font-size:15px;font-weight:600}.progress-total{color:#96a08c;font-size:11px}.progress-track{width:105px;height:5px;border-radius:5px;background:#e0e4d5;overflow:hidden}.progress-track i{display:block;height:100%;width:0;background:#7e9867;border-radius:5px;transition:width .4s ease}.find-content{display:flex;align-items:stretch;gap:18px}.target-list{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px;flex:1;min-width:0}.target-card{position:relative;min-width:0;min-height:94px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;border-radius:15px;background:#fffef9;border:1px solid #e8e9de;box-shadow:0 3px 0 #e8e9df4a;padding:8px 5px 9px;transition:background .2s,border-color .2s,transform .2s}.target-art{display:block;width:55px;height:48px;overflow:hidden;border-radius:10px;transition:opacity .2s}.target-art svg{width:100%;height:100%;stroke:none}.target-name{font-size:11px;letter-spacing:.6px;white-space:nowrap}.target-check{position:absolute;right:5px;top:4px;width:19px;height:19px;background:var(--green);border:2px solid var(--paper);border-radius:50%;display:none;place-items:center;color:white}.target-check svg{width:12px;height:12px;stroke-width:2.6}.target-card.selected{border-color:#9ba97b;background:#f0f2df;box-shadow:0 0 0 1px #9ba97b55}.target-card.found{border-color:#d6dfc7;background:#e7ecdca6;box-shadow:none}.target-card.found .target-art{opacity:.45}.target-card.found .target-name{color:#92a082;text-decoration:line-through;text-decoration-thickness:1px}.target-card.found .target-check{display:grid}.hint-button{width:173px;flex-shrink:0;border:1px solid #dce2c7;background:#e9eed7;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:11px;padding:12px;position:relative}.hint-icon{display:grid;place-items:center;width:38px;height:42px;color:#7c8955}.hint-icon svg{width:29px;height:29px;stroke-width:1.4}.hint-button strong{display:block;font-weight:600;font-size:13px;letter-spacing:1px}.hint-button small{display:block;font-size:9px;color:#8b9574;margin-top:7px;letter-spacing:.5px}.game-footer{display:flex;align-items:center;justify-content:space-between;min-height:45px;gap:12px;color:#9aA18e;font-size:10px;letter-spacing:.5px;flex-shrink:0}.game-footer>span:first-child{display:flex;align-items:center;gap:7px}.footer-dot{width:4px;height:4px;border-radius:50%;background:#a4af91}.gesture-tip{margin-left:-35px}.gesture-tip i{font-style:normal;margin:0 9px;color:#b3bba6}.game-footer>button{display:flex;align-items:center;font-size:10px;color:#8d9880;padding:10px 0 10px 12px;gap:5px;min-height:40px}.game-footer svg{width:13px;height:13px}
.toast{position:fixed;left:50%;bottom:205px;max-width:90%;transform:translate(-50%,10px);opacity:0;pointer-events:none;z-index:10;background:#344d41ed;color:#fffef3;font-size:13px;padding:13px 21px;border-radius:30px;box-shadow:0 8px 30px #1c31252b;transition:transform .25s,opacity .25s;text-align:center;line-height:1.5}.toast.visible{opacity:1;transform:translate(-50%,0)}.dialog{border:1px solid #fff;border-radius:28px;padding:38px;background:var(--paper);color:var(--ink);max-width:calc(100% - 32px);width:700px;max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 30px 100px #243e303b}.dialog::backdrop{background:#253c2e63;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.dialog[open]{animation:dialog-in .25s ease-out}.dialog-close{position:absolute;top:15px;right:15px;background:#e9ecdf}.dialog-kicker{display:block;font-family:Georgia,serif;font-size:9px;letter-spacing:2px;color:#949d80;margin:4px 0 14px}.dialog h2{font-size:27px;letter-spacing:1px;font-weight:650;line-height:1.4}.dialog-intro{font-size:13px;color:#8c9780;line-height:1.8;margin:11px 0 25px}.level-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.level-card{background:var(--white);border:1px solid var(--line);border-radius:18px;overflow:hidden;text-align:left;padding:0;transition:transform .2s}.level-card:hover{transform:translateY(-3px)}.level-cover{position:relative;aspect-ratio:1.5;overflow:hidden}.level-cover img{width:100%;height:100%;object-fit:cover;display:block}.level-badge{position:absolute;top:10px;left:10px;background:#fffdf0eb;border-radius:20px;padding:6px 10px;font-size:10px}.level-card-content{padding:17px}.level-card-content h3{margin:0 0 7px;font-size:18px;letter-spacing:1px}.level-card-content p{margin:0 0 16px;color:#929b86;font-size:11px}.level-card-footer{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7a8b69}.level-card-footer svg{width:19px;height:19px}.gallery-note{display:flex;gap:7px;justify-content:center;align-items:center;font-size:11px;color:#9aa18d;margin-top:24px}.gallery-note svg{width:15px;height:15px}.help-dialog{width:520px}.help-steps{display:flex;flex-direction:column;gap:22px;margin:28px 0}.help-steps>div{display:flex;gap:15px}.help-steps>div>span{font-family:Georgia,serif;font-style:italic;font-size:22px;color:#b2bb92;line-height:1.2}.help-steps h3{margin:0 0 7px;font-size:15px}.help-steps p{font-size:12px;line-height:1.9;color:#87947c;margin:0}.install-tip{display:flex;gap:12px;background:#e9eddc;border-radius:13px;padding:15px;margin:24px 0}.install-tip svg{width:19px;height:19px;margin-top:3px}.install-tip p{font-size:11px;line-height:1.9;color:#7d8a70;margin:0}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 22px;border-radius:13px;min-height:48px;font-size:13px;letter-spacing:.5px;background:var(--green);color:#fffef1}.primary-button svg{width:20px;height:20px}.secondary-button{background:#e7ebdd;color:var(--ink)}.wide{width:100%}.text-button{font-size:12px;color:#8d9981;min-height:45px;padding:12px}.complete-dialog{width:510px;text-align:center}.celebration-art{height:125px;position:relative;display:flex;align-items:center;justify-content:center;gap:20px;color:#cda15a}.celebration-art>svg{width:85px;height:85px;stroke:#b88f4f;fill:#e6c582;stroke-width:1;transform:rotate(-10deg);filter:drop-shadow(0 6px 0 #d3ad6b44)}.celebration-art>span{font-size:29px;transform:translateY(20px)}.celebration-art>span:nth-of-type(2){transform:translateY(-25px);font-size:35px}.celebration-art>i{position:absolute;bottom:6px;right:120px;font-size:15px;font-style:normal}.complete-dialog h2{font-size:24px}.complete-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);padding:19px 0;border-radius:16px;margin:24px 0}.complete-stats>div+div{border-left:1px solid var(--line)}.complete-stats strong{display:block;font-family:Georgia,serif;font-size:24px;font-weight:400}.complete-stats span{display:block;font-size:10px;margin-top:8px;color:#929c83}.restart-dialog{width:430px}.restart-dialog h2{font-size:23px}.dialog-actions{display:flex;justify-content:flex-end;gap:12px}.noscript{position:fixed;inset:0;background:var(--paper);display:grid;place-items:center;z-index:100}
@keyframes found-pop{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}65%{transform:translate(-50%,-50%) scale(1.15)}100%{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes hint-pulse{50%{box-shadow:0 0 0 15px #f9dc6744,0 0 0 30px #fff6bd00}}@keyframes ripple{to{width:65px;height:65px;opacity:0}}@keyframes slow-spin{to{transform:rotate(360deg)}}@keyframes dialog-in{from{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(min-width:1400px){.app{padding-left:45px;padding-right:45px}.app-header{min-height:104px}.find-panel{padding-top:24px}.target-card{min-height:103px}.target-art{width:61px;height:54px}.target-list{gap:12px}.hint-button{width:195px}.game-footer{min-height:52px}}
@media(max-width:1100px){.app{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.app-header{min-height:82px}.header-center{display:none}.target-list{gap:7px}.target-card{min-height:88px;border-radius:13px}.target-art{width:48px;height:43px}.hint-button{width:136px;gap:4px;padding:10px}.hint-button small{font-size:8px;letter-spacing:0}.hint-icon{width:29px}.hint-icon svg{width:25px}.find-content{gap:12px}.gesture-tip{margin-left:0}.scene-heading{top:15px;left:15px}.scene-status{top:15px;right:15px}.target-name{font-size:10px;letter-spacing:0}}
@media(max-width:800px) and (orientation:portrait){.app-header{min-height:94px}.board-shell{max-height:none}.scene-heading{gap:10px;padding:10px 13px}.scene-tag{display:none}.find-panel{padding-top:22px}.find-content{gap:12px}.target-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.target-card{min-height:87px;flex-direction:row;gap:8px;padding:10px}.target-art{width:48px;height:48px}.target-name{font-size:12px}.hint-button{width:100px;flex-direction:column;gap:10px}.hint-icon{width:40px;height:40px}.hint-icon svg{width:32px;height:32px}.hint-button strong{font-size:12px}.hint-button small{font-size:8px;letter-spacing:0}.game-footer{min-height:58px}.gesture-tip{display:none}.toast{bottom:300px}.board-caption{font-size:9px}.scene{transition:width .15s,height .15s}}
@media(max-width:560px){.app{padding-left:max(11px,env(safe-area-inset-left));padding-right:max(11px,env(safe-area-inset-right))}.app-header{min-height:76px;gap:8px}.brand{gap:5px}.brand-mark{width:34px;height:38px}.brand-mark>svg{width:30px;height:30px}.brand-spark{font-size:16px;right:0;top:0}.brand strong{font-size:20px;letter-spacing:1px}.brand small{font-size:8px;letter-spacing:1.1px;margin-top:3px}.collection-button{border:0;padding:0 7px;gap:6px;font-size:11px;background:none}.level-total,.nav-divider{display:none}.header-actions{gap:0}.icon-button{width:34px;height:42px}.icon-button svg{width:19px;height:19px}.board-shell{border-width:3px;border-radius:19px;min-height:210px}.scene-heading{top:10px;left:10px;padding:8px 10px;border-radius:12px;gap:8px}.scene-number{font-size:20px;line-height:30px;padding-right:8px}.scene-eyebrow{font-size:6px;letter-spacing:.8px;margin-bottom:3px}h1{font-size:15px;letter-spacing:1px}.scene-status{top:10px;right:10px;min-height:37px;padding:0 10px;gap:8px;font-size:11px}.scene-status .status-divider,.scene-status .scene-count{display:none}.board-caption{left:9px;bottom:12px;padding:7px 9px;max-width:43%;font-size:8px;letter-spacing:0;gap:5px}.zoom-controls{right:9px;bottom:9px;padding:2px;border-radius:11px}.zoom-controls button{min-width:33px;height:36px}.zoom-controls #zoom-reset{min-width:40px;font-size:10px}.zoom-controls>span,.zoom-controls #fit-button{display:none}.find-panel{padding:17px 0 0}.find-heading-row{padding-bottom:10px}.find-title{gap:6px}.find-title h2{font-size:14px}.find-subtitle{font-size:9px;margin-left:0;letter-spacing:0}.small-spark{font-size:20px}.progress-track{width:45px;height:4px}.progress-summary{gap:7px}.progress-summary strong{font-size:13px}.find-content{position:relative;gap:8px}.target-list{gap:6px;grid-template-columns:repeat(4,minmax(0,1fr))}.target-card{min-height:76px;gap:4px;flex-direction:column;border-radius:11px;padding:6px 2px}.target-art{width:41px;height:37px;border-radius:7px}.target-name{font-size:9px}.hint-button{width:61px;border-radius:12px;gap:10px;padding:8px 3px}.hint-button strong{font-size:11px;letter-spacing:0}.hint-button small{display:none}.hint-icon svg{width:28px;height:28px}.game-footer{font-size:8px;letter-spacing:0;min-height:42px}.game-footer>button{font-size:9px}.toast{bottom:260px;font-size:12px;max-width:92%;width:max-content;padding:11px 16px}.dialog{padding:30px 22px;border-radius:22px}.dialog h2{font-size:23px}.dialog-kicker{font-size:7px;letter-spacing:1px}.dialog-intro{font-size:12px}.level-cards{gap:11px}.level-card{border-radius:13px}.level-card-content{padding:12px}.level-card-content h3{font-size:16px}.level-card-content p{font-size:10px;line-height:1.7}.level-card-footer{font-size:9px}.gallery-note{font-size:9px}.complete-dialog h2{font-size:21px}.complete-stats strong{font-size:21px}.dialog-close{right:10px;top:10px}.scene-number{padding-right:8px}}
@media(max-height:650px) and (orientation:landscape){.app-header{min-height:65px}.brand strong{font-size:22px}.brand small{font-size:8px}.find-panel{padding-top:11px}.find-heading-row{padding-bottom:8px}.target-card{min-height:72px;flex-direction:row;gap:4px;padding:5px}.target-art{width:38px;height:40px}.target-name{font-size:9px}.hint-button{width:124px}.hint-button small{display:none}.game-footer{min-height:32px}.game-footer>button{min-height:30px;padding-top:6px;padding-bottom:6px}.board-shell{min-height:160px}.scene-heading{top:10px;left:10px;padding:7px 11px;gap:9px}.scene-number{font-size:21px;line-height:30px}.scene-eyebrow{font-size:6px}h1{font-size:16px}.scene-status{top:10px;right:10px;min-height:39px}.scene-tag{display:none}.board-caption{display:none}.zoom-controls{bottom:9px;right:10px}.zoom-controls button{height:33px;min-width:33px}.toast{bottom:145px}.dialog{max-height:calc(100dvh - 24px)}.celebration-art{height:85px}.celebration-art>svg{height:65px;width:65px}.complete-stats{margin:15px 0;padding:12px 0}.complete-dialog .dialog-intro{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Coloring edition: ten objects at the left, ten along the bottom. */
:root{--paper:#f6f5f0;--ink:#363b36;--muted:#92968c;--green:#414c42;--green-dark:#303a31;--lime:#eceee4;--orange:#828779;--line:#e2e3db;--white:#fffefa}
body{background-image:radial-gradient(#6c746511 .7px,transparent .7px);background-size:7px 7px}.app{max-width:1640px;padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}.app-header{min-height:82px}.brand strong{font-size:23px}.brand small{letter-spacing:1.4px;font-size:9px}.brand-mark>svg{stroke:#485146}.brand-spark,.brand-dot{color:#8a917e}.header-center{font-size:11px;letter-spacing:.7px}.header-actions{gap:9px}.collection-button{min-height:42px;border-radius:12px;background:#ffffff70}.level-total{background:#e8eade}.nav-divider{margin:0 1px}.hint-button{width:auto;min-height:42px;padding:0 15px;gap:7px;border:1px solid #3f4940;border-radius:12px;background:#404b42;color:#fafbf5;flex-direction:row}.hint-icon{width:21px;height:25px;color:#fafbf5}.hint-icon svg{width:21px;height:21px}.hint-button strong{font-size:12px;letter-spacing:.5px}.hint-button:disabled{opacity:.45}
.game{display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto 33px;gap:12px 14px;min-height:0}.target-rail{grid-column:1;grid-row:1;min-height:0;display:flex;flex-direction:column;gap:7px;background:#eceee5;padding:12px 8px 8px;border:1px solid #e0e4d6;border-radius:18px}.rail-heading{display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px;font-weight:600;letter-spacing:1px}.rail-heading svg{width:15px;height:15px}.rail-progress{text-align:center;font-variant-numeric:tabular-nums;font-size:10px;color:#939b88;line-height:1;margin-bottom:4px}.rail-progress strong{font-size:15px;color:#485840;font-weight:600}.target-list.rail-targets{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(10,minmax(0,1fr));gap:5px}.rail-footnote{font-size:8px;letter-spacing:2px;text-align:center;color:#9aa28f;padding:3px 0 1px}.target-card{background:#fffefb;border:1px solid #e4e5dc;box-shadow:none;min-height:76px;padding:6px 4px;gap:4px;border-radius:12px;flex-direction:column}.target-card .target-art{width:49px;height:44px;border-radius:4px;background:white}.target-name{font-size:10px;letter-spacing:.4px}.rail-targets .target-card{min-height:0;padding:3px;gap:3px;flex-direction:row;justify-content:flex-start;border-radius:9px}.rail-targets .target-art{width:38px;height:38px;flex-shrink:0}.rail-targets .target-name{font-size:9px;letter-spacing:0}.target-card.selected{border-color:#5e6b52;background:#f2f4eb;box-shadow:0 0 0 1px #5e6b5230}.target-card.found{border-color:#d7e1c9;background:#f2f6e9}.target-card.found .target-art{opacity:1}.target-card.found .target-name{color:#73845d;text-decoration:none}.target-check{width:15px;height:15px;right:3px;top:3px;border-width:1px}.target-check svg{width:10px;height:10px}
.board-shell{grid-column:2;grid-row:1;border:1px solid #dfe2d7;border-radius:19px;min-height:0;box-shadow:0 3px 15px #46513a08;background:white}.board,.board[data-theme="sea"]{background:#fff}.scene{background:white;transition:none}.scene img{object-fit:contain}.color-layer{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;mix-blend-mode:multiply;stroke:none;isolation:auto}.color-layer path{stroke:none}.markers{z-index:2}.found-marker{display:none}.hint-marker{z-index:3}.scene-heading{top:13px;left:13px;border-radius:12px;background:#fffffff5;border-color:#e5e7df;box-shadow:0 2px 9px #33452e06;padding:10px 13px;gap:10px}.scene-number{font-size:22px;line-height:31px;color:#8b957f;padding-right:11px}.scene-eyebrow{font-size:7px;letter-spacing:1.1px;margin-bottom:4px}h1{font-size:17px;letter-spacing:1px}.scene-tag{font-size:9px;padding:4px 8px;letter-spacing:.5px;color:#8b9481;border-color:#e0e5d7;margin-left:0}.scene-status{top:13px;right:13px;min-height:40px;font-size:11px;gap:11px;padding:0 12px;background:#fffffff2;border-color:#e5e7df;border-radius:11px;pointer-events:none}.scene-status svg{width:14px;height:14px}.scene-count>span{font-size:10px}.board-caption{bottom:12px;left:13px;background:#fffffff2;font-size:9px;padding:7px 10px;letter-spacing:.4px;border:1px solid #eaede4}.zoom-controls{bottom:12px;right:13px;background:#fffffff2;box-shadow:0 2px 10px #33452e08;border-color:#e1e5d8;border-radius:11px;padding:3px}.zoom-controls button{height:33px;min-width:33px}.zoom-controls #zoom-reset{min-width:43px;font-size:10px}.zoom-controls svg{width:17px;height:17px}.loading-state,.load-error{background:#fafaf6}.loading-flower{color:#929c83}
.find-panel{grid-column:1 / -1;grid-row:2;padding:0;min-height:0}.find-heading-row{padding:0 2px 9px}.find-title{gap:8px}.find-title h2{font-size:13px;letter-spacing:.5px}.find-subtitle{font-size:10px;letter-spacing:.3px}.small-spark{font-size:20px}.progress-track{width:94px;height:4px}.progress-summary{font-size:11px;gap:9px}.progress-summary strong{font-size:13px}.progress-total{font-size:10px}.find-content{display:block}.target-list.bottom-targets{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px}.game-footer{grid-column:1 / -1;grid-row:3;min-height:0;font-size:9px;letter-spacing:.3px;align-self:stretch;padding-bottom:5px}.game-footer>button{font-size:9px;min-height:28px;padding-top:5px;padding-bottom:5px}.gesture-tip{margin-left:0}.toast{bottom:160px;font-size:12px}.level-cover{background:white}.level-cover img{object-fit:contain}.install-tip{background:#ecefe4}
@media(min-width:1400px){.app-header{min-height:90px}.game{grid-template-columns:132px minmax(0,1fr);gap:15px 18px}.target-rail{padding:15px 10px 10px;gap:9px}.rail-heading{font-size:13px}.rail-targets .target-art{width:45px;height:45px}.rail-targets .target-name{font-size:10px}.target-card{min-height:89px}.target-card .target-art{width:55px;height:52px}.rail-targets .target-art{width:45px;height:45px}.target-list.bottom-targets{gap:11px}.target-rail .rail-targets{gap:7px}.find-title h2{font-size:14px}.find-heading-row{padding-bottom:11px}.game-footer{font-size:10px}}
@media(max-width:1100px){.app{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}.app-header{min-height:76px}.header-center{display:none}.game{grid-template-columns:102px minmax(0,1fr);gap:11px 12px}.target-rail{padding:10px 6px 7px}.rail-targets .target-art{width:36px;height:36px}.rail-targets .target-name{font-size:9px}.target-card{min-height:72px}.target-card .target-art{width:44px;height:41px}.rail-targets .target-art{width:36px;height:36px}.target-list.bottom-targets{gap:7px}.target-name{font-size:9px}.scene-tag{display:none}.scene-status{gap:8px;padding:0 10px}.gesture-tip{display:block}}
@media(max-width:1000px) and (orientation:portrait){.app-header{min-height:86px}.game{grid-template-columns:105px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto 38px;gap:13px 12px}.target-list.bottom-targets{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.bottom-targets .target-card{min-height:75px;flex-direction:row;gap:10px}.bottom-targets .target-art{width:49px;height:48px}.bottom-targets .target-name{font-size:11px}.target-rail{padding:14px 7px 10px;gap:10px}.rail-targets .target-card{flex-direction:column;padding:4px 2px;gap:3px}.rail-targets .target-art{width:42px;height:40px}.rail-targets .target-name{font-size:9px}.target-list.rail-targets{gap:6px}.scene-status .status-divider,.scene-status .scene-count{display:none}.scene-status{min-height:37px}.scene-heading{padding:8px 11px}.scene-number{font-size:20px}.scene-eyebrow{font-size:6px}h1{font-size:16px}.board-caption{font-size:8px;left:10px;bottom:12px;max-width:49%;letter-spacing:0}.zoom-controls{right:10px;bottom:10px}.gesture-tip{display:block;font-size:8px}.toast{bottom:250px}}
@media(max-width:600px){.app{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.app-header{min-height:72px;gap:6px}.brand strong{font-size:19px}.brand small{font-size:7px;letter-spacing:.5px}.brand-mark{width:29px}.brand-mark>svg{width:27px;height:27px}.brand-spark{font-size:14px;right:-1px;top:2px}.header-actions{gap:2px}.hint-button{min-height:36px;width:34px;padding:5px;border-radius:10px}.hint-button>span:last-child{display:none}.hint-icon{width:21px;height:21px}.collection-button{font-size:10px;padding:0 5px;min-height:38px;border:0;gap:4px}.collection-button>span{display:none}.collection-button svg{width:20px;height:20px}.icon-button{width:31px;height:38px}.icon-button svg{width:18px;height:18px}.game{grid-template-columns:65px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto 28px;gap:9px 8px}.target-rail{border-radius:13px;padding:9px 4px 5px;gap:5px}.rail-heading{font-size:10px;letter-spacing:0;gap:3px}.rail-heading svg{width:12px;height:12px}.rail-progress{font-size:8px;margin-bottom:2px}.rail-progress strong{font-size:12px}.target-list.rail-targets{gap:4px}.rail-targets .target-card{padding:2px;gap:1px;border-radius:6px;flex-direction:column}.rail-targets .target-art{width:30px;height:27px}.rail-targets .target-name{font-size:8px;letter-spacing:0}.rail-footnote{font-size:6px;letter-spacing:.6px}.board-shell{border-radius:13px;min-height:0}.scene-heading{top:8px;left:8px;padding:6px 8px;gap:6px;border-radius:9px}.scene-number{font-size:16px;line-height:25px;padding-right:6px}.scene-eyebrow{font-size:5px;letter-spacing:.3px;margin-bottom:2px}h1{font-size:13px;letter-spacing:0}.scene-status{right:7px;top:8px;padding:0 6px;min-height:32px;font-size:9px;border-radius:9px}.scene-status svg{display:none}.board-caption{display:none}.zoom-controls{right:8px;bottom:8px;padding:2px;border-radius:9px}.zoom-controls button{min-width:29px;height:31px}.zoom-controls #zoom-reset{min-width:35px;font-size:9px}.zoom-controls>span,.zoom-controls #fit-button{display:none}.find-heading-row{padding:0 1px 7px}.find-title{gap:5px}.find-title h2{font-size:11px}.find-subtitle{font-size:8px;margin-left:0;letter-spacing:0}.small-spark{font-size:16px}.progress-track{display:none}.progress-summary strong{font-size:12px}.progress-total{font-size:9px}.target-list.bottom-targets{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.bottom-targets .target-card{flex-direction:column;min-height:61px;padding:4px 2px;gap:2px;border-radius:8px}.bottom-targets .target-art{width:35px;height:34px}.bottom-targets .target-name{font-size:8px}.target-check{width:12px;height:12px;right:1px;top:1px}.target-check svg{width:8px;height:8px}.game-footer{font-size:7px;gap:5px;letter-spacing:0;padding-bottom:3px}.game-footer>button{font-size:8px;min-height:26px;padding-left:3px}.gesture-tip{display:none}.toast{bottom:199px;font-size:10px;padding:10px 12px}.dialog h2{font-size:21px}.level-card-content h3{font-size:15px}}
@media(max-height:650px) and (orientation:landscape){.app-header{min-height:62px}.game{grid-template-columns:145px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto 25px;gap:8px 10px}.target-rail{padding:8px 5px 5px;gap:5px}.target-list.rail-targets{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:4px}.rail-targets .target-card{flex-direction:column;gap:0;padding:2px}.rail-targets .target-art{width:32px;height:28px}.rail-targets .target-name{font-size:8px}.rail-progress,.rail-footnote{display:none}.rail-heading{font-size:10px}.bottom-targets .target-card{min-height:55px;flex-direction:column;gap:2px;padding:4px 2px}.bottom-targets .target-art{width:32px;height:28px}.bottom-targets .target-name{font-size:8px}.find-heading-row{padding-bottom:6px}.find-title h2{font-size:11px}.find-subtitle{font-size:9px}.game-footer{font-size:8px;padding-bottom:2px}.board-caption{display:none}.scene-heading{padding:6px 9px;top:8px;left:8px}.scene-status{min-height:33px;top:8px;right:8px}.zoom-controls{right:8px;bottom:8px}.zoom-controls button{min-width:29px;height:29px}.toast{bottom:125px}}
/* Keep all controls outside the drawing so no hidden object is covered. */
.header-center.level-header{display:flex;align-items:center;gap:17px;margin:0;color:var(--ink)}.level-header .scene-heading{position:static;padding:0;border:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:auto}.level-header .scene-tag{display:none}.level-header .scene-status{position:static;padding:0;min-height:30px;border:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.level-header .scene-count,.level-header .status-divider{display:none}.level-header .scene-number{color:#9aa28c}.level-header .timer{font-size:10px;color:#939c86}.game{grid-template-rows:minmax(0,1fr) auto 38px}.game-footer .zoom-controls{position:static;backdrop-filter:none;-webkit-backdrop-filter:none;background:#fffefb;padding:1px 4px;border-radius:10px;box-shadow:none}.game-footer .zoom-controls button{min-width:30px;height:29px}.game-footer .zoom-controls #zoom-reset{min-width:41px}.game-footer .zoom-controls svg{width:15px;height:15px}.game-footer{padding-bottom:4px}
@media(max-width:1000px){.header-center.level-header{gap:10px}.level-header .scene-status{display:none}.level-header .scene-eyebrow{font-size:6px}.level-header h1{font-size:15px}.level-header .scene-number{font-size:19px}.collection-button{padding:0 9px;gap:7px}.header-actions{gap:5px}}
@media(max-width:700px){.header-center.level-header{display:none}.game-footer>span:first-child{font-size:7px;max-width:135px;line-height:1.6}.game-footer .zoom-controls{padding:1px 2px}.game-footer .zoom-controls button{min-width:26px;height:28px}.game-footer .zoom-controls #zoom-reset{min-width:33px;font-size:9px}.game-footer .zoom-controls>span,.game-footer .zoom-controls #fit-button{display:none}.game{grid-template-rows:minmax(0,1fr) auto 37px}}
.scene img{filter:grayscale(1)}
@media(max-height:800px) and (orientation:landscape){.game{grid-template-columns:148px minmax(0,1fr)}.target-list.rail-targets{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:5px}.rail-targets .target-card{flex-direction:column;gap:4px;padding:4px 2px}.rail-targets .target-art{width:39px;height:39px}.rail-targets .target-name{font-size:9px}.rail-progress{margin-bottom:2px}}
@media(max-height:520px) and (orientation:landscape){.rail-targets .target-art{width:29px;height:25px}.rail-targets .target-card{gap:0;padding:1px}.rail-targets .target-name{font-size:8px}}