:root{--washi: #efe7d6;--sumi: #17140f;--vermilion: #e5543f;--gold: #e6b24d;--gold-lite: #ffd98a;--indigo: #2a4b7c;--panel: rgba(23, 20, 15, .72);--hair: rgba(239, 231, 214, .16);--font-d: "Iowan Old Style", "Palatino Linotype", Palatino, "Times New Roman", serif;--font-b: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-b);background:#1b2e4e;color:var(--washi);-webkit-font-smoothing:antialiased}canvas{display:block;touch-action:none}button{font-family:inherit;cursor:pointer}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;background:radial-gradient(120% 120% at 50% 30%,#14100a59,#0f0c08d1 75%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadein .6s ease}.intro-card{text-align:center;padding:0 24px;max-width:640px}.kicker{font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold-lite);margin-bottom:22px;opacity:.9}.intro h1{font-family:var(--font-d);font-weight:600;font-size:clamp(44px,9vw,96px);line-height:.98;letter-spacing:.02em;text-shadow:0 4px 40px rgba(0,0,0,.5);margin-bottom:14px}.tagline{font-size:clamp(15px,2.4vw,19px);color:var(--washi);opacity:.85;margin-bottom:30px}.enter-btn{background:linear-gradient(180deg,var(--vermilion),#b3341f);color:#fff;border:0;border-radius:999px;padding:15px 34px;font-size:16px;font-weight:600;letter-spacing:.02em;box-shadow:0 12px 40px -12px #e5543fb3,inset 0 1px #ffffff40;transition:transform .15s ease,box-shadow .15s ease}.enter-btn:hover{transform:translateY(-2px);box-shadow:0 18px 50px -14px #e5543fd9}.enter-btn:focus-visible{outline:2px solid var(--gold-lite);outline-offset:3px}.hint-sm{margin-top:22px;font-size:12.5px;color:#efe7d699;letter-spacing:.04em}.intro-links{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.intro-links a{color:var(--gold-lite);font-size:13px;font-weight:600;letter-spacing:.03em;text-decoration:none;opacity:.9;transition:opacity .15s ease}.intro-links a:hover{opacity:1;text-decoration:underline}.intro-links .in-a-hurry{color:#efe7d673;font-size:11.5px;letter-spacing:.02em}@media(max-width:520px){.intro-links .in-a-hurry{display:none}}.chip{position:fixed;top:18px;left:20px;z-index:20;font-size:13px;letter-spacing:.03em;color:var(--washi);background:var(--panel);border:1px solid var(--hair);border-radius:999px;padding:8px 16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;gap:8px}.chip .muted{color:#efe7d699}.chip .dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold)}.top-right{position:fixed;top:18px;right:20px;z-index:20;display:flex;gap:8px}.round-btn{width:38px;height:38px;border-radius:999px;background:var(--panel);border:1px solid var(--hair);color:var(--washi);font-size:15px;line-height:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;transition:transform .15s ease,border-color .15s ease}.round-btn:hover{transform:translateY(-1px);border-color:var(--gold)}.round-btn:focus-visible{outline:2px solid var(--gold-lite);outline-offset:3px}.controls{position:fixed;bottom:18px;left:20px;z-index:20;font-size:12px;color:#efe7d6b3;letter-spacing:.02em;background:var(--panel);border:1px solid var(--hair);border-radius:10px;padding:8px 14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.controls b{color:var(--gold-lite);font-weight:600}.prompt{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:20;width:min(440px,calc(100vw - 40px));background:var(--panel);border:1px solid var(--hair);border-radius:16px;padding:18px 20px 20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 24px 60px -30px #000c;animation:rise .28s cubic-bezier(.2,.9,.3,1)}.prompt-sahloka{border-color:#e6b24d80;box-shadow:0 24px 70px -26px #e6b24d8c,inset 0 0 0 1px #e6b24d26;background:linear-gradient(180deg,#3c2c12bf,#17140fcc)}.prompt-tag{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-lite);margin-bottom:6px}.prompt-name{font-family:var(--font-d);font-size:24px;font-weight:600;margin-bottom:8px}.prompt-blurb{font-size:14px;line-height:1.55;color:#efe7d6d1;margin-bottom:16px}.prompt-btn{background:var(--indigo);color:#fff;border:0;border-radius:10px;padding:11px 18px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:10px;transition:transform .12s ease,filter .12s ease}.prompt-btn:hover{transform:translateY(-1px);filter:brightness(1.12)}.prompt-btn.gold{background:linear-gradient(180deg,var(--gold),#c8902f);color:#2b1e08}.prompt-btn .key{font-size:11px;font-weight:700;background:#ffffff2e;border-radius:5px;padding:2px 7px;letter-spacing:.05em}.toast{position:fixed;top:22%;left:50%;transform:translate(-50%);z-index:25;font-family:var(--font-d);font-size:clamp(30px,6vw,60px);font-weight:600;color:var(--gold-lite);letter-spacing:.04em;text-shadow:0 4px 30px rgba(0,0,0,.6);pointer-events:none;animation:pop .4s cubic-bezier(.2,1.4,.4,1)}.fade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 46%,var(--gold-lite),var(--gold) 35%,#7a4d10 100%);transition:opacity .9s ease}.fade-on{opacity:1}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes pop{0%{opacity:0;transform:translate(-50%,6px) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}.tally{position:fixed;top:64px;left:20px;z-index:20;display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}.tally:hover span{border-color:#e6b24d80}.tally:focus-visible{outline:2px solid var(--gold-lite);outline-offset:3px;border-radius:999px}.tally span{background:var(--panel);border:1px solid var(--hair);border-radius:999px;padding:5px 12px;font-size:12.5px;color:#efe7d6d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-variant-numeric:tabular-nums;transition:color .2s ease,border-color .2s ease}.tally span.done{color:var(--gold-lite);border-color:#e6b24d80}.tally .rain-on{color:#a9c6dd;border-color:#a9c6dd66}.prompt-note{font-family:var(--font-d);font-size:15px;line-height:1.5;color:var(--gold-lite);margin:-6px 0 14px;font-style:italic}.photo-hint{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:20;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#efe7d673;background:none;border:0;padding:10px 14px;font-family:inherit}.photo-hint b{color:#efe7d6b3}@media(max-width:560px){.tally{top:60px}}.tally .rank{color:var(--gold-lite);border-color:#e6b24d73;letter-spacing:.06em;text-transform:uppercase;font-size:11.5px;font-weight:600}.seal-flash{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60;background:radial-gradient(circle at 50% 58%,#ffd696f2,#e8752c8c 38%,#0000 72%);animation:sealFlash 2.6s ease-out forwards}@keyframes sealFlash{0%{opacity:0}6%{opacity:1}to{opacity:0}}.title-card{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;pointer-events:none;background:radial-gradient(circle at 50% 50%,#04060fb8,#04060ff0);animation:tcIn 1.4s ease-out both}.title-card-inner{pointer-events:auto;text-align:center;max-width:34rem;padding:0 1.5rem}@keyframes tcIn{0%{opacity:0}to{opacity:1}}.tc-kicker{font-size:.72rem;letter-spacing:.34em;text-transform:uppercase;color:#ff9a4d;margin:0 0 1.1rem}.tc-name{font-family:var(--serif, Georgia, serif);font-weight:400;font-size:clamp(2.6rem,8vw,4.6rem);line-height:1;margin:0;color:#f6efe4;letter-spacing:.02em}.tc-rank{font-size:clamp(1.1rem,3vw,1.5rem);letter-spacing:.5em;text-transform:uppercase;color:#e6b24d;margin:.9rem 0 1.6rem;padding-left:.5em}.tc-note{color:#b9b3a8;font-size:.95rem;line-height:1.65;margin:0 auto 1.9rem;max-width:27rem}.tc-btn{pointer-events:auto;cursor:pointer;background:#e8752c;color:#1a0d06;border:0;border-radius:999px;padding:.7rem 1.5rem;font:inherit;font-weight:600;font-size:.92rem;transition:transform .15s ease,background .15s ease}.tc-btn:hover{background:#ff9a4d;transform:translateY(-1px)}.tc-actions{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap}.tc-ghost{background:transparent;color:#cfc7ba;box-shadow:inset 0 0 0 1px #cfc7ba52}.tc-ghost:hover{background:#cfc7ba1a;color:#f6efe4}.legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:22px;font-size:12.5px;color:#efe7d6b3;letter-spacing:.01em}.legend b{color:var(--gold-lite);font-weight:600}.link-btn{background:transparent;border:1px solid rgba(230,178,77,.5);color:var(--gold-lite);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;letter-spacing:.02em;transition:background .15s ease}.link-btn:hover{background:#e6b24d1f}.link-btn:focus-visible{outline:2px solid var(--gold-lite);outline-offset:3px}.compass{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:8px;pointer-events:none;background:var(--panel);border:1px solid var(--hair);border-radius:999px;padding:7px 14px 7px 10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12.5px;color:#efe7d6d9;white-space:nowrap;max-width:min(46vw,360px);overflow:hidden;text-overflow:ellipsis}.compass .arrow{display:inline-block;width:16px;text-align:center;color:var(--gold-lite);font-size:13px;line-height:1}.compass .label{overflow:hidden;text-overflow:ellipsis}.notice{position:fixed;top:68px;left:50%;transform:translate(-50%);z-index:25;background:var(--panel);border:1px solid rgba(230,178,77,.45);color:var(--gold-lite);border-radius:999px;padding:8px 16px;font-size:13px;letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;white-space:nowrap;max-width:calc(100vw - 40px);overflow:hidden;text-overflow:ellipsis;animation:pop .35s cubic-bezier(.2,1.4,.4,1)}.journal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:33;pointer-events:none;display:flex;justify-content:flex-end}.journal{pointer-events:auto;width:min(560px,100%);height:100%;overflow:auto;overscroll-behavior:contain;background:linear-gradient(180deg,#1e1a14f0,#12100cf5);border-left:1px solid var(--hair);padding:26px 26px 20px;box-shadow:-30px 0 80px -30px #000000e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:slideIn .3s cubic-bezier(.2,.9,.3,1)}@keyframes slideIn{0%{transform:translate(40px);opacity:0}to{transform:none;opacity:1}}.q-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.q-kicker{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-lite);margin-bottom:8px}.q-head h2{font-family:var(--font-d);font-weight:600;font-size:clamp(26px,4vw,34px);line-height:1.05;letter-spacing:.01em}.q-title{margin-top:6px;font-size:14px;color:#efe7d6bf}.q-close{flex:none;width:34px;height:34px;border-radius:999px;background:transparent;border:1px solid var(--hair);color:#efe7d6cc;font-size:14px}.q-close:hover{border-color:var(--gold);color:var(--washi)}.q-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.q-links a{color:var(--gold-lite);text-decoration:none;font-size:12.5px;font-weight:600;border:1px solid rgba(230,178,77,.4);border-radius:999px;padding:6px 12px}.q-links a:hover{background:#e6b24d1f}.q-bio{margin-top:18px}.q-bio p{font-family:var(--font-d);font-size:16px;line-height:1.55;color:#efe7d6e6;margin-bottom:8px}.journal section{margin-top:24px}.q-sec{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-lite);margin-bottom:10px}.q-pct{letter-spacing:.04em;text-transform:none;color:#efe7d6b3;font-variant-numeric:tabular-nums}.q-bar{height:6px;border-radius:999px;background:#efe7d61a;overflow:hidden;margin-bottom:12px}.q-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-lite));border-radius:999px;transition:width .4s ease}.q-list{list-style:none;display:flex;flex-direction:column;gap:4px}.q-list li{display:grid;grid-template-columns:22px 1fr auto;column-gap:8px;align-items:baseline;padding:8px 10px;border-radius:10px;background:#efe7d60a}.q-list li.done{background:#e6b24d14}.q-list li.done .q-name{color:var(--gold-lite)}.q-check{color:var(--gold-lite);font-weight:700;text-align:center}.q-name{font-size:14px;font-weight:600}.q-count{font-size:12.5px;color:#efe7d6a6;font-variant-numeric:tabular-nums}.q-hint{grid-column:2 / -1;font-size:12.5px;color:#efe7d68c;line-height:1.45;margin-top:2px}.q-list li.secret .q-name{color:#efe7d699;font-style:italic}.q-list li.secret.done .q-name{color:var(--gold-lite);font-style:normal}.p-list{list-style:none;display:flex;flex-direction:column;gap:6px}.p-list li{display:grid;grid-template-columns:14px 1fr auto;column-gap:12px;align-items:center;padding:12px;border-radius:12px;background:#efe7d60a;border:1px solid transparent}.p-list li.seen{border-color:#e6b24d4d}.p-list li.sahloka{background:linear-gradient(180deg,#3c2c1280,#17140f80);border-color:#e6b24d73}.p-dot{width:10px;height:10px;border-radius:50%}.p-dot.gold{background:var(--gold);box-shadow:0 0 12px var(--gold)}.p-top{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}.p-top b{font-family:var(--font-d);font-size:17px;font-weight:600}.p-tag{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-lite)}.p-body p{margin-top:4px;font-size:13px;line-height:1.5;color:#efe7d6bf}.p-link{flex:none;color:#fff;background:var(--indigo);text-decoration:none;font-size:12.5px;font-weight:600;border-radius:9px;padding:8px 12px;white-space:nowrap;transition:filter .12s ease}.p-link:hover{filter:brightness(1.12)}.p-link.gold{background:linear-gradient(180deg,var(--gold),#c8902f);color:#2b1e08}.q-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;font-size:12px;color:#efe7d680}.q-reset{background:transparent;border:1px solid var(--hair);color:#efe7d6b3;border-radius:999px;padding:6px 12px;font-size:12px}.q-reset:hover{border-color:var(--vermilion);color:var(--washi)}@media(max-width:560px){.journal{padding:20px 16px 16px}.p-list li{grid-template-columns:10px 1fr}.p-link{grid-column:2;justify-self:start;margin-top:8px}}.touch-ui{position:fixed;top:0;right:0;bottom:0;left:0;z-index:21;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.joy{position:absolute;left:max(22px,env(safe-area-inset-left));bottom:max(26px,env(safe-area-inset-bottom));width:128px;height:128px;border-radius:50%;pointer-events:auto;touch-action:none;background:#17140f59;border:1px solid var(--hair);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.joy .knob{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:#efe7d652;border:1px solid rgba(239,231,214,.5);will-change:transform}.touch-btns{position:absolute;right:max(22px,env(safe-area-inset-right));bottom:max(26px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;gap:14px;pointer-events:auto}.tbtn{width:60px;height:60px;border-radius:50%;touch-action:none;background:#17140f80;border:1px solid var(--hair);color:var(--washi);font-size:22px;line-height:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tbtn:active{background:#e6b24d59;border-color:var(--gold)}.tbtn.big{width:76px;height:76px;font-size:30px}body.touch canvas{-webkit-touch-callout:none}body.touch .prompt{bottom:150px;width:min(360px,calc(100vw - 40px));padding:14px 16px 16px}body.touch .prompt-blurb{font-size:13px;margin-bottom:12px}body.touch .key,body.touch .controls{display:none}@media(max-width:720px){.compass{bottom:auto;top:104px;left:20px;transform:none;max-width:calc(100vw - 40px)}.notice{top:146px}.chip{max-width:calc(100vw - 120px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}}.scroll-toast{position:fixed;right:20px;bottom:90px;z-index:22;width:min(380px,calc(100vw - 40px));animation:unroll .35s cubic-bezier(.2,.9,.3,1)}@keyframes unroll{0%{opacity:0;transform:translateY(14px) scaleY(.92)}to{opacity:1;transform:none}}.scroll-rod{height:12px;border-radius:6px;background:linear-gradient(180deg,#a97f4e,#6d4c2a);box-shadow:0 2px 10px #00000080}.scroll-rod.top{margin-bottom:-2px}.scroll-rod.bottom{margin-top:-2px}.scroll-body{background:linear-gradient(180deg,#efe4cc,#e2d4b6);padding:20px 22px 16px;box-shadow:inset 0 0 60px #96784647,0 24px 60px -24px #000000b3}.scroll-kicker{font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:#9a7a4a;margin-bottom:10px}.scroll-text{font-family:var(--font-d);font-size:17px;line-height:1.45;color:#2f2417;margin:0 0 10px}.scroll-close{background:transparent;border:1px solid rgba(90,65,30,.35);border-radius:999px;color:#6d4c2a;font-size:11.5px;padding:5px 12px}.scroll-close:hover{border-color:#6d4c2a}body.touch .scroll-toast{bottom:190px;right:12px;width:min(300px,calc(100vw - 150px))}.bubble{width:max-content;max-width:260px;background:#efe7d6f5;color:#2b2318;border-radius:14px;padding:10px 14px 11px;box-shadow:0 12px 30px -12px #000c;animation:pop .3s cubic-bezier(.2,1.4,.4,1);position:relative;transform:translateY(-10px)}.bubble:after{content:"";position:absolute;left:50%;bottom:-8px;margin-left:-8px;border:8px solid transparent;border-bottom:0;border-top-color:#efe7d6f5}.bubble-who{font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:#9a6a2a;margin-bottom:3px}.bubble-line{font-family:var(--font-d);font-size:14.5px;line-height:1.4}.aim{position:fixed;bottom:64px;left:50%;transform:translate(-50%);z-index:20;display:none;align-items:center;gap:8px;pointer-events:none;background:var(--panel);border:1px solid rgba(230,178,77,.5);border-radius:999px;padding:6px 14px 6px 8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12.5px;color:#efe7d6d9;animation:pop .25s cubic-bezier(.2,1.4,.4,1)}.aim.on{display:flex}.aim-key{background:#ffffff29;border-radius:6px;padding:2px 8px;font-weight:700;font-size:11px;color:var(--gold-lite)}.aim-verb{color:#efe7d699}.aim b{color:var(--gold-lite);font-weight:600}body.touch .aim{bottom:128px}.prompt~.aim,body.touch .prompt~.aim{display:none}.s-list{list-style:none;display:flex;flex-direction:column;gap:6px}.s-list li{font-family:var(--font-d);font-size:15px;line-height:1.45;color:#efe7d6e0;padding:8px 12px;border-radius:10px;background:#efe7d60d}.q-fox{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin-top:22px;padding:12px 14px;border-radius:12px;background:#ff6f9c14;border:1px solid rgba(255,111,156,.25)}.q-fox-name{font-family:var(--font-d);font-size:17px;font-weight:600}.q-fox-hearts{color:#ff6f9c;letter-spacing:.12em;font-size:15px}.q-fox-note{flex-basis:100%;font-size:12.5px;color:#efe7d699}.prompt-btn.hold{user-select:none;-webkit-user-select:none;touch-action:none}.prompt-btn.hold:active{filter:brightness(1.25);transform:translateY(1px)}