:root{--display: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--ui: ui-rounded, "SF Pro Rounded", "Nunito", "Segoe UI", system-ui, -apple-system, sans-serif;--ink: #2a2520;--ink-soft: #6f6255;--gold: #d99a33;--gold-hi: #ffd57a;--rose: #e2707f;--leaf: #5c9a58;--glass: rgba(255, 250, 241, .84);--glass-edge: rgba(255, 255, 255, .72);--shadow: 0 18px 48px rgba(24, 16, 10, .22), 0 2px 8px rgba(24, 16, 10, .12);--tap: 44px;--pad: 14px;--top: env(safe-area-inset-top, 0px);--bottom: env(safe-area-inset-bottom, 0px);--left: env(safe-area-inset-left, 0px);--right: env(safe-area-inset-right, 0px);color-scheme:light}@media(pointer:coarse){:root{--tap: 48px}.desk{display:none!important}}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#f3b98f;font-family:var(--ui);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.eyebrow{font:700 11.5px/1.2 var(--ui);letter-spacing:.16em;color:#9b6a2c;text-transform:uppercase}#stage{position:fixed;inset:0;overflow:clip}#trail{display:block;width:100%;height:100%;touch-action:none;outline:none;user-select:none;-webkit-user-select:none}.icon-button,.glass-button,.goal,.party-box,.toast,.action,dialog{background:var(--glass);border:1px solid var(--glass-edge);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);box-shadow:var(--shadow)}.icon-button{width:var(--tap);height:var(--tap);border-radius:50%;display:grid;place-items:center;padding:0;transition:transform .18s,background .2s}.icon-button:active{transform:scale(.94)}.ui-icon{display:block;width:30px;height:30px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(60,35,10,.22))}#sound .off,#sound.off .on{display:none}#sound.off .off{display:block}.primary-button{border:0;border-radius:999px;padding:13px 22px;min-height:var(--tap);font-weight:750;font-size:15px;color:#3b2408;text-decoration:none;background:linear-gradient(180deg,#ffe39a,#f2b347 55%,#e39a2f);box-shadow:0 10px 24px #a05a1459,inset 0 1px #ffffffb3;display:inline-flex;gap:8px;align-items:center;justify-content:center;transition:transform .18s,filter .2s}.primary-button:hover{transform:translateY(-1px);filter:brightness(1.04)}.primary-button:active{transform:scale(.97)}.primary-button.big{font-size:17px;padding:15px 30px;min-width:240px}.glass-button{border-radius:999px;padding:10px 18px;min-height:var(--tap);font-weight:650;font-size:14.5px;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.text-button{background:none;border:0;color:var(--ink-soft);text-decoration:underline;text-underline-offset:3px;padding:8px 12px;min-height:var(--tap);font-size:14px}.small-button{border:0;border-radius:999px;min-height:var(--tap);min-width:var(--tap);padding:8px 16px;font-weight:700;color:#3b2408;background:linear-gradient(180deg,#ffe39a,#f0b04a);box-shadow:0 4px 10px #a05a1440}:focus-visible{outline:3px solid #ffd06b;outline-offset:3px}.hud{position:fixed;inset:0;pointer-events:none;z-index:10}.hud>*,.hud-top>*{pointer-events:auto}.hud-top{position:absolute;left:calc(var(--pad) + var(--left));right:calc(var(--pad) + var(--right));top:calc(var(--pad) + var(--top));display:flex;gap:10px;align-items:flex-start;pointer-events:none}.party-box{border-radius:22px;padding:6px 10px 7px 6px;display:grid;gap:4px}.party{display:flex;gap:4px}.member{position:relative;width:40px}.member canvas{display:block;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#fff,#f1e3cd);box-shadow:inset 0 0 0 2px #fff}.heart,.gloom,.glow-bar{display:block;height:6px;border-radius:6px;background:#5a3c282e;overflow:hidden;margin-top:3px}.heart i,.gloom i,.glow-bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#ff8a8a,#ff5d7a);transition:width .4s}.glow-bar i{background:linear-gradient(90deg,#ffe08a,#ffb347)}.gloom i{background:linear-gradient(90deg,#a9b6f0,#7c86d8)}.level{display:flex;gap:6px;align-items:center;font-size:11.5px;color:var(--ink-soft)}.level b{white-space:nowrap}.level .glow-bar{flex:1;margin:0;min-width:40px}.goal{flex:1;margin:0;align-self:center;max-width:420px;margin-inline:auto;border-radius:999px;padding:9px 16px;font:italic 14.5px/1.3 var(--display);text-align:center;color:var(--ink)}.hud-buttons{display:flex;gap:8px}.action{position:absolute;right:calc(18px + var(--right));bottom:calc(22px + var(--bottom));min-width:96px;min-height:64px;border-radius:999px;padding:10px 22px;font:800 17px var(--ui);color:#3b2408;background:linear-gradient(180deg,#fff1c2,#ffcf6b);display:flex;gap:10px;align-items:center;justify-content:center;animation:pop .3s cubic-bezier(.2,1.4,.4,1)}.action kbd{font:700 12px var(--ui);padding:2px 7px;border-radius:6px;background:#ffffffb3;border:1px solid rgba(150,100,40,.3)}@keyframes pop{0%{transform:scale(.7);opacity:0}}.stick{position:fixed;left:0;top:0;width:112px;height:112px;border-radius:50%;z-index:9;pointer-events:none;background:radial-gradient(circle,#ffffff29,#ffffff47 70%,#ffffff80 71%,#fff0 73%)}.stick span{position:absolute;left:34px;top:34px;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fffdf6,#ffe0a0);box-shadow:0 4px 12px #50280a59}.place{position:fixed;left:50%;top:calc(18% + var(--top));transform:translate(-50%);margin:0;z-index:8;pointer-events:none;opacity:0;font:600 clamp(26px,6vw,44px)/1 var(--display);color:#fff;text-shadow:0 3px 16px rgba(60,25,10,.55),0 1px 2px rgba(60,25,10,.6);white-space:nowrap}.place.show{animation:place 2.8s ease forwards}@keyframes place{0%{opacity:0;transform:translate(-50%,10px);letter-spacing:.03em}18%,70%{opacity:1;transform:translate(-50%);letter-spacing:0}to{opacity:0}}.hint{position:fixed;left:50%;bottom:calc(104px + var(--bottom));transform:translate(-50%);margin:0;z-index:11;max-width:min(92vw,520px);text-align:center;pointer-events:none;padding:10px 16px;border-radius:16px;background:#281a14b8;color:#fff6e6;font-size:14px;line-height:1.35;opacity:0;transition:opacity .4s}.hint.show{opacity:1}.toast{position:fixed;left:50%;top:calc(76px + var(--top));transform:translate(-50%) translateY(-10px);margin:0;z-index:30;padding:10px 18px;border-radius:999px;font-weight:700;font-size:14px;text-align:center;max-width:min(92vw,560px);opacity:0;transition:opacity .3s,transform .3s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%)}.dialogue{position:fixed;left:50%;bottom:calc(16px + var(--bottom));transform:translate(-50%);z-index:20;width:min(94vw,720px);display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:start;padding:16px 20px 18px 16px;border-radius:26px;background:#fffcf5f5;border:1px solid var(--glass-edge);box-shadow:0 22px 60px #0a081459;cursor:pointer}.dialogue.show{animation:rise .4s cubic-bezier(.2,1.2,.4,1)}@keyframes rise{0%{opacity:0;transform:translate(-50%,20px)}}.face{width:72px;height:72px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#fff,#f3e6d2);box-shadow:inset 0 0 0 3px #f2b347,0 6px 16px #28140a2e;object-fit:cover}.dialogue-body{min-height:60px;grid-column:2}.dialogue .face[hidden]+.dialogue-body,.dialogue.narrator .dialogue-body,.dialogue.letter .dialogue-body,.dialogue.sign .dialogue-body{grid-column:1 / -1}.dialogue-body p{margin:4px 0 0;font:18.5px/1.4 var(--display);color:var(--ink)}.dialogue.narrator .dialogue-body p{font-style:italic;color:var(--ink-soft)}.dialogue.letter{background:linear-gradient(180deg,#ffffff80,#fff0 40%),repeating-linear-gradient(180deg,transparent 0 29px,rgba(120,90,60,.12) 29px 30px),#f8eedb;border-radius:8px 8px 20px 20px}.dialogue.letter .dialogue-body p{font-style:italic;color:#3b2d20}.dialogue.sign{background:linear-gradient(180deg,#e2b98a,#c9955d);color:#3a2410}.dialogue.sign .dialogue-body p{font-weight:600;color:#3a2410}.next{position:absolute;right:18px;bottom:10px;color:var(--gold);font-size:18px;animation:nudge 1s ease-in-out infinite}@keyframes nudge{50%{transform:translate(4px)}}.skip{position:absolute;right:10px;top:-50px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5)}.choices{display:grid;gap:8px;margin-top:12px}.choice{min-height:var(--tap);border-radius:14px;border:1px solid rgba(190,140,70,.4);background:#fffaf0;padding:10px 14px;font-weight:700;font-size:15.5px;text-align:left}.choice:hover{background:#fff3d6}.battle{position:fixed;inset:0;z-index:12;pointer-events:none}.battle>*{pointer-events:auto}.foe-labels{position:absolute;inset:0;pointer-events:none}.foe-label{position:absolute;left:0;top:0;padding:5px 10px 6px;border-radius:12px;background:#281e3ca8;color:#fff;font-size:12px;text-align:center;white-space:nowrap;min-width:92px;backdrop-filter:blur(6px)}.foe-label b{font-weight:750;letter-spacing:.02em}.foe-label small{display:block;color:#ffd2e6;font-size:11px;margin-top:2px}.foe-label .gloom{background:#fff3}.battle-tip{position:absolute;left:50%;top:calc(16px + var(--top));transform:translate(-50%);margin:0;padding:10px 16px;border-radius:16px;max-width:min(92vw,520px);background:#fff6dcf2;color:#4a3220;font-weight:700;font-size:14.5px;text-align:center;box-shadow:var(--shadow);pointer-events:none}.battle-panel{position:absolute;left:50%;bottom:calc(10px + var(--bottom));transform:translate(-50%);width:min(96vw,760px);padding:10px 12px 12px;border-radius:24px;background:#fffaf1e6;border:1px solid var(--glass-edge);box-shadow:var(--shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.battle-party{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.card{flex:1 0 auto;min-width:104px;display:flex;gap:6px;align-items:center;padding:4px 8px 4px 4px;border-radius:14px;background:#ffffff8c;border:2px solid transparent;font-size:12px;transition:border-color .2s,transform .2s}.card canvas{width:34px;height:34px;border-radius:50%;background:#fff;flex:none}.card div{flex:1;min-width:0}.card b{font-size:12.5px}.card small{display:block;color:var(--ink-soft);font-size:11px;white-space:nowrap}.card.active{border-color:#f2b347;background:#fff8e4;transform:translateY(-2px)}.card.sleepy{opacity:.55}.card.pickable{border-color:#7cc9a0;cursor:pointer;animation:glow-card 1s ease-in-out infinite}@keyframes glow-card{50%{box-shadow:0 0 0 4px #7cc9a059}}.battle-row{display:flex;justify-content:space-between;align-items:center;margin:6px 4px 4px;min-height:30px}.turn{font:600 16px var(--display)}.commands{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.commands:has(>:nth-child(5)){grid-template-columns:repeat(5,1fr)}.cmd,.fruit{position:relative;min-height:64px;border-radius:16px;border:1px solid rgba(190,140,70,.35);padding:8px 10px;text-align:left;background:linear-gradient(180deg,#fffdf8,#f6e9d3);box-shadow:inset 0 -3px #be966433,0 4px 10px #3c230a1f;display:grid;align-content:center;gap:2px}.cmd b,.fruit b{font-size:15px}.cmd small,.fruit small{font-size:11px;color:var(--ink-soft);line-height:1.25}.cmd .key{position:absolute;right:8px;top:6px;font-size:10px;color:#b48a56}@media(pointer:coarse){.cmd .key{display:none}}.cmd.special{background:linear-gradient(180deg,#fff6dc,#ffe1a1)}.cmd-letter{background:linear-gradient(180deg,#fffaf0,#f7e3c0);border-color:#d9a85a}.cmd:disabled{opacity:.5}.cmd:not(:disabled):active,.fruit:active{transform:scale(.97)}.fruit-pick{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.fruit{grid-template-columns:40px 1fr;column-gap:8px}.fruit .fruit-icon{grid-row:span 2}.fruit-icon{display:block;width:40px;height:40px;background-repeat:no-repeat}.title-screen,.ending,.loading{position:fixed;inset:0;z-index:25;display:grid;place-items:center;padding:calc(20px + var(--top)) 18px calc(20px + var(--bottom));text-align:center;overflow:auto;background:radial-gradient(ellipse at 50% 45%,#28141e00,#28141e1f 45%,#1e0e1a9e)}.title-card{max-width:620px;color:#fff}.title-card .eyebrow{color:#ffe3a6;text-shadow:0 1px 3px rgba(0,0,0,.5)}.title-card h1,.title-card h2{font:600 clamp(40px,8vw,80px)/.98 var(--display);margin:12px 0 10px;letter-spacing:-.02em;text-shadow:0 4px 24px rgba(60,20,10,.5),0 1px 2px rgba(0,0,0,.45)}.ending .title-card h2{font-size:clamp(32px,6vw,58px)}.tagline{font:italic clamp(16px,2.4vw,20px)/1.4 var(--display);margin:0 auto 26px;max-width:470px;text-shadow:0 2px 10px rgba(0,0,0,.55)}.title-actions{display:grid;gap:12px;justify-items:center}.language-field{display:inline-flex;gap:10px;align-items:center;margin:18px 0 0;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.5)}.language-field select{min-height:var(--tap);padding:8px 32px 8px 12px;border:1px solid rgba(190,140,70,.4);border-radius:12px;color:var(--ink);background:#fff;font:inherit}.title-foot{margin-top:18px;font-size:13px;opacity:.9;text-shadow:0 1px 4px rgba(0,0,0,.6)}.tally{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 auto 24px;max-width:520px}.tally div{padding:10px 6px;border-radius:16px;background:#fffaf12e;border:1px solid rgba(255,255,255,.3)}.tally dt{font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.85}.tally dd{margin:4px 0 0;font:600 26px var(--display)}.loading{background:#f3b98f radial-gradient(ellipse at 50% 40%,#ffe2b8,#f3b98f 55%,#c98a8f);transition:opacity .6s}.loading.done{opacity:0;pointer-events:none}.loading h2{color:#fff}.load-track{width:min(70vw,320px);height:8px;margin:18px auto 12px;border-radius:8px;background:#ffffff59;overflow:hidden}.load-track i{display:block;width:0;height:100%;border-radius:8px;background:linear-gradient(90deg,#fff4c8,#ffcf6b);transition:width .25s}.loading p{font:italic 16px var(--display);text-shadow:0 1px 4px rgba(0,0,0,.35)}dialog{border-radius:26px;padding:20px 22px 22px;width:min(92vw,540px);max-height:calc(100dvh - 32px - var(--top) - var(--bottom));overflow:auto;overscroll-behavior:contain;color:var(--ink);background:#fffbf4f7}dialog::backdrop{background:#1e0e1866;backdrop-filter:blur(3px)}dialog[open]{animation:rise-sheet .35s cubic-bezier(.2,1.2,.4,1)}@keyframes rise-sheet{0%{opacity:0;transform:translateY(14px)}}.sheet-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.sheet-head h2{font:600 28px/1.1 var(--display);margin:4px 0 10px}.close{box-shadow:none;flex:none}.tabs{display:flex;gap:6px;margin:4px 0 12px;overflow-x:auto}.tabs button{min-height:var(--tap);flex:1;border-radius:999px;border:1px solid rgba(190,140,70,.3);background:#fffaf0;font-weight:700;font-size:13.5px;padding:6px 12px;white-space:nowrap}.tabs button[aria-selected=true]{background:linear-gradient(180deg,#ffe39a,#f2b347);border-color:transparent}.list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.list li{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:16px;background:#fffaf0;border:1px solid rgba(190,140,70,.2)}.list li>div{flex:1;min-width:0}.list small{display:block;color:var(--ink-soft);font-size:12.5px;line-height:1.4;margin-top:2px}.list canvas{width:44px;height:44px;border-radius:50%;background:#fff;flex:none}.list .empty{color:var(--ink-soft);font-style:italic;justify-content:center;text-align:center}.list .note{display:block;background:repeating-linear-gradient(180deg,transparent 0 25px,rgba(120,90,60,.1) 25px 26px),#f8eedb}.list .note p{margin:4px 0 0;font:italic 15.5px/1.6 var(--display)}.switch{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:6px 2px;border-bottom:1px solid rgba(190,140,70,.2);font-weight:700}.switch small{display:block;font-weight:500;color:var(--ink-soft);font-size:12.5px}.switch input{appearance:none;-webkit-appearance:none;flex:none;width:52px;height:32px;border-radius:999px;background:#d9cbb8;position:relative;cursor:pointer;transition:background .2s}.switch input:after{content:"";position:absolute;left:4px;top:4px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0003;transition:transform .2s}.switch input:checked{background:#f2b347}.switch input:checked:after{transform:translate(20px)}#settings .language-field,[data-panel=settings] .language-field{color:var(--ink);text-shadow:none;margin:14px 0 6px}.keys{font-size:12.5px;color:var(--ink-soft)}.menu-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-top:14px}@media(max-width:560px){:root{--pad: 10px}.hud-top{flex-wrap:wrap}.goal{order:3;flex-basis:100%;font-size:13.5px;padding:7px 12px;max-width:none}.toast{top:calc(132px + var(--top))}.party-box{padding:5px 8px 6px 5px}.member,.member canvas{width:34px}.member canvas{height:34px}.hud-buttons{margin-left:auto}.dialogue{width:calc(100vw - 16px);padding:12px 14px 16px 12px;column-gap:10px;bottom:calc(8px + var(--bottom))}.face{width:56px;height:56px}.dialogue-body p{font-size:16.5px}.battle-panel{width:calc(100vw - 12px);padding:8px;bottom:calc(6px + var(--bottom))}.commands{grid-template-columns:repeat(2,1fr);gap:6px}.commands:has(>:nth-child(5)){grid-template-columns:repeat(2,1fr)}.commands:has(>:nth-child(5))>:first-child{grid-column:1 / -1}.cmd{min-height:56px;padding:6px 10px}.cmd small{display:none}.battle-party{gap:4px;overflow:visible}.card{flex:1 1 0;min-width:0;flex-direction:column;gap:2px;padding:4px 4px 5px}.card b,.card .cd{display:none}.card div{width:100%}.card small{text-align:center;font-size:10.5px}.card canvas{width:30px;height:30px}.tally{grid-template-columns:repeat(2,1fr)}dialog{width:100vw;max-width:100vw;margin:auto 0 0;border-radius:26px 26px 0 0;padding-bottom:calc(22px + var(--bottom))}}@media(max-height:500px)and (orientation:landscape){.battle-panel{width:min(96vw,820px)}.commands{grid-template-columns:repeat(4,1fr)}.commands:has(>:nth-child(5)){grid-template-columns:repeat(5,1fr)}.cmd{min-height:50px}.cmd small{display:none}.dialogue{width:min(80vw,720px)}.title-card h1{font-size:40px}.tagline{margin-bottom:14px}}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}