/* royale-odenis.com — Petrol Gauge, edition 17 */
:root{--bg:#071c25;--surface:#102c38;--surface2:#1b4050;--line:#344c56;--text:#effefa;--muted:#a8c9ca;--accent:#72d8d1;--mint:#a7e6bb;--sky-accent:#72d8d1;--display:'Oswald', 'Arial Narrow', sans-serif;--theme-radius:5px;--input-bg:#0c2129;--action-ink:#241a18}
body{background:radial-gradient(circle at 80% -20%,#133138,transparent 48%),var(--bg);color:var(--text)}
.topbar,footer{border-color:var(--line)}
.game-panel,.side-panel,.bet-card{background:var(--surface);border-color:var(--line);border-radius:var(--theme-radius)}
.brand-mark{border-color:var(--accent);color:var(--accent)}
.brand strong span,.eyebrow,.steps b{color:var(--accent)}
.mode-pill{color:var(--accent);border-color:var(--accent)}
.wallet,.mobile-bet-tabs button{background:var(--surface2);border-color:var(--line);color:var(--text)}
.wallet span{color:var(--mint)}
.live-dot{background:var(--mint);box-shadow:0 0 8px var(--mint)}
.history-head,.game-foot{border-color:var(--line);color:var(--muted)}
.sky{background:radial-gradient(ellipse at 58% 80%,#287b83,transparent 55%),linear-gradient(130deg,#287b83,#08212e)}
.sky-grid{background-image:repeating-radial-gradient(circle at 50% 50%, transparent 0 31px, #26545c 32px 33px);background-size:auto;mask-image:linear-gradient(transparent,#000)}
.sky::after{content:"PETROL GAUGE / 17";position:absolute;top:12px;right:15px;color:#4daaaa;font:600 10px var(--display);letter-spacing:.17em;pointer-events:none}
.sky .readout strong{color:#f9f7f0}
.sky .readout p{color:#d4e2e9}
.sky .readout span{color:var(--sky-accent)}
.flight-plane{color:var(--accent);text-shadow:0 0 20px var(--accent)}
#graph-line{stroke:var(--accent)}
#trail stop:first-child{stop-color:var(--accent)}
.sky.crashed .readout strong{color:var(--sky-accent)}
.field input{background:var(--input-bg);border-color:var(--line);color:var(--text)}
.field input::placeholder{color:var(--muted)}
.quick button,.side-note{background:var(--surface2);border-color:var(--line);color:var(--text)}
.bet-action{background:var(--accent);color:var(--action-ink);border-radius:var(--theme-radius)}
.bet-action.cashout{background:var(--mint);color:#13251b}
.bet-action.queued{background:var(--surface2);color:var(--text)}
.mobile-bet-tabs button.is-active{border-color:var(--accent);color:var(--text)}
button:focus-visible,input:focus-visible,a:focus-visible{outline-color:var(--accent)}
.topbar{border-bottom-width:2px}.brand-mark{border-style:double;border-width:3px}.sky{border-inline:1px solid var(--accent)}.bet-action{letter-spacing:.11em}