@font-face{font-family:Rajdhani;src:url(/assets/fonts/Rajdhani-Bold.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Rajdhani;src:url(/assets/fonts/Rajdhani-SemiBold.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Inter;src:url(/assets/fonts/Inter.ttf)format("truetype");font-weight:100 900;font-display:swap}:root{--accent:#f2b544;--accent-2:#ffd27a;--cream:#f4ead5;--dim:#f4ead59e;--glass:#090808bd;--line:#ffffff1a;--ok:#6fae86;--bad:#e0705a;--title:"Rajdhani", system-ui, sans-serif;--body:"Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;color:var(--cream);font:16px/1.45 var(--body);-webkit-font-smoothing:antialiased;background:#0a0706;margin:0;overflow:hidden}button{font:inherit;color:inherit}.stage{position:fixed;inset:0}.stage canvas{touch-action:none;display:block}.ui{pointer-events:none;position:fixed;inset:0}.ui *{pointer-events:auto}.ui .passive,.ui .passive *{pointer-events:none}.vignette{pointer-events:none;background:radial-gradient(#0000 45%,#0804008c 100%);position:fixed;inset:0}.t{font-family:var(--title);text-transform:uppercase;letter-spacing:.01em;font-weight:700;line-height:1}.kicker{font:600 13px var(--title);letter-spacing:.28em;text-transform:uppercase;color:#ffffff8c}.dim{color:var(--dim)}.cta{cursor:pointer;min-height:58px;font:700 28px var(--title);text-transform:uppercase;letter-spacing:.05em;color:#1a1206;background:var(--accent);clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);border:0;justify-content:center;align-items:center;gap:8px;padding:0 36px;transition:background .15s,transform .15s,filter .15s;display:inline-flex;position:relative}.cta:hover{background:var(--accent-2);filter:drop-shadow(0 0 14px #f2b54480)}.cta:active{transform:scale(.98)}.cta.ghost{color:var(--cream);background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff38}.cta.ghost:hover{filter:none;background:#ffffff26}.cta.sm{min-height:42px;padding:0 18px;font-size:16px}.cta:disabled{opacity:.35;pointer-events:none}.seg{flex-wrap:wrap;gap:8px;display:flex}.seg button{cursor:pointer;min-height:44px;font:600 17px var(--title);color:var(--cream);background:#ffffff0d;border:1px solid #ffffff29;border-radius:4px;flex:1;padding:0 14px;transition:all .15s}.seg button:hover{background:#ffffff1c}.seg button.on{border:2px solid var(--accent);background:#f2b54433}.row{grid-template-columns:110px 1fr;align-items:center;gap:14px;display:grid}.row>span{font:600 18px var(--title);color:var(--dim)}input.code,input.field{color:var(--cream);font:600 18px var(--body);background:#00000080;border:2px solid #ffffff26;border-radius:4px;outline:none;padding:12px 14px}input.code{font:700 28px var(--title);text-align:center;letter-spacing:.2em;text-transform:uppercase;width:180px}input:focus{border-color:var(--accent)}input[type=range]{accent-color:var(--accent);width:100%}.glass{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:6px;box-shadow:0 18px 50px #00000073}.chip{font:700 13px var(--title);letter-spacing:.06em;text-transform:uppercase;background:#00000073;border:1px solid #ffffff40;border-radius:2px;align-items:center;padding:4px 10px;display:inline-flex}.badge{object-fit:contain;width:46px;height:46px}.icon-btn{width:40px;height:40px;color:var(--cream);font:700 20px var(--title);cursor:pointer;background:#09080899;border:1px solid #fff3;border-radius:50%;place-items:center;display:none}.icon-btn:active{background:#ffffff26}.topbar{align-items:center;gap:46px;display:flex;position:absolute;top:18px;left:28px;right:28px}.logo{font:700 38px var(--title);color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.logo img{width:36px}.tabs{gap:32px;display:flex}.tabs button{cursor:pointer;font:700 26px var(--title);text-transform:uppercase;color:#ffffff80;background:0 0;border:0;padding:6px 0;transition:color .2s;position:relative}.tabs button:hover{color:#ffffffe6}.tabs button.on{color:#fff}.tabs button.on:after{content:"";background:var(--accent);height:3px;animation:.3s ease-out grow;position:absolute;bottom:-4px;left:0;right:0}@keyframes grow{0%{transform:scaleX(0)}}.topright{align-items:center;gap:10px;margin-left:auto;display:flex}.profile{cursor:pointer;align-items:center;gap:10px;padding:6px 16px 6px 8px;display:flex}.profile b{font:700 18px var(--title);text-transform:uppercase;display:block}.profile small{font-size:13px}.grad-top{pointer-events:none;background:linear-gradient(#0009,#0000);height:22%;position:absolute;top:0;left:0;right:0}.grad-bot{pointer-events:none;background:linear-gradient(#0000,#000c);height:52%;position:absolute;bottom:0;left:0;right:0}.info{max-width:600px;animation:.4s ease-out slidein;position:absolute;bottom:42px;left:40px}.info h1{font:700 112px/.95 var(--title);text-transform:uppercase;margin:6px 0 10px}.info p{color:#ffffffd1;max-width:520px;margin:0 0 12px;font-size:18px}.chips{flex-wrap:wrap;gap:8px;display:flex}.nav{align-items:center;gap:14px;margin-top:20px;display:flex}.nav .cta{min-height:46px;padding:0 22px;font-size:30px}.dots{gap:8px;display:flex}.dots i{cursor:pointer;background:#ffffff38;width:22px;height:4px;transition:all .3s;display:block}.dots i.on{width:44px}@keyframes slidein{0%{opacity:0;transform:translate(-40px)}}.action{border-left:4px solid var(--accent);gap:14px;width:560px;padding:22px;animation:.35s ease-out slidein2;display:grid;position:absolute;bottom:42px;right:36px}@keyframes slidein2{0%{opacity:0;transform:translate(60px)}}.action .cta{width:100%}.note{color:#ffffff73;font-size:12px}.overlay{z-index:20;background:#000c;place-items:center;padding:20px;animation:.25s fade;display:grid;position:absolute;inset:0}@keyframes fade{0%{opacity:0}}.dialog{max-width:min(1120px,100%);max-height:calc(100vh - 40px);padding:28px;animation:.3s ease-out pop;overflow:auto}@keyframes pop{0%{opacity:0;transform:scale(.96)}}.dialog h2{font:700 34px var(--title);text-transform:uppercase;margin:0}.dhead{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.prow{border:1px solid var(--line);background:#ffffff0a;border-radius:3px;align-items:center;gap:12px;padding:8px 12px;display:flex}.prow .grow{flex:1}.prow b{font:700 22px var(--title);text-transform:uppercase;display:block}.avatar{background:var(--accent);border-radius:50%;flex:none;width:48px;height:48px;padding:2px}.avatar img{border-radius:50%;width:100%;height:100%;display:block}.spin{animation:3.5s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.rules{grid-template-columns:290px 1fr;gap:18px;display:grid}.rules nav{align-content:start;gap:6px;display:grid}.rules nav button{text-align:left;font:700 19px var(--title);text-transform:uppercase;cursor:pointer;color:#fff9;background:#ffffff08;border:1px solid #ffffff14;border-radius:4px;padding:14px 18px}.rules nav button.on{color:#fff;border-left:4px solid var(--a);background:color-mix(in srgb, var(--a) 16%, transparent)}.rules article{color:#ffffffe0;background:#ffffff09;border:1px solid #ffffff14;border-radius:6px;min-height:360px;padding:26px;font-size:19px;line-height:1.7}.rules article h3{font:700 30px var(--title);text-transform:uppercase;margin:0 0 14px}.rules article h3:after{content:"";background:var(--a);width:56px;height:3px;margin-top:10px;display:block}.rules article ul{margin:0;padding-left:4px;list-style:none}.rules article li:before{content:"▸  ";color:var(--a)}.rules article p{margin:0 0 8px}table.score{border-collapse:collapse;width:100%}table.score th{font:600 13px var(--title);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);text-align:center;padding:8px 12px}table.score td{text-align:center;border-top:1px solid var(--line);padding:10px 12px;font-size:19px}table.score td:first-child{text-align:left;font:700 21px var(--title)}table.score td:last-child{font:700 28px var(--title);color:var(--accent)}.scorebox{padding:8px 16px;position:absolute;top:12px;left:14px}.scorebox .line{align-items:baseline;gap:20px;display:flex}.scorebox .s{font:700 28px var(--title);color:var(--accent);margin-left:6px}.scorebox small{text-align:center;color:var(--dim);font-size:14px;display:block}.hudbtns{gap:10px;display:flex;position:absolute;top:12px;right:14px}.round{cursor:pointer;background:#0908089e;border:1px solid #ffffff26;border-radius:50%;place-items:center;width:54px;height:54px;font-size:22px;display:grid}.round:hover{background:#ffffff1a}.log{font:500 18px var(--body);text-shadow:0 2px 6px #000;white-space:nowrap;animation:5s forwards logfade;position:absolute;top:26px;left:50%;transform:translate(-50%)}@keyframes logfade{0%{opacity:0}5%,70%{opacity:1}to{opacity:0}}.plate{border:2px solid var(--c);white-space:nowrap;background:#090808a8;border-radius:40px;align-items:center;gap:10px;padding:6px 18px 6px 6px;transition:box-shadow .3s;display:flex;position:absolute}.plate.turn{box-shadow:0 0 18px var(--accent);border-color:var(--accent);animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{border-color:#fff1c2}}.plate b{font:600 19px var(--body);display:block}.plate small{color:var(--dim);font-size:14px}.hint{font:700 20px var(--title);color:#ffe2a0;text-shadow:0 2px 8px #000;white-space:nowrap;position:absolute;transform:translate(-50%,-100%)}.banner{text-align:center;animation:2.2s forwards banner;position:absolute;top:30%;left:0;right:0}.banner .bt{font:700 82px var(--title);text-transform:uppercase;text-shadow:0 4px 22px #000c;align-items:center;gap:18px;display:inline-flex}.banner .bt img{width:76px}.banner .bs{text-shadow:0 2px 8px #000;font-size:22px}@keyframes banner{0%{opacity:0;transform:scale(.85)}15%{opacity:1;transform:scale(1)}75%{opacity:1}to{opacity:0}}.popup{font:700 34px var(--title);text-shadow:0 2px 10px #000;white-space:nowrap;animation:1.7s ease-out forwards rise;position:absolute;transform:translate(-50%,-50%)}@keyframes rise{0%{opacity:0;transform:translate(-50%,-30%)scale(.6)}20%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-160%)}}.suitchip{align-items:center;gap:8px;padding:6px 14px;display:flex;position:absolute;left:14px}.suitchip img{width:32px}.actions{gap:12px;display:flex;position:absolute}.actions .cta{min-height:56px;font-size:22px}@media (width<=900px){body{--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px)}.topbar{left:12px;right:12px;top:calc(8px + var(--safe-t));grid-template-columns:auto 1fr;align-items:center;gap:8px 10px;display:grid}.logo{gap:6px;font-size:26px}.logo img{width:28px}.logo{grid-area:1/1}.topright{grid-area:1/2;justify-self:end;gap:6px}.txt-btn{display:none}.icon-btn{display:grid}.auth-top .cta.sm{min-height:38px;padding:0 12px;font-size:13px}.auth-top .cta.sm:last-child{display:none}.profile{gap:6px;padding:3px 4px}.profile .badge{width:30px!important;height:30px!important}.pname b{font-size:14px}.pname small{font-size:11px}.tabs{border:1px solid var(--line);background:#0908088c;border-radius:6px;grid-area:2/1/auto/-1;grid-template-columns:repeat(3,1fr);gap:0;padding:3px;display:grid}.tabs button{border-radius:4px;padding:9px 0;font-size:17px}.tabs button.on{background:#f2b54429}.tabs button.on:after{height:2px;bottom:3px;left:22%;right:22%}.grad-top{background:linear-gradient(#000000bf,#0000);height:30%}.grad-bot{height:62%}.info{top:auto;left:16px;right:16px;bottom:calc(var(--action-h,300px) + 22px + var(--safe-b));max-width:none}.info h1{margin:2px 0 4px;font-size:54px}.info p{margin-bottom:4px;font-size:14px;line-height:1.4}.kicker{letter-spacing:.2em;font-size:11px}.info .chips{display:none}.nav{margin-top:10px}.nav .cta{min-height:40px;padding:0 18px;font-size:24px}.action{width:auto;left:10px;right:10px;bottom:calc(10px + var(--safe-b));border-left-width:3px;gap:10px;padding:14px}.action .cta{white-space:nowrap;min-height:52px;padding:0 16px;font-size:22px}.action .t{font-size:22px!important}.row{grid-template-columns:72px 1fr;gap:8px}.row>span{font-size:15px}.seg{flex-wrap:nowrap;gap:6px}.seg button{white-space:nowrap;min-height:42px;padding:0 4px;font-size:15px}input.code{width:130px;font-size:22px}.dialog{padding:18px}.dialog h2{font-size:26px}.rules{grid-template-columns:1fr}.rules nav{grid-template-columns:1fr 1fr}.rules nav button{padding:10px 12px;font-size:15px}.rules article{min-height:0;padding:18px;font-size:16px}.rules article h3{font-size:24px}.banner .bt{gap:10px;font-size:50px}.banner .bt img{width:46px}.banner .bs{font-size:16px}.log{top:calc(70px + var(--safe-t));white-space:normal;text-align:center;width:90%;font-size:14px}.scorebox{left:8px;top:calc(8px + var(--safe-t));padding:6px 10px;right:120px}.scorebox .line{flex-wrap:wrap;gap:10px;font-size:13px}.scorebox .s{font-size:20px}.hudbtns{right:8px;top:calc(8px + var(--safe-t));gap:6px}.round{width:46px;height:46px;font-size:18px}.plate{gap:6px;padding:3px 12px 3px 3px}.plate .avatar{width:34px;height:34px}.plate b{font-size:14px}.plate small{font-size:11px}.hint{font-size:16px}.actions .cta{min-height:48px;padding:0 18px;font-size:18px}table.score td{padding:8px 6px;font-size:15px}table.score td:first-child{font-size:16px}table.score td:last-child{font-size:22px}}