@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Noto+Sans:wght@400;500;600;700&display=swap";:root{--bg: #090611;--bg-accent: #120a22;--panel: rgba(20, 14, 36, .9);--panel-muted: rgba(32, 23, 56, .82);--text: #f1ebff;--muted: #aea1d2;--line: rgba(146, 115, 208, .28);--brand: #8b5cf6;--brand-strong: #6d28d9;--highlight: #c084fc;--danger: #f87171;--radius: 14px;--shadow: 0 20px 45px rgba(5, 2, 16, .45)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;font-family:Space Grotesk,Noto Sans,Segoe UI,"Segoe UI Emoji",Segoe UI Symbol,"Apple Color Emoji","Noto Color Emoji",Hiragino Sans,Yu Gothic UI,Meiryo,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 0% 0%,rgba(139,92,246,.3) 0%,transparent 55%),radial-gradient(900px 520px at 100% 0%,rgba(168,85,247,.22) 0%,transparent 52%),radial-gradient(1100px 700px at 50% 100%,rgba(67,30,115,.35) 0%,transparent 55%),linear-gradient(180deg,#11071d 0%,var(--bg-accent) 30%,var(--bg) 100%);min-height:100vh;overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom)}#root{min-height:100vh}h1,h2,h3,p{margin:0}.screen-center{min-height:100vh;display:grid;place-items:center;padding:1.25rem}.loading-card,.login-card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.loading-card{padding:1rem 1.2rem;color:var(--muted)}.login-card{width:min(560px,100%);padding:2rem;display:grid;gap:1rem}.verify-card{width:min(620px,100%)}.verify-turnstile{display:grid;gap:.55rem}.verify-turnstile-slot{min-height:70px}.verify-status{color:var(--muted);font-size:.85rem}.verify-status.is-error{color:#fecaca}.verify-success-card{text-align:center}.verify-success-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.login-card h1{font-size:clamp(1.5rem,2.8vw,2.2rem);line-height:1.1}.login-card p{color:var(--muted);line-height:1.5}.eyebrow{letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;color:var(--brand-strong);font-weight:700}.primary-button,.ghost-button{border:1px solid transparent;border-radius:11px;font-family:inherit;cursor:pointer;font-weight:600;transition:all .2s ease}.primary-button{padding:.85rem 1.1rem;background:linear-gradient(135deg,#9f67ff,var(--brand-strong));color:#fff}.primary-button:hover{filter:brightness(1.03);transform:translateY(-1px)}.primary-button:disabled,.ghost-button:disabled{opacity:.72;cursor:not-allowed;transform:none;filter:none}.ghost-button{background:var(--panel-muted);border-color:var(--line);color:var(--text);padding:.65rem .9rem}.ghost-button:hover{border-color:var(--brand);color:var(--brand-strong)}.ghost-button.is-selected{background:#8b5cf652;border-color:var(--brand);color:#f4eeff}.app-shell{width:min(1180px,100%);margin:0 auto;padding:1rem 1rem 2rem;display:grid;gap:1rem}.topbar{display:flex;justify-content:space-between;gap:1rem;align-items:center}.brand-block h1{font-size:clamp(1.35rem,2vw,1.9rem)}.brand-kicker{font-size:.75rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:.2rem}.topbar-user{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.avatar{width:34px;height:34px;border-radius:999px;border:1px solid var(--line);object-fit:cover}.avatar-lg{width:72px;height:72px}.tabs{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.tab-link{padding:.55rem .9rem;border-radius:999px;border:1px solid var(--line);background:#21183ae6;color:var(--muted);text-decoration:none;font-weight:600;white-space:nowrap}.tab-link.is-active{background:var(--brand);border-color:var(--brand);color:#fff}.page-content{min-height:520px}.panel{padding:1.2rem;display:grid;gap:1rem}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.panel-header p{margin-top:.35rem;color:var(--muted)}.filter-row input{width:100%;max-width:440px;padding:.72rem .82rem;border-radius:11px;border:1px solid var(--line);background:#0e0a1ceb;color:var(--text);outline:none;font-family:inherit}.filter-row input:focus{border-color:var(--brand);box-shadow:0 0 0 4px #8b5cf62e}.table-wrapper{overflow:auto;border:1px solid var(--line);border-radius:12px}.leaderboard-table{width:100%;border-collapse:collapse;min-width:740px;background:#100b1ef0}.leaderboard-table th,.leaderboard-table td{padding:.7rem .75rem;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.leaderboard-table thead th{background:var(--panel-muted);font-size:.86rem}.leaderboard-mobile-list{display:none}.leaderboard-mobile-card{border:1px solid var(--line);border-radius:12px;background:#100b1ef0;padding:.8rem;display:grid;gap:.75rem}.leaderboard-mobile-head{display:grid;gap:.55rem}.leaderboard-mobile-rank{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-width:3.4rem;padding:.28rem .55rem;border-radius:999px;border:1px solid var(--line);background:#6d28d938;font-weight:700}.leaderboard-mobile-stats{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.leaderboard-mobile-stats div{background:#2017389e;border:1px solid var(--line);border-radius:10px;padding:.45rem .55rem;min-width:0}.leaderboard-mobile-stats dt{margin:0;font-size:.74rem;color:var(--muted)}.leaderboard-mobile-stats dd{margin:.2rem 0 0;font-weight:600;line-height:1.25;overflow-wrap:anywhere}.row-me{background:linear-gradient(90deg,#6d28d966,#5b21b63d)}.user-cell{display:flex;align-items:center;gap:.65rem}.user-cell>div{display:grid;min-width:0}.muted{color:var(--muted);font-size:.85rem;overflow-wrap:anywhere}.user-cell strong{overflow-wrap:anywhere}.status-error,.status-info{border-radius:10px;padding:.7rem .9rem;font-size:.92rem}.status-error{border:1px solid rgba(248,113,113,.26);color:#fecaca;background:#59182685}.status-info{border:1px solid var(--line);color:#d8ccff;background:#271c44b3}.profile-page{gap:1.2rem}.profile-header{display:flex;justify-content:space-between;align-items:center}.xp-progress{background:var(--panel-muted);border:1px solid var(--line);border-radius:12px;padding:.85rem}.xp-progress-header{display:flex;justify-content:space-between;gap:.8rem;font-size:.95rem;margin-bottom:.65rem}.xp-track{width:100%;height:10px;border-radius:999px;background:#59428c80;overflow:hidden}.xp-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#8b5cf6,#c084fc);transition:width .25s ease}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.stat-card{background:var(--panel-muted);border:1px solid var(--line);border-radius:12px;padding:.75rem;display:grid;gap:.35rem}.stat-card span{color:var(--muted);font-size:.82rem}.stat-card strong{font-size:1.12rem;line-height:1.3;overflow-wrap:anywhere}.split-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:.8rem}.subpanel{background:var(--panel-muted);border:1px solid var(--line);border-radius:12px;padding:.8rem;display:grid;gap:.7rem}.badges-panel{align-self:start}.badge-grid{display:grid;gap:.65rem;align-content:start}.badge-card{display:grid;gap:.45rem;padding:.8rem;border-radius:12px;border:1px solid var(--line);background:#0f0a1dd1;box-shadow:inset 0 1px #ffffff08}.badge-card strong{font-size:.95rem;line-height:1.3;overflow-wrap:anywhere}.badge-glyph{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-width:70px;padding:.28rem .55rem;border-radius:999px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;border:1px solid rgba(255,255,255,.12)}.badge-tone-violet .badge-glyph{background:#8b5cf638;color:#ddc8ff}.badge-tone-rose .badge-glyph{background:#ec489933;color:#ffd0eb}.badge-tone-pink .badge-glyph{background:#f472b62e;color:#ffd5e7}.badge-tone-emerald .badge-glyph{background:#34d3992e;color:#c3ffe5}.badge-claim-button{width:100%;margin-top:.3rem}.badge-claim-button:disabled{opacity:.7;cursor:wait;transform:none}.logs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.log-item{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.55rem .65rem;display:grid;gap:.15rem}.log-item span{color:var(--muted);font-size:.79rem}.log-item strong{overflow-wrap:anywhere}.admin-page{gap:1.1rem}.admin-header{align-items:flex-start;gap:.8rem}.admin-section{display:grid;gap:.8rem;padding-top:.6rem;border-top:1px solid var(--line)}.admin-collapsible{border:1px solid var(--line);border-radius:11px;padding:.5rem .7rem;background:#0d0a1bbf}.admin-collapsible>summary{cursor:pointer;color:var(--text);font-weight:600;list-style:none}.admin-collapsible>summary::-webkit-details-marker{display:none}.admin-collapsible>summary:before{content:"▸";display:inline-block;margin-right:.45rem;color:var(--muted);transform:translateY(-.02rem)}.admin-collapsible[open]>summary:before{content:"▾"}.admin-inline-form{display:flex;gap:.6rem;flex-wrap:wrap}.admin-inline-form input{flex:1;min-width:220px;padding:.72rem .82rem;border-radius:11px;border:1px solid var(--line);background:#0e0a1ceb;color:var(--text);outline:none;font-family:inherit}.admin-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.admin-form{display:grid;gap:.65rem}.admin-form label{display:grid;gap:.35rem;color:var(--muted);font-size:.88rem}.admin-form input,.admin-form select,.admin-form textarea{padding:.62rem .76rem;border-radius:10px;border:1px solid var(--line);background:#0e0a1ceb;color:var(--text);font-family:inherit}.admin-json{margin:0;max-height:280px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:.6rem;background:#090613bf;font-size:.8rem}.admin-chip-list{display:flex;flex-wrap:wrap;gap:.45rem}.admin-chip{border:1px solid var(--line);border-radius:999px;padding:.25rem .55rem;font-size:.8rem}.admin-inline-actions{display:flex;flex-wrap:wrap;gap:.6rem}.admin-link-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.admin-monitor-header{display:flex;align-items:center;justify-content:space-between;gap:.65rem;flex-wrap:wrap}.admin-network-panel{display:grid;gap:.65rem}.admin-network-header{display:flex;align-items:baseline;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.admin-network-header span{color:var(--muted);font-size:.82rem}.admin-network-chart{width:100%;height:300px;border-radius:10px;border:1px solid var(--line);background:#0a0816e6}.admin-network-chart .grid-y,.admin-network-chart .grid-x{stroke:#9e85d83d;stroke-width:1}.admin-network-chart .axis-line{stroke:#c6afff94;stroke-width:1.2}.admin-network-chart .axis-label{fill:#cfc1f6;font-size:11px}.admin-network-chart .axis-label-y{text-anchor:end}.admin-network-chart .axis-label-x{text-anchor:middle}.admin-network-chart polyline{fill:none;stroke-linejoin:round;stroke-linecap:round;stroke-width:2.4}.admin-network-chart .line-tx{stroke:#a86cff}.admin-network-chart .line-rx{stroke:#28d7f6}.admin-network-chart .line-loss{stroke:#f59e0b}.admin-network-legend{display:flex;flex-wrap:wrap;gap:.7rem}.legend-item{font-size:.82rem;color:var(--muted)}.legend-tx{color:#c79cff}.legend-rx{color:#79eaff}.legend-loss{color:#f9be63}.games-page{gap:1.05rem}.games-stepper{display:flex;flex-wrap:wrap;gap:.45rem}.games-step-pill{display:inline-flex;align-items:center;justify-content:center;padding:.38rem .7rem;border-radius:999px;border:1px solid var(--line);color:var(--muted);background:#18112ce6;font-size:.8rem;font-weight:600}.games-step-pill.is-done{border-color:#8b5cf68c;color:#ddd0ff}.games-step-pill.is-active{border-color:var(--brand);color:#fff;background:linear-gradient(135deg,#9d69ff59,#6d28d973)}.games-stage{gap:.85rem}.games-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.games-choice-btn{appearance:none;border:1px solid var(--line);border-radius:12px;background:#19112deb;color:var(--text);padding:.78rem .8rem;min-height:52px;font-family:inherit;font-size:.98rem;font-weight:700;cursor:pointer;transition:all .2s ease}.games-choice-btn:hover{border-color:var(--brand);transform:translateY(-1px)}.games-choice-btn.is-active{border-color:var(--brand);background:linear-gradient(135deg,#9d69ff73,#6d28d96b);color:#fff}.games-choice-btn:disabled{opacity:.72;cursor:not-allowed;transform:none}.games-flow-actions{display:flex;gap:.55rem;align-items:center;justify-content:flex-end;flex-wrap:wrap}.games-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.games-controls label{display:grid;gap:.36rem;color:var(--muted);font-size:.88rem}.games-controls select,.games-pvp-block input,.games-invite-row input{width:100%;min-width:0;padding:.68rem .76rem;border-radius:10px;border:1px solid var(--line);background:#0e0a1ceb;color:var(--text);font-family:inherit}.games-pvp-block{display:grid;gap:.65rem}.games-opponents{display:flex;flex-wrap:wrap;gap:.48rem}.games-opponents .ghost-button{width:auto;max-width:100%}.games-invite-row{display:flex;gap:.55rem;align-items:stretch}.games-invite-row .ghost-button{width:auto;white-space:nowrap}.ttt-grid{width:min(360px,100%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.ttt-cell{appearance:none;border:1px solid var(--line);background:#1f1637e0;color:var(--text);border-radius:12px;height:76px;font-size:1.65rem;font-weight:700;cursor:pointer}.ttt-cell:disabled{opacity:.75;cursor:not-allowed}.ttt-cell.is-winning{border-color:#d8b4fe;background:linear-gradient(135deg,#d8b4fe6b,#c4b5fd4d);color:#f5eaff;box-shadow:0 0 0 1px #d8b4fe52,0 0 16px #c4b5fd42;opacity:1}.c4-board{display:grid;gap:.55rem;width:min(540px,100%)}.c4-cols{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.4rem}.c4-cols .ghost-button{width:100%;min-width:0;padding:.42rem .2rem}.c4-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.34rem;padding:.54rem;border-radius:12px;border:1px solid var(--line);background:#130d24f2}.c4-cell{aspect-ratio:1 / 1;border-radius:999px;border:1px solid rgba(255,255,255,.14)}.c4-cell.piece-0{background:#382d57cc}.c4-cell.piece-1{background:radial-gradient(circle at 30% 30%,#ff8ea5,#c72d4f 70%)}.c4-cell.piece-2{background:radial-gradient(circle at 30% 30%,#ffe9a9,#f5b326 70%)}.c4-cell.is-winning{background:radial-gradient(circle at 30% 30%,#f3e8ff,#d8b4fe 60%,#c4b5fd)!important;border-color:#e9d5ff;box-shadow:0 0 0 1px #d8b4fe73,0 0 13px #c4b5fd59}.games-sessions{display:grid;gap:.5rem}.leaderboard-table tbody tr{cursor:pointer}@media(max-width:960px){.topbar{flex-direction:column;align-items:flex-start}.topbar-user{width:100%;justify-content:space-between}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-grid,.admin-detail-grid{grid-template-columns:1fr}.games-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){html,body{font-size:15px;-webkit-text-size-adjust:none;text-size-adjust:none}body,button,input,select,textarea{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif!important;font-kerning:none;font-feature-settings:normal;font-variant-ligatures:none}#root,#root *,#root *:before,#root *:after{letter-spacing:0!important;word-spacing:0!important;font-kerning:none;text-rendering:auto;text-align:left;text-align-last:auto;text-justify:auto;font-stretch:normal}#root :is(button,.tab-link,.leaderboard-mobile-rank,.badge-glyph){text-align:center!important}#root :is(h1,h2,h3,h4,p,span,strong,dt,dd,label,th,td,a){line-height:1.25}.screen-center{align-items:start;padding:calc(env(safe-area-inset-top) + 2.2rem) 1rem 1rem}.login-card{padding:1.25rem;gap:.85rem}.login-card h1{font-size:clamp(1.08rem,6.8vw,1.58rem);line-height:1.22;text-wrap:normal;white-space:normal;max-inline-size:14ch;overflow-wrap:anywhere}.app-shell{padding:calc(env(safe-area-inset-top) + .55rem) .75rem 1.6rem}.panel{padding:.85rem}.brand-kicker{font-size:.68rem}.brand-block h1{font-size:clamp(1.35rem,8vw,2.05rem);line-height:1.05}.panel h2{font-size:clamp(1.2rem,7vw,1.75rem)}.panel h3{font-size:clamp(1.05rem,5.8vw,1.4rem)}.tabs{width:100%}.tab-link{flex:1 1 calc(50% - .3rem);min-width:0;text-align:center}.panel-header{flex-direction:column;align-items:stretch}.panel-header .ghost-button{width:100%}.filter-row input{max-width:none}.table-wrapper{display:none}.leaderboard-mobile-list{display:grid;gap:.7rem}.leaderboard-mobile-stats dd,.stat-card strong,.xp-progress-header strong,.xp-progress-header span{font-size:clamp(1.05rem,6vw,1.32rem);line-height:1.2;overflow-wrap:anywhere}.leaderboard-mobile-stats dt,.stat-card span,.muted{font-size:.78rem}.stat-card{padding:.7rem;min-height:5rem}.subpanel,.leaderboard-mobile-card{padding:.7rem}.profile-header{flex-direction:column;align-items:flex-start;gap:.7rem}.xp-progress-header{flex-direction:column;align-items:flex-start;gap:.4rem}.xp-progress-header strong,.xp-progress-header span,.stat-card strong,.brand-kicker,.eyebrow,.primary-button,.ghost-button,.panel h2,.panel h3,.panel p{text-justify:auto}.primary-button,.ghost-button{width:100%;text-align:center;font-size:1rem;line-height:1.15}.admin-inline-form input{min-width:0}.admin-network-header span,.admin-network-legend .legend-item{overflow-wrap:anywhere}.stats-grid,.logs-grid,.games-controls{grid-template-columns:1fr}.games-stepper{gap:.35rem}.games-step-pill{font-size:.72rem;padding:.34rem .52rem}.games-choice-grid{grid-template-columns:1fr}.games-flow-actions{flex-direction:column;align-items:stretch}.games-invite-row{flex-direction:column}.ttt-cell{height:64px;font-size:1.45rem}.c4-grid{gap:.25rem;padding:.43rem}}@media(max-width:480px){.brand-kicker,.eyebrow,.badge-glyph{letter-spacing:0!important}.app-shell{padding-left:.62rem;padding-right:.62rem}.avatar-lg{width:64px;height:64px}.leaderboard-mobile-stats{grid-template-columns:1fr}}