:root{--ink:#4b4433;--muted:#7b7860;--gold:#c69845;--cyan:#648e78;--magenta:#b87c83;--danger:#ad5346;--border:#d9ccb0;--panel:#fff9e9;color:var(--ink);font-synthesis:none;background:#eee7cf;font-family:Trebuchet MS,Noto Sans CJK SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #648e78}button{transition:transform .15s,background .15s}button:hover:not(:disabled){transform:translateY(-2px)}button:active:not(:disabled){transform:translateY(1px)}#app{image-rendering:pixelated;background:#483c32 url(/assets/mining-valley.webp) 50%/cover no-repeat;position:relative}#game-canvas{width:100%;height:100%;image-rendering:pixelated;touch-action:none;outline:none;display:block}.hidden,[hidden]{display:none!important}.overlay{z-index:10;background:#32392529;place-items:center;padding:28px 20px 72px;display:grid;position:absolute;inset:0;overflow:auto}.panel{background:var(--panel);image-rendering:auto;border:2px solid #8c9170;border-radius:5px;width:min(760px,100%);max-height:100%;padding:32px;overflow:auto;box-shadow:0 5px #58654b,0 12px #cad0a155,0 22px 70px #28312050}.panel.compact{text-align:center;width:min(460px,100%)}.auth-panel{width:min(440px,100%)}.eyebrow{letter-spacing:.22em;color:#648e78;margin-bottom:14px;font-size:.67rem;font-weight:700}.title{letter-spacing:.13em;color:#435a3c;margin:0;font-size:clamp(2rem,4vw,3rem)}.title span{color:#be8c43;margin:0 5px}.subtitle{color:var(--muted);margin:10px 0 24px;font-size:.9rem;line-height:1.7}h2{margin:0 0 12px;font-size:1.3rem}.muted,.hint{color:var(--muted);font-size:.84rem;line-height:1.6}.msg{min-height:1.2em;color:var(--cyan);margin:12px 0 0;font-size:.85rem}.msg.error{color:var(--danger)}.tabs{gap:8px;margin:16px 0;display:flex}.tab{border:1px solid var(--border);color:var(--muted);background:#f4eddb;border-radius:3px;flex:1;padding:9px}.tab.active{color:#435a3c;background:#e0e7cd;border-color:#91a27a}.auth-form{gap:12px;display:grid}.auth-form label{color:var(--muted);gap:6px;font-size:.82rem;display:grid}.auth-form input:not([type=checkbox]){width:100%;min-height:42px;color:var(--ink);background:#fffdf4;border:1px solid #cfc4a7;border-radius:3px;padding:10px 12px}.auth-form .check{align-items:center;gap:6px;display:flex}.btn{min-height:44px;color:var(--ink);background:#eee9d6;border:1px solid #bdbea1;border-radius:3px;padding:10px 16px;box-shadow:0 2px #b6b399}.btn.primary{color:#fffbe9;background:#71875b;border-color:#5b7048;font-weight:700;box-shadow:0 3px #4b5d3d}.btn.ghost{background:#fff9e9}.btn.sm{min-height:36px;padding:7px 12px;font-size:.78rem}.menu-head{border-top:1px dashed var(--border);justify-content:space-between;align-items:center;margin-bottom:18px;padding-top:18px;display:flex}.menu-head h2{margin-bottom:2px;font-size:1rem}.menu-head p{margin:0}.menu-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.menu-card{text-align:left;min-height:112px;color:var(--ink);background:#f5edda;border:1px solid #d1c5a6;border-radius:3px;gap:10px;padding:20px 16px;display:grid;position:relative;box-shadow:0 3px #e2d5b7}.menu-card:before{content:"✦";color:#b68e4b;font-size:1.4rem}.menu-card.coop:before{content:"♧";color:#668777}.menu-card.versus:before{content:"⚑";color:#b87c83}.menu-card strong{font-size:1rem}.menu-card span{color:var(--muted);font-size:.76rem;line-height:1.5}.menu-card.coop{background:#eaf0de;border-color:#bcc8a9}.menu-card.versus{background:#f4e4dd;border-color:#d8bbb0}.controls-hint{border-top:1px dashed var(--border);color:var(--muted);margin:20px 0 0;padding-top:14px;font-size:.75rem;line-height:1.9}.chip-grid,.level-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0;display:grid}.chip-card,.level-card{border:1px solid var(--border);text-align:left;color:var(--ink);background:#f5edda;border-radius:3px;padding:16px;line-height:1.6}.chip-card strong{font-size:.9rem;display:block}.chip-card span{color:var(--muted);font-size:.78rem}.chip-card.selected-primary{background:#edf0d9;border:2px solid #7c935c}.chip-card.selected-secondary{background:#e5ece6;border:2px solid #7aa095}.stars{color:#bd9144;margin-top:8px}.ach-list{gap:8px;margin:18px 0;display:grid}.ach-item{border:1px solid var(--border);background:#f7f0df;border-radius:3px;justify-content:space-between;gap:10px;padding:14px;display:flex}.ach-item.done{background:#e8eddb;border-color:#9fac83}.tier{color:var(--muted);font-size:.75rem}.row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.compact>.btn{width:100%;margin-top:12px;display:block}#hud{padding:max(14px,env(safe-area-inset-top)) 20px;pointer-events:none;z-index:3;justify-content:space-between;align-items:start;gap:12px;display:flex;position:absolute;top:0;left:0;right:0}.hud-left,.hud-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hud-right{justify-content:flex-end;max-width:430px}.hud-metric{background:#fff8e9ed;border:1px solid #c8ba94;border-radius:3px;min-width:80px;padding:8px 12px;box-shadow:0 3px #59483355}.hud-metric span{color:var(--muted);font-size:.65rem;display:block}.hud-metric strong{font-variant-numeric:tabular-nums;margin-top:3px;font-size:1.1rem;display:block}.hud-metric.gold strong{color:#a07835}.hud-metric.combo strong{color:#a06d77}.chip-row{pointer-events:auto;background:#fff8e9ed;border:1px solid #c8ba94;border-radius:3px;align-items:center;gap:5px;padding:5px;display:flex}.tag{color:#6e8254;padding:4px;font-size:.7rem;font-weight:700}.tag.cyan{color:#588a85}.chip-btn{color:#4e6340;background:#e5ecd6;border:1px solid #c4caa8;border-radius:2px;min-height:36px;padding:8px;font-size:.76rem}.hud-right>.btn{pointer-events:auto}#event-banner{color:#6e583a;background:#f7e6c5;border:1px solid #b79760;border-radius:3px;padding:8px 14px;font-size:.8rem}#event-banner:empty{display:none}#play-controls{z-index:3;background:#fff8e9ed;border:1px solid #c8ba94;border-radius:3px;width:min(520px,100% - 32px);padding:12px 16px;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 3px #59483355}.progress-label{color:var(--muted);justify-content:space-between;gap:8px;font-size:.73rem;display:flex}progress{appearance:none;background:#e3dcc5;border:0;width:100%;height:8px;margin:8px 0 12px}progress::-webkit-progress-bar{background:#e3dcc5}progress::-webkit-progress-value{background:#899d61}progress::-moz-progress-bar{background:#899d61}.global-settings{bottom:max(16px,env(safe-area-inset-bottom));z-index:20;gap:8px;display:flex;position:absolute;left:20px}.toast{color:#625332;z-index:30;background:#f9e5aa;border:2px solid #b99e61;border-radius:3px;max-width:calc(100% - 40px);padding:14px 20px;font-size:.85rem;position:absolute;bottom:24px;right:20px;box-shadow:0 3px #887b4e}@media (width<=800px){#hud{gap:6px;padding:10px}.hud-metric{min-width:62px;padding:6px 8px}.hud-metric strong{font-size:.95rem}.hud-right{max-width:260px}.menu-grid{grid-template-columns:repeat(2,1fr)}.panel{padding:24px}#play-controls{bottom:65px}.global-settings{bottom:12px;left:12px}.toast{bottom:66px}}@media (width<=480px){.overlay{padding:12px 12px 64px}.panel{padding:20px}.menu-grid{gap:8px}.menu-card{min-height:100px;padding:12px}.chip-grid,.level-grid{grid-template-columns:repeat(2,1fr)}#hud{flex-direction:column}.hud-left{justify-content:space-between;gap:5px;width:100%}.hud-metric{flex:1;min-width:0;padding:6px;font-size:.72rem}.hud-metric strong{font-size:.86rem}.hud-right{justify-content:flex-start;gap:5px;max-width:100%}.chip-btn{padding:6px;font-size:.65rem}.title{font-size:2rem}.subtitle{margin-bottom:18px;font-size:.8rem}.eyebrow{font-size:.58rem}.controls-hint{font-size:.7rem}.progress-label{font-size:.66rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}#app:not(.playing) #game-canvas{visibility:hidden}@media (width<=800px){.toast{pointer-events:none;bottom:198px}#app.playing{background:#483c32}.playing #hud{background:#eee7cfe8;border-bottom:2px solid #a4ac84}.playing #game-canvas{height:calc(100% - 295px);position:absolute;top:115px}}.art-icon{vertical-align:middle;flex:none;justify-content:center;align-items:center;display:inline-flex}.art-icon>span{image-rendering:pixelated;background-repeat:no-repeat;display:block}.chip-card .art-icon{float:right;margin:4px}.chip-card:disabled{opacity:.6}.book-entry{background:#e5ebd6;width:100%;margin-top:20px}.book-entry span{color:#71875b;font-weight:700}.stage-map-section{border:1px solid var(--border);background:#f6f0e0;border-radius:4px;margin-bottom:14px;padding:14px}.stage-map-head{align-items:center;gap:16px;display:flex}.stage-map-head img{object-fit:cover;object-position:center 22%;width:190px;height:110px;image-rendering:pixelated;border:1px solid #b9b795}.stage-map-head h3{color:#52684a;margin:5px 0;font-size:1.12rem}.stage-map-head p{margin:6px 0;font-size:.8rem;line-height:1.6}.stage-map-head .eyebrow{letter-spacing:.08em;font-size:.64rem}.stage-level-pair{grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0;display:grid}.stage-recommend{width:100%}#level-grid{display:block}.guide-tabs{flex-wrap:wrap;gap:6px;margin:16px 0;display:flex}.guide-tabs .tab{flex:none;font-size:.76rem}.guide-stage{align-items:center;gap:16px;margin:12px 0;display:flex}.guide-stage>img{object-fit:cover;width:190px;height:140px;image-rendering:pixelated}.guide-stage p{font-size:.82rem;line-height:1.7}.mineral-guide{grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0;display:grid}.mineral-card{text-align:center;border:1px solid var(--border);background:#f4ecd9;border-radius:4px;padding:16px 12px}.mineral-card.discovered{background:#e9eedd;border-color:#9aac7e}.mineral-card h3{margin:10px 0 6px;font-size:.93rem}.mineral-card p{margin:8px 0;font-size:.78rem;line-height:1.6}.discovery-status{color:#71875b;font-size:.7rem}.field-tool{background:#f5e9c7;border-color:#c6ad70}.stage-metric strong{color:var(--stage-color,#71875b)}#stage-tip{color:#797358;margin-top:6px;font-size:.74rem;line-height:1.5}#active-effects{color:#5a825c;font-size:.7rem;line-height:1.5}#active-effects:empty{display:none}#game-stage{justify-content:center;align-items:center;display:flex;position:absolute;inset:124px 14px 225px}#app.playing #game-stage #game-canvas{max-width:100%;max-height:100%;image-rendering:pixelated;outline:3px solid #9a9b76;position:static;top:auto;box-shadow:0 6px #697453,0 16px 28px #4c4b3533}#app:not(.playing) #game-stage{visibility:hidden}.playing #hud{background:#f4eddc;border-bottom:2px solid #b3b797}.playing #play-controls{max-height:180px;bottom:60px;overflow:auto}.playing .global-settings{bottom:12px}.playing .toast{pointer-events:none;bottom:216px}#play-controls .row{align-items:center}.hud-right{max-width:490px}.stage-metric{min-width:95px}@media (width<=800px){#game-stage{inset:150px 10px 220px}.playing #hud{background:#f4eddc}.hud-right{justify-content:flex-start;max-width:100%}.stage-map-head{gap:12px}.stage-map-head img{width:145px;height:100px}.mineral-guide{grid-template-columns:repeat(2,1fr)}.stage-metric{flex:1.4;min-width:0}.playing #play-controls{width:calc(100% - 24px);bottom:58px}.playing .toast{padding:10px 14px;font-size:.76rem;bottom:235px}.guide-stage{display:block}.guide-stage>img{width:100%;height:140px}.stage-tip{font-size:.68rem}.stage-map-head{display:block}.stage-map-head img{width:100%;height:100px;margin-bottom:12px}}@media (height<=500px) and (width>=600px){#game-stage{inset:85px 170px 22px}.playing #play-controls{width:156px;padding:8px;bottom:52px;left:auto;right:8px;transform:none}.playing #play-controls .row{gap:6px}.playing #play-controls .btn{min-height:32px;padding:7px;font-size:.72rem}.playing #stage-tip{display:none}.playing .global-settings{gap:4px;left:8px}.playing .global-settings .btn{padding:6px;font-size:.65rem}.playing #hud{padding:6px}.hud-metric{min-width:55px;padding:4px 6px}.hud-metric strong{font-size:.85rem}.playing .toast{max-width:140px;bottom:10px}.hud-right{max-width:340px}.chip-btn{min-height:30px;padding:5px;font-size:.65rem}}@media (width>=1100px){#game-stage{inset:105px 260px 58px 24px}.playing #play-controls{width:220px;max-height:300px;padding:16px;bottom:90px;left:auto;right:16px;transform:none}.playing #play-controls .row{flex-direction:column}.playing #play-controls .btn{width:100%}.playing .toast{max-width:220px;bottom:410px}.playing #stage-tip{margin-top:12px;line-height:1.8}.playing .progress-label{line-height:1.6}.playing progress{margin:12px 0 18px}}@media (width<=480px){.hud-metric strong{white-space:nowrap;font-size:.74rem}.stage-metric strong{font-size:.78rem}.stage-metric{flex:1.6}.hud-left{gap:4px}}.journey-map{object-fit:cover;width:100%;height:220px;image-rendering:pixelated;border:2px solid #a79d78;border-radius:3px;margin:12px 0;display:block}.creature-card{background:#f4ecd8;border:1px solid #c4b997;border-radius:3px;padding:12px}.creature-card h3{margin:6px 0;font-size:.95rem}.creature-card p{margin:6px 0;font-size:.8rem;line-height:1.6}#risk-status{color:#a05e49;font-size:.7rem;line-height:1.6}#board-budget{color:#776f56;font-size:.65rem;line-height:1.7}@media (width<=600px){.journey-map{height:150px}.playing #play-controls{max-height:190px}.playing #game-stage{bottom:250px}}@media (width>=1100px){.playing #play-controls{max-height:380px}}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;overflow:hidden;position:absolute!important}.playing #game-stage{inset:var(--hud-space,100px) 20px 88px}.playing #play-controls{background:#fff8e9ed;width:max-content;max-width:calc(100% - 32px);max-height:none;padding:8px 12px;bottom:14px;left:50%;right:auto;overflow:visible;transform:translate(-50%)}.playing #play-controls .row{flex-flow:row;gap:8px}.playing #play-controls .btn{width:auto;min-height:42px;padding:9px 16px}.playing #play-controls #risk-status{text-align:center;max-width:460px;margin:0 0 6px;font-size:.73rem}.playing #risk-status:empty{display:none}.playing .global-settings{bottom:17px;left:12px}.playing .toast{max-width:360px;bottom:96px;right:20px}.hud-right{gap:6px;max-width:none}.chip-row{gap:6px;padding:4px 6px}.chip-btn{isolation:isolate;background:#f4efd9;border-color:#b6bda0;place-items:center;width:56px;height:56px;min-height:56px;padding:3px;display:grid;position:relative;box-shadow:0 2px #888d6b}.chip-btn .art-icon{z-index:1;position:relative}.tool-key{z-index:3;color:#4e6340;background:#fff9e8;border:1px solid #baaf8a;border-radius:2px;min-width:15px;padding:1px 3px;font-size:.66rem;font-weight:700;line-height:1.2;position:absolute;bottom:1px;right:3px}.tool-cooldown{z-index:2;color:#fff7d8;text-shadow:1px 1px #29301f;background:#28352499;place-items:center;font-size:.9rem;font-weight:700;display:grid;position:absolute;inset:0}.tool-cooldown:empty{display:none}.chip-btn:disabled{opacity:.72}.chip-btn.is-active{border:2px solid #8fbc7a;box-shadow:0 0 0 2px #bddd9870,0 2px #66864e}.chip-btn.used .art-icon{filter:grayscale(.8)}.tool-tooltip{color:#4b4433;z-index:50;pointer-events:none;background:#fff9e9;border:2px solid #86976f;border-radius:4px;width:250px;padding:14px;font-size:.8rem;line-height:1.65;position:fixed;box-shadow:0 5px #546741,0 12px 24px #27332640}.tool-tooltip header{align-items:center;gap:12px;display:flex}.tool-tooltip strong{color:#4f6c44;font-size:.96rem;display:block}.tool-tooltip p{margin:8px 0 0}.tool-tooltip .hint{font-size:.72rem}.match-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin:18px 0;display:grid}.match-panel label{gap:7px;font-size:.84rem;display:grid}.match-panel select{color:#4b4433;width:100%;min-height:42px;font:inherit;background:#fffdf3;border:1px solid #b9bd9e;border-radius:3px;padding:8px}.match-loadouts{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.match-loadouts fieldset{background:#edf1df;border:1px solid #b8c7a5;gap:12px;padding:16px;display:grid}.match-loadouts fieldset:nth-child(2){background:#e7f0e8;border-color:#9ebfba}.match-loadouts legend{color:#54714c;padding:0 8px;font-weight:700}.result-help{text-align:left;background:#eef1df;border:1px solid #bac7a2;border-radius:4px;margin:16px 0;padding:16px;font-size:.8rem;line-height:1.75}.result-help h3{color:#54714c;margin:0 0 8px;font-size:.94rem}.result-help ul{margin:6px 0;padding-left:20px}.help-loadout{align-items:center;gap:10px;margin-top:12px;display:flex}.help-loadout span{font-size:.75rem}.result-help .round-facts{color:#7b7860;margin:0 0 8px;font-size:.72rem}@media (width<=800px){.chip-btn{width:48px;height:48px;min-height:48px}.playing #game-stage{inset:var(--hud-space,155px) 10px 120px}.playing #play-controls{width:max-content;max-width:calc(100% - 20px);max-height:none;bottom:54px}.playing .global-settings{bottom:10px}.playing .toast{bottom:128px}.playing #play-controls .btn{min-height:40px;padding:8px 12px;font-size:.76rem}.hud-right{flex-wrap:wrap}}@media (width<=480px){.chip-row{gap:4px;padding:4px}.chip-btn{width:44px;height:44px;min-height:44px}.chip-btn .art-icon{transform:scale(.9)}.hud-right{justify-content:space-between;gap:5px;width:100%}.match-grid,.match-loadouts{grid-template-columns:1fr}.match-panel{padding:18px}.playing #play-controls #risk-status{max-width:330px;font-size:.66rem}.playing #play-controls .btn{padding:8px 10px}.tool-tooltip{width:230px}.playing .toast{max-width:calc(100% - 40px)}}@media (height<=500px) and (width>=600px){.playing #hud{gap:4px;padding:6px 10px}.chip-btn{width:38px;height:38px;min-height:38px}.chip-btn .art-icon{transform:scale(.75)}.chip-row{gap:3px;padding:3px}.playing #game-stage{inset:var(--hud-space,95px) 12px 62px}.playing #play-controls{padding:5px 8px;bottom:8px}.playing #play-controls .btn{min-height:32px;padding:6px 10px}.playing .global-settings{bottom:8px}.playing #risk-status{display:none}.playing .toast{bottom:60px}}@keyframes cast-tool{0%{transform:scale(.9)}45%{transform:scale(1.12);box-shadow:0 0 0 5px #f1d47e88}to{transform:scale(1)}}.chip-btn.cast{animation:.35s ease-out cast-tool}.playing #game-stage{bottom:var(--controls-space,120px)}#app[data-reduced=true] .chip-btn.cast{animation:none}#app.playing{background:radial-gradient(#364331 0%,#202b22 70%,#141d18 100%)}.playing #game-stage{max-width:100%;max-height:100%;inset:50% auto auto 50%;transform:translate(-50%,-50%)}#app.playing #game-stage #game-canvas{box-shadow:none;outline:none;flex:none}.playing #hud{color:#fff8dc;background:linear-gradient(#243222cc,#24322255,#0000);border:0;min-height:56px;padding:12px 64px 12px 18px;inset:0 0 auto}.playing .hud-left{flex-wrap:nowrap;align-items:center;gap:18px;width:100%}.playing .hud-metric{min-width:0;box-shadow:none;white-space:nowrap;background:0 0;border:0;align-items:baseline;gap:6px;padding:0;display:flex}.playing .hud-metric span{color:#e0e2be;font-size:.72rem}.playing .hud-metric strong{color:#fff8dc;text-shadow:0 1px 3px #182819;margin:0;font-size:1rem}.playing .stage-metric{margin-right:auto}.playing #stage-label,.playing .stage-metric+.hud-metric>span{display:none}.playing .hud-metric.gold strong{color:#ffe097}.playing .hud-metric.combo strong{color:#f9d5ad}.playing #pause-btn{z-index:4;color:#fff4d7;width:40px;height:40px;box-shadow:none;background:#263a2ac4;border:1px solid #e4dc9d66;border-radius:50%;padding:0;font-size:24px;position:absolute;top:10px;right:12px}.playing .hud-right{pointer-events:none;z-index:3;display:block;position:absolute;inset:0}.playing .chip-row{pointer-events:auto;background:#26392a99;border:1px solid #d8dda366;border-radius:8px;gap:5px;padding:5px;display:flex;position:absolute;top:20%;left:calc(50% + 38px);box-shadow:0 3px 12px #15271a33}.playing .chip-row .tag{display:none}.playing .chip-btn{background:#eee8cbe8;border-radius:5px;width:44px;height:44px;min-height:44px}.playing .chip-btn .art-icon{transform:scale(.85)}#app.playing[data-multiplayer=true] .chip-row:not(#chip-row-p2){left:auto;right:calc(61.2% + 28px)}#app.playing[data-multiplayer=true] #chip-row-p2{left:calc(61.2% + 28px)}.playing #event-banner{color:#fff4d4;pointer-events:none;background:#26392ac9;border-radius:4px;max-width:85%;font-size:.8rem;position:absolute;top:64px;left:50%;transform:translate(-50%)}.playing #event-banner:empty{display:none}.playing #play-controls{width:100%;max-width:none;box-shadow:none;pointer-events:none;background:0 0;border:0;padding:0;inset:0;overflow:visible;transform:none}.playing #play-controls .row{pointer-events:auto;opacity:.85;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.playing #play-controls .btn{color:#fff6dc;box-shadow:none;background:#26392a99;border:1px solid #dad5a566;border-radius:24px;min-height:38px;font-size:.76rem}.playing #risk-status{color:#ffe9c0;background:#3e302bd9;border-radius:4px;width:max-content;max-width:85%;padding:8px 12px;font-size:.8rem;position:absolute;top:34%;left:50%;transform:translate(-50%)}.playing #active-effects{color:#f5ecc4;pointer-events:none;z-index:3;background:#26392ab8;border-radius:4px;max-width:85%;padding:6px 10px;position:absolute;bottom:65px;left:50%;transform:translate(-50%)}#pause-panel .global-settings{justify-content:center;gap:12px;margin:20px 0;display:flex;position:static}.settings-guide{text-align:left;background:#eef0df;border-radius:5px;padding:14px 16px;font-size:.8rem;line-height:1.8}.settings-guide h3{margin:0 0 8px;font-size:.9rem}.settings-guide p{margin:8px 0}.playing .toast{max-width:300px;font-size:.76rem;bottom:20px;right:16px}@media (width<=600px){.playing #hud{min-height:42px;padding:8px 48px 8px 10px}.playing .hud-left{gap:8px}.playing .hud-metric{gap:3px}.playing .hud-metric span{font-size:.55rem}.playing .hud-metric strong{font-size:.68rem}.playing #combo-box{display:none}.playing #pause-btn{width:32px;height:32px;font-size:20px;top:5px;right:6px}.playing .chip-row{gap:3px;padding:3px;top:17%;left:calc(50% + 15px)}.playing .chip-btn{width:30px;height:30px;min-height:30px}.playing .chip-btn .art-icon{transform:scale(.6)}.playing .tool-key{min-width:10px;padding:0 2px;font-size:.5rem;bottom:0;right:0}.playing .tool-cooldown{font-size:.65rem}#app.playing[data-multiplayer=true] .chip-row:not(#chip-row-p2){right:calc(61.2% + 12px)}#app.playing[data-multiplayer=true] #chip-row-p2{left:calc(61.2% + 12px)}.playing #event-banner{font-size:.65rem;top:42px}.playing #play-controls .row{bottom:7px}.playing #play-controls .btn{min-height:30px;padding:5px 10px;font-size:.65rem}.playing #active-effects{font-size:.65rem;bottom:43px}.playing .toast{max-width:85%;bottom:12px}}.mobile-score,#app:not(.playing)>.hud-right{display:none}.playing>.hud-right{width:var(--scene-width);height:var(--scene-height);inset:50% auto auto 50%;transform:translate(-50%,-50%)}.keybinding-settings{text-align:left;border:1px solid #b8c3a0;border-radius:5px;margin:16px 0;padding:10px}.keybinding-settings summary{cursor:pointer;color:#4b6543;font-weight:700}#keybinding-grid{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0;display:grid}#keybinding-grid fieldset{border:1px solid #c6cba9;padding:10px}#keybinding-grid label{justify-content:space-between;align-items:center;gap:8px;margin:8px 0;font-size:.76rem;display:flex}#keybinding-grid select{color:#435a3c;max-width:100px;min-height:36px;font:inherit;background:#fffdf0;border:1px solid #b4bd98;border-radius:3px;padding:4px}#binding-status{color:#926132;font-size:.75rem}#app.playing[data-mobile=true]{width:var(--view-width);height:var(--view-height);background:radial-gradient(#364331,#141d18)}#app.playing[data-rotated=true]{transform-origin:0 0;position:absolute;top:0;left:100%;transform:rotate(90deg)}#app.playing[data-mobile=true]>.hud-right{width:100%;height:100%;inset:0;transform:none}#app.playing[data-mobile=true] .chip-row{background:#2e412ce6;flex-direction:column;gap:8px;padding:6px;top:50%;left:12px;right:auto;transform:translateY(-35%)}#app.playing[data-mobile=true][data-multiplayer=true] .chip-row:not(#chip-row-p2){left:12px;right:auto}#app.playing[data-mobile=true] #chip-row-p2{left:auto;right:12px}#app.playing[data-mobile=true] .chip-btn{width:44px;height:44px;min-height:44px}#app.playing[data-mobile=true] .chip-btn .art-icon{transform:scale(.85)}#app.playing[data-mobile=true] .tool-key{display:none}#app.playing[data-mobile=true] .mobile-score{text-align:center;color:#ffe7a2;text-shadow:0 2px 2px #17261c;pointer-events:none;gap:4px;width:60px;display:grid;position:absolute;top:calc(50% - 130px);left:8px}#app.playing[data-mobile=true] .mobile-score span{color:#cadab7;font-size:.75rem}#app.playing[data-mobile=true] .mobile-score strong{font-size:1.05rem}#app.playing[data-mobile=true] .mobile-score-p2{left:auto;right:8px}#app.playing[data-multiplayer=false] .mobile-score-p2,#app.playing[data-mobile=true] #score-value,#app.playing[data-mobile=true] #score-value+span{display:none}#app.playing[data-mobile=true] .hud-metric:has(#score-value){display:none}#app.playing[data-mobile=true] .hud-left{gap:12px}#app.playing[data-mobile=true] .hud-metric strong{font-size:.8rem}#app.playing[data-mobile=true] #event-banner{top:58px}#app.playing[data-mobile=true] #play-controls .row{opacity:.65;gap:12px;bottom:6px}#app.playing[data-mobile=true] #play-controls .btn{min-height:30px;padding:4px 12px;font-size:.65rem}#app.playing[data-mobile=true] .overlay{padding:12px 76px}#app.playing[data-mobile=true] .panel{max-height:100%;padding:18px}#app.playing[data-mobile=true] .toast{max-width:260px;bottom:10px;right:80px}