@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/font-0.ttf)format("truetype")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/font-1.ttf)format("truetype")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/font-2.ttf)format("truetype")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/font-3.ttf)format("truetype")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/font-4.ttf)format("truetype")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/font-5.ttf)format("truetype")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/font-6.ttf)format("truetype")}:root{--bg:#0b1016;--panel:#141c26;--line:#293543;--text:#f0f4f8;--muted:#94a4b7;--cyan:#a3f2ce;--blue:#9db8ff;--orange:#ffb087;--pink:#ee97c4;--mono:"JetBrains Mono", monospace}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);background-image:radial-gradient(at 82% 15%,#143c332d,#0000 50%);min-height:100vh;margin:0;font-family:Space Grotesk,system-ui,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--cyan)}button,input,select,textarea{font:inherit}button,.button{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#1a2430;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:12px 20px;transition:background .15s,transform .15s;display:inline-flex}button:hover,.button:hover{color:var(--text);background:#273745}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.primary{background:var(--cyan);color:#0b1712;border-color:var(--cyan);font-weight:700}.primary:hover{color:#0b1712;background:#c4ffe3}.text-button{color:var(--cyan);background:0 0;border:none;padding:20px 0}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-2px;margin-bottom:24px;font-size:clamp(34px,5vw,60px);line-height:1.12}h2{letter-spacing:-.7px;font-size:25px}h3{font-size:20px}p{color:var(--muted);line-height:1.7}small{font-family:var(--mono);color:var(--muted);letter-spacing:.04em;font-size:11px}strong,b{font-weight:700}main{min-height:calc(100vh - 172px)}.nav{border-bottom:1px solid #26323e75;justify-content:space-between;align-items:center;max-width:1280px;height:90px;margin:auto;padding:0 48px;display:flex}.brand{font-family:var(--mono);letter-spacing:-1px;font-size:24px;font-weight:700}.brand span{color:var(--cyan)}.brand i{color:var(--cyan);margin-left:14px;font-style:normal}.nav nav{gap:28px;font-size:14px;display:flex}.eyebrow{font-family:var(--mono);letter-spacing:2px;color:var(--cyan);margin-bottom:26px;font-size:11px}footer{max-width:1280px;color:var(--muted);font-family:var(--mono);letter-spacing:1px;border-top:1px solid #26323e75;justify-content:space-between;gap:24px;margin:24px auto 0;padding:30px 48px;font-size:10px;display:flex}footer div{gap:24px;display:flex}.landing{grid-template-columns:1.15fr 1fr;gap:75px;max-width:1184px;margin:auto;padding:85px 0 40px;display:grid}.hero h1{letter-spacing:-3.5px;font-size:clamp(42px,5.7vw,74px);line-height:1.03}.hero h1 span{color:var(--cyan)}.hero p{margin:28px 0;font-size:18px}.actions{flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0;display:flex}.micro{font-family:var(--mono);letter-spacing:1.5px;color:var(--muted);margin-top:25px;font-size:10px}.hero-art{background:linear-gradient(130deg,#a3f2ce08,#a3f2ce00);border:1px solid #a3f2ce15;border-radius:30px;align-self:center;padding:45px 60px 30px 25px;position:relative;transform:rotate(-5deg)}.art-caption{font-family:var(--mono);color:var(--cyan);justify-content:space-between;margin-bottom:16px;font-size:12px;display:flex}.art-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.art-grid div{color:var(--cyan);height:125px;font-family:var(--mono);background:#14372e;border:1px solid #477765;border-radius:10px;place-items:center;font-size:65px;display:grid;box-shadow:inset 0 0 30px #a3f2ce0b}.floating-card{color:#181126;background:#c9b5fd;border-radius:10px;flex-direction:column;justify-content:space-between;width:145px;height:195px;padding:18px;display:flex;position:absolute;bottom:-25px;right:-5px;transform:rotate(15deg);box-shadow:0 18px 40px #0008}.floating-card strong{font-family:var(--mono);font-size:58px}.floating-card small{color:#443753;font-size:9px}.floating-card span{font-size:10px;font-weight:700}.orbit{color:var(--cyan);font-family:var(--mono);letter-spacing:18px;opacity:.35;font-size:24px;position:absolute;top:-32px;right:0}.features{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px;padding-top:60px;display:grid}.features article>span{color:var(--cyan);font:12px var(--mono)}.features h3{margin-top:15px}.features p{margin-bottom:0;font-size:14px}.page{max-width:1100px;margin:auto;padding:60px 30px}.narrow{max-width:500px;margin:auto;padding:65px 25px}.narrow>.button{margin:10px}.narrow form button{width:100%;margin-top:15px}label{color:var(--muted);flex-direction:column;gap:8px;margin-bottom:18px;font-size:13px;display:flex}input,select,textarea{border:1px solid var(--line);color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#101720;border-radius:6px;width:100%;min-width:0;padding:12px}.toggle{flex-direction:row;align-items:center;gap:12px;line-height:1.4}.toggle input{width:18px;height:18px;accent-color:var(--cyan)}.error{color:var(--orange)}.muted{color:var(--muted)}.accent{color:var(--cyan)}.queue-screen{text-align:center;max-width:650px}.queue-screen>div:first-child{color:var(--cyan);margin-bottom:20px;font-size:70px}.queue-screen .eyebrow{font-size:11px}.queue-screen a{color:var(--cyan);margin-top:35px;display:block}.scanner{animation:1.5s infinite pulse}.house-ad{text-align:left;background:linear-gradient(130deg,#20382e,#172b37);border:1px solid #395145;border-radius:14px;margin:25px 0;padding:32px}.house-ad small{margin-bottom:25px;display:block}.house-ad h2{font-size:32px;line-height:1.15}.house-ad img{object-fit:contain;border-radius:8px;max-width:100%;max-height:220px;margin-bottom:20px}.pregame{text-align:center;max-width:620px}.ready-orb{color:var(--cyan);padding:45px;font-size:60px}.countdown{text-align:center;padding:130px 20px}.countdown>div:nth-child(2){font:160px var(--mono);color:var(--cyan);animation:.7s ease-out countdown}.game{max-width:920px;margin:auto;padding:22px 30px}.game-top{font-family:var(--mono);justify-content:space-between;align-items:center;margin-bottom:16px;font-size:11px;display:flex}.game-top>strong{font-size:27px}.game-top strong small{font-size:10px}.live-dot{color:var(--cyan)}.live-dot:before{content:"";background:var(--cyan);width:7px;height:7px;box-shadow:0 0 12px var(--cyan);border-radius:50%;margin-right:8px;display:inline-block}.urgent{color:var(--orange);animation:1s infinite pulse}.turn-banner{text-align:center;color:var(--cyan);font:11px var(--mono);letter-spacing:1px;background:#a3f2ce0b;border:1px solid #a3f2ce45;border-radius:7px;margin-bottom:18px;padding:12px}.matrix-panel{border:1px solid var(--line);background:#131c26;border-radius:12px;padding:20px 25px;position:relative}.matrix-panel.self{--player-color:var(--cyan);--cell-bg:#19362f}.matrix-panel.opponent{--player-color:var(--blue);--cell-bg:#202d48}.matrix-panel.active{border-color:var(--player-color);box-shadow:0 0 30px #a3f2ce08}.matrix-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.matrix-heading small{color:var(--player-color)}.matrix-heading h2{margin:5px 0;font-size:19px}.score{text-align:right}.score small{color:var(--muted);display:block}.score b{font:30px var(--mono);color:var(--player-color);animation:.25s score;display:block}.matrix-wrap{max-width:570px;margin:auto}.matrix-columns,.matrix-row{gap:5px;margin-bottom:5px;display:grid}.axis{font:10px var(--mono);background:0 0;border:none;min-width:0;padding:7px 3px}.cell{background:var(--cell-bg);color:var(--player-color);font:clamp(15px, 3vw, 29px) var(--mono);border:1px solid #547d7455;border-radius:6px;min-width:0;min-height:48px;padding:12px 3px;transition:background .15s;animation:.22s appear;overflow:hidden}.cell.negative{color:var(--orange)}.cell.column-shield{border-left:2px solid var(--cyan);border-right:2px solid var(--cyan)}.shielded{box-shadow:0 0 0 1px var(--cyan);background:#a3f2ce0b;border-radius:6px}.legal{outline:2px solid var(--cyan);outline-offset:-2px;cursor:pointer;background:#a3f2ce18}.matrix-target{width:100%;margin-top:12px;font-size:12px}.pool{padding:20px 0}.pool-heading{font:10px var(--mono);letter-spacing:1px;justify-content:space-between;gap:12px;margin-bottom:12px;display:flex}.cards{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.clock-target{margin:0 0 12px}.tile-list td:nth-child(2){white-space:normal;min-width:250px}.tile-list input{width:90px}.card{color:#c9d8f1;background:#222c3b;border-color:#54647e;flex-direction:column;justify-content:space-between;align-items:flex-start;min-width:0;height:151px;padding:12px 10px;animation:.25s appear}.card small{letter-spacing:0;color:inherit;font-size:7px}.card strong{font:40px var(--mono)}.card span{text-align:left;text-transform:uppercase;font-size:10px;font-weight:700;line-height:1.1}.card.defense{color:var(--cyan);background:#233c33;border-color:#477764}.card.offense{color:var(--orange);background:#432b2c;border-color:#85534f}.card.selected{outline:3px solid var(--cyan);transform:translateY(-7px);box-shadow:0 12px 20px #0005}.card:disabled{opacity:.65}.card[draggable=true]{cursor:grab}.game-status{font:10px var(--mono);color:var(--muted);text-align:center;min-height:18px;margin-top:15px}.skill{background:#162f26;border:1px solid #395c49;border-radius:10px;margin-bottom:20px;padding:15px}.skill>div:first-child{font:10px var(--mono);color:var(--cyan);justify-content:space-between;gap:10px;display:flex}.skill-arena{aspect-ratio:12/7;touch-action:manipulation;background:radial-gradient(circle,#a3f2ce0b,#0000);border:1px dashed #a3f2ce40;border-radius:8px;max-width:480px;margin:15px auto;position:relative;overflow:hidden}.skill-target{aspect-ratio:1;background:var(--cyan);color:#11251b;font:clamp(10px, 2vw, 20px) var(--mono);border:2px solid #d2ffe7;border-radius:50%;min-height:0;padding:0;animation:.15s target;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 24px #a3f2ce55}.skill-target:disabled{opacity:1;cursor:default}.skill p{text-align:center;margin-bottom:0;font-size:11px}.results{max-width:900px;margin:auto;padding:65px 30px}.result-scores{grid-template-columns:1fr 1fr;gap:30px;margin:35px 0;display:grid}.result-scores>div,.result-scores>article{background:var(--panel);border:1px solid var(--line);border-radius:12px;min-width:0;padding:25px}.result-scores strong{font:60px var(--mono);color:var(--cyan)}.final-grid{gap:4px;margin-top:20px;display:grid}.final-grid span{text-align:center;color:var(--cyan);font:clamp(10px, 2vw, 16px) var(--mono);background:#21382f;border-radius:4px;padding:10px 2px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px;margin:25px 0 40px;display:grid}.stat-grid article{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:25px}.stat-grid strong{font:32px var(--mono);color:var(--cyan);margin-top:12px;display:block}.table-wrap{margin:25px 0;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;min-width:550px}th{font:10px var(--mono);color:var(--muted);padding:15px}td{border-top:1px solid var(--line);padding:15px;font-size:13px}td small{margin:5px 0;display:block}td button{margin:5px;padding:5px 8px;font-size:10px}td select{min-width:90px;padding:5px}.avatar{vertical-align:middle;border-radius:50%;width:48px;height:48px}.howto-grid{grid-template-columns:1fr 1fr;gap:25px;display:grid}.howto-grid article{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:30px}.demo-matrix{grid-template-columns:80px 80px;gap:8px;margin:25px 0;display:grid}.demo-matrix button{font:24px var(--mono);color:var(--cyan);background:#19362f}.prose{max-width:900px}.prose h2{margin-top:35px}.prose p{font-size:16px}.documentation{font:14px/1.9 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--line);background:var(--panel);border-radius:10px;margin-top:30px;padding:30px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 var(--mono)}.event-log details{border:1px solid var(--line);border-radius:6px;margin-bottom:6px;padding:12px 15px}.event-log summary{cursor:pointer;font:12px var(--mono)}.admin{max-width:1240px}.admin-heading{justify-content:space-between;align-items:center;display:flex}.admin-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;padding-bottom:15px;display:flex}.admin-tabs button{padding:10px 13px;font-size:12px}.admin-tabs .selected{color:var(--cyan);border-color:var(--cyan)}.admin-tools{align-items:center;gap:15px;margin:20px 0;font-size:12px;display:flex}.admin-tools button{padding:8px 12px;font-size:11px}.filter-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));align-items:start;gap:16px;margin:25px 0;display:grid}.filter-grid label{margin:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:9px;margin:20px 0;padding:20px}.panel pre{max-height:500px;overflow:auto}.service-health{background:var(--panel);border:1px solid var(--line);font:12px var(--mono);border-radius:10px;gap:25px;margin-bottom:25px;padding:20px;display:flex}.service-health b{color:var(--cyan)}.modal{z-index:100;background:#000b;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.modal .house-ad{max-width:600px;max-height:90vh;overflow:auto}.modal button{float:right}.card-ghosts{pointer-events:none;z-index:20;justify-content:center;gap:20px;display:flex;position:fixed;inset:35% 15%}.card-ghosts span{font:55px var(--mono);color:var(--orange);animation:.6s forwards destroy}.effect-badge{color:var(--cyan);animation:.3s score}@keyframes pulse{50%{opacity:.45}}@keyframes countdown{0%{opacity:0;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@keyframes appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes score{0%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes target{0%{opacity:.5}to{opacity:1}}@keyframes destroy{to{opacity:0;transform:translateY(80px)rotate(22deg)scale(.2)}}@media (min-width:1450px){.game{max-width:1000px}}@media (max-width:1100px){.landing{gap:40px;padding:65px 40px 35px}.hero-art{padding-right:35px}.hero-art .art-grid div{height:110px}.floating-card{width:125px;height:170px;right:-15px}.hero .actions{flex-direction:column;align-items:flex-start}}@media (max-width:700px){.nav{height:75px;padding:0 20px}.brand{font-size:19px}.brand i{display:none}.nav nav{gap:12px;font-size:11px}.nav nav a:nth-child(2),.nav nav a:nth-child(4){display:none}.landing{grid-template-columns:1fr;gap:50px;padding:50px 25px 30px}.hero h1{letter-spacing:-2px;font-size:52px}.hero p{font-size:16px}.hero .actions{flex-direction:row}.hero-art{max-width:350px;margin:auto;transform:rotate(-3deg)}.hero-art .art-grid div{height:105px}.features{grid-template-columns:1fr;gap:25px;margin-top:15px;padding-top:35px}.features h3{margin:8px 0}.page{padding:35px 20px}.game{padding:18px 12px}.game-top{font-size:9px}.game-top>strong{font-size:22px}.game-top strong small{display:none}.turn-banner{letter-spacing:0;padding:10px;font-size:9px}.matrix-panel{padding:14px 10px}.matrix-heading h2{font-size:16px}.matrix-heading small{font-size:8px}.score b{font-size:24px}.cell{min-height:36px;padding:9px 1px;font-size:17px}.cards{grid-template-columns:repeat(2,1fr);gap:7px}.card{height:115px;padding:9px 10px}.card strong{font-size:30px}.card small{font-size:8px}.pool-heading{flex-direction:column;gap:6px}.pool{padding:15px 0}.pool-heading small{font-size:9px}.result-scores{gap:10px}.result-scores>div,.result-scores>article{padding:15px}.result-scores strong{font-size:40px}.result-scores h2,.result-scores h3{font-size:16px}.results{padding:40px 20px}.howto-grid{grid-template-columns:1fr}.admin-heading{align-items:flex-start;gap:15px}.admin-heading .button{padding:10px;font-size:11px}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-grid article{padding:18px}.stat-grid strong{font-size:26px}.service-health{flex-wrap:wrap}.skill>div:first-child{font-size:8px}.documentation{padding:15px;font-size:12px}footer{flex-direction:column;padding:25px 20px;font-size:8px}.narrow{padding-top:45px}.countdown{padding-top:80px}.countdown>div:nth-child(2){font-size:120px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (min-width:701px){.game{padding-top:16px}.matrix-panel{padding:14px 20px}.matrix-heading{margin-bottom:6px}.matrix-heading h2{margin:3px 0;font-size:16px}.matrix-wrap{max-width:480px}.cell{min-height:42px;padding:7px 3px;font-size:24px}.axis{padding:5px 3px}.card{height:126px}.card strong{font-size:34px}.pool{padding:14px 0}.game-top{margin-bottom:10px}.turn-banner{margin-bottom:12px}}.block-effect{color:#11251b;font:20px var(--mono);z-index:40;background:#a3f2cef0;border:3px solid #e3fff1;border-radius:15px;padding:30px;animation:.2s appear;position:fixed;top:35%;left:50%;transform:translate(-50%);box-shadow:0 0 100px #a3f2ce66}