@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Outfit:wght@500;600;700;800&display=swap');
[hidden]{display:none!important}
.connection{padding:5px 8px;border-radius:999px;background:#3a3546;color:#d3c9d7;font:500 .65rem 'DM Mono',monospace}.connection:before{content:"";display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:currentColor}.connection.online{background:#123d35;color:#72e4b1}.connection.offline{background:#482732;color:#ff9eae}
.export{display:inline-block;margin-top:8px;padding:9px 12px;border-radius:8px;background:#243d68;color:#eaf1ff;font-size:.85rem;text-decoration:none}.export:hover{background:#31528a}
.play-gate{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:20px;background:rgba(4,8,20,.78);backdrop-filter:blur(10px)}.play-gate section{width:min(510px,100%);padding:30px;border:1px solid rgba(151,191,255,.25);border-radius:20px;background:#111d3d;box-shadow:0 24px 80px #0009}.play-gate small{color:#72e4b1;font:500 .7rem 'DM Mono',monospace;letter-spacing:.12em}.play-gate h2{margin:9px 0 10px;font-size:1.8rem}.play-gate p{color:#b3c2dd;line-height:1.55}.play-gate label{display:block;margin:19px 0;color:#eaf1ff;font-size:.88rem}.play-gate input{accent-color:#72e4b1}.play-gate button{margin-right:13px}.play-gate a{color:#9ec4ff;font-size:.86rem}
.profile{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:1px;margin-top:15px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--line)}.profile>div{min-height:76px;padding:13px 16px;background:#111d3d}.profile b,.profile span{display:block;color:#fff;font:700 1.1rem 'DM Mono',monospace}.profile>div:first-child span{font-family:Outfit,sans-serif;font-size:1.2rem}.profile small{display:block;margin-top:5px;color:#91a3c4;font:500 .65rem 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase}@media(max-width:600px){.profile{grid-template-columns:repeat(2,1fr)}.profile>div:first-child{grid-column:span 2}}
.leaderboard b{display:flex;align-items:center;gap:10px;margin:5px 0;padding:8px 10px;border-radius:8px;background:#17264a;color:#eaf1ff;font:.8rem 'DM Mono',monospace}.leaderboard i{color:#ffcf6b;font-style:normal}.leaderboard em{margin-left:auto;color:#75e4b5;font-style:normal}
.controls .auto-toggle{display:flex;flex:0 0 auto;align-items:center;gap:9px;min-height:47px;padding:0 12px;border:1px solid #35486f;border-radius:9px;background:#0a1023;color:#eaf1ff;cursor:pointer}.controls .auto-toggle input{display:inline-block;width:17px;height:17px;margin:0;padding:0;accent-color:#72e4b1;cursor:pointer}.controls .auto-toggle span{white-space:nowrap}.controls .is-disabled{opacity:.5}.controls input:disabled{cursor:not-allowed}
.bet-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:15px}.bet-card{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:17px 19px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 12px 35px #0003;backdrop-filter:blur(14px)}.bet-card-title{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;color:#ffcf6b;font:700 .78rem 'DM Mono',monospace;letter-spacing:.1em}.bet-card-title small{color:#8ea0c3;font:500 .62rem 'DM Mono',monospace;letter-spacing:.08em}.bet-card label{color:#aebbd4;font-size:.76rem;font-weight:600}.bet-card input:not([type="checkbox"]){display:block;width:100%;margin-top:7px;padding:11px;border:1px solid #35486f;border-radius:9px;outline:none;background:#0a1023;color:#fff;font:500 .95rem 'DM Mono',monospace}.bet-card input:focus{border-color:#7be5bf;box-shadow:0 0 0 3px #72e4b11c}.bet-card .auto-toggle{display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid #35486f;border-radius:9px;background:#0a1023;color:#eaf1ff;cursor:pointer}.bet-card .auto-toggle input{width:16px;height:16px;margin:0;accent-color:#72e4b1;cursor:pointer}.bet-card .auto-toggle span{white-space:nowrap}.bet-card .autoStatus{margin-left:5px;color:#72e4b1;font:.68rem 'DM Mono',monospace}.bet-card .autoStatus.off{color:#ff9eae}.bet-card .is-disabled{opacity:.5}.bet-card button{min-height:43px;padding:10px}.bet-card .cash{background:linear-gradient(135deg,#7ce3b9,#43b985)}.bet-card.has-bet{border-color:rgba(114,228,177,.45);box-shadow:0 0 0 1px #72e4b122,0 12px 35px #0003}@media(max-width:620px){.bet-cards{grid-template-columns:1fr}.bet-card{grid-template-columns:1fr 1fr}}
.bet-card{grid-template-rows:auto auto auto auto}.bet-card-title{grid-row:1}.bet-card>label:not(.auto-toggle){grid-row:2}.bet-card .auto-toggle{grid-column:1/-1;grid-row:3;min-height:42px}.bet-card .bet{grid-column:1;grid-row:4}.bet-card .cash{grid-column:2;grid-row:4}.bet-card button{width:100%}@media(max-width:420px){.bet-card{grid-template-columns:1fr}.bet-card>label:not(.auto-toggle),.bet-card .bet,.bet-card .cash{grid-column:1}.bet-card>label:not(.auto-toggle){grid-row:auto}.bet-card .auto-toggle{grid-row:auto}.bet-card .bet,.bet-card .cash{grid-row:auto}}
header nav{display:flex;align-items:center;gap:8px;margin-left:auto;margin-right:15px}header nav a{padding:8px 10px;border-radius:8px;color:#a6b4cc;font-size:.84rem;text-decoration:none}header nav a:hover,header nav a.active{background:#253960;color:#fff}header nav button{min-height:34px;padding:7px 10px;font-size:.73rem}header nav #deposit{background:#283249;color:#aab7cc;box-shadow:none;opacity:1}header nav #logout{background:#2c4068;color:#eaf1ff}@media(max-width:720px){header{flex-wrap:wrap}header nav{order:3;width:100%;margin:0}}
.sky{height:clamp(205px,24vw,245px)!important;border-radius:18px!important}.sky strong{padding-top:clamp(56px,7vw,76px)!important;font-size:clamp(3.4rem,8vw,4.8rem)!important}.plane{font-size:3.5rem!important}.sky p{bottom:11px!important}@media(max-width:620px){.sky{height:205px!important}.sky strong{padding-top:57px!important;font-size:3.45rem!important}.plane{font-size:3.1rem!important}.running .plane{transform:translate(190px,-105px) rotate(-17deg)}.crashed .plane{transform:translate(245px,100px) rotate(48deg)}}
:root{--ink:#eef4ff;--muted:#a6b4cc;--line:rgba(168,193,241,.16);--panel:rgba(16,27,56,.78);--mint:#72e4b1;--gold:#ffcb68}*{box-sizing:border-box}body{min-height:100vh;margin:0;padding:34px 18px;background:radial-gradient(circle at 14% 0,#1b3164 0,transparent 28%),radial-gradient(circle at 90% 85%,#113d4a 0,transparent 27%),#070b18;color:var(--ink);font-family:Outfit,system-ui,sans-serif}main{width:min(940px,100%);margin:auto}header{display:flex;align-items:center;justify-content:space-between;margin:0 2px 22px}header small{display:block;color:var(--mint);font:500 11px 'DM Mono',monospace;letter-spacing:.15em}h1{margin:5px 0 0;font-size:clamp(2rem,5vw,3.25rem);line-height:1;letter-spacing:-.055em}header p{margin:0;padding:11px 15px;border:1px solid var(--line);border-radius:13px;background:rgba(18,34,70,.75);color:var(--muted);box-shadow:0 10px 30px #0003}header p b{display:block;color:#fff;font:700 1.2rem 'DM Mono',monospace;text-align:right}.sky{height:440px;position:relative;overflow:hidden;border:1px solid rgba(172,202,255,.2);border-radius:26px;background:radial-gradient(ellipse at 73% 9%,#496ab0 0,transparent 25%),radial-gradient(ellipse at 46% 115%,#152d57 0,transparent 49%),linear-gradient(135deg,#101b3b,#090e20 70%);box-shadow:0 28px 70px #0008;text-align:center}.sky:before{content:"";position:absolute;inset:0;opacity:.38;background-image:radial-gradient(#fff 1px,transparent 1.2px);background-size:47px 47px;mask-image:linear-gradient(#000,transparent 80%)}.sky strong{position:relative;z-index:1;display:block;padding-top:148px;font-size:clamp(4.2rem,12vw,7.1rem);font-weight:800;letter-spacing:-.08em;text-shadow:0 8px 30px #0007}.plane{position:absolute;z-index:2;left:17%;bottom:25%;font-size:4.6rem;filter:drop-shadow(0 10px 10px #0007);transition:all .13s linear}.plane:after{content:"";position:absolute;width:180px;height:3px;top:69%;right:75%;background:linear-gradient(90deg,transparent,#9ee7ff);transform:rotate(12deg);opacity:.6}.running .plane{transform:translate(430px,-205px) rotate(-17deg)}.crashed .plane{filter:grayscale(1) drop-shadow(0 10px 10px #0007);transform:translate(560px,205px) rotate(48deg);transition:all .8s ease-in}.sky p{position:absolute;z-index:2;bottom:15px;left:20px;right:20px;margin:0;color:#c5d4ee;font:500 .85rem 'DM Mono',monospace}.history,.controls{margin-top:15px;padding:17px 19px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 12px 35px #0003;backdrop-filter:blur(14px)}.history>span{display:block;margin-bottom:9px;color:#9dadd0;font:500 .72rem 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase}.history b{display:inline-block;margin:3px 6px 3px 0;padding:6px 9px;border-radius:7px;background:#24365e;color:var(--gold);font:500 .78rem 'DM Mono',monospace}.personal b{margin:4px 6px 0 0}.personal .won{background:#123d35;color:var(--mint)}.personal .lost{background:#462330;color:#ffa1b0}.fairness div{color:#a9b9d5;font:.76rem/1.55 'DM Mono',monospace;word-break:break-all}.controls{display:flex;align-items:end;gap:11px}.controls label{flex:1;color:#aebbd4;font-size:.78rem;font-weight:600}.controls input{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #35486f;border-radius:9px;outline:none;background:#0a1023;color:#fff;font:500 1rem 'DM Mono',monospace;transition:border .2s,box-shadow .2s}.controls input:focus{border-color:#7be5bf;box-shadow:0 0 0 3px #72e4b11c}button{min-height:44px;border:0;border-radius:9px;padding:11px 17px;background:linear-gradient(135deg,#ffd16f,#e9a53c);color:#201405;font:700 .88rem Outfit,sans-serif;cursor:pointer;box-shadow:0 7px 17px #0004;transition:transform .15s,filter .15s}button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}#cash{background:linear-gradient(135deg,#7ce3b9,#43b985)}button:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}#notice{margin:19px 0 0;text-align:center;color:#94a3bf;font-size:.82rem}@media(max-width:620px){body{padding:22px 13px}header{align-items:flex-start;gap:12px}.sky{height:355px;border-radius:20px}.sky strong{padding-top:118px}.running .plane{transform:translate(220px,-145px) rotate(-17deg)}.crashed .plane{transform:translate(290px,160px) rotate(48deg)}.controls{flex-wrap:wrap}.controls label{min-width:calc(50% - 6px)}.controls button{flex:1}}