:root{--background: oklch(97% .02 60);--foreground: oklch(25% .03 40);--primary: oklch(65% .15 45);--primary-fg: oklch(98% .01 50);--accent: oklch(75% .12 35);--primary-text: oklch(50% .15 45);--accent-text: oklch(48% .12 35);--card: oklch(98% .015 55);--muted: oklch(92% .03 55);--muted-fg: oklch(50% .05 45);--border: oklch(85% .04 50);--radius: .625rem;--serif: "Fraunces", Georgia, serif;--sans: "DM Sans", "Helvetica Neue", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;font-family:var(--sans);color:var(--foreground);background:var(--background)}#app,#app canvas{position:fixed;inset:0;display:block}.layer{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:10;overflow-y:auto;padding:16px 0}.hidden{display:none!important}.paper{position:relative;background:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius) * 1.6);box-shadow:0 18px 50px #7e432847,0 2px 8px #7e43281f;overflow:hidden}.paper:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.63 0 0 0 0 0.42 0 0 0 0 0.3 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}@keyframes paper-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.layer .paper,.index-panel,.quest-panel,#pause .paper{animation:paper-in .28s cubic-bezier(.2,.9,.3,1.2)}#intro{background:#ed946c47;backdrop-filter:blur(3px)}#intro .paper{max-width:min(560px,calc(100vw - 40px));max-height:calc(100dvh - 32px);overflow-y:auto;padding:44px 48px 36px;text-align:center}#intro .eyebrow,.modal-tag{display:inline-block;background:var(--muted);color:var(--muted-fg);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:6px 14px;border-radius:999px}#intro h1{font-family:var(--serif);font-size:clamp(34px,6vw,52px);font-weight:600;color:var(--primary);margin:18px 0 4px}#intro .tagline{color:var(--muted-fg);font-size:15.5px;margin-bottom:22px}.keys{display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:center;margin-bottom:26px;color:var(--muted-fg);font-size:13.5px}.keys b{display:inline-block;background:var(--muted);border:1px solid var(--border);border-bottom-width:2px;border-radius:6px;padding:2px 8px;font-weight:600;color:var(--foreground);font-size:12.5px}.btn{display:inline-block;border:1px solid var(--border);background:var(--card);color:var(--foreground);font-family:var(--sans);font-size:14.5px;font-weight:600;border-radius:999px;padding:11px 24px;cursor:pointer;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #7e432838}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--accent));border-color:transparent;color:var(--primary-fg)}.btn.big{font-size:16px;padding:13px 34px}.intro-links{margin-top:18px;display:flex;gap:14px;justify-content:center}.intro-links a{color:var(--muted-fg);font-size:13px;text-decoration:underline;text-underline-offset:3px}.intro-links a:hover{color:var(--primary)}#hud{position:fixed;top:16px;left:16px;right:16px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;z-index:5;pointer-events:none}#hud .brand{pointer-events:auto;display:flex;align-items:center;gap:10px;background:oklch(98% .015 55 / .86);border:1px solid var(--border);border-radius:999px;padding:7px 16px 7px 8px;font-weight:600;font-size:14px;backdrop-filter:blur(6px)}#hud .brand .g{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--primary-fg);font-family:var(--serif);display:grid;place-items:center;font-size:17px}#hud .hud-btns{pointer-events:auto;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.hud-btn{background:oklch(98% .015 55 / .86);border:1px solid var(--border);border-radius:999px;padding:8px 16px;font-family:var(--sans);font-size:13px;font-weight:600;color:var(--foreground);cursor:pointer;text-decoration:none;backdrop-filter:blur(6px)}.hud-btn:hover{border-color:var(--primary);color:var(--primary)}#crosshair{position:fixed;left:50%;top:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:oklch(98% .015 55 / .9);outline:1.5px solid oklch(25% .03 40 / .35);z-index:4}#prompt{position:fixed;left:50%;bottom:9vh;transform:translate(-50%);background:oklch(98% .015 55 / .92);border:1px solid var(--border);border-radius:999px;padding:10px 20px;font-size:14px;font-weight:600;z-index:5;backdrop-filter:blur(6px);white-space:nowrap}#prompt.pulse{animation:prompt-pop .7s ease}@keyframes prompt-pop{0%{transform:translate(-50%) scale(.9)}40%{transform:translate(-50%) scale(1.12)}to{transform:translate(-50%) scale(1)}}#prompt b{background:var(--primary);color:var(--primary-fg);border-radius:6px;padding:2px 8px;margin-right:8px;font-size:12.5px}#modal-layer{background:#2e1d1759;backdrop-filter:blur(2px);z-index:20}.modal{max-width:min(620px,calc(100vw - 36px));max-height:min(78vh,720px);width:100%;display:flex;flex-direction:column}.modal-head{padding:26px 30px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-close{border:1px solid var(--border);background:var(--muted);color:var(--muted-fg);width:34px;height:34px;border-radius:50%;font-size:16px;cursor:pointer;line-height:1}.modal-close:hover{color:var(--primary);border-color:var(--primary)}.modal h2{font-family:var(--serif);font-weight:600;font-size:clamp(24px,4vw,32px);color:var(--primary);padding:12px 30px 0}.modal .subtitle{padding:4px 30px 0;color:var(--accent-text);font-weight:600;font-size:14px}.modal-body{padding:14px 30px 8px;overflow-y:auto;font-size:15px;line-height:1.65}.modal-body p{margin-bottom:12px}.modal-body .muted{color:var(--muted-fg);font-size:14px}.modal-body a{color:var(--primary-text)}.modal-body blockquote{border-left:3px solid var(--accent);padding:6px 14px;margin:14px 0;color:var(--muted-fg);font-family:var(--serif);font-size:16px}.modal-body .repo-list{list-style:none}.modal-body .repo-list li{background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;margin-bottom:8px}.modal-body .repo-list li span{display:block;color:var(--muted-fg);font-size:13px;margin-top:2px}.modal-links{display:flex;flex-wrap:wrap;gap:10px;padding:10px 30px 26px}.modal-stack{padding:0 30px;color:var(--muted-fg);font-size:12.5px;letter-spacing:.06em;text-transform:uppercase}#index-layer{background:#2e1d174d;z-index:18}.index-panel{max-width:min(440px,calc(100vw - 36px));width:100%;max-height:80vh;display:flex;flex-direction:column}.index-panel h3{font-family:var(--serif);color:var(--primary);font-size:26px;padding:26px 30px 4px}.index-panel .hint{padding:0 30px 12px;color:var(--muted-fg);font-size:13px}.index-list{overflow-y:auto;padding:0 18px 22px}.index-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:none;border:none;border-radius:var(--radius);padding:10px 12px;font-family:var(--sans);font-size:14.5px;font-weight:500;color:var(--foreground);cursor:pointer}.index-item:hover{background:var(--muted)}.index-item .tag{flex-shrink:0;background:var(--muted);color:var(--muted-fg);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;border-radius:999px;padding:4px 10px;min-width:74px;text-align:center}#help-layer{background:#2e1d1759;backdrop-filter:blur(2px);z-index:20}.help-card{max-width:min(440px,calc(100vw - 36px))}.help-card .modal-body{padding-bottom:26px}.help-keys{color:var(--muted-fg);font-size:14px;line-height:1.9}.help-keys b{display:inline-block;background:var(--muted);border:1px solid var(--border);border-bottom-width:2px;border-radius:6px;padding:2px 8px;font-weight:600;color:var(--foreground);font-size:12.5px}#pause{background:#2e1d1740;z-index:4;cursor:pointer}#pause .paper{padding:26px 38px;text-align:center}#pause h3{font-family:var(--serif);color:var(--primary);font-size:24px;margin-bottom:6px}#pause p{color:var(--muted-fg);font-size:14px}body.photo-mode #hud,body.photo-mode #tracker,body.photo-mode #minimap,body.photo-mode #crosshair,body.photo-mode #prompt,body.photo-mode #toasts{display:none!important}.mode-pill{position:fixed;left:50%;bottom:20px;transform:translate(-50%);background:#2e1d17bf;color:#fcefe5;border-radius:999px;padding:9px 20px;font-family:var(--sans);font-size:13px;z-index:25}.mode-pill span{background:#fcefe5;color:#2e1d17;border-radius:5px;padding:1px 7px;font-weight:700}#ferret-carry-ui{border:1px solid oklch(96% .02 60 / .3);cursor:pointer}.letter{background:#fdf7f0;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);padding:16px 20px 12px;margin-bottom:16px}.letter-title{font-family:var(--serif);font-size:18px;font-weight:600;color:var(--primary);margin-bottom:8px}.letter p{font-size:14px;line-height:1.65;color:var(--foreground)}.letter-sig{text-align:right;font-family:var(--serif);font-style:italic;font-size:17px;color:var(--muted-fg);margin-top:6px}.gb-form{display:flex;gap:10px;margin:14px 0 8px}.gb-form input{flex:1;font-family:var(--sans);font-size:14.5px;color:var(--foreground);background:var(--muted);border:1px solid var(--border);border-radius:999px;padding:10px 18px;outline:none}.gb-form input:focus{border-color:var(--primary)}#piano-bar{position:fixed;left:50%;bottom:15vh;transform:translate(-50%);background:oklch(98% .015 55 / .94);border:1px solid var(--border);border-radius:14px;padding:10px 14px 12px;z-index:6;text-align:center;backdrop-filter:blur(6px);box-shadow:0 10px 28px #7e432847}#piano-bar .pb-title{font-family:var(--serif);font-size:13.5px;color:var(--primary);margin-bottom:8px}#piano-bar .pb-keys{display:flex;gap:4px}.pb-key{width:34px;height:52px;background:#faf6ec;border:1px solid var(--border);border-bottom-width:3px;border-radius:0 0 6px 6px;font-family:var(--sans);font-size:12px;font-weight:600;color:var(--muted-fg);display:flex;align-items:flex-end;justify-content:center;padding-bottom:5px;transition:transform .06s ease,background .06s ease}.pb-key.hit{background:linear-gradient(180deg,#faf6ec,#f9bf9f);transform:translateY(2px);border-bottom-width:1px}#move-hint{position:fixed;top:22vh;left:50%;transform:translate(-50%);background:var(--card);border:1px solid var(--border);border-radius:999px;padding:11px 24px;font-family:var(--sans);font-size:14.5px;color:var(--foreground);z-index:6;box-shadow:0 8px 24px #7e432840;animation:hint-pulse 1.8s ease-in-out infinite}#move-hint b{color:var(--primary)}@keyframes hint-pulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.045)}}#minimap{position:fixed;right:16px;bottom:16px;z-index:5;border-radius:50%;box-shadow:0 8px 24px #7e432847;background:var(--card);border:1px solid var(--border);overflow:hidden;line-height:0}@media (max-width: 720px){#minimap{display:none}}#tracker{position:fixed;left:16px;bottom:16px;display:flex;align-items:center;gap:12px;background:oklch(98% .015 55 / .9);border:1px solid var(--border);border-radius:999px;padding:9px 18px 9px 12px;font-family:var(--sans);cursor:pointer;z-index:5;backdrop-filter:blur(6px);text-align:left;max-width:min(340px,60vw);transition:border-color .15s ease}#tracker:hover{border-color:var(--primary)}#tracker.trk-pulse{animation:trk-pulse .55s ease-out}@keyframes trk-pulse{0%{transform:scale(1)}35%{transform:scale(1.06)}to{transform:scale(1)}}.trk-arrow{flex-shrink:0;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--primary-fg);display:grid;place-items:center;font-size:15px;transition:transform .15s linear}.trk-txt{display:flex;flex-direction:column;min-width:0}.trk-kicker{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-fg)}.trk-label{font-size:13px;font-weight:600;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trk-dist{flex-shrink:0;font-size:12px;font-weight:600;color:var(--primary-text)}#quest-layer{background:#2e1d174d;z-index:18}.quest-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--radius);font-size:14.5px}.quest-item .quest-check{flex-shrink:0;width:22px;height:22px;border-radius:50%;border:2px solid var(--border);display:grid;place-items:center;font-size:13px;color:var(--primary-fg)}.quest-item.done .quest-check{background:linear-gradient(135deg,var(--primary),var(--accent));border-color:transparent}.quest-item.done .quest-label{color:var(--muted-fg);text-decoration:line-through;text-decoration-color:#d86d3880}.quest-item.just-done .quest-check{animation:quest-check-pop .42s cubic-bezier(.2,.9,.3,1.4)}.quest-item.just-done{animation:quest-row-glow 1.1s ease-out}@keyframes quest-check-pop{0%{transform:scale(.4)}55%{transform:scale(1.28)}to{transform:scale(1)}}@keyframes quest-row-glow{0%{background:#ed946c33}to{background:transparent}}.quest-dist{margin-left:auto;flex-shrink:0;font-size:11.5px;font-weight:600;color:var(--primary-text);opacity:.85}.quest-progress{background:var(--muted);color:var(--muted-fg);border-radius:999px;font-size:11px;font-weight:600;padding:2px 8px;margin-left:6px}#toasts{position:fixed;top:64px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:30;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--border);border-radius:999px;padding:9px 20px;font-size:13.5px;font-weight:600;color:var(--foreground);box-shadow:0 8px 24px #7e432840;opacity:0;transform:translateY(-12px);transition:opacity .3s ease,transform .3s ease}.toast.in{opacity:1;transform:none}.toast-check{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--primary-fg);display:grid;place-items:center;font-size:12px}#dialogue{position:fixed;left:50%;bottom:4vh;transform:translate(-50%);width:min(660px,calc(100vw - 28px));z-index:22}.dlg-card{padding:34px 26px 18px;animation:dlg-in .28s cubic-bezier(.2,.9,.3,1.2);overflow:visible}@keyframes dlg-in{0%{opacity:0;transform:translateY(26px) scale(.97)}to{opacity:1;transform:none}}.dlg-portrait{position:absolute;top:-34px;left:18px;width:84px;height:84px;border-radius:50%;overflow:hidden;border:3px solid var(--primary);background:var(--muted);box-shadow:0 6px 18px #7e43284d;transform-origin:50% 62%;animation:dlg-breathe 3.6s ease-in-out infinite}@keyframes dlg-breathe{0%,to{transform:translateY(0) scale(1) rotate(-.5deg)}50%{transform:translateY(-1.5px) scale(1.015) rotate(.5deg)}}.dlg-portrait canvas{width:100%;height:100%;display:block}.dlg-name{position:absolute;top:-18px;left:112px;display:flex;align-items:baseline;gap:10px;background:var(--card);border:1px solid var(--border);border-radius:999px;padding:6px 16px}.dlg-name .who{font-family:var(--serif);font-weight:700;font-size:19px;color:var(--primary)}.dlg-name .sub{font-size:11.5px;color:var(--muted-fg)}.dlg-text{min-height:64px;margin-top:26px;font-size:15.5px;line-height:1.62;color:var(--foreground)}.dlg-choices{display:flex;flex-direction:column;align-items:flex-end;gap:7px;margin-top:12px;opacity:0;transition:opacity .2s ease;pointer-events:none}.dlg-choices.show{opacity:1;pointer-events:auto}.dlg-choice{font-family:var(--sans);font-size:13.5px;font-weight:600;color:var(--foreground);background:var(--muted);border:1px solid var(--border);border-radius:999px;padding:8px 18px;cursor:pointer;transition:transform .1s ease,background .1s ease}.dlg-choice:hover{background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--primary-fg);transform:translate(-3px)}.dlg-hint{margin-top:10px;text-align:right;font-size:10.5px;color:var(--muted-fg);opacity:.75}#fallback .paper{max-width:480px;padding:40px;text-align:center}#fallback h2{font-family:var(--serif);color:var(--primary);margin-bottom:10px}#fallback p{color:var(--muted-fg);margin-bottom:18px}.touch-only{display:none}@media (pointer: coarse){.desktop-only{display:none}.touch-only{display:inline-flex}#prompt{bottom:14vh}#prompt b{display:none}.hud-btn{padding:8px 12px;font-size:12px;min-height:44px}#hud .brand{font-size:13px;padding:6px 14px 6px 6px}#tracker{pointer-events:none}.modal-close{width:44px;height:44px}#prompt{min-height:44px;display:flex;align-items:center}}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn:focus-visible,.hud-btn:focus-visible,.index-item:focus-visible,.modal-close:focus-visible,.dlg-choice:focus-visible,.intro-links a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}#loading{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:var(--background);color:var(--primary);font-family:var(--serif);font-size:clamp(18px,3.5vw,24px);font-weight:600;letter-spacing:.01em;text-align:center;padding:24px}body:has(#intro) #loading{display:none!important}@media (prefers-reduced-motion: reduce){.layer .paper,.index-panel,.quest-panel,#pause .paper,.dlg-card,#prompt.pulse,#tracker.trk-pulse,.quest-item.just-done,.quest-item.just-done .quest-check,.toast{animation:none!important;transition:none!important;opacity:1;transform:none}#move-hint,.dlg-portrait{animation-iteration-count:1!important;animation:none!important;transform:none}#prompt.pulse,#move-hint{transform:translate(-50%)}}