:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--ink: #f8fafc;--muted: #9fb0c3;--panel: rgba(10, 27, 39, .82);--panel-strong: rgba(8, 18, 31, .94);--line: rgba(191, 219, 254, .22);--grass: #4fb85f;--sky: #8fd6ff;--gold: #ffc857;--orange: #ff8f3d;--danger: #ef476f}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{min-width:320px;overflow:hidden;background:#08121f;color:var(--ink)}button,input,select{font:inherit}#game-shell{position:relative;width:100vw;height:100dvh;overflow:hidden;background:#08121f}#stadium-bg{position:absolute;inset:-24% 0 auto;height:124%;z-index:0;background-image:url(../assets/generated/stadium-vertical-panorama.png);background-position:center bottom;background-size:cover;background-repeat:no-repeat;pointer-events:none;will-change:transform;transition:opacity .3s ease}.flight-mode #stadium-bg{opacity:0}#game-canvas{position:absolute;inset:0;z-index:6;overflow:hidden;pointer-events:none;display:flex;align-items:flex-end;justify-content:center}#game-canvas canvas{display:block;max-width:100%;image-rendering:auto;transform:translateZ(0);backface-visibility:hidden;pointer-events:none;margin:0 auto!important}#loading-screen{position:absolute;inset:0;z-index:9999;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background:#05070d;transition:opacity .52s ease}#loading-screen.is-loaded{opacity:0;pointer-events:none}#loading-video{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover}#loading-overlay{position:relative;z-index:1;display:flex;width:min(460px,80vw);flex-direction:column;align-items:center;gap:16px;padding-bottom:9vh}#loading-brand{font-family:Inter,Noto Sans TC,sans-serif;font-size:clamp(30px,6vw,56px);font-weight:900;letter-spacing:4px;color:#fff;text-shadow:0 4px 16px rgba(0,0,0,.65)}#loading-track{width:100%;height:10px;overflow:hidden;border-radius:6px;background:#ffffff29;box-shadow:inset 0 0 0 1px #ffffff38}#loading-bar{width:0%;height:100%;border-radius:6px;background:linear-gradient(90deg,#38bdf8,#f8b500);transition:width .22s ease}#loading-hint{font-size:13px;font-weight:800;color:#ffffffd1;text-shadow:0 2px 6px rgba(0,0,0,.5)}.stage-character-select{position:absolute;right:454px;bottom:max(18px,env(safe-area-inset-bottom));left:18px;z-index:18;display:flex;align-items:flex-end;justify-content:center;gap:14px;pointer-events:none}.stage-character-select small{position:absolute;bottom:-17px;left:50%;width:max-content;max-width:min(440px,calc(100vw - 40px));color:#e2f6ffd1;font-size:11px;font-weight:800;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.55);transform:translate(-50%)}.stage-character-button{position:relative;width:clamp(138px,14vw,188px);aspect-ratio:2.98 / 1;border:0;padding:0;background-image:none;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:transparent;color:transparent;cursor:pointer;pointer-events:auto;transform:translateY(0) scale(1);transform-origin:50% 100%;filter:saturate(.98) brightness(.98);transition:filter .16s ease,transform .12s ease}.stage-character-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.stage-character-button.messi{background-image:url(../assets/generated/character-messi.png?v=20260709-mode-clean)}.stage-character-button.messi.active{background-image:url(../assets/generated/character-messi-active.png?v=20260709-mode-clean)}.stage-character-button.ronaldo{background-image:url(../assets/generated/character-ronaldo.png?v=20260709-mode-clean)}.stage-character-button.ronaldo.active{background-image:url(../assets/generated/character-ronaldo-active.png?v=20260709-mode-clean)}.stage-character-button:hover:not(:disabled){filter:saturate(1.14) brightness(1.08);transform:translateY(-2px) scale(1.018)}.stage-character-button:active:not(:disabled),.stage-character-button.pressed{filter:saturate(1.2) brightness(.96);transform:translateY(4px) scale(.97)}.stage-character-button.active{animation:characterReadyGlow 1.75s ease-in-out infinite}.stage-character-button:disabled{cursor:not-allowed;opacity:.68;filter:saturate(.72) brightness(.82)}.stage-character-select.locked .stage-character-button:not(.active){opacity:.38}.top-hud{position:absolute;top:max(18px,env(safe-area-inset-top));left:18px;right:454px;z-index:12;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;pointer-events:none}.broadcast-title{display:flex;align-items:center;gap:8px}.live-badge{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border:1px solid rgba(255,106,106,.58);border-radius:999px;background:#83121cad;color:#fff;font-size:11px;font-weight:900;letter-spacing:0;line-height:1;box-shadow:0 0 18px #ff2b404d,inset 0 0 10px #ffffff14}.live-badge span{width:8px;height:8px;border-radius:50%;background:#ff2b40;box-shadow:0 0 12px #ff2b40f2;animation:livePulse 1.15s ease-in-out infinite}.max-multiplier-badge{display:inline-flex;align-items:center;gap:6px;min-height:22px;padding:0 10px;border:1px solid rgba(255,200,87,.38);border-radius:999px;background:#08121fad;color:#d7e8fb;font-size:11px;font-weight:850;box-shadow:inset 0 0 12px #ffc85714}.max-multiplier-badge strong{color:var(--gold);font-size:12px}.speed-toggle{position:relative;display:inline-block;width:42px;height:42px;border:0;border-radius:50%;background:url(../assets/generated/speed-boost-button.png) 0 50% / 300% 100% no-repeat,#08121f2e;cursor:pointer;font-size:0;filter:saturate(.86) brightness(.88);transform:translateY(0) scale(1);transition:filter .16s ease,transform .12s ease,box-shadow .16s ease;pointer-events:auto;box-shadow:0 8px 14px #00000042,inset 0 -2px 5px #00000038}.speed-toggle:after{position:absolute;inset:-3px;border-radius:50%;content:"";opacity:0;pointer-events:none;box-shadow:0 0 18px #38bdf86b;transition:opacity .15s ease}.speed-toggle.active{background-position:50% 50%;filter:saturate(1.2) brightness(1.08);box-shadow:0 0 20px #38bdf857,0 8px 16px #00000047,inset 0 -2px 6px #0000002e}.speed-toggle.active:after{opacity:1}.speed-toggle:hover{filter:saturate(1.08) brightness(1);transform:translateY(-1px) scale(1.03)}.speed-toggle.active:hover{filter:saturate(1.28) brightness(1.12)}.speed-toggle:active{background-position:100% 50%;filter:saturate(.98) brightness(.82);transform:translateY(2px) scale(.91);box-shadow:0 2px 5px #00000052,inset 0 3px 8px #0000006b}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.58;transform:scale(.72)}}@keyframes characterReadyGlow{0%,to{filter:saturate(1.08) brightness(1.02) drop-shadow(0 8px 14px rgba(0,0,0,.28))}50%{filter:saturate(1.28) brightness(1.16) drop-shadow(0 0 18px rgba(255,200,87,.4))}}.eyebrow,.label,label{display:block;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:0}#phase-label{display:block;margin-top:3px;font-size:24px}.multiplier-readout{min-width:172px;padding:12px 16px;border:1px solid var(--line);border-radius:8px;background:#07121fb8;text-align:right;box-shadow:0 12px 28px #0000003d}.balance-readout{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));left:18px;z-index:10;min-width:178px;padding:10px 14px;border:1px solid rgba(143,214,255,.34);border-radius:999px;background:#05101dc7;text-align:left;box-shadow:0 12px 28px #0000003d,inset 0 0 0 1px #ffffff0d;pointer-events:auto;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.balance-readout.dragging{cursor:grabbing;opacity:.88}.balance-readout span{display:block;color:#9fd8f0;font-size:11px;font-weight:900}.balance-readout strong{display:block;margin-top:2px;color:#f8fafc;font-size:20px;font-weight:950;line-height:1}.balance-readout button{margin-top:8px;padding:5px 10px;border:1px solid rgba(143,214,255,.34);border-radius:999px;background:#8fd6ff29;color:#dff7ff;cursor:pointer;font-size:12px;font-weight:900}.balance-readout button:hover{background:#8fd6ff42}.top-history{position:fixed;top:max(6px,env(safe-area-inset-top));left:368px;right:470px;z-index:10;display:grid;width:auto;max-width:500px;min-width:0;margin:0 auto;gap:6px;padding:7px 12px;border:1px solid var(--line);border-radius:8px;background:#07121fc7;box-shadow:0 12px 28px #0003;pointer-events:none}.top-history>span{color:#bdefff;font-size:11px;font-weight:900}#top-history-list{display:flex;max-width:none;gap:6px;overflow:hidden}#multiplier{display:block;color:var(--gold);font-size:38px;font-weight:900;line-height:1}#round-status{display:block;margin-top:5px;color:#d6e6f7}.cashout-prompt{position:absolute;right:auto;bottom:clamp(24px,8dvh,88px);left:50%;transform:translate(-50%);z-index:9;display:flex;width:min(520px,calc(100vw - 40px));max-width:none;align-items:center;justify-content:space-between;gap:14px;padding:12px;border:1px solid rgba(126,246,212,.58);border-radius:8px;background:#05191fdb;box-shadow:0 16px 38px #0000004d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto}.cashout-prompt div{display:grid;min-width:0;gap:2px}.cashout-prompt span,.cashout-prompt small{color:#bdefff;font-size:12px;font-weight:800}.cashout-prompt strong{color:#d7fff3;font-size:28px;font-weight:950;line-height:1;white-space:nowrap}.cashout-prompt button{min-height:48px;min-width:118px;border:0;border-radius:7px;background:linear-gradient(135deg,#d7fff3,#7ef6d4 58%,#ffc857);color:#06251f;cursor:pointer;font-weight:950;box-shadow:0 12px 26px #7ef6d43d}.cashout-prompt button:disabled{cursor:wait;filter:grayscale(.2);opacity:.82}.round-result-toast{position:absolute;top:188px;left:calc((100vw - 420px)/2);z-index:8;display:grid;width:min(460px,calc(100vw - 476px));min-height:126px;place-items:center;gap:4px;padding:18px 24px 16px;overflow:hidden;border:1px solid rgba(126,246,212,.78);border-radius:8px;background:linear-gradient(135deg,rgba(126,246,212,.16),transparent 32%),linear-gradient(180deg,#08302af0,#04181df0);box-shadow:0 18px 44px #00000057;text-align:center;transform:translate(-50%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none}.round-result-toast:before,.round-result-toast:after{position:absolute;top:0;bottom:0;width:52px;content:"";background:linear-gradient(135deg,transparent 0 24%,rgba(255,255,255,.18) 24% 32%,transparent 32% 48%,rgba(255,200,87,.42) 48% 58%,transparent 58%),#7ef6d414}.round-result-toast:before{left:0}.round-result-toast:after{right:0;transform:scaleX(-1)}.round-result-toast strong{color:#d7fff3;font-size:34px;font-weight:950;line-height:1;text-transform:uppercase}.round-result-toast span{color:#f8fafc;font-size:18px;font-weight:850}.round-result-toast.loss{border-color:#ef476fa8;background:linear-gradient(135deg,rgba(239,71,111,.22),transparent 36%),linear-gradient(180deg,#391220f5,#15121af0);box-shadow:0 18px 44px #00000057,inset 0 0 0 1px #ef476f3d}.round-result-toast.loss strong{color:#ffd2dc}.round-result-toast.cashout{border-color:#ffc857c7;background:linear-gradient(135deg,rgba(255,200,87,.24),transparent 38%),linear-gradient(180deg,#332d13f5,#071d22f0)}.transaction-modal{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:24px;background:#04081494;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.transaction-sheet{position:relative;width:min(1220px,calc(100vw - 32px));min-height:min(520px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);padding:56px 30px 28px;overflow:hidden;border:1px solid rgba(143,214,255,.18);border-radius:8px;background:linear-gradient(135deg,rgba(143,214,255,.08),transparent 34%),#2d3570;box-shadow:0 30px 90px #00000075}.transaction-sheet h2{position:absolute;top:18px;left:30px;margin:0;color:#e8f3ff;font-size:20px}.transaction-close{position:absolute;top:18px;right:18px;width:38px;height:38px;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;font-size:34px;line-height:1}.transaction-tabs{display:flex;width:fit-content;margin:0 auto 22px;padding:4px;border-radius:999px;background:#0a143285}.transaction-tabs button{min-width:116px;min-height:34px;border:0;border-radius:999px;background:transparent;color:#95a3c0;cursor:pointer;font-weight:850}.transaction-tabs button.active{background:#91f3ff;color:#214062}.transaction-table-wrap{position:relative;height:min(430px,calc(100dvh - 196px));min-height:330px;overflow-x:auto;overflow-y:auto;scrollbar-gutter:stable}.transaction-table-wrap::-webkit-scrollbar{width:10px;height:10px}.transaction-table-wrap::-webkit-scrollbar-track{background:#050d2085;border-radius:999px}.transaction-table-wrap::-webkit-scrollbar-thumb{background:#91f3ff6b;border-radius:999px}.transaction-table-wrap::-webkit-scrollbar-thumb:hover{background:#91f3ff9e}.transaction-table{width:100%;min-width:920px;border-collapse:collapse;color:#edf4ff;font-size:18px}.transaction-table th{position:sticky;top:0;z-index:1;padding:0 10px 20px;border-bottom:1px solid rgba(202,213,255,.24);background:#2d3570;color:#9aa7c3;font-size:18px;font-weight:800;text-align:left}.transaction-table td{padding:17px 10px;border-bottom:1px solid rgba(202,213,255,.2);font-weight:800;white-space:nowrap}.transaction-table tbody tr.win td:first-child,.transaction-table tbody tr.win td:nth-child(2),.transaction-table tbody tr.win td:last-child{color:#1cff2c}.transaction-table tbody tr.loss td:first-child,.transaction-table tbody tr.loss td:nth-child(2),.transaction-table tbody tr.loss td:last-child{color:#ffeff2}.token-dot{display:inline-grid;width:22px;height:22px;margin-right:8px;place-items:center;border-radius:50%;background:linear-gradient(135deg,#f9a8ff,#9239b5);color:#fff;font-size:14px;font-weight:950;vertical-align:-2px}.status-text.win{color:#1cff2c}.status-text.loss{color:#ff2746}.transaction-empty{position:absolute;inset:78px 0 auto;color:#b8c3da;font-weight:850;text-align:center}.bet-panel{position:absolute;top:18px;right:18px;bottom:18px;z-index:2;display:flex;width:min(420px,calc(100vw - 28px));flex-direction:column;gap:14px;padding:16px;overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 24px 70px #0000005c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mode-tabs{display:grid;grid-template-columns:1fr 1fr 46px;gap:4px;padding:7px;border-radius:999px;background:#03101bb8}.mode-tabs button,.mode-tabs span{min-height:38px;border:0;border-radius:999px;background:transparent;color:#dff7ff;font-weight:800}.mode-tabs button{cursor:pointer}.mode-tabs button.active,.mode-tabs span{display:grid;place-items:center;background:#8fd6ff3d;color:#fff}.advanced-toggle{font-size:18px}.advanced-toggle.active{box-shadow:inset 0 0 0 1px #ffc8576b}.checkbox-line{display:inline-flex;align-items:center;gap:8px;color:#dff7ff;cursor:pointer}.checkbox-line input{width:18px;height:18px;accent-color:#7ef6d4}.panel-section{display:grid;gap:8px}.inline-label{display:flex;align-items:center;justify-content:space-between;gap:12px}input[type=number],input[type=text]{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:6px;outline:none;background:#040c17b8;color:var(--ink)}input[readonly]{color:#e9fbff;cursor:default}select{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:6px;outline:none;background:#040c17b8;color:var(--ink)}.amount-row{display:grid;grid-template-columns:minmax(0,1fr) 34px 50px 50px;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:#040c17b8}.amount-row.compact{grid-template-columns:minmax(0,1fr) 52px}.amount-row input{min-height:44px;border:0;border-radius:0;background:transparent}.amount-row button,.coin-badge,.symbol-button{display:grid;min-height:44px;place-items:center;border:0;border-left:1px solid var(--line);background:#8fd6ff29;color:#fff;font-weight:900}.amount-row button{cursor:pointer}.coin-badge{color:#68f0c6}.symbol-button.active{color:#b9f7ff;box-shadow:inset 0 0 0 1px #b9f7ff52}.balance-warning{color:#ff7b93;font-size:12px;font-weight:800}input[type=range]{width:100%;accent-color:var(--sky)}.cashout-tuner{display:grid;gap:10px;padding:12px 14px 14px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#23404fb8,#061622a3)}.lang-toggle{display:inline-block;min-width:42px;height:30px;padding:0 10px;border:1px solid rgba(155,231,255,.4);border-radius:15px;background:#08121f99;color:#cfeaff;font-size:13px;font-weight:900;cursor:pointer;pointer-events:auto;transition:background .14s ease,color .14s ease}.lang-toggle:hover{background:#38bdf83d;color:#fff}.slider-ticks{display:flex;justify-content:space-between;padding:0 6px;color:#fff;font-size:13px;font-weight:900}.cashout-tuner input[type=range]{height:32px;margin:0;accent-color:#28d654}.cashout-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cashout-metrics div{display:grid;gap:5px;min-width:0}.cashout-metrics span{color:#b9c7d8;font-size:12px;font-weight:800}.cashout-metrics strong{min-height:42px;padding:10px 9px;overflow:hidden;border:1px solid rgba(191,219,254,.2);border-radius:7px;background:#040c17b8;color:#f8fafc;font-size:15px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid var(--line);border-radius:8px;background:#050e189e}.segmented button{min-height:38px;border:0;border-radius:6px;background:transparent;color:#dbeafe;cursor:pointer}.segmented button.active{background:#dff7ff;color:#082032;font-weight:800}.segmented button:disabled{cursor:default;color:#9fd8f0;opacity:.78}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stats-grid div{min-height:66px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#040c178a}.stats-grid span{display:block;color:var(--muted);font-size:12px;font-weight:700}.stats-grid strong{display:block;margin-top:6px;color:var(--ink);font-size:19px}.auto-controls{display:grid;gap:12px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#05141f75}.strategy-buttons{display:grid;grid-template-columns:1fr;gap:8px}.strategy-buttons button,.soft-action{min-height:42px;border:0;border-radius:7px;background:#8fd6ff3d;color:#fff;cursor:pointer;font-weight:850}.strategy-save{background:#7ef6d43d!important;color:#d7fff3!important}.strategy-save.dirty{background:#ffc85747!important;color:#fff7d6!important;box-shadow:inset 0 0 0 1px #ffc85747}.condition-tabs{display:flex;flex-wrap:wrap;gap:8px}.condition-tab{width:52px;height:42px;border:0;border-radius:7px;background:#8fd6ff3d;color:#fff;cursor:pointer;font-weight:900}.advanced{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0}.advanced summary{cursor:pointer;color:var(--sky);font-weight:800}#strategy-formula{margin:10px 0;color:#d3e4f4;font-size:12px;line-height:1.55}.strategy-designer{display:grid;gap:10px;margin:10px 0 12px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#040c1775}.designer-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.designer-head strong{font-size:16px}.designer-head span,.condition-note{color:var(--muted);font-size:12px}.condition-list{display:grid;gap:9px}.condition-row{display:grid;gap:7px;padding:8px;border:1px solid rgba(191,219,254,.18);border-radius:7px;background:#040c17b3}.condition-line{display:grid;align-items:center;gap:6px}.trigger-line{grid-template-columns:auto 58px minmax(82px,1fr) auto}.action-line{grid-template-columns:minmax(138px,1fr) 78px auto 36px 36px}.condition-row span{color:#dbeafe;white-space:nowrap}.condition-row input,.condition-row select{min-height:34px;padding:0 8px;border:1px solid rgba(191,219,254,.16);border-radius:5px;background:#05141fe6;color:var(--ink)}.condition-row button{width:36px;min-height:34px;border:0;border-left:1px solid var(--line);background:#8fd6ff24;color:#fff;cursor:pointer;font-weight:900}.strategy-designer.editing{border-color:#ffc8578c;box-shadow:0 0 0 1px #ffc85733}.projection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.projection-grid div{min-height:54px;padding:8px;border-radius:7px;background:#8fd6ff1f}.projection-grid span{display:block;color:var(--muted);font-size:11px;font-weight:800}.projection-grid strong{display:block;margin-top:4px;color:#ffe7a6;font-size:15px}.slot-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.slot-chip{min-height:46px;padding:7px;border-radius:7px;background:#8ed6ff21;text-align:center}.slot-chip strong,.slot-chip span{display:block}.slot-chip strong{color:var(--gold);font-size:14px}.slot-chip span{margin-top:2px;color:var(--muted);font-size:11px}.primary-action{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:10px;border:0;border-radius:8px;background:linear-gradient(135deg,#e9fbff,#ffc857 55%,#ff8f3d);color:#082032;cursor:pointer;font-weight:900;box-shadow:0 18px 34px #ff8f3d38}.match-action{min-height:58px;width:100%;flex:0 0 auto;background:linear-gradient(135deg,#51a7ff,#2584f1 58%,#1665c8);color:#fff;box-shadow:0 18px 34px #2584f13d}.primary-action:disabled{cursor:wait;filter:grayscale(.3);opacity:.76}.auto-action{background:linear-gradient(135deg,#a7f3d0,#8fd6ff 58%,#4f9dd8)}.history{display:grid;gap:8px;margin-top:auto}#history-list{display:flex;flex-wrap:wrap;gap:6px}.history-pill{min-width:58px;padding:5px 8px;border-radius:999px;background:#8fd6ff33;color:#dff7ff;font-size:12px;font-weight:800;text-align:center}.history-pill.win{background:#22c55e3d;color:#bbf7d0;box-shadow:inset 0 0 0 1px #22c55e47}.history-pill.loss{background:#ef476f38;color:#ffc4d1;box-shadow:inset 0 0 0 1px #ef476f42}.is-hidden{display:none!important}@media(max-width:860px){body{overflow-x:hidden;overflow-y:auto}#game-shell{min-height:100dvh;height:auto;padding-bottom:12px}#stadium-bg{top:0;bottom:auto;height:clamp(300px,46dvh,460px);background-position:center bottom;transform:none!important}#loading-screen{position:fixed;inset:0;align-items:flex-start}#loading-video{object-fit:contain;object-position:center top;background:#05070d}#loading-overlay{width:min(320px,82vw);padding-bottom:0;padding-top:calc(56.25vw + 26px);align-self:flex-start}.bet-panel .cashout-prompt{position:static;width:100%;max-width:none;transform:none}#game-canvas{position:relative;height:clamp(300px,46dvh,460px);min-height:300px}.stage-character-select{right:14px;left:14px;top:calc(clamp(300px,46dvh,460px) - 58px);bottom:auto;gap:8px}.stage-character-button{width:min(40vw,154px)}.stage-character-select small{bottom:-11px;font-size:9px;opacity:.72}.top-hud{top:58px;right:14px;left:14px;gap:10px;flex-wrap:wrap}.broadcast-title{gap:6px}.live-badge{height:20px;padding:0 7px;font-size:10px}#phase-label{font-size:20px}.multiplier-readout{min-width:132px;padding:9px 10px}.balance-readout{bottom:104px;left:14px;min-width:146px;padding:8px 11px}.balance-readout strong{font-size:16px}.balance-readout button{padding:4px 9px;font-size:11px}.top-history{top:max(6px,env(safe-area-inset-top));right:14px;left:14px;display:flex;align-items:center;width:auto;min-width:0;gap:6px;padding:4px 8px;transform:none}.top-history>span{flex:none;font-size:9px}#top-history-list{gap:4px}.history-pill{min-width:40px;padding:2px 6px;font-size:10px}.multiplier-readout,#phase-label{display:none}.top-history,.top-hud,.stage-character-select,.balance-readout{transition:opacity .25s ease}.flight-mode .top-history,.flight-mode .top-hud,.flight-mode .stage-character-select,.flight-mode .balance-readout,.plinko-mode .stage-character-select{opacity:0;pointer-events:none}#top-history-list{max-width:none}#multiplier{font-size:30px}.round-result-toast{top:104px;left:50%;width:min(370px,calc(100vw - 28px));min-height:112px}.round-result-toast strong{font-size:28px}.transaction-modal{padding:10px}.transaction-sheet{width:calc(100vw - 20px);min-height:min(560px,calc(100dvh - 20px));max-height:calc(100dvh - 20px);padding:52px 14px 18px}.transaction-sheet h2{left:16px;font-size:17px}.transaction-tabs{width:100%;justify-content:center}.transaction-tabs button{min-width:0;flex:1;font-size:13px}.transaction-table-wrap{height:min(440px,calc(100dvh - 168px))}.transaction-table{min-width:850px;font-size:14px}.transaction-table th{font-size:13px}.transaction-table td{padding:14px 8px}.action-line{grid-template-columns:minmax(132px,1fr) 74px auto 36px 36px}.projection-grid{grid-template-columns:1fr}.bet-panel{position:relative;inset:auto;width:auto;max-height:none;margin:0;padding:12px;overflow:visible;border-right:0;border-left:0;border-radius:0;box-shadow:none}.match-action{min-height:46px;border-radius:7px}.cashout-metrics{grid-template-columns:1fr}}@media(min-width:861px)and (max-width:1120px){.top-hud{right:390px}.top-history{left:calc((100vw - 390px)/2);width:min(440px,calc(100vw - 450px))}.bet-panel{width:370px}.cashout-metrics{grid-template-columns:1fr}}.plinko-intro{position:absolute;inset:0;z-index:40;overflow:hidden;pointer-events:none}.plinko-intro-flash{position:absolute;inset:0;background:radial-gradient(ellipse at center,#8fd6ff8c,#08111d00 72%);animation:plinko-intro-flash .56s ease-out forwards}.plinko-intro-run{position:absolute;top:45%;left:-130%;display:flex;align-items:center;gap:22px;white-space:nowrap;transform:translateY(-50%);animation:plinko-intro-sweep 1.25s ease-in-out forwards}.plinko-intro-text{font-family:Inter,Arial,sans-serif;font-style:italic;font-weight:900;font-size:clamp(38px,8.5vw,84px);letter-spacing:.05em;text-transform:uppercase;color:#ffd166;-webkit-text-stroke:2px #082032;text-shadow:0 0 18px rgba(255,209,102,.85),0 0 46px rgba(143,214,255,.6),0 6px 0 rgba(8,32,50,.9)}.plinko-intro-ball{width:96px;height:96px;flex:0 0 96px;background:url(../assets/generated/plinko-football-roll.png) 0 0 / 768px 96px no-repeat;animation:plinko-intro-roll .4s steps(8) infinite;filter:drop-shadow(0 0 14px rgba(143,214,255,.8))}@keyframes plinko-intro-sweep{0%{left:-130%}38%{left:16%}62%{left:26%}to{left:130%}}@keyframes plinko-intro-flash{0%{opacity:.95}to{opacity:0}}@keyframes plinko-intro-roll{to{background-position-x:-768px}}