:root{--bg: #07071a;--bg2: #0f0d2b;--panel: #15123a;--panel2: #1c1850;--ink: #ecebff;--muted: #9aa0d4;--gold: #ffd23f;--green: #2fe88a;--blue: #5a82ff;--orange: #ff9526;--magenta: #ff4fd8;--pixel: "Press Start 2P", ui-monospace, monospace;--retro: "VT323", ui-monospace, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,#241a5e 0%,transparent 60%),radial-gradient(900px 500px at 100% 10%,#3a1457 0%,transparent 55%),linear-gradient(180deg,var(--bg2),var(--bg));color:var(--ink);font-family:var(--retro);font-size:20px;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:-2px;right:-2px;bottom:-2px;left:-2px;background-image:linear-gradient(rgba(120,120,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(120,120,255,.06) 1px,transparent 1px);background-size:40px 40px;animation:drift 16s linear infinite;pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(180deg,rgba(0,0,0,.18) 0 2px,transparent 2px 4px);mix-blend-mode:multiply;pointer-events:none;z-index:999}@keyframes drift{to{background-position:40px 40px,40px 40px}}.wrap{position:relative;z-index:1;width:min(1180px,92vw);margin:0 auto}.btn{font-family:var(--pixel);font-size:12px;letter-spacing:1px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;color:#1a1030;background:var(--gold);border:0;padding:16px 22px;border-radius:4px;box-shadow:0 5px #b98c00,0 6px 14px #00000080;transition:transform .06s ease,box-shadow .06s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 7px #b98c00,0 10px 20px #0000008c}.btn:active{transform:translatey(3px);box-shadow:0 2px #b98c00}.btn--ghost{color:var(--ink);background:transparent;box-shadow:inset 0 0 0 2px var(--blue)}.btn--ghost:hover{box-shadow:inset 0 0 0 2px var(--green);color:var(--green)}.btn--green{background:var(--green);box-shadow:0 5px #149c57,0 6px 14px #00000080}.btn--sm{padding:11px 16px;font-size:10px;box-shadow:0 4px #b98c00}.btn--play{background:var(--gold);color:#1a1030;box-shadow:0 5px #b98c00,0 6px 14px #00000080}.btn--lg{padding:20px 30px;font-size:15px;box-shadow:0 6px #b98c00,0 10px 24px #0000008c}.nav{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(180deg,#07071aeb,#07071a8c);border-bottom:2px solid rgba(120,120,255,.18)}.nav__inner{display:flex;align-items:center;gap:18px;padding:14px 0}.brand{font-family:var(--pixel);font-size:16px;color:var(--gold);text-shadow:2px 2px 0 #b9000c;letter-spacing:1px}.brand .ball{color:var(--ink)}.brand{display:inline-flex;align-items:center;text-decoration:none}.brand-logo{height:32px;width:auto;display:block}.nav__links{display:flex;gap:22px;margin-left:auto;align-items:center}.nav__links a{color:var(--muted);text-decoration:none;font-size:21px}.nav__links a:hover{color:var(--ink);text-shadow:0 0 10px var(--blue)}.nav__tg,.nav__x{display:inline-flex;align-items:center;color:var(--muted);transition:color .12s}.nav__tg:hover{color:#29a9eb}.nav__x:hover{color:#fff}.nav__links a.btn{font-size:10px}.nav__links a.btn--play{color:#111}.hero{position:relative;min-height:92vh;display:flex;align-items:center;overflow:hidden}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero__bg canvas{width:100%!important;height:100%!important;display:block}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(1100px 620px at 26% 48%,#07071a59,#07071ad6 72%),linear-gradient(180deg,#07071a8c,#07071a73 45%,#07071aeb)}.hero__content{position:relative;z-index:2;padding:60px 0;max-width:820px;margin:0 auto;text-align:center}.kicker{display:inline-block;font-family:var(--pixel);font-size:10px;color:var(--green);background:#2fe88a1f;border:1px solid rgba(47,232,138,.45);padding:8px 12px;border-radius:999px;margin-bottom:20px;letter-spacing:1px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hero h1{font-family:var(--pixel);font-size:52px;line-height:1.18;margin:0 0 26px;color:var(--ink);text-shadow:4px 4px 0 #2742b5,8px 8px 0 rgba(0,0,0,.45)}.hero h1 .hl{color:var(--gold);text-shadow:4px 4px 0 #b9000c}.hero__chain{display:block;margin-top:14px;font-size:.56em;color:var(--green);text-shadow:3px 3px 0 #0c3b24,6px 6px 0 rgba(0,0,0,.4)}.hero__cta{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.hero__how{display:inline-block;margin-top:14px;color:var(--muted);font-size:20px;text-decoration:none;border-bottom:1px dashed rgba(154,160,212,.5)}.hero__how:hover{color:var(--gold);border-color:var(--gold)}.hero__stats{display:flex;gap:30px;margin-top:30px;justify-content:center}.stat .n{font-family:var(--pixel);font-size:22px;color:var(--green);text-shadow:2px 2px 0 #000}.stat .l{font-size:17px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.ca-bar{display:inline-flex;align-items:center;gap:0;margin-top:30px;flex-wrap:wrap;background:#0c0a22c7;border:1px solid rgba(120,120,255,.32);border-radius:10px;padding:7px 7px 7px 14px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.ca-bar__label{font-family:var(--pixel);font-size:9px;color:var(--green);letter-spacing:1px;margin-right:12px}.ca-bar__addr{font-family:ui-monospace,monospace;font-size:15px;color:var(--ink);max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ca-bar__btn{font-family:var(--pixel);font-size:9px;cursor:pointer;margin-left:12px;color:#1a1030;background:var(--gold);border:0;padding:9px 12px;border-radius:6px;box-shadow:0 3px #b98c00}.ca-bar__btn:active{transform:translateY(2px);box-shadow:0 1px #b98c00}.ca-bar__tg{display:inline-flex;align-items:center;gap:6px;margin-left:12px;color:#29a9eb;text-decoration:none;font-size:18px}.ca-bar__tg:hover{filter:brightness(1.2)}.section{padding:56px 0}.section h2{font-family:var(--pixel);font-size:22px;color:var(--ink);text-shadow:3px 3px 0 #2742b5;margin:0 0 8px}.section .sub{color:var(--muted);font-size:22px;margin:0 0 34px}.label{font-family:var(--pixel);font-size:10px;color:var(--magenta);letter-spacing:2px;text-transform:uppercase;margin-bottom:12px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:2px solid rgba(120,120,255,.2);border-radius:10px;padding:22px 18px;box-shadow:0 14px 30px #00000073;transition:transform .12s ease,border-color .12s ease}.card:hover{transform:translateY(-4px);border-color:var(--gold)}.card .ico{font-size:34px;margin-bottom:12px}.card .step{font-family:var(--pixel);font-size:9px;color:var(--green);letter-spacing:1px}.card h3{font-family:var(--pixel);font-size:13px;margin:10px 0 8px;color:var(--gold);line-height:1.5}.card p{color:var(--muted);font-size:19px;margin:0;line-height:1.35}.rewards{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.reward-box{background:linear-gradient(135deg,#ff4fd81f,#5a82ff1f);border:2px solid rgba(255,79,216,.4);border-radius:14px;padding:30px}.reward-box .big{font-family:var(--pixel);font-size:28px;color:var(--gold);text-shadow:3px 3px 0 #b9000c}.tick{color:var(--green)}.ul{list-style:none;padding:0;margin:0}.ul li{padding:9px 0;border-bottom:1px dashed rgba(154,160,212,.25);font-size:21px}.section--center{text-align:center}.section--center .sub{margin-left:auto;margin-right:auto;max-width:60ch}.lb{background:var(--panel);border:2px solid rgba(120,120,255,.2);border-radius:12px;overflow:hidden}.lb--pitch{max-width:700px;margin:0 auto;border:3px solid #2c2a5e;border-radius:16px;box-shadow:0 16px 40px #00000080;background:linear-gradient(#07071ad1,#07071adb),repeating-linear-gradient(90deg,#4aa83f 0,#4aa83f 22px,#3f9a37 22px,#3f9a37 44px)}.lb--pitch table,.lb--pitch th,.lb--pitch td{background:transparent}.lb--pitch th,.lb--pitch td{text-align:center}.lb--pitch td{border-top:1px solid rgba(255,255,255,.14)}.lb table{width:100%;border-collapse:collapse}.lb th{font-family:var(--pixel);font-size:10px;color:var(--gold);text-align:left;padding:16px 18px;background:var(--panel2)}.lb td{padding:13px 18px;border-top:1px solid rgba(120,120,255,.12);font-size:21px}.lb tr:hover td{background:#5a82ff14}.rank{font-family:var(--pixel);font-size:12px;color:var(--green)}.footer{border-top:2px solid rgba(120,120,255,.18);padding:30px 0 60px;margin-top:30px;color:var(--muted);font-size:18px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer a{color:var(--muted);text-decoration:none}.footer a:hover{color:var(--gold)}.addr{font-family:ui-monospace,monospace;font-size:14px;background:#0c0a22;padding:6px 10px;border-radius:6px;border:1px solid rgba(120,120,255,.2)}.play-main{padding:22px 0 60px}.controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0}.status{font-size:21px;color:var(--muted);display:block;text-align:center;margin-top:18px}.pill{font-family:var(--pixel);font-size:10px;background:var(--panel2);border:1px solid rgba(120,120,255,.35);padding:8px 12px;border-radius:999px;color:var(--green)}#gameWrap{display:flex;justify-content:center}#gameWrap canvas,#game{image-rendering:pixelated;border-radius:8px;border:3px solid #2c2a5e;box-shadow:0 0 0 5px #0c0a22,0 24px 50px #0009}.hint{font-size:19px;color:var(--muted);text-align:center;margin:14px 0}.hint b{color:var(--gold)}.pick{position:relative;padding:28px 0 8px;min-height:360px}.pick__title{font-family:var(--pixel);font-size:18px;color:var(--gold);text-shadow:2px 2px 0 #b9000c;text-align:center;margin:6px 0 24px;letter-spacing:1px}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1000px;margin:0 auto}.mode-card{position:relative;cursor:pointer;border:3px solid #2c2a5e;border-radius:14px;min-height:300px;overflow:hidden;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;background-size:cover;background-position:center;box-shadow:0 12px 30px #00000080;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.mode-card:hover:not(:disabled){transform:translateY(-6px);border-color:var(--gold);box-shadow:0 18px 40px #0009}.mode-card:disabled{cursor:default;opacity:.7}.mode-card__title{font-family:var(--pixel);font-size:22px;line-height:1.3;text-align:center;text-shadow:2px 2px 0 #000,0 0 12px rgba(0,0,0,.6)}.mode-card__select{font-family:var(--pixel);font-size:12px;color:#1a1030;background:var(--gold);padding:13px 24px;border-radius:6px;box-shadow:0 4px #b98c00}.mode-card:hover:not(:disabled) .mode-card__select{background:#fff}.mode-card--duel{background-color:#3b3f49;background-image:linear-gradient(#0a0c1633,#0a0c1699),url(/modes/mode-1v1.png)}.mode-card--classic{background-color:#2f7a37;background-image:linear-gradient(#07140a26,#07140a8c),url(/modes/mode-3v3.jpg)}.mode-card--bots{background-color:#3a1d6e;background-image:linear-gradient(#14052833,#14052899),url(/modes/mode-ai.jpg)}.game-bar{display:flex;align-items:center;margin-bottom:12px}.pick__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;background:#07071ac7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px}.pick__overlay-card{text-align:center;padding:32px 38px;background:linear-gradient(180deg,var(--panel2),var(--panel));border:3px solid var(--gold);border-radius:14px;box-shadow:0 20px 50px #0009}.pick__overlay-title{font-family:var(--pixel);font-size:18px;color:var(--gold);text-shadow:2px 2px 0 #b9000c;margin-bottom:12px}.pick__overlay-sub{color:var(--muted);font-size:19px;margin:0 0 22px}.pick__overlay-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;align-items:center}.game-area{margin-top:26px}.chat{margin:18px 0 6px}.chat__head{font-family:var(--pixel);font-size:10px;color:var(--magenta);letter-spacing:2px;text-transform:uppercase;margin-bottom:10px}.chat__log{height:168px;overflow-y:auto;padding:12px 14px;background:var(--panel);border:2px solid rgba(120,120,255,.2);border-radius:10px 10px 0 0;border-bottom:0;display:flex;flex-direction:column;gap:6px;font-size:19px}.chat__log::-webkit-scrollbar{width:8px}.chat__log::-webkit-scrollbar-thumb{background:#2c2a5e;border-radius:4px}.chat__msg{line-height:1.3;word-break:break-word}.chat__msg .who{font-weight:700;margin-right:6px}.chat__msg .who.blue{color:var(--blue)}.chat__msg .who.orange{color:var(--orange)}.chat__sys{color:var(--muted);font-style:italic}.chat__form{display:flex;gap:0}.chat__input{flex:1;font-family:var(--retro);font-size:20px;color:var(--ink);background:var(--panel2);border:2px solid rgba(120,120,255,.2);border-radius:0 0 0 10px;padding:12px 14px;outline:none}.chat__input:focus{border-color:var(--gold)}.chat__input:disabled{opacity:.55}.chat__form .btn{border-radius:0 0 10px;box-shadow:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#050510d1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{text-align:center;min-width:360px;padding:36px 44px;background:linear-gradient(180deg,var(--panel2),var(--panel));border:3px solid var(--gold);border-radius:16px;box-shadow:0 24px 70px #000000a6,0 0 0 6px #0c0a22;animation:pop .32s cubic-bezier(.2,1.3,.4,1) both}@keyframes pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.modal__title{font-family:var(--pixel);font-size:26px;color:var(--gold);text-shadow:3px 3px 0 #b9000c;margin-bottom:20px;letter-spacing:1px}.modal__winner{font-family:var(--pixel);font-size:15px;color:var(--ink);margin-bottom:10px}.modal__score{font-family:Arial Black,Arial;font-size:52px;color:#fff;text-shadow:2px 2px 0 #000;margin-bottom:6px}.modal__result{font-size:28px;margin-bottom:26px;min-height:30px}.modal__result.win{color:var(--green)}.modal__result.lose{color:#ff6b6b}.modal__result.draw{color:var(--gold)}.modal__btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}@media (max-width: 900px){.cards{grid-template-columns:1fr 1fr}.modes{grid-template-columns:1fr}.mode-card{min-height:180px}.rewards{grid-template-columns:1fr}.hero{min-height:80vh}.hero h1{font-size:30px}.hero__content{padding:40px 0}.ca-bar__addr{max-width:60vw}.nav__links a:not(.btn):not(.nav__tg){display:none}}