:root{--bg:#050806;--panel:#060a07db;--line:#7cff2e59;--neon:#7cff2e;--text:#f2fff0;--muted:#8fa894;--red:#ff3b3b;--gold:#ffc531;--font-display:"Russo One", "Arial Black", Impact, sans-serif;color:var(--text);background:var(--bg);font-family:Inter,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button{font:inherit}.game{-webkit-user-select:none;user-select:none;background:#000;position:fixed;inset:0;overflow:hidden}.hud-top{pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:18px;left:22px;right:22px}.brand{background:var(--panel);border:1px solid var(--line);border-left:5px solid var(--neon);border-radius:6px;padding:12px 20px 12px 16px;transform:skew(-8deg)}.brand>*{transform:skew(8deg)}.brand-title{font-family:var(--font-display);letter-spacing:.02em;color:var(--neon);text-shadow:0 0 18px #7cff2e8c;font-size:30px;line-height:1}.brand-title span{color:#fff;text-shadow:none}.brand-nick{margin-top:6px;font-size:20px;font-weight:800}.score{background:var(--panel);border:1px solid var(--line);text-align:right;border-radius:6px;min-width:330px;padding:12px 18px}.score-total{font-family:var(--font-display);color:#fff;text-shadow:0 0 22px #7cff2e66;font-size:46px;line-height:1}.score-bar{background:#ffffff1a;border-radius:4px;height:8px;margin:8px 0 6px;overflow:hidden}.score-bar i{background:linear-gradient(90deg, #3fae12, var(--neon));height:100%;box-shadow:0 0 12px var(--neon);transition:width .6s cubic-bezier(.2,1.2,.4,1);display:block}.score-meta{color:var(--muted);letter-spacing:.06em;justify-content:flex-end;gap:14px;font-size:12px;display:flex}.score-meta b{color:#fff;font-size:15px}.hud-map{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:6px;position:absolute;bottom:22px;left:22px}.minimap-dot{filter:drop-shadow(0 0 6px #7cff2e)}.hud-log{pointer-events:none;gap:6px;width:300px;display:grid;position:absolute;top:160px;right:22px}.log-row{background:var(--panel);border-left:3px solid var(--neon);border-radius:4px;align-items:center;gap:8px;padding:7px 10px;font-size:14px;animation:.35s cubic-bezier(.2,1.2,.4,1) slideIn;display:flex}.log-row:nth-child(n+4){opacity:.65}.log-text{flex:1}.log-row b.plus{color:var(--neon)}.log-row b.minus{color:var(--red)}@keyframes slideIn{0%{opacity:0;transform:translate(40px)}}.dice-overlay{pointer-events:none;width:560px;height:330px;transition:opacity .3s;position:absolute;bottom:90px;left:50%;transform:translate(-50%)}.hud-bottom{pointer-events:none;justify-items:center;gap:6px;display:grid;position:absolute;bottom:30px;left:0;right:0}.btn-roll{pointer-events:auto;font-family:var(--font-display);letter-spacing:.04em;color:#061003;cursor:pointer;background:linear-gradient(#a8ff6e,#5fd81a);border:0;border-radius:8px;padding:16px 44px;font-size:28px;transition:transform .1s,filter .15s;transform:skew(-8deg);box-shadow:0 6px #2f7a07,0 0 40px #7cff2e73}.btn-roll:hover{filter:brightness(1.08)}.btn-roll:active{transform:skew(-8deg)translateY(4px);box-shadow:0 2px #2f7a07}.hint{color:var(--muted);font-size:12px}.mute{border:1px solid var(--line);background:var(--panel);color:#fff;cursor:pointer;border-radius:50%;width:40px;height:40px;font-size:18px;position:absolute;bottom:22px;right:22px}.card-wrap{perspective:1200px;pointer-events:none;position:absolute;top:50%;right:8vw;transform:translateY(-50%)}.ecard{width:340px;height:440px;animation:.45s cubic-bezier(.2,1.3,.4,1) cardIn;position:relative}.ecard-inner{transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,1.4,.5,1);position:absolute;inset:0}.ecard.open .ecard-inner{transform:rotateY(180deg)}.ecard-face{backface-visibility:hidden;border-radius:14px;position:absolute;inset:0;overflow:hidden;box-shadow:0 30px 80px #0009}.ecard-back{border:3px solid var(--neon);text-align:center;background:radial-gradient(circle at 50% 40%,#173a0a,#030603 70%);place-content:center;display:grid}.ecard-back-x{font-family:var(--font-display);color:var(--neon);text-shadow:0 0 40px var(--neon);font-size:150px;line-height:1}.ecard-back-t{font-family:var(--font-display);color:#fff;letter-spacing:.1em;font-size:28px}.ecard-front{border:3px solid var(--c,var(--neon));text-align:center;box-shadow:0 30px 80px #0009, 0 0 50px color-mix(in srgb, var(--c,#7cff2e) 40%, transparent);background:linear-gradient(#0d140d,#050805);align-content:center;justify-items:center;gap:14px;padding:26px;display:grid;transform:rotateY(180deg)}.ecard-kind{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--c,var(--neon));font-size:18px}.ecard-title{font-family:var(--font-display);font-size:34px;line-height:1.1}.ecard-delta{font-family:var(--font-display);font-size:56px;line-height:1}.ecard-delta.plus{color:var(--neon);text-shadow:0 0 30px #7cff2e99}.ecard-delta.minus{color:var(--red);text-shadow:0 0 30px #ff3b3b99}.ecard-text{color:var(--muted);font-size:16px}.k-bonus{--c:#7cff2e}.k-penalty{--c:#ff3b3b}.k-jackpot{--c:#ffc531}.k-ramp{--c:#3fb6ff}.k-crash{--c:#b026ff}.k-empty{--c:#9aa39b}.k-finish{--c:#fff}.k-crash .ecard-title{color:#e2b8ff}@keyframes cardIn{0%{opacity:0;transform:translate(60px)scale(.8)}}.reel-box{justify-items:center;gap:12px;display:grid}.reel-window{border:2px solid var(--gold);background:#000;border-radius:10px;width:250px;height:276px;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #000000e6}.reel-strip{will-change:transform}.reel-item{font-family:var(--font-display);color:#fff;border-bottom:1px solid #ffffff14;place-items:center;font-size:40px;display:grid}.reel-item.miss{color:#6b746c;font-size:30px}.reel-item.jp{color:var(--gold);text-shadow:0 0 20px var(--gold);font-size:34px}.reel-line{border-top:2px solid var(--gold);border-bottom:2px solid var(--gold);pointer-events:none;background:linear-gradient(#0009,#0000 20% 80%,#0009);height:92px;position:absolute;top:92px;left:0;right:0;box-shadow:0 0 20px #ffc53159}.reel-result{font-family:var(--font-display);font-size:26px;animation:.4s cubic-bezier(.2,1.6,.4,1) pop}.reel-result.win{color:var(--gold);text-shadow:0 0 30px var(--gold);font-size:40px}.reel-result.lose{color:var(--muted);font-size:18px}@keyframes pop{0%{opacity:0;transform:scale(.4)}}.end-banner{text-align:center;background:radial-gradient(#000000d1,#0000008c 70%,#0000);justify-items:center;gap:8px;padding:36px 64px;animation:.5s cubic-bezier(.2,1.4,.4,1) pop;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.end-title{font-family:var(--font-display);color:var(--neon);text-shadow:0 0 40px #7cff2eb3,0 6px #000;font-size:92px;line-height:1;transform:skew(-8deg)}.end-crash .end-title{color:#d27bff;text-shadow:0 0 40px #b026ffb3,0 6px #000}.end-jackpot .end-title{color:var(--gold);text-shadow:0 0 50px #ffc531cc,0 6px #000}.end-nick{font-size:26px;font-weight:800}.end-total{font-family:var(--font-display);color:#fff;font-size:64px}.end-sub{color:var(--muted);font-size:16px}.btn-new{border:1px solid var(--neon);color:var(--neon);cursor:pointer;background:0 0;border-radius:8px;margin-top:12px;padding:12px 28px;font-weight:800}.btn-new:hover{background:#7cff2e1f}.history{background:var(--panel);border:1px solid var(--line);border-radius:8px;width:360px;padding:12px;animation:.3s slideIn;position:absolute;top:130px;left:22px}.history-head{font-family:var(--font-display);color:var(--neon);letter-spacing:.12em;margin-bottom:8px}.history-empty{color:var(--muted);font-size:13px}.history-row{border-top:1px solid #ffffff12;grid-template-columns:22px 1fr auto 22px auto;align-items:center;gap:8px;padding:6px 0;font-size:14px;display:grid}.h-n{color:var(--muted)}.h-nick{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.h-end{color:var(--muted);font-size:12px}.h-total{color:var(--neon)}.admin{background:#070a08;gap:18px;max-width:1180px;min-height:100%;margin:0 auto;padding:24px;display:grid}.admin h1{font-family:var(--font-display);color:var(--neon);margin:0;font-size:28px}.admin h2{font-family:var(--font-display);letter-spacing:.04em;margin:0 0 12px;font-size:18px}.panel{background:#0c120d;border:1px solid #7cff2e2e;border-radius:10px;padding:16px}.grid2{grid-template-columns:1fr 1fr;gap:18px;display:grid}@media (width<=900px){.grid2{grid-template-columns:1fr}}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin label{color:var(--muted);gap:5px;font-size:12px;display:grid}.admin input,.admin select{color:#fff;font:inherit;background:#050806;border:1px solid #2a3a2c;border-radius:6px;padding:8px 10px;font-size:14px}.admin input:focus,.admin select:focus{border-color:var(--neon);outline:none}.abtn{background:var(--neon);color:#061003;cursor:pointer;border:0;border-radius:7px;padding:9px 14px;font-weight:800}.abtn.ghost{color:#fff;background:0 0;border:1px solid #2f4231}.abtn.danger{color:var(--red);border:1px solid var(--red);background:0 0}.abtn.big{padding:12px 22px;font-size:18px}.abtn:disabled{opacity:.4;cursor:default}.tracks{flex-wrap:wrap;gap:10px;display:flex}.track-opt{color:#fff;cursor:pointer;background:#050806;border:1px solid #2f4231;border-radius:8px;padding:12px 16px;font-weight:700}.track-opt.on{border-color:var(--neon);box-shadow:0 0 0 1px var(--neon), 0 0 20px #7cff2e40}.track-opt.big{padding:16px 22px;font-size:17px}.edit-tabs{color:var(--muted);align-items:center;gap:4px;font-size:12px;display:flex}.edit-tab{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #2f4231;border-radius:5px;padding:5px 10px;font-size:12px}.edit-tab.on{color:#fff;background:#18221a;border-color:#6a7d6c}.pool{gap:6px;display:grid}.pool-row{grid-template-columns:1fr 110px 80px 32px;align-items:center;gap:6px;display:grid}.pool-row.pen{grid-template-columns:1fr 120px 100px 80px 32px}.pool-head{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.x{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:18px}.x:hover{color:var(--red)}.cells{grid-template-columns:repeat(12,1fr);gap:4px;display:grid}.cell{aspect-ratio:1;cursor:pointer;color:#000;border:1px solid #222;border-radius:6px;place-items:center;font-size:11px;font-weight:800;display:grid;position:relative}.cell small{opacity:.7;font-size:9px;position:absolute;top:2px;left:4px}.legend{color:var(--muted);flex-wrap:wrap;gap:10px;margin-top:8px;font-size:12px;display:flex}.legend i{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:4px;display:inline-block}.sim{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px;display:grid}.sim div{background:#050806;border-radius:8px;padding:10px}.sim b{color:#fff;font-size:20px;display:block}.sim span{color:var(--muted);font-size:11px}.live-race{gap:4px;font-size:14px;display:grid}.live-race .big{font-family:var(--font-display);color:var(--neon);font-size:30px}.muted{color:var(--muted)}.small{font-size:12px}table.hist{border-collapse:collapse;width:100%;font-size:13px}table.hist td,table.hist th{text-align:left;border-top:1px solid #18221a;padding:6px 8px}table.hist th{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:600}.loading{z-index:10;background:radial-gradient(circle at 50% 45%,#0f2408,#000 70%);place-content:center;justify-items:center;gap:18px;display:grid;position:absolute;inset:0}.loading .brand-title{font-size:54px}.loading-bar{background:#ffffff14;border-radius:3px;width:360px;height:6px;overflow:hidden}.loading-bar i{background:var(--neon);height:100%;box-shadow:0 0 14px var(--neon);transition:width .3s;display:block}.loading-t{color:var(--muted);letter-spacing:.06em;font-size:14px}