@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap";:root{color-scheme:dark;font-family:Space Grotesk,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #050606;--bg-deep: #030304;--ink: #eaf6f0;--muted: #8ba0a1;--accent: #37f3b2;--accent-strong: #6cffd1;--panel: rgba(9, 16, 18, .85);--stroke: rgba(120, 180, 170, .25);--shadow: 0 20px 60px rgba(0, 0, 0, .35)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at top,#0d1011,#060708 42%,#040405);position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 15%,rgba(55,243,178,.18),transparent 45%),radial-gradient(circle at 80% 30%,rgba(79,120,255,.2),transparent 50%),linear-gradient(120deg,rgba(32,255,204,.05),transparent 45%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:90px 90px;opacity:.18;pointer-events:none;z-index:0}.route{display:none;min-height:100vh}.route.is-active{display:block}.route-shell{max-width:1100px;margin:0 auto;padding:64px 28px;display:flex;flex-direction:column;gap:24px}.route-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.route-title{font-size:18px;font-weight:600}.route-body{border:1px solid var(--stroke);border-radius:12px;padding:18px;background:#080c0db3}.route-body h2{margin:0 0 8px}.route-body p{margin:0;color:var(--muted)}.route-line{margin:0 0 8px;color:var(--muted)}.route-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.route-actions .ghost-button,.route-actions .primary-button{width:fit-content}.results-list{margin:8px 0 0;padding-left:18px;color:var(--ink)}.results-table{margin-top:10px;border:1px solid var(--stroke);border-radius:10px;overflow:hidden;background:#060a0ca6}.results-table table{width:100%;border-collapse:collapse;font-size:13px}.results-table th,.results-table td{padding:10px 12px;text-align:left}.results-table thead th{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-family:JetBrains Mono,Courier New,monospace;border-bottom:1px solid var(--stroke)}.results-table tbody tr+tr td{border-top:1px solid rgba(120,180,170,.15)}.results-table td:last-child,.results-table th:last-child{text-align:right}.field{display:grid;gap:6px;margin-top:12px}.field__label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.16em;font-family:JetBrains Mono,Courier New,monospace}.field__input{background:#040809cc;border:1px solid var(--stroke);border-radius:10px;padding:10px 12px;color:var(--ink);font-size:14px}.field__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #37f3b233}.route[data-route="/play"] .route-shell{max-width:none;padding:20px;height:100vh}.route[data-route="/play"] .route-header,.route[data-route-prefix="/match/"] .route-header{position:relative;z-index:3}.game-canvas{position:fixed;inset:0;width:100vw;height:100vh;border:none;background:#05070b;touch-action:none;cursor:crosshair;z-index:1;display:none}.route[data-route-prefix="/match/"].is-active .game-canvas{display:block}.route[data-route-prefix="/match/"] .route-shell{max-width:none;padding:20px;height:100vh}.match-overlay{position:relative;z-index:2;display:inline-flex;gap:12px;align-items:center;background:#070b0cbf;border:1px solid var(--stroke);border-radius:12px;padding:8px 12px;box-shadow:var(--shadow)}.match-overlay__line{font-size:12px;color:var(--muted);font-family:JetBrains Mono,Courier New,monospace}.page{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:64px 28px 72px;display:flex;flex-direction:column;gap:48px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:12px}.brand__mark{width:18px;height:18px;border-radius:6px;background:linear-gradient(135deg,var(--accent),#47b1ff);box-shadow:0 0 20px #37f3b299}.brand__name{font-weight:700;letter-spacing:.04em;text-transform:uppercase}.status{display:flex;gap:8px;flex-wrap:wrap}.status__pill{font-family:JetBrains Mono,Courier New,monospace;font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid var(--stroke);background:#070c0d99}.account{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:13px;color:var(--muted)}.account__id{color:var(--ink);font-weight:600}.ghost-button{border:1px solid var(--stroke);background:transparent;color:var(--ink);padding:8px 16px;border-radius:999px;font-size:13px;cursor:pointer;transition:border-color .2s ease,color .2s ease}.ghost-button:hover{border-color:var(--accent);color:var(--accent)}.main{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr);gap:36px;align-items:start}.hero{display:flex;flex-direction:column;gap:20px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-family:JetBrains Mono,Courier New,monospace;color:var(--muted)}.headline{font-size:clamp(34px,4vw,54px);line-height:1.05;margin:0}.rules{display:grid;gap:12px}.rule{display:grid;grid-template-columns:70px 1fr;gap:12px;padding:12px 14px;border:1px solid var(--stroke);border-radius:12px;background:#05090ab8}.rule__label{text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-family:JetBrains Mono,Courier New,monospace;color:var(--muted)}.rule__value{font-size:14px}.cta{display:flex;flex-direction:column;gap:10px}.primary-button{font-size:15px;font-weight:600;background:linear-gradient(120deg,var(--accent),var(--accent-strong));color:#04110c;border:none;padding:14px 22px;border-radius:12px;cursor:pointer;box-shadow:0 16px 40px #37f3b240;transition:transform .2s ease,box-shadow .2s ease;width:fit-content}.primary-button:hover{transform:translateY(-1px);box-shadow:0 20px 45px #37f3b259}.cta__note{font-size:12px;color:var(--muted)}.panel{background:var(--panel);border-radius:16px;border:1px solid var(--stroke);padding:18px;display:grid;gap:16px;box-shadow:var(--shadow)}.panel__block{display:grid;gap:6px;padding-bottom:12px;border-bottom:1px solid rgba(120,180,170,.15)}.panel__block:last-child{border-bottom:none;padding-bottom:0}.panel__title{font-weight:600}.panel__line{font-size:13px;color:var(--muted)}.state-in{display:none}body.is-logged-in .state-in{display:block}body.is-logged-in .account.state-in{display:flex}body.is-logged-in .panel__block.state-in{display:grid}body.is-logged-in .state-out{display:none}.reveal{animation:fadeUp .7s ease both}.hero .reveal:nth-child(1){animation-delay:.05s}.hero .reveal:nth-child(2){animation-delay:.15s}.hero .reveal:nth-child(3){animation-delay:.25s}.hero .reveal:nth-child(4){animation-delay:.35s}.panel.reveal{animation-delay:.3s}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.main{grid-template-columns:1fr}.account{align-items:flex-start}.panel{order:2}}@media(max-width:640px){.page{padding:72px 20px 60px}.topbar{align-items:flex-start}.primary-button{width:100%}.rule{grid-template-columns:1fr}}