:root{--bg-color:#08090a;--panel-color:#151a15;--border-color:#2b332a;--card-bg:#181e16;--card-border:#2e3629;--inset-bg:#10140e;--accent-color:#d9a441;--text-color:#e8e3d2;--hp-color:#c1443c;--xp-color:#8d6fd4;--block-accent:#3f9e93;--hero-accent:#4c8c53;--font-pixel:"VT323", monospace}.card-title,.modal-title,.dpad-title,#stat-score,#stat-hp,#stat-floor,#player-level,.restart-btn,.perk-btn strong,#xp-label,#stat-rate{font-family:var(--font-pixel)}.card-title,.dpad-title,#xp-label{font-size:12px}#player-level{font-size:11px}html,body{background-color:var(--bg-color);width:100%;height:100%;margin:0;padding:0;position:fixed;overflow:hidden}@supports (height:100dvh){html,body{height:100dvh}}body{color:var(--text-color);-webkit-user-select:none;user-select:none;touch-action:none;-webkit-touch-callout:none;flex-direction:column;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}#game-wrapper{box-sizing:border-box;width:100%;max-width:100%;height:100%;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));grid-template:"canvas"1fr/1fr;gap:0;margin:0 auto;display:grid}#canvas-container{grid-area:canvas;justify-content:center;align-self:stretch;align-items:center;min-height:0;display:flex;position:relative}#pause-btn{z-index:5;border:1px solid var(--border-color);color:#cfcfe0;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0a12b8;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:17px;line-height:1;display:flex;position:absolute;top:8px;right:8px}#pause-btn:hover,#pause-btn:active{border-color:var(--accent-color);color:var(--accent-color)}#fullscreen-btn{z-index:5;border:1px solid var(--border-color);color:#cfcfe0;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0a12b8;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;line-height:1;display:flex;position:absolute;top:8px;right:54px}#fullscreen-btn:hover,#fullscreen-btn:active{border-color:var(--accent-color);color:var(--accent-color)}#fullscreen-btn.is-active{border-color:var(--block-accent);color:var(--block-accent)}#drawer-toggle-btn{z-index:45;border:1px solid var(--border-color);color:#cfcfe0;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0a12b8;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:17px;line-height:1;display:flex;position:absolute;top:8px;left:8px}#drawer-toggle-btn:hover,#drawer-toggle-btn:active{border-color:var(--accent-color);color:var(--accent-color)}.toast-banner{z-index:6;border:1px solid var(--accent-color);box-sizing:border-box;max-width:calc(100% - 100px);font-family:var(--font-pixel);color:var(--text-color);text-align:center;white-space:normal;overflow-wrap:anywhere;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0a12d1;border-radius:6px;padding:6px 14px;font-size:11px;line-height:1.35;transition:opacity .35s,transform .35s;position:absolute;top:8px;left:50%;transform:translate(-50%,-6px)}.toast-banner.visible{opacity:1;transform:translate(-50%)}#hud-strip{z-index:4;border:1px solid var(--border-color);box-sizing:border-box;color:var(--text-color);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0a129e;border-radius:6px;flex-direction:column;align-items:stretch;gap:5px;width:52px;padding:5px 6px;font-size:9px;display:flex;position:absolute;top:54px;right:8px}.hud-hp-block{text-align:center}.hud-hp-block span{font-family:var(--font-pixel);font-size:11px}.hud-hp-bar-container{background-color:#333;border-radius:2px;width:100%;height:4px;margin-top:2px;overflow:hidden}.hud-floor,.hud-gold{text-align:center;font-family:var(--font-pixel);font-size:11px}.hud-floor-progress{text-align:center;font-family:var(--font-pixel);flex-direction:column;gap:2px;font-size:10px;display:none}.hud-floor-progress.active{display:flex}.hud-floor-progress .fp-smith{color:#d9a441}.hud-floor-progress .fp-boss{color:#e57373}.hud-floor-progress .fp-stairs{color:#9fa8da}.hud-next-preview{justify-content:center;align-items:center;display:flex}.kbd-hint,.kbd-only{display:none}#sidebar-backdrop{z-index:35;opacity:0;pointer-events:none;background:#00000080;transition:opacity .2s;position:fixed;inset:0}#sidebar-backdrop.visible{opacity:1;pointer-events:auto}.settings-row{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;font-size:12px;font-family:var(--font-pixel);border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;display:flex}.settings-row:hover,.settings-row:active{border-color:var(--accent-color)}.settings-val{color:var(--accent-color)}canvas{border:2px solid var(--border-color);box-sizing:border-box;width:auto;max-width:100%;height:100%;image-rendering:pixelated;box-shadow:var(--canvas-glow,0 0 28px #3f9e9326, 0 0 6px #3f9e930f), inset 0 0 1px #ffffff0a;background-color:#020205;border-radius:6px;display:block}#sidebar-panel{z-index:40;background-color:var(--panel-color);border:1px solid var(--border-color);box-sizing:border-box;border-radius:0;flex-direction:column;grid-area:sidebar;justify-content:space-between;gap:4px;width:min(78vw,280px);height:100%;min-height:0;padding:5px;font-size:11px;transition:transform .25s;display:flex;position:fixed;top:0;right:0;overflow:hidden auto;transform:translate(100%);box-shadow:-4px 0 24px #00000080}#sidebar-panel.drawer-open{transform:translate(0)}@keyframes titlePulse{0%,to{text-shadow:0 0 8px #ffd54f66}50%{text-shadow:0 0 14px #ffd54fb3}}#sidebar-game-title{font-family:var(--font-pixel);letter-spacing:2px;color:var(--accent-color);text-align:center;border-bottom:1px solid var(--border-color);text-shadow:0 0 10px #ffd54f66;flex-shrink:0;padding:3px 0 5px;font-size:17px;animation:3s ease-in-out infinite titlePulse}.sidebar-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:4px;padding:5px;animation:5s ease-in-out infinite cardBreathe}@keyframes cardBreathe{0%,to{border-color:var(--card-border);box-shadow:0 0 #d9a44100}50%{border-color:#3a4232;box-shadow:0 0 6px #d9a44129}}.card-title{text-transform:uppercase;letter-spacing:.5px;color:#777;margin-bottom:2px;font-weight:700}.hp-bar-container{background-color:#333;border-radius:2px;width:100%;height:4px;margin-top:3px;overflow:hidden}.hp-bar-fill{background-color:var(--hp-color);width:100%;height:100%;transition:width .15s,background-color .3s}.hp-bar-fill.hp-full{background-color:#5a9c52}.hp-bar-fill.hp-warning{background-color:var(--accent-color)}.hp-bar-fill.hp-critical{background-color:var(--hp-color);animation:.7s ease-in-out infinite hpPulse}@keyframes hpPulse{0%,to{opacity:1}50%{opacity:.4}}.hp-bar-container.hp-critical-glow{animation:.7s ease-in-out infinite hpContainerGlow}@keyframes hpContainerGlow{0%,to{box-shadow:0 0 #ef535000}50%{box-shadow:0 0 8px 1px #ef5350d9}}.xp-bar-container{background-color:#1a1030;border-radius:2px;width:100%;height:3px;overflow:hidden}.xp-bar-fill{background-color:var(--xp-color);width:0%;height:100%;transition:width .2s}@keyframes scorePop{0%{color:inherit;text-shadow:none;transform:scale(1)}40%{color:#fff;text-shadow:0 0 12px #ffd54fe6,0 0 4px #fffc;transform:scale(1.45)}to{color:inherit;text-shadow:none;transform:scale(1)}}.score-pop{animation:.32s scorePop}.status-tag{text-transform:capitalize;border-radius:3px;align-items:center;gap:2px;padding:1px 3px;font-size:8px;font-weight:700;display:inline-flex}.status-poison{color:#c77fd4;background-color:#2d1535}.status-stun{color:#e3c05a;background-color:#33290e}.sprite-icon{image-rendering:pixelated;vertical-align:middle;display:inline-block}.spr{vertical-align:middle;min-width:12px;display:inline-flex}.log-icon{margin-right:3px}.brick-icon{background:var(--accent-color,#ffd54f);vertical-align:middle;border:1px solid #0006;width:10px;height:10px;margin-right:2px;display:inline-block}#next-preview-box{text-align:center;justify-content:center;align-items:center;min-height:20px;font-family:monospace;font-size:10px;line-height:1.1;display:flex}#log-panel{flex-direction:column;flex-grow:1;gap:2px;max-height:120px;font-family:monospace;font-size:10px;display:flex;overflow-y:auto}@keyframes logSlide{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.log-entry{line-height:1.1;animation:.18s logSlide}.log-neutral{color:#8a9ba8}.log-damage{color:#e26d5a}.log-success{color:#6fbf73}.log-blockbuilding{color:#b98fc4;font-weight:700}.log-boss{color:#e04848;font-weight:700}.log-combo{color:#d98e2b;font-weight:700}.log-perk{color:#8d6fd4;font-weight:700}.history-row{color:#666;grid-template-columns:2fr 1fr 2fr 1fr 2fr;gap:2px;padding:1px 0;font-size:8px;display:grid}.history-latest{color:#999}#controls-layout{z-index:20;padding:8px 4px calc(8px + env(safe-area-inset-bottom,0px));pointer-events:none;background:0 0;border:none;flex-direction:row;grid-area:controls;justify-content:space-between;gap:6px;display:flex;position:fixed;bottom:0;left:0;right:0}.dpad-container{pointer-events:auto;flex-direction:column;flex:none;align-items:center;display:flex}.dpad-title{text-transform:uppercase;letter-spacing:.5px;color:#666;margin-bottom:4px;font-weight:700;display:none}.dpad-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:3px;width:115px;height:115px;display:grid}.dpad-action-btn{letter-spacing:.4px;width:100%;margin-top:4px;font-size:10px}.dpad-btn{color:#fff;cursor:pointer;opacity:.5;background-color:#161c1459;border:1px solid #ffffff24;border-radius:6px;justify-content:center;align-items:center;font-size:18px;font-weight:700;transition:transform 70ms,box-shadow 70ms,background-color 70ms,opacity .1s;display:flex;position:relative;overflow:hidden}.dpad-btn:active{opacity:1}.dpad-btn:after{content:"";opacity:0;pointer-events:none;background:#ffffff8c;border-radius:50%;width:0;height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dpad-btn:active:after{animation:.4s ease-out dpadRipple}@keyframes dpadRipple{0%{opacity:.45;width:0;height:0}to{opacity:0;width:160%;height:160%}}.dpad-btn:active{background-color:var(--accent-color);color:#000;transform:scale(.86);box-shadow:inset 0 2px 6px #0000008c}.dpad-empty{visibility:hidden}.block-btn{border-color:var(--block-accent);color:#81d4fa}.block-btn:active{background-color:var(--block-accent);color:#000;transform:scale(.86);box-shadow:inset 0 2px 6px #0000008c}.hero-btn{border-color:var(--hero-accent);color:#a5d6a7}.hero-btn:active{background-color:var(--hero-accent);color:#000;transform:scale(.86);box-shadow:inset 0 2px 6px #0000008c}.hero-wait-btn{background-color:#1f3d1f}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.97)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);box-sizing:border-box;background-color:#050508d9;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:none;position:fixed;top:0;left:0}.modal-card{background-color:var(--panel-color);border:2px solid var(--border-color);border-top:3px solid var(--accent-color);text-align:center;border-radius:8px;width:100%;max-width:320px;max-height:85vh;padding:20px;animation:.2s modalFadeIn;overflow-y:auto;box-shadow:0 4px 16px #000c}.modal-card.victory{border-color:var(--accent-color);box-shadow:0 0 40px #ffd54f59,inset 0 0 22px #ffd54f0f}.modal-card.victory #death-title{color:var(--accent-color);text-shadow:0 0 12px #ffd54f99}.modal-title{color:var(--hp-color);font-size:24px;font-weight:700;font-family:var(--font-pixel);text-shadow:0 0 20px,0 0 8px;letter-spacing:2px;margin-bottom:12px}.restart-btn{background-color:var(--hero-accent);color:#000;cursor:pointer;width:100%;font-size:16px;font-weight:700;font-family:var(--font-pixel);letter-spacing:1px;border:none;border-radius:6px;margin-top:15px;padding:12px 24px;transition:filter .2s,box-shadow .2s;box-shadow:0 2px 12px #66bb6a4d}.restart-btn:hover{filter:brightness(1.15);box-shadow:0 4px 18px #66bb6a80}#shop-close{box-shadow:none}.perk-btn{border:1px solid var(--xp-color);color:var(--text-color);text-align:left;cursor:pointer;background-color:#1a1524;border-radius:6px;width:100%;padding:10px 12px;font-size:12px;line-height:1.4}.perk-btn:hover,.perk-btn:active{background-color:#2d1a4a;border-color:#b39ddb}.perk-btn strong{color:#b39ddb;margin-bottom:2px;display:block}.perk-btn span{color:#888;font-size:10px}.shop-item-btn{background-color:var(--card-bg);color:var(--text-color);cursor:pointer;border:1px solid #3c6b3e;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;font-size:11px;display:flex}.shop-item-btn:hover:not(:disabled),.shop-item-btn:active:not(:disabled){background-color:#1d2a19}.shop-item-btn:disabled{opacity:.45;cursor:not-allowed}.shop-cost{color:var(--accent-color);font-size:10px;font-weight:700}#start-title{font-family:var(--font-pixel);letter-spacing:4px;text-shadow:0 0 30px #ffd54f73,0 0 10px #ffd54f40,0 0 4px #ffd54f26}#install-banner{background-color:var(--panel-color);border-top:1px solid var(--border-color);z-index:50;box-sizing:border-box;align-items:center;gap:10px;width:100%;max-width:390px;padding:10px 14px;font-size:12px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}#install-banner[hidden]{display:none}#install-btn{background-color:var(--accent-color);color:#000;cursor:pointer;white-space:nowrap;border:none;border-radius:4px;padding:6px 12px;font-size:11px;font-weight:700}#install-dismiss{color:#666;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:2px 6px;font-size:16px}.modifier-btn{background-color:var(--card-bg);color:var(--text-color);text-align:left;cursor:pointer;border:1px solid #c27b38;border-radius:6px;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:background-color .12s,border-color .12s;display:flex}.modifier-btn:hover,.modifier-btn:active{border-color:var(--accent-color);background-color:#241f12}.modifier-emoji{flex-shrink:0;display:inline-flex}.modifier-info{flex-direction:column;gap:2px;display:flex}.modifier-info strong{color:var(--accent-color);font-size:12px;font-family:var(--font-pixel)}.modifier-info span{color:#888;font-size:10px;line-height:1.3}.reroll-btn{width:100%;color:var(--accent-color);font-family:var(--font-pixel);cursor:pointer;background-color:#14140f;border:1px dashed #7a5c1a;border-radius:6px;margin-top:8px;padding:8px 10px;font-size:12px;transition:background-color .12s,border-color .12s}.reroll-btn:hover:not(:disabled){border-color:var(--accent-color);background-color:#241d0c}.reroll-btn:disabled{opacity:.45;cursor:not-allowed;color:#888}#boss-warning-modal{z-index:200;background-color:#050000f7}#boss-warning-card{text-align:center;padding:32px 24px;animation:.4s bossFlash}@keyframes bossFlash{0%{opacity:0;transform:scale(.85)}60%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.boon-grid{flex-wrap:wrap;gap:4px;min-height:16px;font-size:11px;display:flex}.boon-chip{cursor:pointer;white-space:nowrap;color:#b98fc4;background:#191622;border:1px solid #3a3450;border-radius:4px;padding:2px 5px;font-size:11px}.brand-chip{cursor:pointer;white-space:nowrap;color:#9d7bc7;background:#181420;border:1px solid #5a3f7a;border-radius:4px;padding:2px 5px;font-size:11px}.brand-chip.brand-set-active{border-color:var(--accent-color);color:var(--accent-color)}.class-chip-row{flex-wrap:wrap;gap:3px;margin-top:4px;display:flex}.class-chip{background:var(--inset-bg);border:1px solid var(--card-border);color:#a8b39a;white-space:nowrap;border-radius:3px;padding:1px 5px;font-size:9px}.char-sheet-open-btn{background:var(--inset-bg);border:1px solid var(--card-border);width:100%;color:var(--accent-color);cursor:pointer;font-size:10px;font-family:var(--font-pixel);letter-spacing:.5px;text-align:center;border-radius:4px;margin-top:6px;padding:5px 8px;display:block}.char-sheet-open-btn:hover,.char-sheet-open-btn:active{border-color:var(--accent-color)}.char-sheet-card{text-align:left;max-width:380px}.char-sheet-body{flex-direction:column;gap:10px;max-height:55vh;margin-bottom:4px;display:flex;overflow-y:auto}.char-sheet-section{background:var(--inset-bg);border:1px solid var(--card-border);border-radius:6px;padding:8px 10px}.char-sheet-section-title{text-transform:uppercase;letter-spacing:.5px;color:var(--accent-color);align-items:center;gap:4px;margin-bottom:6px;font-size:10px;font-weight:700;display:flex}.char-sheet-rows{flex-direction:column;gap:3px;display:flex}.char-sheet-row{color:var(--text-color);justify-content:space-between;gap:10px;font-size:11px;display:flex}.char-sheet-row span:first-child{color:#999}.char-sheet-row span:last-child{text-align:right;white-space:nowrap;font-weight:700}.char-sheet-row.codex-row{justify-content:flex-start;align-items:flex-start}.codex-row div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.codex-row strong{font-size:11px}.codex-row div span:last-child{text-align:left;white-space:normal;color:var(--text-color);font-size:10px;font-weight:400}.codex-row.codex-undiscovered{opacity:.45}.codex-row.codex-undiscovered strong{color:#888;letter-spacing:2px}#altar-modal .modifier-btn:hover{border-color:#b98fc4}#active-modifier-badge{color:var(--accent-color);background-color:#1a1500;border:1px solid #ff9100;border-radius:3px;padding:1px 4px;font-size:9px;display:inline-block}.run-stats-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px;display:grid}.stat-cell{background-color:var(--inset-bg);border:1px solid var(--card-border);border-radius:4px;padding:6px 4px;font-size:11px;line-height:1.4}.stat-cell b{color:var(--accent-color);font-size:13px;display:block}.stat-cell span{color:#666;text-transform:uppercase;letter-spacing:.3px;font-size:8px}#share-text{box-sizing:border-box;background-color:var(--inset-bg);border:1px solid var(--card-border);color:#aaa;resize:none;border-radius:4px;width:100%;margin-top:8px;padding:5px 7px;font-family:monospace;font-size:9px}.share-btn{background-color:var(--card-bg);border:1px solid var(--block-accent);color:var(--block-accent);cursor:pointer;border-radius:4px;width:100%;margin-top:4px;padding:5px 10px;font-size:10px;transition:background-color .12s}.share-btn:hover,.share-btn:active{background-color:#12251f}.run-log-full{text-align:left;background-color:var(--inset-bg);border:1px solid var(--card-border);border-radius:4px;flex-direction:column;gap:2px;max-height:160px;padding:6px 7px;font-family:monospace;font-size:10px;display:flex;overflow-y:auto}.log-actions{gap:6px;margin-top:4px;display:flex}.log-actions .share-btn{margin-top:0}.inspect-tooltip{z-index:150;pointer-events:none;background-color:var(--panel-color);border:1px solid var(--accent-color);opacity:0;border-radius:6px;max-width:200px;padding:8px 10px;transition:opacity .12s,transform .12s;position:fixed;transform:scale(.92);box-shadow:0 4px 16px #0009}.inspect-tooltip.inspect-show{opacity:1;transform:scale(1)}.inspect-header{align-items:center;gap:6px;margin-bottom:4px;display:flex}.inspect-icon{line-height:1;display:inline-flex}.inspect-title{font-family:var(--font-pixel);letter-spacing:.5px;color:var(--accent-color);font-size:12px}.inspect-lines{color:#ccc;font-size:10px;line-height:1.5}@media (width>=640px){#game-wrapper{grid-template:"canvas sidebar"minmax(0,1fr)"canvas controls"/auto 310px;justify-content:center;gap:12px;max-width:none;padding:12px}#canvas-container{height:100%}#gameCanvas{max-width:100%;width:auto!important;height:100%!important}#sidebar-panel{width:auto;height:auto;box-shadow:none;border-radius:6px;font-size:14px;position:static;overflow-y:auto;transform:none}#sidebar-backdrop,#drawer-toggle-btn,#hud-strip{display:none}.kbd-hint{display:inline}.kbd-only{display:block}.touch-only{display:none}.card-title{font-size:13px}#sidebar-panel [style*=font-size\:8px],.modal-card [style*=font-size\:8px],#sidebar-panel [style*="font-size: 8px"],.modal-card [style*="font-size: 8px"]{font-size:11px!important}#sidebar-panel [style*=font-size\:9px],.modal-card [style*=font-size\:9px],#sidebar-panel [style*="font-size: 9px"],.modal-card [style*="font-size: 9px"]{font-size:12px!important}#sidebar-panel [style*=font-size\:10px],.modal-card [style*=font-size\:10px],#sidebar-panel [style*="font-size: 10px"],.modal-card [style*="font-size: 10px"],#sidebar-panel [style*=font-size\:11px],.modal-card [style*=font-size\:11px],#sidebar-panel [style*="font-size: 11px"],.modal-card [style*="font-size: 11px"]{font-size:13px!important}.modal-card{max-width:420px}.modal-card[style*=max-width]{max-width:420px!important}.boon-chip,.brand-chip{font-size:13px}.class-chip{font-size:11px}.modifier-info strong{font-size:14px}.modifier-info span{font-size:12px}.perk-btn{font-size:13px}.history-row{font-size:10px}.stat-cell{font-size:13px}.stat-cell b{font-size:16px}.stat-cell span{font-size:10px}.run-log-full{max-height:200px;font-size:12px}#share-text{font-size:11px}#log-panel{flex-grow:1;max-height:240px;font-size:12px}#controls-layout{background-color:var(--panel-color);border:1px solid var(--border-color);pointer-events:auto;justify-content:space-around;padding:8px 4px;position:static}.dpad-btn{background-color:var(--card-bg);opacity:1;font-size:14px}.dpad-container{flex:1}.dpad-title{display:block}.dpad-grid{gap:3px;width:108px!important;height:108px!important}.dpad-action-btn{letter-spacing:.5px;margin-top:4px;font-size:10px}}@media (width<=900px) and (orientation:landscape){#game-wrapper{grid-template:"canvas sidebar"minmax(0,1fr)/1fr 200px;gap:6px;max-width:none;padding:5px}#controls-layout{display:none}#gameCanvas{width:auto!important;height:100%!important}#sidebar-panel{width:auto;height:auto;box-shadow:none;border-radius:6px;font-size:12px;position:static;transform:none}#sidebar-backdrop,#drawer-toggle-btn,#hud-strip,.kbd-hint,.kbd-only{display:none}.touch-only{display:block}.card-title,.boon-chip,.brand-chip{font-size:11px}.modal-card{max-width:340px}.modal-card[style*=max-width]{max-width:340px!important}#sidebar-panel [style*=font-size\:8px],.modal-card [style*=font-size\:8px],#sidebar-panel [style*="font-size: 8px"],.modal-card [style*="font-size: 8px"]{font-size:8px!important}#sidebar-panel [style*=font-size\:9px],.modal-card [style*=font-size\:9px],#sidebar-panel [style*="font-size: 9px"],.modal-card [style*="font-size: 9px"]{font-size:9px!important}#sidebar-panel [style*=font-size\:10px],.modal-card [style*=font-size\:10px],#sidebar-panel [style*="font-size: 10px"],.modal-card [style*="font-size: 10px"]{font-size:10px!important}#sidebar-panel [style*=font-size\:11px],.modal-card [style*=font-size\:11px],#sidebar-panel [style*="font-size: 11px"],.modal-card [style*="font-size: 11px"]{font-size:11px!important}}@supports (zoom:1){@media (width>=1800px) and (height>=1000px){body{--ui-zoom:1.3;zoom:var(--ui-zoom);height:calc(100% / var(--ui-zoom))}@supports (height:100dvh){body{height:calc(100dvh / var(--ui-zoom))}}}@media (width>=2400px) and (height>=1260px){body{--ui-zoom:1.6}}@media (width>=3400px) and (height>=1800px){body{--ui-zoom:2}}}#tutorial-callout{z-index:7;box-sizing:border-box;border:1px solid var(--accent-color);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;background:#0c0e0bed;border-radius:8px;width:min(84%,340px);padding:9px 12px 8px;position:absolute;top:46px;left:50%;transform:translate(-50%)}#tutorial-callout.tut-pop{animation:.25s ease-out tut-pop}@keyframes tut-pop{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.tut-head{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.tut-title{font-family:var(--font-pixel);color:var(--accent-color);letter-spacing:.5px;font-size:14px}.tut-count{font-family:var(--font-pixel);color:#666;font-size:11px}.tut-text{color:var(--text-color);font-size:11px;line-height:1.45}.tut-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.tut-btn{border:1px solid var(--border-color);color:#999;cursor:pointer;background:0 0;border-radius:5px;padding:3px 10px;font-size:10px}.tut-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.tut-btn-primary{border-color:var(--accent-color);color:var(--accent-color);font-weight:700}@media (display-mode:standalone){html{height:var(--app-height,100%)}body{height:calc(var(--app-height,100%) / var(--ui-zoom,1))}}