:root{color-scheme:dark;--bg:#10121b;--panel:#191c28;--line:#2b2f40;--muted:#9da3b8;--lime:#cdfb73;--purple:#b5a0ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f7f7fc;font:15px/1.6 system-ui,sans-serif}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);border-radius:10px;padding:11px 17px;background:transparent;color:inherit;font-weight:650}button:hover{filter:brightness(1.12);border-color:var(--purple)}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible{outline:3px solid var(--purple);outline-offset:3px}input{width:100%;min-width:0;background:#11141e;border:1px solid var(--line);border-radius:9px;padding:12px;color:white}input:focus{outline:2px solid var(--purple)}header{max-width:1240px;margin:auto;height:95px;display:flex;align-items:center;gap:28px;padding:0 35px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;color:white;font-size:25px;font-weight:850;letter-spacing:-1px}.dot{color:var(--lime)}.connection{margin-left:auto;font-size:12px;color:var(--muted)}.connection:before{content:'●';color:var(--lime);margin-right:8px}.profile{font-size:13px}main{max-width:1170px;margin:65px auto 80px;padding:0 28px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;color:var(--lime)}h1{font-size:clamp(38px,5vw,60px);letter-spacing:-2.8px;line-height:1.12;margin:19px 0}h1>span:not(.dot){color:var(--purple)}.intro{color:var(--muted);font-size:16px;margin-bottom:38px}.layout{display:grid;grid-template-columns:1.35fr 1fr;gap:28px;align-items:start}.game-card{border:1px solid #514775;border-radius:19px;padding:30px;background:radial-gradient(ellipse at 90% 10%,#40315f66,transparent 65%),var(--panel);position:relative;overflow:hidden}.card-top{display:flex;justify-content:space-between;align-items:center}.tag{font-size:9px;letter-spacing:1px;color:var(--lime);background:#cdfb7310;border:1px solid #cdfb7325;border-radius:5px;padding:4px 7px;white-space:nowrap}.tiny{font-size:9px;color:var(--muted);letter-spacing:1px}.game-art{display:flex;justify-content:center;gap:16px;padding:24px 0 12px;transform:rotate(-8deg);font-size:88px;line-height:1.2;font-weight:650;color:var(--purple);text-shadow:0 7px 0 #0003}.game-art span:nth-child(2){color:var(--lime)}h2{font-size:24px;letter-spacing:-.7px;margin:12px 0 5px}.game-card p,.ranking>p{color:var(--muted);margin:0 0 18px}.chips{display:flex;gap:16px;color:#bdc0d1;font-size:11px;margin:24px 0}.primary{background:var(--lime);color:#192217;border:0}.primary span{float:right}.game-card>.primary,.game-card>.secondary{width:100%;margin-bottom:10px}.secondary{background:#ffffff04}label{display:block;font-size:12px;color:var(--muted);margin:12px 0 8px}.input-row{display:flex;gap:8px}.small{background:#292d3e;white-space:nowrap}.ranking{border:1px solid var(--line);border-radius:19px;background:var(--panel);padding:26px}.ranking-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.ranking-title h2{font-size:20px;margin:0}.ranking>p{font-size:12px;margin:9px 0 30px}.ranking-label{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);letter-spacing:1px;border-bottom:1px solid var(--line);padding-bottom:12px}ol{list-style:none;padding:0;margin:0}li.rank{display:flex;gap:14px;padding:17px 0;align-items:center;border-bottom:1px solid var(--line)}.rank .position{color:var(--muted);width:20px}.avatar{background:#b5a0ff1c;color:var(--purple);border-radius:10px;width:38px;height:38px;display:grid;place-items:center;font-weight:bold}.rank strong{font-size:13px;display:block;overflow-wrap:anywhere}.rank small{display:block;color:var(--muted);font-size:10px}.rank b{margin-left:auto;color:var(--lime)}.ranking-note{font-size:11px;color:var(--muted);margin-top:24px}.ranking-note b{color:white}.ranking-note span{margin:0 12px}.ranking-note p{font-size:10px}.empty{padding:35px 5px;color:var(--muted);text-align:center}.coming{display:flex;gap:18px;align-items:center;margin-top:20px;padding:20px;border:1px dashed var(--line);border-radius:14px}.coming>span:first-child{font-size:30px;color:var(--purple)}.coming strong{font-size:13px}.coming p{font-size:11px;color:var(--muted);margin:2px 0}.coming>.tag{margin-left:auto;color:var(--muted)}footer{max-width:1170px;margin:auto;padding:25px 28px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}footer>.brand{font-size:20px}footer>span:last-child{font-size:9px;letter-spacing:1px}.game-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.game-heading h1{font-size:40px}.match-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:25px}.arena,.chat{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:25px}.players{display:grid;grid-template-columns:1fr 1fr;gap:15px}.player{padding:12px;background:#ffffff04;border-radius:10px;border:1px solid var(--line);overflow-wrap:anywhere}.player.active{border-color:var(--lime)}.player b{font-size:24px;color:var(--purple);margin-right:10px}.player small{display:block;color:var(--muted)}#status{text-align:center;color:var(--lime);min-height:28px}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:370px;margin:20px auto}.board button{aspect-ratio:1;font-size:54px;background:#11141e;color:var(--purple);padding:0}.board button.o{color:var(--lime)}.board button:disabled{opacity:1}.match-actions{display:flex;justify-content:center;gap:10px}.muted{color:var(--muted);font-size:12px}.arena>.muted{text-align:center;margin-top:22px}.chat{display:flex;flex-direction:column;min-height:480px}.chat h2{font-size:18px}.chat h2 span{font-size:10px;float:right}#messages{flex:1;max-height:390px;overflow-y:auto;overflow-wrap:anywhere}#messages p{padding:10px;background:#ffffff04;border-radius:9px;font-size:13px}#messages strong{display:block;font-size:11px;color:var(--purple)}dialog{background:var(--panel);color:white;border:1px solid #514775;border-radius:20px;padding:32px;width:min(440px,92vw)}dialog::backdrop{background:#080a13d9;backdrop-filter:blur(8px)}dialog h2{font-size:27px}dialog p{color:var(--muted);font-size:13px}dialog .primary,dialog .secondary{width:100%;margin-top:10px}#profiles{display:flex;gap:8px;flex-wrap:wrap}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--lime);color:#192217;padding:15px 24px;border-radius:12px;z-index:10;max-width:90vw;width:max-content;font-size:13px}#queue{margin-top:20px;color:var(--lime);font-size:13px}[hidden]{display:none!important}@media(max-width:760px){header{padding:0 20px;height:78px;gap:12px}.brand{font-size:22px}.connection{font-size:10px}.profile{font-size:11px;padding:9px}main{margin-top:36px;padding:0 18px}.layout,.match-layout{grid-template-columns:1fr}.game-card,.ranking{padding:22px}.chips{gap:12px;font-size:10px}.coming{gap:10px}.coming>.tag{font-size:8px}footer{flex-wrap:wrap}footer>span:last-child{display:none}.game-heading h1{font-size:32px}.arena{padding:16px}.game-heading{gap:12px}.chat{min-height:350px}}
#online-count{font-size:12px;color:var(--lime);white-space:nowrap}.invite-code{text-align:center;margin-bottom:20px;color:var(--muted)}.invite-code strong{display:block;font:750 30px monospace;letter-spacing:5px;color:var(--lime);user-select:all}.score{text-align:center;font-weight:700;color:var(--lime);padding:12px;background:#cdfb7309;border-radius:10px}.auth-tabs{display:flex;gap:10px;margin:15px 0}#auth-error{color:#ffaaaa}#resume{margin-bottom:24px}@media(max-width:760px){header{flex-wrap:wrap;height:auto;min-height:90px;padding:14px 18px;gap:10px}.connection{margin-left:auto}#online-count{font-size:10px}.score{font-size:13px}}