:root{--hot: #ff2e63;--acid: #c6ff3a;--sun: #ffd23f;--sky: #6ad7ff;--ink: #0c1d2e;--bone: #f7f3e8;--mute: #5a6f85;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#0a0a14;height:100%;font-family:JetBrains Mono,monospace;color:var(--bone);-webkit-user-select:none;user-select:none;overflow:hidden;-webkit-tap-highlight-color:transparent}#root{display:flex;align-items:center;justify-content:center}.phone-frame{width:390px;height:844px;max-height:100vh;border-radius:36px;background:var(--ink);position:relative;overflow:hidden;box-shadow:0 24px 60px #0000008c;display:flex;flex-direction:column}@media (max-width: 430px),(max-height: 430px){html,body{background:var(--ink)}#root{align-items:stretch;justify-content:stretch}.phone-frame{width:100vw;width:100dvw;height:100vh;height:100dvh;max-height:none;border-radius:0;box-shadow:none}}.tv{position:absolute;top:0;right:0;bottom:0;left:0}.hud{position:absolute;top:calc(12px + var(--safe-top));left:calc(12px + var(--safe-left));right:calc(12px + var(--safe-right));display:flex;justify-content:space-between;gap:8px;z-index:10;pointer-events:none}.panel{background:var(--ink);border:2px solid var(--bone);padding:7px 10px;box-shadow:3px 3px 0 var(--hot)}.panel.stats{box-shadow:3px 3px 0 var(--acid);text-align:right;min-width:120px}.title{background:transparent;border:none;padding:0;box-shadow:none;font-family:Bungee,sans-serif;font-size:clamp(13px,4vw,16px);letter-spacing:1px}.row{display:flex;justify-content:space-between;font-family:Rubik Mono One,sans-serif;font-size:clamp(8px,2.5vw,10px);line-height:1.5;gap:8px}.row .label{color:var(--sun)}.state-idle{color:var(--sky)}.state-outcome_requested,.state-bet_placed,.state-resolving{color:var(--sun)}.state-settled{color:var(--acid)}.result{position:absolute;top:clamp(60px,calc(10vh + var(--safe-top)),95px);left:0;right:0;text-align:center;z-index:9;pointer-events:none}.result-label{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:4px;color:var(--mute);text-transform:uppercase;margin-bottom:2px}.result-value{font-family:Bungee,sans-serif;font-size:clamp(24px,6vh,38px);line-height:.95;color:var(--sun);-webkit-text-stroke:2px var(--ink);text-shadow:3px 3px 0 var(--ink)}.result-value.win{color:var(--acid);animation:pulse .5s}.result-value.crash{color:var(--hot);animation:shake .4s}.result-meta{margin-top:4px;font-size:9px;letter-spacing:2px;color:var(--sky);text-transform:uppercase}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px) rotate(-1.5deg)}75%{transform:translate(6px) rotate(1.5deg)}}.controls{position:absolute;bottom:calc(12px + var(--safe-bottom));left:calc(12px + var(--safe-left));right:calc(12px + var(--safe-right));background:var(--ink);border:2px solid var(--bone);padding:10px 12px;z-index:10;box-shadow:3px 3px 0 var(--sun);display:flex;flex-direction:column;gap:10px}.controls .group{display:flex;flex-direction:column;gap:4px}.controls .group .lbl{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:var(--sun);text-transform:uppercase}.controls .group .v{font-family:Rubik Mono One,sans-serif;color:var(--bone);font-size:12px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:16px;border:2px solid var(--ink);outline:none;cursor:pointer;touch-action:none}.bet-row{display:flex;gap:4px;align-items:center}.bet-row .bet-label{font-size:9px;letter-spacing:2px;color:var(--sun);text-transform:uppercase}.bet-row .bet-value{font-family:Rubik Mono One,sans-serif;font-size:clamp(12px,3.5vw,14px);color:var(--sun);min-width:50px;text-align:right;margin-left:4px}.bet-row button{background:var(--bone);color:var(--ink);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--hot);padding:5px 0;font-family:Rubik Mono One,sans-serif;font-size:clamp(9px,2.8vw,11px);cursor:pointer;flex:1;min-width:30px;min-height:30px;-webkit-tap-highlight-color:transparent}.actions{display:flex;gap:6px}.actions button{flex:1;font-family:Bungee,sans-serif;font-size:clamp(11px,3.3vw,13px);letter-spacing:1.5px;padding:12px 8px;background:var(--acid);color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--hot);cursor:pointer;text-transform:uppercase;min-height:44px;-webkit-tap-highlight-color:transparent}.actions button.muted{background:var(--mute);cursor:not-allowed;box-shadow:3px 3px 0 var(--ink)}@media (max-height: 650px){.hud{top:calc(6px + var(--safe-top));left:calc(6px + var(--safe-left));right:calc(6px + var(--safe-right))}.panel{padding:4px 8px}.result{top:clamp(45px,calc(8vh + var(--safe-top)),70px)}.result-value{font-size:clamp(20px,5vh,28px)}.controls{bottom:calc(6px + var(--safe-bottom));left:calc(6px + var(--safe-left));right:calc(6px + var(--safe-right));padding:8px 10px;gap:6px}.actions button{padding:8px 6px;min-height:36px}}