@font-face{font-family:Staatliches;src:url(../fonts/staatliches-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Work Sans;src:url(../fonts/work-sans-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Work Sans;src:url(../fonts/work-sans-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Work Sans;src:url(../fonts/work-sans-800.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}:root{--paper: #f0e6c8;--paper-2: #e7d9b2;--inkd: #2b2a20;--pine: #16352a;--pine-deep: #0c1f18;--rust: #c2542e;--rust-deep: #9c3d1c;--gold: #b07818;--gold-bright: #d9a441;--sky: #33607e;--bg: var(--pine-deep);--panel: var(--paper);--line: rgba(43, 42, 32, .28);--ink: var(--inkd);--dim: #6b6248;--accent: var(--rust);--warn: var(--gold);--font-display: "Staatliches", "Arial Narrow", sans-serif;--font-ui: "Work Sans", system-ui, sans-serif;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overscroll-behavior:none}body{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--pine-deep);color:var(--inkd);font:14px/1.4 var(--font-ui);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font-family:var(--font-ui)}img,svg,canvas{-webkit-user-drag:none}.cond,.card,.modal-card,.help-card,.journal-card,.go-card,#music-player,#tree-tip,.toast,#hud{background:var(--grain),linear-gradient(168deg,#f4ead0 0%,var(--paper) 45%,var(--paper-2) 100%);color:var(--inkd);border:2px solid var(--inkd);box-shadow:0 4px #10181280,0 14px 30px #00000061}header{display:none!important}body:not(.playing) #hud,body:not(.playing) #stage,body:not(.playing) #hand,body:not(.playing) #controls,body:not(.playing) #toolbar,body:not(.playing) #music-player,body:not(.playing) #conditions,body:not(.playing) #tree-tip,body:not(.playing) #log,body:not(.playing) footer.credit{display:none!important}body.playing #title{display:none}body.playing footer.credit{display:none}#title{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--pine-deep)}#title canvas{display:block;width:100%;height:100%}#title-ui{position:absolute;left:50%;bottom:12%;transform:translate(-50%);text-align:center;opacity:0;pointer-events:none;transition:opacity 1.1s ease;z-index:2;width:min(92vw,560px)}#title-ui.ready{opacity:1;pointer-events:auto}#start{font-family:var(--font-display);font-size:24px;letter-spacing:2px;color:var(--paper);background:linear-gradient(180deg,var(--rust),var(--rust-deep));border:2px solid var(--inkd);border-radius:12px;padding:15px 34px 13px;cursor:pointer;box-shadow:0 5px #10181299,0 16px 34px #00000080;animation:breathe 2.4s ease-in-out infinite}#start:hover{filter:brightness(1.08)}#start:active{transform:translateY(3px);box-shadow:0 2px #10181299}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}#start-daily{display:inline-block;margin:12px auto 0;cursor:pointer;font-family:var(--font-ui);letter-spacing:.3px;color:var(--paper);background:#0c1a14c7;border:2px solid rgba(240,230,200,.5);border-radius:11px;padding:9px 20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 8px 22px #0006}#start-daily:hover{border-color:var(--paper)}#start-daily .sd-label{display:block;font-family:var(--font-display);font-size:16px;letter-spacing:1.5px}#start-daily .sd-sub{display:block;margin-top:3px;font-size:11px;color:#cabd9a;font-weight:600}#start-daily .sd-sub:empty{display:none}#title-tag{margin-top:14px;color:#e6dcc0;font-size:13px;letter-spacing:.4px;text-shadow:0 2px 10px rgba(0,0,0,.6)}#title-lore{margin:14px auto 0;max-width:440px;min-height:34px;padding:0 16px;color:#b9c4a4;font-size:12px;font-style:italic;line-height:1.5;opacity:1;transition:opacity .5s ease;text-shadow:0 2px 8px rgba(0,0,0,.6)}#title-best{margin-bottom:14px;font-family:var(--font-display);font-size:15px;letter-spacing:1.5px;color:var(--gold-bright);text-shadow:0 2px 10px rgba(0,0,0,.6)}#title-best:empty{display:none}.credit{font-size:11px;color:#a8b394;letter-spacing:.3px;text-align:center}.credit a{color:var(--gold-bright);text-decoration:none;font-weight:600}.credit a:hover{text-decoration:underline}#title-ui .credit{margin-top:16px;opacity:.85;text-shadow:0 2px 8px rgba(0,0,0,.6)}#stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--pine-deep);touch-action:none}#stage canvas{display:block;width:100%;height:100%}#stage .hint{position:absolute;top:calc(var(--safe-t) + 92px);left:50%;transform:translate(-50%);font-size:11px;color:#cfd8bc;text-shadow:0 1px 6px rgba(0,0,0,.7);pointer-events:none;white-space:nowrap;max-width:92vw;overflow:hidden;text-overflow:ellipsis;animation:hintFade 1.2s ease 10s forwards}@keyframes hintFade{to{opacity:0}}#hud{position:fixed;top:calc(var(--safe-t) + 8px);left:50%;transform:translate(-50%);z-index:30;pointer-events:none;display:flex;gap:0;align-items:stretch;border-radius:11px;padding:4px 6px}.pill{position:relative;padding:4px 14px 5px;min-width:74px;text-align:center}.pill+.pill{border-left:2px solid rgba(43,42,32,.18)}.pill .k{font-size:8.5px;color:var(--dim);text-transform:uppercase;letter-spacing:.12em;font-weight:800;display:flex;gap:4px;align-items:center;justify-content:center}.pill .k .pic{display:inline-flex;align-items:center}.pill .v{font-family:var(--font-display);font-size:21px;letter-spacing:.5px;color:var(--inkd);margin-top:1px;font-variant-numeric:tabular-nums;line-height:1.05;white-space:nowrap}.pill.energy .v{color:#2e7d4f;letter-spacing:-1px;font-size:17px;padding-top:3px}.pill.score .v{color:var(--rust)}.pill.score .k{color:var(--rust-deep)}#toolbar{position:fixed;top:calc(var(--safe-t) + 10px);right:calc(var(--safe-r) + 10px);display:flex;gap:6px;z-index:40}.tool{width:38px;height:38px;border-radius:10px;cursor:pointer;font-size:16px;background:var(--grain),linear-gradient(170deg,#f4ead0,var(--paper-2));color:var(--inkd);border:2px solid var(--inkd);box-shadow:0 3px #10181280;display:flex;align-items:center;justify-content:center;transition:transform .08s,box-shadow .08s}.tool:hover{filter:brightness(1.04)}.tool:active{transform:translateY(2px);box-shadow:0 1px #10181280}.tool.off{opacity:.55}.tool.active{background:linear-gradient(170deg,var(--gold-bright),#c8912f)}#log{position:fixed;top:calc(var(--safe-t) + 64px);left:50%;transform:translate(-50%);z-index:25;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:6px;max-width:min(92vw,560px)}#log:empty{display:none}.toast{font-size:12.5px;font-weight:600;color:var(--inkd);text-align:center;border-radius:9px;padding:7px 14px;max-width:100%;animation:toastPop .28s cubic-bezier(.2,1.4,.4,1)}.toast.out{opacity:0;transform:translateY(-6px);transition:opacity .35s,transform .35s}@keyframes toastPop{0%{transform:scale(.86);opacity:0}to{transform:scale(1);opacity:1}}.toast b{color:var(--rust)}#conditions{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--safe-b) + 158px);width:min(96vw,880px);z-index:20;pointer-events:none;display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:10px}.cond{position:relative;border-radius:10px;padding:7px 12px 8px;min-height:40px}.cond:before{content:"";position:absolute;left:7px;top:10px;bottom:10px;width:4px;border-radius:3px;background:var(--spine, var(--line))}.cond{padding-left:19px}.cond.season{--spine: #2e7d4f}.cond.forest{--spine: var(--gold-bright)}.cond.nature{--spine: var(--sky)}.cond-h{font-family:var(--font-display);font-size:12px;letter-spacing:1.6px;margin-bottom:2px;color:var(--dim)}.cond.season .cond-h{color:#2e6b45}.cond.forest .cond-h{color:var(--gold)}.cond.nature .cond-h{color:var(--sky)}.cond-b{font-size:11.5px;line-height:1.35;color:var(--inkd)}.cond-b .lead{font-weight:800}.cond-b .sub{color:var(--dim)}.cond-b .you{color:#4a4534}.cond-b .alert{color:var(--rust-deep);font-weight:700}.cond-b .order{color:var(--gold);margin-top:3px;font-size:11px;font-weight:700}.cond-b .order b{color:var(--rust)}#hand{position:fixed;left:0;right:0;bottom:calc(var(--safe-b) + 6px);height:148px;z-index:24;pointer-events:none;display:flex;gap:10px;align-items:flex-end;overflow-x:auto;overflow-y:hidden;padding:22px calc(158px + var(--safe-r)) 8px calc(12px + var(--safe-l));scrollbar-width:none;-webkit-overflow-scrolling:touch}#hand::-webkit-scrollbar{display:none}.card{--tilt: 0deg;flex:0 0 auto;width:88px;padding:9px 8px 8px;border-radius:10px;cursor:pointer;text-align:center;position:relative;pointer-events:auto;transform:rotate(var(--tilt));transition:transform .14s ease,box-shadow .14s}.card:first-child{margin-left:auto}.card:last-child{margin-right:auto}.card:nth-child(odd){--tilt: -1.1deg}.card:nth-child(2n){--tilt: 1.1deg}.card:hover{transform:rotate(var(--tilt)) translateY(-5px)}.card.selected{transform:rotate(0) translateY(-9px);box-shadow:0 0 0 3px var(--rust),0 6px #10181280,0 16px 30px #0006}.card.mergeable:after{content:"FUSE PAIR";position:absolute;top:-9px;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:9px;letter-spacing:1px;background:var(--gold-bright);color:var(--inkd);border:1.5px solid var(--inkd);padding:1.5px 7px .5px;border-radius:6px;white-space:nowrap}.card .picon{width:40px;height:40px;margin:1px auto 2px}.card .name{font-size:11px;font-weight:800;margin-top:2px;letter-spacing:.2px}.card .meta{font-size:10px;color:var(--dim);font-weight:600}.card .hold{position:absolute;top:4px;right:4px;z-index:3;cursor:pointer;width:25px;height:25px;border-radius:8px;line-height:1;display:flex;align-items:center;justify-content:center;color:#2b2a2080;background:#2b2a2014;border:1.5px solid rgba(43,42,32,.3);transition:background .12s,color .12s,border-color .12s}.card .hold:hover{color:var(--rust);border-color:var(--rust)}.card.held .hold{color:var(--paper);background:var(--rust);border-color:var(--inkd)}.card.held{box-shadow:0 0 0 3px var(--gold-bright),0 4px #10181280}.held-tag{position:absolute;bottom:-7px;left:50%;transform:translate(-50%);z-index:3;font-family:var(--font-display);font-size:8.5px;letter-spacing:1px;color:var(--inkd);background:var(--gold-bright);border:1.5px solid var(--inkd);padding:1px 6px 0;border-radius:5px}#controls{position:fixed;right:calc(var(--safe-r) + 12px);bottom:calc(var(--safe-b) + 14px);z-index:26;display:flex;flex-direction:column;gap:8px;width:134px}button#end{font-family:var(--font-display);font-size:19px;letter-spacing:1.5px;background:linear-gradient(180deg,var(--rust),var(--rust-deep));color:var(--paper);border:2px solid var(--inkd);border-radius:11px;padding:12px 10px 10px;cursor:pointer;box-shadow:0 4px #1018128c,0 12px 26px #0006}button#end:hover{filter:brightness(1.07)}button#end:active{transform:translateY(3px);box-shadow:0 1px #1018128c}#undo{background:var(--grain),linear-gradient(170deg,#f4ead0,var(--paper-2));color:var(--inkd);border:2px solid var(--inkd);border-radius:9px;padding:8px 10px 7px;font-weight:800;font-size:12.5px;cursor:pointer;box-shadow:0 3px #10181280}#undo:hover{filter:brightness(1.04)}#undo:active{transform:translateY(2px);box-shadow:0 1px #10181280}#undo:disabled{opacity:.4;cursor:default}#help,#settings,#journal{position:fixed;top:0;right:0;bottom:0;left:0;background:#08100ccc;z-index:60;display:flex;align-items:center;justify-content:center;padding:20px}#help.hidden,#settings.hidden,#journal.hidden{display:none}.help-card,.modal-card,.journal-card{border-radius:13px}.help-card{max-width:470px;max-height:86vh;overflow-y:auto;padding:22px 24px;scrollbar-width:thin}.help-card::-webkit-scrollbar{width:5px}.help-card::-webkit-scrollbar-thumb{background:#2b2a2059;border-radius:3px}.help-h{font-family:var(--font-display);font-size:13px;letter-spacing:1.8px;color:var(--gold);margin:14px 0 6px}.help-note{font-size:11.5px;color:var(--dim);font-style:italic;margin-top:12px}.help-card h2,.modal-card h2,.journal-card h2,.go-card h2{font-family:var(--font-display);letter-spacing:1.5px;color:var(--rust)}.help-card h2{font-size:22px;margin-bottom:10px}.help-card ul{list-style:none;display:flex;flex-direction:column;gap:9px}.help-card li{font-size:13px;line-height:1.5;padding-left:14px;position:relative}.help-card li:before{content:"▸";position:absolute;left:-2px;color:var(--rust);font-weight:800}.help-card b{color:var(--rust-deep)}.help-card button,.modal-done{margin-top:16px;width:100%;font-family:var(--font-display);font-size:17px;letter-spacing:1.5px;background:linear-gradient(180deg,var(--rust),var(--rust-deep));color:var(--paper);border:2px solid var(--inkd);border-radius:10px;padding:11px 10px 9px;cursor:pointer;box-shadow:0 3px #10181280}.help-card button:active,.modal-done:active{transform:translateY(2px);box-shadow:0 1px #10181280}.modal-card{width:100%;max-width:400px;padding:20px 22px;max-height:86vh;overflow-y:auto}.modal-card section{margin-bottom:14px}.modal-card h2{font-size:22px;margin-bottom:10px}.modal-card h3{font-family:var(--font-display);font-size:13px;letter-spacing:1.8px;color:var(--gold);margin-bottom:6px}.set-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;gap:12px}.set-row label{font-size:13px;font-weight:600}.set-ctl{display:flex;align-items:center;gap:8px}.set-val{font-size:11.5px;color:var(--dim);min-width:44px;text-align:right;font-weight:700}.set-note{font-size:11px;color:var(--dim);margin-top:2px}.set-btn{background:#2b2a200f;color:var(--inkd);border:2px solid var(--inkd);border-radius:8px;padding:6px 13px 5px;font-size:12.5px;font-weight:800;cursor:pointer;box-shadow:0 2px #10181266}.set-btn:active{transform:translateY(2px);box-shadow:none}.set-btn.danger{color:var(--rust-deep);border-color:var(--rust-deep)}.switch{width:44px;height:25px;border-radius:13px;cursor:pointer;position:relative;background:#2b2a2024;border:2px solid var(--inkd);flex-shrink:0;transition:background .15s}.switch:after{content:"";position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:var(--inkd);transition:transform .15s ease,background .15s}.switch.on{background:var(--gold-bright)}.switch.on:after{transform:translate(19px);background:var(--inkd)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;background:#2b2a204d;outline:none;cursor:pointer;width:120px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--rust);border:2px solid var(--inkd);cursor:pointer}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--rust);border:2px solid var(--inkd);cursor:pointer}.journal-card{width:100%;max-width:480px;max-height:84vh;overflow-y:auto;padding:20px 22px;scrollbar-width:thin;scrollbar-color:rgba(43,42,32,.4) transparent}.journal-card::-webkit-scrollbar{width:5px}.journal-card::-webkit-scrollbar-thumb{background:#2b2a2059;border-radius:3px}.journal-card h2{font-size:22px;margin-bottom:2px}#j-progress{font-size:11px;color:var(--dim);font-weight:700;margin-bottom:12px}.j-section{font-family:var(--font-display);font-size:12px;letter-spacing:1.8px;color:var(--gold);margin:10px 0 6px}.j-global{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;margin-bottom:8px}.j-row{display:flex;gap:11px;padding:10px 0;border-top:2px solid rgba(43,42,32,.14)}.j-icon{width:38px;height:38px;flex-shrink:0}.j-name{font-size:13px;font-weight:800}.j-fact{font-size:11px;color:var(--dim);font-style:italic;line-height:1.45;margin:2px 0 5px}.j-feat{font-size:11.5px;color:var(--dim);line-height:1.6;font-weight:600}.j-feat.done{color:#2e6b45}.j-prog{opacity:.7;font-size:10.5px}#gameover{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:none;padding:20px;align-items:center;justify-content:center;background:radial-gradient(120% 90% at 50% 0%,#142820cc,#060c09f2 70%)}#gameover.show{display:flex}.go-card{width:100%;max-width:430px;max-height:92vh;overflow-y:auto;text-align:center;position:relative;border-radius:14px;padding:24px 26px 22px;scrollbar-width:none}.go-card::-webkit-scrollbar{display:none}.go-snow{font-size:34px;line-height:1}.go-card h2{font-size:14px;letter-spacing:3px;margin:6px 0 2px;color:var(--sky)}.go-headline{font-family:var(--font-display);font-size:30px;letter-spacing:1px;margin:2px 0 10px;color:var(--rust)}.go-summary{font-size:13px;color:#4a4534;line-height:1.5;margin-bottom:14px}.go-summary b{color:var(--inkd);font-weight:800}.go-breakdown{display:flex;flex-direction:column;border-radius:10px;overflow:hidden;border:2px solid rgba(43,42,32,.25);margin-bottom:13px}.go-line{display:flex;justify-content:space-between;align-items:center;padding:8px 13px;font-size:13px}.go-line+.go-line{border-top:2px solid rgba(43,42,32,.14)}.go-line span{color:var(--dim);font-weight:600}.go-line b{font-weight:800;color:var(--inkd);font-variant-numeric:tabular-nums}.go-total-wrap{padding:10px;border-radius:11px;margin-bottom:13px;background:#c2542e1a;border:2px dashed rgba(156,61,28,.5)}.go-total-label{font-family:var(--font-display);font-size:12px;letter-spacing:2px;color:var(--rust-deep)}.go-card .total{font-family:var(--font-display);font-size:52px;color:var(--rust);line-height:1.02;font-variant-numeric:tabular-nums}.go-best{font-size:12.5px;font-weight:700;color:var(--dim);margin-bottom:10px}.go-best.record{color:var(--gold);font-weight:800;letter-spacing:.3px;animation:bestpop .5s ease}@keyframes bestpop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}.go-fact{font-size:11.5px;color:var(--dim);font-style:italic;line-height:1.5;margin-bottom:16px;padding:0 6px}.go-card button{width:100%;font-family:var(--font-display);font-size:17px;letter-spacing:1.5px;background:linear-gradient(180deg,var(--rust),var(--rust-deep));color:var(--paper);border:2px solid var(--inkd);border-radius:10px;padding:12px 8px 10px;cursor:pointer;box-shadow:0 3px #10181280}.go-card button:hover{filter:brightness(1.07)}.go-card button:active{transform:translateY(2px);box-shadow:0 1px #10181280}.go-row{display:flex;gap:8px}.go-row button{width:auto;flex:1.6}#go-share{flex:1!important;background:var(--grain),linear-gradient(170deg,#f4ead0,var(--paper-2))!important;color:var(--inkd)!important}#music-player{position:fixed;top:calc(var(--safe-t) + 58px);left:calc(var(--safe-l) + 10px);width:280px;z-index:45;border-radius:12px;overflow:hidden}#music-player.hidden{display:none}#mp-header{display:flex;align-items:center;gap:8px;padding:9px 12px 8px;border-bottom:2px solid rgba(43,42,32,.2)}#mp-label{font-family:var(--font-display);font-size:13px;letter-spacing:2px;color:var(--rust);flex:1}#mp-freq{font-size:9.5px;color:var(--dim);font-weight:700;margin-left:auto;margin-right:6px}#mp-close{background:none;border:none;cursor:pointer;color:var(--dim);font-size:19px;line-height:1;padding:0 3px}#mp-close:hover{color:var(--inkd)}.mp-eq-bars{display:flex;align-items:flex-end;gap:2px;height:14px}.mp-eq-bars span{width:3px;background:var(--rust);border-radius:2px;height:3px;opacity:.35}.mp-eq-bars.playing span{animation:mpEq .65s ease-in-out infinite alternate;opacity:1}.mp-eq-bars.playing span:nth-child(2){animation-delay:.12s}.mp-eq-bars.playing span:nth-child(3){animation-delay:.25s}.mp-eq-bars.playing span:nth-child(4){animation-delay:.38s}@keyframes mpEq{0%{height:3px}to{height:13px}}#mp-stations{display:flex;border-bottom:2px solid rgba(43,42,32,.2)}.mp-station{flex:1;background:none;border:none;cursor:pointer;padding:6px 4px 5px;font-family:var(--font-display);font-size:11px;letter-spacing:1.2px;color:var(--dim);transition:color .12s,background .12s}.mp-station:hover{color:var(--inkd)}.mp-station-active{color:var(--rust)!important;background:#c2542e1a}.mp-station+.mp-station{border-left:2px solid rgba(43,42,32,.2)}#mp-nowplaying{padding:9px 12px 4px}#mp-track-title{font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#mp-track-artist{font-size:11px;color:var(--dim);font-weight:600;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#mp-progress-wrap{padding:6px 12px 4px;cursor:pointer}#mp-progress-bar{height:4px;background:#2b2a2038;border-radius:2px;overflow:hidden}#mp-progress-fill{height:100%;background:var(--rust);width:0%;transition:width .5s linear}#mp-time-row{display:flex;justify-content:space-between;font-size:9px;color:var(--dim);font-weight:700;margin-top:4px}#mp-controls{display:flex;align-items:center;gap:4px;padding:5px 10px 9px}.mp-ctrl{background:none;border:none;cursor:pointer;color:var(--dim);display:flex;align-items:center;justify-content:center;padding:6px;border-radius:7px;transition:color .12s,background .12s;flex-shrink:0}.mp-ctrl:hover{color:var(--inkd);background:#2b2a2012}#mp-play{width:30px;height:30px;border-radius:50%!important;background:var(--rust)!important;border:2px solid var(--inkd)!important;color:var(--paper)!important}#mp-play:hover{filter:brightness(1.08)}#mp-vol-wrap{display:flex;align-items:center;gap:5px;margin-left:auto}#mp-vol{width:60px;height:3px}#mp-vol-val{font-size:9px;color:var(--dim);font-weight:700;min-width:16px;text-align:right}#mp-playlist{max-height:124px;overflow-y:auto;border-top:2px solid rgba(43,42,32,.2);scrollbar-width:thin}#mp-playlist::-webkit-scrollbar{width:4px}#mp-playlist::-webkit-scrollbar-thumb{background:#2b2a204d;border-radius:2px}.mp-row{width:100%;display:flex;align-items:center;gap:7px;padding:6px 12px;text-align:left;background:none;border:none;cursor:pointer;color:inherit;font-family:inherit;transition:background .1s}.mp-row:hover{background:#2b2a200f}.mp-row-active{background:#c2542e1a}.mp-num{font-size:9px;color:var(--dim);width:13px;flex-shrink:0;font-weight:700}.mp-title{font-size:11px;color:var(--dim);font-weight:600;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-row-active .mp-title{color:var(--inkd);font-weight:800}.mp-artist{font-size:10px;color:var(--dim);flex-shrink:0;opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}#tip{position:fixed;z-index:70;pointer-events:none;transform:translate(-50%);max-width:min(240px,76vw);text-align:center;font-size:11.5px;font-weight:700;line-height:1.35;color:var(--paper);background:#121e16f5;border:2px solid var(--paper-2);border-radius:8px;padding:5px 10px 6px;box-shadow:0 6px 18px #00000080;animation:tipIn .12s ease}#tip.hidden{display:none}@keyframes tipIn{0%{opacity:0;transform:translate(-50%) translateY(3px)}}#tree-tip{position:fixed;z-index:55;pointer-events:none;border-radius:9px;padding:8px 12px;max-width:210px;transform:translate(-50%,calc(-100% - 16px))}#tree-tip.hidden{display:none}#tree-tip .tt-name{font-size:13px;font-weight:800;white-space:nowrap}#tree-tip .tt-tier{font-size:11px;color:var(--dim);font-weight:600;margin-top:1px}#tree-tip .tt-val{font-size:11px;font-weight:800;color:var(--rust);margin-top:4px}#tree-tip .tt-resist{font-size:10.5px;color:var(--sky);font-weight:600;margin-top:3px}.pill.week{display:flex;flex-direction:column;align-items:center;padding:3px 12px 4px}.pill.week .ring{width:34px;height:34px;display:block}.ring-num{font-family:var(--font-display);font-size:15px;fill:var(--inkd)}.pill.week .k{margin-top:0}.pill .v.pips{display:flex;align-items:center;justify-content:center;gap:4px;min-height:22px;padding-top:2px}.pip{width:9px;height:9px;border-radius:2px;display:inline-block;background:#2b2a202e;transform:rotate(45deg)}.pip.on{background:#2e7d4f;box-shadow:0 0 0 1px #2b2a2040}.pip.just{animation:pipSpend .4s ease}@keyframes pipSpend{0%{background:#2e7d4f;transform:rotate(45deg) scale(1.4)}to{background:#2b2a202e;transform:rotate(45deg) scale(1)}}.pip.fill{animation:pipFill .32s cubic-bezier(.2,1.5,.4,1) backwards}@keyframes pipFill{0%{transform:rotate(45deg) scale(0)}to{transform:rotate(45deg) scale(1)}}.order-tag{display:inline-block;margin-top:5px;font-size:10.5px;font-weight:700;color:var(--inkd);background:var(--grain),linear-gradient(170deg,#eedfae,#e2cf94);border:1.5px solid var(--inkd);border-radius:6px;padding:2px 8px 3px;transform:rotate(-.8deg);box-shadow:1.5px 1.5px #10181259;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-tag b{color:var(--rust)}.score-fly{position:fixed;z-index:35;pointer-events:none;font-family:var(--font-display);font-size:24px;letter-spacing:1px;transform:translate(-50%,-50%);text-shadow:0 1px 0 rgba(20,26,18,.8),0 0 10px rgba(0,0,0,.4);transition:transform .8s cubic-bezier(.3,.7,.25,1),opacity .8s ease;opacity:1}.card{touch-action:pan-x}.card.dragging{opacity:.35}.drag-ghost{position:fixed;z-index:60;pointer-events:none;width:58px;height:58px;transform:translate(-50%,-120%) rotate(3deg) scale(1.05);filter:drop-shadow(0 10px 16px rgba(0,0,0,.45))}.drag-ghost .dg-icon{width:100%;height:100%}#week-banner{position:fixed;top:24%;left:50%;z-index:28;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--grain),linear-gradient(168deg,#f4ead0,var(--paper-2));border:2px solid var(--inkd);border-radius:12px;padding:12px 30px 10px;box-shadow:0 5px #10181280,0 18px 40px #00000073;animation:bannerSweep 1.8s cubic-bezier(.3,.8,.3,1) forwards}#week-banner .wb-week{font-family:var(--font-display);font-size:15px;letter-spacing:3px;color:var(--dim)}#week-banner .wb-phase{font-family:var(--font-display);font-size:30px;letter-spacing:2px;line-height:1}@keyframes bannerSweep{0%{transform:translate(-50%) translateY(-14px) scale(.92);opacity:0}12%{transform:translate(-50%) translateY(0) scale(1);opacity:1}82%{transform:translate(-50%) translateY(0) scale(1);opacity:1}to{transform:translate(-50%) translateY(8px) scale(.96);opacity:0}}#mode-row{display:flex;gap:8px;justify-content:center;margin-top:10px}.mode-chip{cursor:pointer;text-align:center;font-family:var(--font-ui);font-weight:800;font-size:12.5px;letter-spacing:.3px;color:var(--paper);background:#0c1a14b8;border:2px solid rgba(240,230,200,.35);border-radius:10px;padding:7px 14px 6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mode-chip:hover{border-color:var(--paper)}.mode-chip span{display:block;font-size:10px;font-weight:600;color:#b4bfa0;margin-top:2px}@media (prefers-reduced-motion: reduce){#start,#order-slip,.mp-eq-bars.playing span{animation:none!important}.toast,#week-banner,.pip.just,.pip.fill,#tip,.go-best.record{animation-duration:.01ms!important;animation-iteration-count:1!important}#week-banner{opacity:1}.score-fly{transition-duration:.2s}.card,.card:hover,.card.selected{transition:none}#stage .hint{animation:none}}@media (max-width: 720px){#hud{left:calc(var(--safe-l) + 8px);transform:none;max-width:calc(100vw - 108px);overflow-x:auto;scrollbar-width:none}#hud::-webkit-scrollbar{display:none}.pill.score{order:-1;border-left:none!important}.pill.score+.pill,#hud .pill:first-child{border-left:2px solid rgba(43,42,32,.18)}.pill{min-width:58px;padding:3px 9px 4px}.pill .v{font-size:17px}.pill.energy .v{font-size:13px}#toolbar{display:grid;grid-template-columns:repeat(2,34px);gap:5px}.tool{width:34px;height:34px;font-size:14px}#conditions{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;pointer-events:auto;bottom:calc(var(--safe-b) + 162px);width:96vw;gap:8px;scrollbar-width:none;padding-right:52px}#conditions::-webkit-scrollbar{display:none}.cond{min-width:72vw;scroll-snap-align:center;flex:0 0 auto}#hand{padding-right:calc(126px + var(--safe-r));height:140px}.card{width:82px}#controls{width:108px}button#end{font-size:16px;padding:10px 6px 8px}#music-player{top:calc(var(--safe-t) + 54px);width:min(280px,92vw)}#log{top:calc(var(--safe-t) + 58px);left:calc(var(--safe-l) + 8px);transform:none;align-items:flex-start;max-width:calc(100vw - 108px)}.toast{font-size:11.5px;text-align:left}#stage .hint{top:calc(var(--safe-t) + 84px);font-size:10px}}