:root{--amber:#f0a020;--amber-dark:#a8650c;--ink:#14110f;--paper:#f4efe6;--red:#e2483d;--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--glass:#171d23e0;--edge:#eae4d733}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--ink);height:100%;color:var(--paper);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;margin:0;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}body{position:fixed;inset:0}#vignette{pointer-events:none;background:radial-gradient(at 50% 46%,#0000 58%,#08041033 82%,#0804106b 100%);display:none;position:fixed;inset:0}.gfx-high #vignette{display:block}#scene{width:100%;height:100%;display:block;position:fixed;inset:0}[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer;touch-action:none;border:none}.ui-icon{flex-shrink:0;width:24px;height:24px;display:block}button:focus-visible{outline-offset:3px;outline:2px solid #fff2cf}#hud{pointer-events:none;position:fixed;inset:0}.hud-top{top:calc(10px + var(--safe-t));left:calc(14px + var(--safe-l));right:calc(14px + var(--safe-r));text-shadow:0 2px 4px #0009;justify-content:space-between;align-items:center;display:flex;position:absolute}.hud-left{background:var(--glass);border:1px solid var(--edge);border-radius:18px;align-items:center;gap:6px;min-width:120px;padding:3px 5px 3px 12px;display:flex}#lives{gap:4px;margin-right:6px;display:flex}.icon-btn{pointer-events:auto;background:#ffffff0f;border-radius:13px;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;display:flex}.heart{width:23px;height:21px;transition:transform .25s,opacity .25s}.heart path{fill:var(--red);stroke:#fff;stroke-width:1.4px}.heart.lost path{fill:#ffffff1f;stroke:#ffffff73}.heart.breaking{animation:.6s ease-out heart-break}@keyframes heart-break{0%{transform:scale(1)}30%{transform:scale(1.6)rotate(-12deg)}to{transform:scale(1)rotate(0)}}#clock{font-variant-numeric:tabular-nums;letter-spacing:1px;background:var(--glass);border:1px solid var(--edge);border-radius:16px;padding:7px 18px;font-size:24px;font-weight:800}#clock.low{color:#ff5a4a;animation:1s infinite pulse}@keyframes pulse{50%{transform:scale(1.08)}}#goal{text-align:right;opacity:.95;border:1px solid var(--edge);background:var(--glass);border-radius:16px;justify-content:flex-end;align-items:center;gap:6px;min-width:120px;padding:12px 16px;font-size:14px;font-weight:700;display:flex}#key-icon{color:#f2c56b;animation:.3s ease-out pop-in}#toast{top:calc(60px + var(--safe-t));white-space:nowrap;background:#0c0a08cc;border-radius:999px;padding:8px 18px;font-size:18px;font-weight:800;animation:.2s ease-out pop-in;position:absolute;left:50%;transform:translate(-50%)}#toast.low{top:calc(170px + var(--safe-t))}#toast.good{color:var(--amber)}#toast.bad{color:#ff8a80}#btn-open.locked{color:#cfc6bb;background:#4a443e;border-color:#8a8178;font-size:17px;animation:none}#btn-open.chest{font-size:14px}.round-btn{pointer-events:auto;color:#fff;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:14px;font-weight:700;transition:transform .1s ease-out;display:flex;position:absolute;box-shadow:0 4px 14px #0003,inset 0 1px #ffffff14}.round-btn:active,.round-btn.down{transform:translateY(3px);box-shadow:0 1px #00000059}#btn-jump{width:84px;height:84px;right:calc(26px + var(--safe-r));bottom:calc(26px + var(--safe-b));background:var(--glass);border:1px solid #ffffff73}#btn-open{width:92px;height:92px;right:calc(128px + var(--safe-r));bottom:calc(38px + var(--safe-b));color:#302518;background:linear-gradient(#f4c366,#e7a332);border:1px solid #ffe2a8;font-size:16px;animation:.2s ease-out pop-in}@keyframes pop-in{0%{transform:scale(.3)}to{transform:scale(1)}}#stick{pointer-events:none;background:#ffffff1f;border:3px solid #ffffff73;border-radius:50%;width:132px;height:132px;margin:-66px 0 0 -66px;position:fixed}#stick-knob{background:#ffffffbf;border-radius:50%;width:58px;height:58px;margin:-29px 0 0 -29px;position:absolute;top:50%;left:50%;box-shadow:0 2px 8px #0006}#stick.run{border-color:var(--amber)}#stick.run #stick-knob{background:var(--amber)}#aim-stick{pointer-events:none;background:#ffd04a1f;border:3px solid #ffd04ab3;border-radius:50%;width:140px;height:140px;margin:-70px 0 0 -70px;position:fixed}#aim-knob{background:#ffd04ae6;border-radius:50%;width:50px;height:50px;margin:-25px 0 0 -25px;position:absolute;top:50%;left:50%;box-shadow:0 2px 8px #0006}.panel-wrap{padding:calc(12px + var(--safe-t)) calc(20px + var(--safe-r)) calc(12px + var(--safe-b)) calc(20px + var(--safe-l));background:#0a0806b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.panel{text-align:center;max-width:560px}.panel h1{letter-spacing:1px;color:var(--amber);margin:0 0 6px;font-size:40px}.panel h2{margin:12px 0 0}.sub{opacity:.9;margin:0 0 18px;font-size:17px}.hint{opacity:.65;margin:16px 0 0;font-size:14px}.big-btn{background:var(--amber);min-width:200px;color:var(--ink);box-shadow:0 5px 0 var(--amber-dark);border-radius:16px;padding:16px 34px;font-size:22px;font-weight:800}.big-btn:active{box-shadow:0 1px 0 var(--amber-dark);transform:translateY(4px)}#countdown{color:#fff;text-shadow:0 6px 18px #000000b3;pointer-events:none;justify-content:center;align-items:center;font-size:120px;font-weight:900;display:flex;position:fixed;inset:0}#countdown span{animation:.9s ease-out forwards count-pop}#caption{top:calc(max(10px, env(safe-area-inset-top)) + 58px);pointer-events:none;z-index:6;flex-direction:column;align-items:center;animation:.35s ease-out caption-in;display:flex;position:fixed;left:0;right:0}#caption b{letter-spacing:3px;color:#ff3b3b;-webkit-text-stroke:2.5px #fff;paint-order:stroke fill;text-shadow:0 4px 12px #0a142899;font-size:54px;font-weight:900;animation:.11s linear infinite alternate caption-shake}#caption small{color:#fff;background:#102038b8;border-radius:999px;margin-top:2px;padding:3px 12px;font-size:18px;font-weight:800}.frost-overlay{pointer-events:none;background:radial-gradient(#fff0 30%,#e1f0ff8c 68%,#f8fcfff7 100%);transition:opacity .15s linear;position:fixed;inset:0}@keyframes caption-in{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}@keyframes caption-shake{0%{transform:translate(-3px,1px)rotate(-1.2deg)}to{transform:translate(3px,-1px)rotate(1.2deg)}}@keyframes count-pop{0%{opacity:0;transform:scale(1.8)}20%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}#rotate{z-index:50;background:var(--ink);display:none}.phone-icon{border:4px solid var(--paper);border-radius:10px;width:46px;height:80px;margin:0 auto;animation:1.8s ease-in-out infinite turn}@keyframes turn{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media (orientation:portrait){#rotate{display:flex}}#loading{z-index:40}#debug{left:calc(8px + var(--safe-l));bottom:calc(6px + var(--safe-b));color:#9f9;text-shadow:0 1px 2px #000;pointer-events:none;white-space:pre;font:12px ui-monospace,monospace;position:fixed}input{-webkit-user-select:text;user-select:text;touch-action:manipulation;font:inherit}.names{justify-content:center;gap:14px;margin:0 0 16px;display:flex}.names label{opacity:.85;text-align:left;flex-direction:column;gap:4px;font-size:13px;display:flex}.names input{width:160px;color:var(--paper);background:#ffffff14;border:2px solid #ffffff40;border-radius:10px;padding:9px 12px;font-size:17px}.score-line{opacity:.8;margin-top:12px;font-size:14px}.link-btn{color:var(--paper);opacity:.7;background:0 0;padding:6px 10px;font-size:14px;text-decoration:underline}.btn-row{justify-content:center;gap:14px;margin-top:6px;display:flex}.btn-row.small{margin-top:8px}.big-btn.alt{background:#e9e1d4;box-shadow:0 5px #9c917f}.scoreboard{justify-content:center;gap:10px;margin:0 0 16px;display:flex}.scoreboard div{background:#ffffff14;border-radius:12px;min-width:150px;padding:8px 14px}.scoreboard b{color:var(--amber);font-size:28px;display:block}.scoreboard small{opacity:.7}.handoff-icon{margin-bottom:4px;font-size:46px;animation:1.4s infinite pulse}#result .panel h1,#handoff .panel h1{font-size:34px}#build{pointer-events:none;position:fixed;inset:0}#build button{pointer-events:auto}.build-top{height:calc(46px + var(--safe-t));padding:var(--safe-t) calc(10px + var(--safe-r)) 0 calc(10px + var(--safe-l));pointer-events:auto;background:#0c0a08c7;align-items:center;gap:8px;display:flex;position:absolute;top:0;left:0;right:0}.build-who{white-space:nowrap;flex-direction:column;max-width:104px;font-size:14px;line-height:1.15;display:flex;overflow:hidden}.build-who b{text-overflow:ellipsis;overflow:hidden}.build-who span{opacity:.7;font-size:11px}.build-points{flex-direction:column;flex:1;gap:5px;min-width:0;padding:0 4px;display:flex}.build-bar{background:#ffffff29;border-radius:5px;height:9px;position:relative;overflow:hidden}.build-bar i{border-radius:5px;width:0;position:absolute;top:0;bottom:0;left:0}#build-bar-fill{background:var(--amber)}#build-bar-plan{background:#f0a02073}#build-bar-plan.over{background:#ff5a4a}.build-numbers{white-space:nowrap;font-variant-numeric:tabular-nums;gap:12px;font-size:12px;line-height:1;display:flex}.build-numbers span{opacity:.75}.build-tools{align-items:center;gap:6px;display:flex}.pill{white-space:nowrap;background:#ffffff24;border-radius:999px;padding:7px 13px;font-size:14px;font-weight:700}.pill.go,.act.go{background:var(--amber);color:var(--ink)}.pill:disabled,.act:disabled{opacity:.35}.pill.go.off{opacity:.45}.pill.icon{place-items:center;padding:5px 8px;display:grid}.pill.icon .ui-icon{width:22px;height:22px}#b-undo{align-items:center;gap:4px;padding:5px 12px 5px 8px;display:flex}#b-undo .ui-icon{width:20px;height:20px}.build-more-wrap{position:relative}.build-more{z-index:6;background:#161310f7;border:1px solid #fff3;border-radius:14px;flex-direction:column;gap:6px;padding:8px;display:flex;position:absolute;top:calc(100% + 10px);right:0}#palette{left:0;top:calc(46px + var(--safe-t));width:calc(168px + var(--safe-l));padding:6px 6px calc(6px + var(--safe-b)) calc(6px + var(--safe-l));pointer-events:auto;background:#0c0a08c7;flex-direction:column;gap:6px;display:flex;position:absolute;bottom:0}.pal-tabs{background:#ffffff14;border-radius:11px;gap:2px;padding:3px;display:flex}.pal-tab{opacity:.75;background:0 0;border-radius:8px;flex:1;min-width:0;padding:7px 0;font-size:12px;font-weight:700}.pal-tab.on{background:var(--amber);color:var(--ink);opacity:1}.pal-cards{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-rows:min-content;align-content:start;gap:5px;min-height:0;display:grid;overflow:hidden}.pal{background:#ffffff14;border:2px solid #0000;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:100%;min-height:56px;padding:2px;line-height:1.05;display:flex}.pal img{pointer-events:none;-webkit-user-drag:none;width:24px;height:24px}.pal span{text-align:center;font-size:11.5px;font-weight:700}.pal small{opacity:.65;white-space:nowrap;font-size:10px}.pal.on{border-color:var(--amber);background:#f0a02038}.pal.off{opacity:.4}.pal.lifted{opacity:.3}.build-checks{flex-direction:column;gap:1px;display:flex}.check{text-align:left;background:0 0;align-items:center;gap:6px;padding:2px;font-size:11.5px;font-weight:700;line-height:1.15;display:flex}.check i{border:2px solid var(--amber);border-radius:50%;flex-shrink:0;place-items:center;width:15px;height:15px;font-size:10px;font-style:normal;line-height:1;display:grid}.check.todo{color:#ffd98a}.check.ok{opacity:.8}.check.ok i{color:var(--ink);background:#7dffa0;border-color:#7dffa0}.check.nudge{animation:.45s 2 check-nudge}@keyframes check-nudge{50%{transform:translate(6px)}}#build-status{left:calc(178px + var(--safe-l));right:calc(10px + var(--safe-r));top:calc(50px + var(--safe-t));width:-moz-fit-content;width:fit-content;max-width:calc(100% - 188px - var(--safe-l) - var(--safe-r));text-align:center;background:#0c0a08d6;border-radius:999px;margin:0 auto;padding:5px 13px;font-size:13px;font-weight:700;line-height:1.2;position:absolute}#build-status:empty{display:none}#build-status.ok{color:#7dffa0}#build-status.bad{color:#ff8a80}#build-handles{position:absolute;inset:0}#build-handles>*{position:absolute;transform:translate(-50%,-50%)}.bh-knob{background:0 0;border-radius:50%;width:38px;height:38px;padding:0}.bh-knob:after{content:"";border:3px solid var(--amber);background:#fff;border-radius:50%;position:absolute;inset:11px;box-shadow:0 1px 4px #0009}.bh-btn{background:#161310f2;border:2px solid #ffffff8c;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:grid;box-shadow:0 2px 6px #00000080}.bh-btn .ui-icon{width:19px;height:19px}.bh-btn.on{color:#ffcfb0;border-color:#ff9f6b}#b-fake img{width:24px;height:24px}.bh-btn.danger{color:#ffb3a8;border-color:#ff7a6a}.bh-tag{white-space:nowrap;pointer-events:none;background:#161310f2;border:1px solid #ffffff59;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800}.bh-tag.bad{color:#ffb3a8;border-color:#ff7a6a}.build-actions{z-index:2;gap:6px;display:flex;position:absolute}.act{white-space:nowrap;background:#1e1a16f2;border:2px solid #ffffff59;border-radius:12px;padding:8px 12px;font-size:13px;font-weight:800;line-height:1.1;box-shadow:0 2px 6px #00000080}.act.danger{color:#ffb3a8;border-color:#ff7a6a}.act.gold{border-color:var(--amber);color:#ffd98a}#build-chip{z-index:7;background:#f0a020eb;border-radius:13px;place-items:center;width:46px;height:46px;display:grid;position:absolute;top:-23px;left:-23px;box-shadow:0 4px 10px #00000080}#build-chip img{width:32px;height:32px}@media (max-width:700px){#b-undo{padding:5px 8px}#b-undo span{display:none}.build-who{max-width:76px}}@media (max-height:372px){.pal{min-height:46px}.pal img{width:20px;height:20px}}.menu-screen{z-index:10;padding:calc(10px + var(--safe-t)) calc(20px + var(--safe-r)) calc(10px + var(--safe-b)) calc(28px + var(--safe-l));background:linear-gradient(90deg,#0a0806e6 0%,#0a0806c7 40%,#0a080600 68%);align-items:center;display:flex;position:fixed;inset:0}.menu-screen.full{background:#0a0806db;align-items:stretch}.menu-screen.full>*{min-height:0}.menu-screen[hidden]{display:none}.menu-col{touch-action:pan-y;text-align:left;flex-direction:column;gap:8px;width:min(390px,52vw);max-height:100%;padding-bottom:6px;display:flex;overflow-y:auto}.logo{letter-spacing:1px;text-transform:uppercase;color:var(--amber);text-shadow:0 2px #8e5b19,0 8px 24px #0000004d;margin:0;font-size:44px;font-weight:900;line-height:.92}.tagline{opacity:.85;margin:0 0 4px;font-size:15px}.menu-title{color:var(--amber);margin:0;font-size:28px}.menu-btn{color:var(--ink);text-align:left;font:inherit;background:linear-gradient(115deg,#f5bf57,#e9a12c);border:1px solid #ffd99588;border-radius:16px;flex-direction:column;flex-shrink:0;align-items:flex-start;gap:1px;padding:11px 18px;display:flex;box-shadow:0 3px 12px #00000026,inset 0 1px #ffffff26}.menu-btn b{font-size:20px}.menu-btn small{opacity:.75;font-size:13px}.menu-btn.alt{color:var(--paper);background:var(--glass);border-color:var(--edge);box-shadow:inset 0 1px #ffffff08}.menu-btn:active{box-shadow:0 1px 0 var(--amber-dark);transform:translateY(4px)}.mode-card,.diff-btn{color:var(--paper);text-align:left;font:inherit;background:#ffffff17;border:2px solid #ffffff2e;border-radius:14px;align-items:center;gap:12px;padding:9px 14px;display:flex}.mode-card .ico{font-size:26px}.mode-card .txt,.diff-btn .txt{flex-direction:column;display:flex}.mode-card b,.diff-btn b{font-size:18px}.mode-card small,.diff-btn small{opacity:.75;font-size:13px}.mode-card:disabled{opacity:.5}.mode-card:not(:disabled),.diff-btn{background:#f0a02029;border-color:#f0a020cc}.mode-card:not(:disabled):active,.diff-btn:active,.map-card:not(:disabled):active{transform:translateY(2px)}.soon{white-space:nowrap;background:#ffffff29;border-radius:999px;margin-left:auto;padding:3px 9px;font-size:11px}.back-btn{color:var(--paper);opacity:.8;font:inherit;background:0 0;border:0;align-self:flex-start;padding:6px 2px;font-size:16px}.menu-col .names{justify-content:flex-start;margin:2px 0 6px}.menu-col .names input{width:170px}.menu-col .big-btn{align-self:flex-start}.menu-col .score-line{margin-top:0}.diff-list{flex-direction:column;gap:8px;display:flex}.diff-btn .stat{opacity:.7;text-align:right;white-space:nowrap;margin-left:auto;font-size:12px}.maps-wrap{flex-direction:column;gap:8px;width:100%;max-width:820px;margin:0 auto;display:flex}.maps-head{align-items:center;gap:14px;display:flex}.maps-head .back-btn{align-self:center}.maps-mode{opacity:.7;margin-left:auto;font-size:13px}.map-grid{flex:1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-height:0;display:grid}.map-card{min-width:0;min-height:0;color:var(--paper);text-align:left;font:inherit;background:#ffffff12;border:2px solid #f0a020cc;border-radius:14px;flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.map-card .thumb{background:#00000040;flex:1;min-height:0;position:relative}.map-card canvas{width:100%;height:100%;position:absolute;inset:0}.map-card .label{flex-direction:column;padding:5px 10px 7px;display:flex}.map-card .label b{font-size:16px}.map-card .label small{opacity:.72;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.map-card.locked{opacity:.55;border-color:#ffffff24}.map-card .lock{background:repeating-linear-gradient(45deg,#ffffff0a 0 10px,#ffffff14 10px 20px);flex:1;justify-content:center;align-items:center;font-size:30px;display:flex}#pause{z-index:20}.share-box{justify-content:center;align-items:flex-end;gap:10px;margin-top:10px;display:flex}.share-box label{opacity:.85;text-align:left;flex-direction:column;gap:3px;font-size:12px;display:flex}.share-box input{color:var(--paper);background:#ffffff14;border:2px solid #ffffff40;border-radius:10px;padding:7px 10px;font-size:15px}.share-box #share-name{width:130px}.share-box #share-link{opacity:.85;width:260px;font-size:12px}.editor{z-index:12;touch-action:none;background:#14110f;position:fixed;inset:0}.editor[hidden]{display:none}.ed-top{height:46px;padding:calc(4px + var(--safe-t)) calc(10px + var(--safe-r)) 4px calc(10px + var(--safe-l));background:#0a0806e6;align-items:center;gap:10px;display:flex;position:absolute;top:0;left:0;right:0}.ed-title{flex-direction:column;line-height:1.1;display:flex}.ed-title b{color:var(--amber)}.ed-title span{opacity:.75;font-size:12px}.ed-tools{gap:6px;margin-left:auto;display:flex}.editor .pill{padding:7px 11px}.ed-status{left:calc(150px + var(--safe-l));right:0;top:calc(88px + var(--safe-t));text-align:center;height:24px;padding:3px 12px;font-size:14px;position:absolute}.ed-status.bad{color:#ff8a80}.ed-status.ok{color:#7be37b}.ed-palette{left:calc(6px + var(--safe-l));top:calc(94px + var(--safe-t));bottom:calc(6px + var(--safe-b));grid-template-columns:1fr 1fr;grid-auto-rows:58px;gap:6px;width:140px;display:grid;position:absolute;overflow-y:auto}.ed-tool .ico{font-size:20px;line-height:24px;display:block}.ed-tool span{font-size:11px}#ed-canvas{left:calc(152px + var(--safe-l));right:calc(4px + var(--safe-r));top:calc(114px + var(--safe-t));bottom:calc(4px + var(--safe-b));width:calc(100% - 156px - var(--safe-l) - var(--safe-r));height:calc(100% - 118px - var(--safe-t) - var(--safe-b));touch-action:none;position:absolute}.ed-tool{height:58px;color:var(--paper);font:inherit}.ed-tool.on{border-color:var(--amber);background:#f0a02038}.map-card .plus{color:var(--amber);background:#f0a02014;flex:1;justify-content:center;align-items:center;font-size:34px;display:flex}.tools{right:calc(42px + var(--safe-r));bottom:calc(124px + var(--safe-b));pointer-events:auto;flex-direction:column;gap:6px;display:flex;position:absolute}.tool-btn{border:1px solid var(--edge);background:var(--glass);color:#f5d18c;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;line-height:1;transition:transform .1s ease-out,opacity .15s ease-out;display:flex;position:relative;box-shadow:inset 0 1px #ffffff14}.tool-btn small{color:var(--paper);margin-top:3px;font-size:10px}.tool-btn b{background:var(--amber);min-width:18px;height:18px;color:var(--ink);border-radius:9px;padding:0 4px;font-size:12px;line-height:18px;position:absolute;top:-4px;right:-4px}.tool-btn:disabled{opacity:.45}.tool-btn.active{border-color:#ffd23c;box-shadow:0 0 0 4px #ffd23c59,0 3px #00000059}.tool-btn.down{transform:scale(.92)}.tool-btn.aiming{color:#ffd04a;border-color:#ffd04a;box-shadow:0 0 0 4px #ffd04a73,0 3px #00000059}@media (max-height:360px){.tools{right:calc(128px + var(--safe-r));bottom:calc(24px + var(--safe-b));flex-direction:row}.tool-btn{width:48px;height:48px}#btn-jump{bottom:calc(24px + var(--safe-b))}#btn-open{bottom:calc(90px + var(--safe-b))}}.stars{letter-spacing:6px;color:#ffd23c;text-shadow:0 3px #a8650c;margin-bottom:2px;font-size:34px}.menu-footer{gap:12px;display:flex}.preferences-panel{z-index:30;background:#0a0806e0}.preferences-panel .panel,#result .panel{touch-action:pan-y;width:min(100%,600px);max-height:100%;padding:8px 12px 12px;overflow-y:auto}.preferences-panel .panel{background:#1c1a17;border:1px solid #fff2;border-radius:18px;padding:16px 24px}.preferences-panel .panel h1,#result.beside{background:linear-gradient(90deg,#0a080600 40%,#0a08068c);justify-content:flex-end}#result.beside .panel{width:min(48vw,430px);animation:.45s ease-out result-in}@keyframes result-in{0%{opacity:0;transform:translate(60%)}to{opacity:1;transform:none}}.result-reveal{margin:2px 0 6px}.ending-hint{left:50%;bottom:calc(10px + var(--safe-b));color:#fff;pointer-events:none;z-index:5;background:#0a080680;border-radius:999px;padding:4px 12px;font-size:13px;position:fixed;transform:translate(-50%)}#result .panel h1{letter-spacing:0;font-size:28px}.settings-row{text-align:left;border-bottom:1px solid #fff2;justify-content:space-between;align-items:center;gap:16px;min-height:50px;display:flex}.settings-row small{opacity:.7;font-size:12px;display:block}.settings-row output{min-width:42px;display:inline-block}.settings-row input[type=range]{width:38%;min-height:44px;accent-color:var(--amber);touch-action:pan-x}.settings-row input[type=checkbox]{width:28px;height:28px;accent-color:var(--amber);margin:8px}.settings-row select{font:inherit;color:var(--paper);background:#292724;border:1px solid #fff5;border-radius:8px;padding:10px}.settings-note{opacity:.7;margin:10px 0;font-size:13px}.settings-note:empty{display:none}.eyebrow{letter-spacing:1px;text-transform:uppercase;opacity:.7;margin:0 0 8px;font-size:13px}#tutorial .sub{margin:14px 0 10px;line-height:1.5}.preferences-panel .btn-row,#result .btn-row{flex-wrap:wrap;gap:10px}.preferences-panel .big-btn,#result .big-btn{padding:11px 20px;font-size:17px}.preferences-panel .link-btn,#pause .link-btn,#result .link-btn,.menu-footer .link-btn{min-height:44px}.result-summary{color:var(--amber);margin:6px 0 10px;font-size:16px}#result .sub{margin-bottom:12px;font-size:15px;line-height:1.4}#result .share-box{flex-wrap:wrap}.ed-library{top:calc(46px + var(--safe-t));left:calc(6px + var(--safe-l));right:calc(6px + var(--safe-r));align-items:center;gap:6px;height:40px;display:flex;position:absolute;overflow-x:auto}.ed-library select,.ed-library input{border-radius:8px;width:155px;min-width:0;padding:7px}.ed-library button{flex-shrink:0}.ed-palette{touch-action:pan-y}.campaign-grid{grid-template-columns:1fr 1fr;gap:16px;min-height:0;display:grid;overflow-y:auto}.campaign-grid h3{color:var(--amber);margin:8px 0}.campaign-levels{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.campaign-level{background:#39332b;border:1px solid #88755a;border-radius:12px;flex-direction:column;justify-content:center;gap:6px;min-height:92px;padding:8px;display:flex}.campaign-level span{color:#ffd23c;font-size:12px}.campaign-level:disabled{opacity:.5}#daily-link{width:100%;margin-top:12px;padding:10px}@media (max-height:360px){#menu-main .menu-col{gap:6px}#menu-main .logo{font-size:32px}#menu-main .tagline{display:none}#menu-main .menu-btn{padding:7px 14px}#menu-main .menu-btn b{font-size:19px}}#menu-main .menu-col{grid-template-columns:1fr 1fr;gap:7px;width:min(460px,56vw);display:grid;overflow:visible}#menu-main .logo,#menu-main .tagline,#menu-main #m-solo,#menu-main .menu-footer{grid-column:1/-1}#menu-main .logo{font-size:36px}#menu-main .menu-btn{padding:7px 12px}#menu-main .menu-btn b{font-size:17px}#menu-main .menu-btn small{font-size:11px}#menu-main .menu-footer{flex-wrap:wrap;justify-content:flex-start;gap:4px 10px}.quest-chips{gap:4px;display:inline-flex}.quest-chip{opacity:.3;background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.quest-chip .ui-icon{width:16px;height:16px}.quest-chip.red-key{color:#ff5a55}.quest-chip.blue-key{color:#5b97ff}.quest-chip.gem{color:#6ff3ff}.quest-chip.got{opacity:1;background:#ffffffeb;animation:.3s ease-out pop-in}.quest-chip.got .ui-icon{stroke-width:2.6px}#clock.off{opacity:.85;font-size:22px}.clock-toggle{margin-top:2px}.chip-btn{min-height:40px;color:var(--paper);font:inherit;background:#100c099e;border:1.5px solid #ffd28c57;border-radius:999px;align-items:center;gap:7px;padding:6px 15px 6px 10px;font-size:14px;font-weight:700;transition:transform .12s,border-color .15s,background .15s;display:inline-flex;box-shadow:0 2px #00000059,inset 0 1px #ffffff12}.chip-btn .ui-icon{width:21px;height:21px;color:var(--amber);flex-shrink:0}.chip-btn:active{border-color:var(--amber);background:#2e2112d9;transform:scale(.93)translateY(1px)}.chip-btn.off{color:#c2b8ab;border-color:#ffffff29}.chip-btn.off .ui-icon{color:#9a8f82}.chip-btn.sound:not(.off) .waves{animation:1.8s ease-in-out infinite chip-waves}.chip-btn.hop.poke .ui-icon{animation:.5s ease-out chip-hop}.chip-btn.gear.poke .ui-icon{animation:.6s ease-out chip-spin}.chip-btn.sound.poke .ui-icon{animation:.35s ease-out chip-pop}#menu-main .menu-footer{gap:8px;margin-top:2px}@keyframes chip-hop{0%{transform:translateY(0)}35%{transform:translateY(-7px)scaleY(1.08)}70%{transform:translateY(0)scaleY(.88)}to{transform:none}}@keyframes chip-spin{0%{transform:rotate(0)}to{transform:rotate(135deg)}}@keyframes chip-pop{0%{transform:scale(1)}45%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes chip-waves{0%,to{opacity:1}50%{opacity:.3}}#menu-main:not([hidden]) .logo{animation:.6s cubic-bezier(.2,1.5,.4,1) backwards logo-drop}#menu-main:not([hidden]) .tagline{animation:.5s ease-out .15s backwards menu-fade}#menu-main:not([hidden]) .menu-btn{animation:.42s cubic-bezier(.2,1.2,.4,1) backwards menu-slide}#menu-main:not([hidden]) #m-solo{animation-delay:.1s}#menu-main:not([hidden]) #m-campaign{animation-delay:.16s}#menu-main:not([hidden]) #m-daily{animation-delay:.2s}#menu-main:not([hidden]) #m-multi{animation-delay:.24s}#menu-main:not([hidden]) #m-create{animation-delay:.28s}#menu-main:not([hidden]) .chip-btn{animation:.4s cubic-bezier(.2,1.4,.4,1) backwards menu-rise}#menu-main:not([hidden]) #m-practice{animation-delay:.34s}#menu-main:not([hidden]) #t-sound{animation-delay:.39s}#menu-main:not([hidden]) #m-settings{animation-delay:.44s}#m-solo{position:relative;overflow:hidden}#m-solo:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff80,#0000);width:34%;animation:5s ease-in-out 1.4s infinite menu-glint;position:absolute;top:-10%;bottom:-10%;left:-50%;transform:skew(-18deg)}@keyframes logo-drop{0%{opacity:0;transform:translateY(-34px)scale(.92)}to{opacity:1;transform:none}}@keyframes menu-fade{0%{opacity:0}}@keyframes menu-slide{0%{opacity:0;transform:translate(-26px)}}@keyframes menu-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes menu-glint{0%{left:-50%}16%{left:130%}to{left:130%}}@media (prefers-reduced-motion:reduce){#menu-main:not([hidden]) *,#m-solo:after,.chip-btn .ui-icon,.chip-btn .waves{animation:none!important}}