:root{color-scheme:dark;--ink:#eee5d3;--gold:#e6be7c;--bg:#172c35;--line:#c3d4d41b;--muted:#97afb4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--ink);min-width:280px;overflow:hidden}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}.night{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 0,#38515777,transparent 65%),radial-gradient(circle at 4% 23%,#e1d6aa55 0 1px,transparent 1.5px),radial-gradient(circle at 94% 72%,#e1d6aa55 0 1px,transparent 1.5px)}.app{height:100dvh;max-height:100dvh;width:min(1220px,calc(100% - 48px));margin:auto;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;height:88px;min-height:88px;gap:14px}.identity{display:flex;align-items:center;gap:14px}.identity img{width:36px;height:36px}.eyebrow{font-size:7px;letter-spacing:1.8px;color:#91adae;font-weight:650;margin:0 0 8px}h1{font:normal 32px/1 Georgia,serif;letter-spacing:-1px;margin:0;white-space:nowrap}h1 em{color:#e1c696;font-weight:400}h1 small{display:inline-block;font:7px ui-sans-serif,system-ui;letter-spacing:1px;color:#c0d2c0;border:1px solid #bcc4a43d;padding:4px 5px;border-radius:5px;vertical-align:middle;margin-left:6px}.top-actions{display:flex;gap:6px}.top-actions button{height:32px;min-width:32px;background:#ffffff04;border:1px solid #bfd1ce29;border-radius:30px;color:#c6d0c6;padding:0 11px;font-size:10px}.top-actions #levels{font-size:18px;padding:0 9px}.top-actions #help{font:18px Georgia}.top-actions #sound{font-size:18px;padding:0 8px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 256px;gap:20px;min-height:0;flex:1}.world-card{display:flex;flex-direction:column;min-height:0;background:#213840;border:1px solid #c0d6cc26;border-radius:19px;overflow:hidden;box-shadow:0 25px 70px #071c2536}.world-heading{height:42px;min-height:42px;display:flex;align-items:center;gap:13px;padding:0 17px;border-bottom:1px solid #c4d8c919;background:#243c43}.night-number{font-size:6px;color:#d2ba8e;letter-spacing:1.5px;white-space:nowrap}#level-title{font-size:10px;color:#b1c5c4;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.world-heading button{border:1px solid #c6d7ca24;border-radius:8px;background:#ffffff03;color:#a9c0bd;height:25px;width:27px;font-size:16px;padding:0}.world-heading button:last-child{font-size:15px}.scene{position:relative;min-height:0;flex:1;overflow:hidden;background:#263e4d;isolation:isolate}.scene canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;outline-offset:-3px}.scene-actions{position:absolute;top:12px;right:12px;display:grid;grid-template-columns:repeat(2,34px);gap:6px;z-index:3}.scene-actions button{width:34px;height:34px;background:#132c3bc9;border:1px solid #c3d6c43d;border-radius:10px;color:#d4dcbe;padding:7px;backdrop-filter:blur(3px)}.scene-actions button:hover,.scene-actions button[aria-pressed=true]{background:#425c5bc9;border-color:#d9c68e80}.scene-actions svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.compass{grid-column:1/-1;text-align:center;font:11px Georgia;color:#cbd5c4;text-shadow:0 2px 5px #061e2b;letter-spacing:3px;padding-left:3px;opacity:.85}.scene-quest{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);width:calc(100% - 30px);max-width:500px;text-align:center;pointer-events:none;display:flex;align-items:center;flex-direction:column;gap:8px}.inventory{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #e2ddbd30;background:#132a36c2;border-radius:20px;padding:7px 13px;backdrop-filter:blur(4px)}.inventory .spirit{width:14px;height:17px;opacity:.3;color:#a8c7c4}.inventory .spirit.found{opacity:1;color:#d8dfbb;filter:drop-shadow(0 0 7px #e9d18c55)}.inventory svg{height:100%;width:100%;display:block}.inventory .key{height:17px;width:19px;opacity:.3;margin-left:7px;color:#c7b99c}.inventory .key.found{opacity:1;color:#edd092}.inventory span.count{font-size:9px;color:#ddd3ab;margin-left:3px;min-width:27px}.scene-quest p{font-size:9px;line-height:1.5;letter-spacing:.1px;color:#e1dfc9;background:#132a36ad;border:1px solid #e2ddbd16;padding:7px 12px;border-radius:7px;margin:0;max-width:100%;text-shadow:0 1px 5px #061e2b}.map-caption{position:absolute;top:15px;left:50%;transform:translateX(-50%);color:#d9d4ae;font-size:7px;letter-spacing:1.3px;background:#132a36b0;border:1px solid #c4d0b528;padding:7px 12px;border-radius:6px;white-space:nowrap;pointer-events:none}.hint-banner{position:absolute;top:12px;left:50%;transform:translateX(-50%);border:1px solid #b6d8e13b;border-radius:7px;padding:8px 11px;background:#1d3c4bcc;color:#c5e0db;font-size:9px;white-space:nowrap;pointer-events:none}.scene.map-open .scene-quest{bottom:8px;gap:5px}.scene.map-open .scene-quest p{display:none}.scene.map-open .hint-banner{top:auto;bottom:51px}.navigation{height:78px;min-height:78px;display:flex;justify-content:space-between;align-items:center;padding:10px 22px;gap:16px;background:#20363e;border-top:1px solid #dce0bc1e}.step-counter,.guide-counter{width:56px;text-align:center;display:flex;flex-direction:column;gap:7px}.step-counter strong,.guide-counter strong{font:23px/1 Georgia;color:#ead1a5}.step-counter span,.guide-counter span{font-size:5px;letter-spacing:1.5px;color:#88a3aa}.guide-counter strong{font-size:18px;color:#a9c0ba}.move-controls{display:flex;gap:8px;justify-content:center;flex:1}.move-controls button{height:52px;width:59px;background:#2d454a;border:1px solid #c1d4c229;border-radius:11px;color:#c5d0c4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:4px;touch-action:none;user-select:none}.move-controls button b{font:24px/1 Georgia}.move-controls button span{font-size:5px;letter-spacing:1px;color:#9dafac}.move-controls .forward{width:70px;background:#d6b77d;color:#273b3e;border-color:#f4dca6}.move-controls .forward span{color:#49605c}.move-controls .forward b{font-size:27px}.move-controls button:hover{filter:brightness(1.12)}.move-controls button:active,.move-controls button.active{transform:translateY(1px);background:#668274}.move-controls .forward:active,.move-controls .forward.active{background:#eed39c}.journal{border:1px solid #c3d8c521;background:linear-gradient(150deg,#2c4245,#253b42);border-radius:19px;padding:22px;display:flex;flex-direction:column;min-height:0;overflow:hidden}.journal-heading{display:flex;justify-content:space-between;align-items:center;font-size:6px;letter-spacing:1.3px;color:#c0ae86}.journal-heading>span:last-child{font-size:17px}.journal h2{font:28px/1.15 Georgia;letter-spacing:-.6px;color:#eadbbc;margin:20px 0 8px}.journal-art{height:104px;min-height:104px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#d6d0a414,transparent 65%)}.journal-art svg{height:103px;width:112px}.journal>p{font-size:10px;line-height:1.8;color:#a4b8b9;margin:10px 0 17px}.objective-list{display:flex;flex-direction:column;gap:10px;border-top:1px solid #cbd5bc1a;border-bottom:1px solid #cbd5bc1a;padding:14px 0}.objective-list>div{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#a2b9b8}.objective-list strong{font-weight:500;color:#d5c59d}.record{display:flex;flex-direction:column;gap:8px;margin-top:18px}.record>span{font-size:6px;color:#829da2;letter-spacing:1.1px}.record>strong{font-size:9px;font-weight:400;color:#b7c6bc;line-height:1.7}.journal .journal-note{font-size:8px;line-height:1.9;color:#7f9da3;margin:auto 0 0;padding-top:16px}footer{min-height:39px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#708e97;font-size:8px}footer>span:last-child{font-size:6px;letter-spacing:1.5px}.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}dialog{background:radial-gradient(ellipse at 50% 0,#45564f,#233c44 70%);border:1px solid #cbd4a348;border-radius:22px;color:var(--ink);width:min(520px,calc(100% - 28px));max-height:92dvh;overflow:auto;text-align:center;padding:32px 30px;box-shadow:0 30px 130px #08172399}dialog::backdrop{background:#081c28d9;backdrop-filter:blur(5px)}dialog .close{position:absolute;top:8px;right:11px;color:#b4c8bc;background:none;border:0;font-size:25px;padding:5px 8px}dialog h2{font:normal 32px/1.2 Georgia;color:#e6d8b8;letter-spacing:-.5px;margin:8px 0 15px}dialog p{font-size:11px;line-height:1.8;color:#afc0b9}dialog .fineprint{font-size:9px;color:#8da7a6;line-height:1.8}.primary{background:#e6be7e;color:#273b3c;border:1px solid #f8dba8;min-height:42px;border-radius:9px;font-size:11px;font-weight:700;padding:12px 21px}.primary:hover{background:#f8d298}.secondary{background:#ffffff04;color:#bfccbf;border:1px solid #c3d3ba36;min-height:40px;border-radius:9px;font-size:10px;padding:11px 18px}.secondary:hover{background:#ffffff0b}.level-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:24px 0 19px}.level-button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;min-height:57px;background:#253d42;border:1px solid #bccdb02b;border-radius:10px;color:#b9c7b8;padding:10px 4px}.level-button strong{font-size:15px;font-weight:500}.level-button small{font-size:8px;color:#83a4a4}.level-button.current{background:#8a7a4630;border-color:#e6bd7c;color:#f2d29b}.level-button.done small{color:#dbc78e}.daily-button{display:flex;align-items:center;gap:15px;padding:15px 17px;color:#d7cba9;background:#9ba3800d;border:1px solid #c5d0ac36;border-radius:12px;width:100%;text-align:left}.daily-button>span{font:30px Georgia;color:#d5c693}.daily-button>div{flex:1}.daily-button strong{font-size:11px;display:block;margin-bottom:6px;font-weight:600}.daily-button small{font-size:8px;color:#8fa9a7;letter-spacing:1px}.daily-button>b{font-size:18px;font-weight:400;color:#c9cba5}#help-copy{text-align:left;margin:19px 0 23px}#help-copy p{border-top:1px solid #d5d6bc1b;padding-top:13px;margin:13px 0}#help-copy b{font-weight:600;color:#dfcc9e}.win-art{display:flex;align-items:center;justify-content:center;margin-top:8px}.win-art svg{width:75px;height:91px;margin:0 -2px;filter:drop-shadow(0 0 18px #e9d39218)}.win-art svg:nth-child(2){transform:translateY(-9px)}.win-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:18px 0;border-top:1px solid #c4d0b726;border-bottom:1px solid #c4d0b726;margin:20px 0 13px}.win-stats b{font:24px Georgia;color:#e4ce9e;display:block}.win-stats span{font-size:7px;color:#9bb2a9;display:block;margin-top:8px}.dialog-buttons{display:flex;justify-content:center;gap:10px;margin-top:20px}.dialog-buttons button{flex:1;padding:11px}#share-link{width:100%;padding:13px;border-radius:8px;border:1px solid #adc5b933;background:#15303b;color:#c0d5ca;font-size:11px;margin:18px 0 21px}#toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,12px);background:#e3d3b0;color:#2b4245;border:1px solid #f6e3b8;border-radius:9px;padding:11px 18px;font-size:11px;max-width:90vw;text-align:center;opacity:0;pointer-events:none;transition:.2s;z-index:20}#toast.show{opacity:1;transform:translate(-50%,0)}.scene.bump{animation:bump .15s ease-out}@keyframes bump{50%{filter:brightness(.88)}}
@media(max-width:900px){.app{width:calc(100% - 28px)}.game-layout{grid-template-columns:1fr}.journal{display:none}.topbar{height:72px;min-height:72px}h1{font-size:29px}.identity{gap:11px}.identity img{width:31px;height:31px}.world-card{border-radius:16px}}
@media(max-width:540px){.app{width:calc(100% - 14px)}.topbar{height:64px;min-height:64px;padding:0 4px;gap:6px}.identity{gap:8px}.identity img{width:26px;height:26px}.identity .eyebrow{font-size:4.7px;letter-spacing:1px;margin-bottom:6px}h1{font-size:22px;letter-spacing:-.7px}h1 small{font-size:5px;padding:3px;margin-left:3px}.top-actions{gap:4px}.top-actions button{height:27px;min-width:27px;padding:0 8px;font-size:8px}.top-actions #levels{font-size:15px;padding:0 7px}.top-actions #help{font-size:16px}.top-actions #sound{font-size:16px;padding:0 7px}.world-heading{height:35px;min-height:35px;gap:9px;padding:0 11px}.night-number{font-size:5px;letter-spacing:.8px}#level-title{font-size:9px}.world-heading button{width:25px;height:24px}.scene-actions{top:10px;right:10px;grid-template-columns:repeat(2,32px);gap:5px}.scene-actions button{width:32px;height:32px;padding:7px;border-radius:9px}.compass{font-size:10px;letter-spacing:2px}.scene-quest{bottom:12px;gap:7px;width:calc(100% - 20px)}.scene-quest p{font-size:8px;padding:6px 9px}.inventory{padding:6px 11px;gap:6px}.inventory .spirit{height:15px;width:13px}.inventory .key{height:15px;width:17px;margin-left:5px}.inventory span.count{font-size:8px;min-width:23px}.navigation{height:68px;min-height:68px;padding:8px 12px;gap:9px}.move-controls{gap:5px}.move-controls button{width:47px;height:47px;border-radius:9px;gap:4px}.move-controls button b{font-size:23px}.move-controls button span{font-size:4px;letter-spacing:.6px}.move-controls .forward{width:54px}.move-controls .forward b{font-size:26px}.step-counter,.guide-counter{width:39px;gap:6px}.step-counter strong{font-size:21px}.guide-counter strong{font-size:17px}.step-counter span,.guide-counter span{font-size:4px;letter-spacing:.6px}footer{min-height:30px;font-size:6px;justify-content:center}footer>span:last-child{display:none}.hint-banner{top:12px;font-size:7px;padding:7px;max-width:calc(100% - 178px);white-space:normal;text-align:center;line-height:1.6}.map-caption{font-size:5px;letter-spacing:.8px;top:10px;padding:6px 8px}dialog{padding:27px 20px}dialog h2{font-size:28px}.level-picker{gap:6px}.level-button{min-height:52px}.level-button strong{font-size:14px}.level-button small{font-size:7px}}
@media(max-width:370px){.identity img{display:none}h1{font-size:21px}.topbar{padding:0 3px}.top-actions{gap:3px}.top-actions button{padding:0 7px}.navigation{padding:8px;gap:5px}.move-controls{gap:4px}.move-controls button{width:43px}.move-controls .forward{width:49px}.step-counter,.guide-counter{width:32px}}
@media(max-height:570px){.app{width:calc(100% - 18px)}.topbar{height:51px;min-height:51px}.identity{gap:9px}.identity img{width:28px;height:28px}.identity .eyebrow{font-size:5px;letter-spacing:1.2px;margin-bottom:4px}h1{font-size:24px}.top-actions button{height:28px;min-width:28px;font-size:9px}.game-layout{grid-template-columns:1fr}.journal{display:none}.world-heading{height:33px;min-height:33px}.world-card{border-radius:13px}.navigation{height:62px;min-height:62px;padding:8px 18px}.move-controls button{height:44px;width:53px;gap:3px}.move-controls .forward{width:62px}.move-controls button span{font-size:4px}.move-controls button b{font-size:23px}.step-counter strong{font-size:20px}.guide-counter strong{font-size:17px}footer{min-height:25px;font-size:7px}.scene-quest{bottom:10px;gap:6px}.scene-quest p{font-size:8px;padding:5px 9px}.inventory{padding:5px 11px}.inventory .spirit{height:14px;width:12px}.inventory .key{height:14px;width:16px}.inventory span.count{font-size:8px}.scene-actions{top:10px;right:10px;grid-template-columns:repeat(2,30px);gap:5px}.scene-actions button{width:30px;height:30px;border-radius:8px;padding:6px}.compass{font-size:9px}.hint-banner{font-size:8px;padding:6px 9px;top:10px}.map-caption{font-size:6px;top:9px}dialog{padding:20px 24px;max-height:94dvh}dialog h2{font-size:26px;margin:4px 0 10px}dialog p{font-size:10px;line-height:1.7}.level-picker{margin:17px 0 14px;gap:6px}.level-button{min-height:45px;padding:7px 4px;gap:5px}.level-button strong{font-size:13px}.daily-button{padding:10px 13px;gap:10px}.daily-button>span{font-size:24px}.daily-button strong{font-size:10px;margin-bottom:5px}.daily-button small{font-size:7px}.win-art svg{height:68px;width:57px}.win-stats{margin:13px 0 10px;padding:13px 0}.win-stats b{font-size:21px}.dialog-buttons{margin-top:14px}.dialog-buttons button{min-height:35px;padding:8px 12px;font-size:10px}#help-copy{margin:13px 0 18px}#help-copy p{margin:10px 0;padding-top:10px}}
@media(max-height:400px){.app{width:calc(100% - 14px)}.topbar{height:38px;min-height:38px}.identity .eyebrow{display:none}.identity img{width:25px;height:25px}h1{font-size:22px}.top-actions button{height:25px;min-width:25px;font-size:8px}.world-heading{height:28px;min-height:28px;padding:0 11px}.world-heading button{height:22px;width:24px}#level-title{font-size:9px}.night-number{font-size:5px}.navigation{height:51px;min-height:51px;padding:6px 15px;gap:10px}.move-controls{gap:6px}.move-controls button{height:38px;width:50px;gap:2px;border-radius:8px}.move-controls .forward{width:58px}.move-controls button b{font-size:21px}.move-controls .forward b{font-size:24px}.move-controls button span{font-size:4px}.step-counter,.guide-counter{gap:4px}.step-counter strong{font-size:18px}.guide-counter strong{font-size:15px}.step-counter span,.guide-counter span{font-size:4px}footer{min-height:20px;font-size:6px}.scene-actions{top:7px;right:7px;gap:4px;grid-template-columns:repeat(2,28px)}.scene-actions button{width:28px;height:28px;padding:6px}.compass{font-size:8px}.scene-quest{bottom:8px;gap:5px}.scene-quest p{font-size:7px;padding:4px 8px}.inventory{padding:4px 9px;gap:5px}.inventory .spirit{height:12px;width:10px}.inventory .key{height:12px;width:13px;margin-left:4px}.inventory span.count{font-size:7px;min-width:20px}.map-caption{top:8px;font-size:5px;padding:5px 7px}.hint-banner{top:8px;font-size:7px;padding:5px 8px}.win-art{display:none}.win-stats{margin-top:12px;padding:10px 0}.level-picker{margin:12px 0;gap:5px}.level-button{min-height:39px;gap:4px}.level-button strong{font-size:12px}.daily-button{padding:8px 12px}.level-picker+.daily-button+p{font-size:8px;margin-bottom:0}}
@media(max-height:320px){.topbar{height:34px;min-height:34px}h1{font-size:20px}.identity img{width:23px;height:23px}.world-heading{height:25px;min-height:25px}.world-heading button{height:20px}.navigation{height:47px;min-height:47px;padding:5px 10px}.move-controls button{height:35px;width:44px}.move-controls .forward{width:51px}footer{min-height:17px;font-size:5px}.scene-quest{bottom:6px}.scene-quest p{font-size:6px;padding:4px 7px}.scene-actions{grid-template-columns:repeat(2,26px)}.scene-actions button{width:26px;height:26px}.inventory{padding:3px 8px}.inventory .spirit{height:11px}.inventory .key{height:11px}.hint-banner{font-size:6px;max-width:calc(100% - 150px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}