:root{--app: #070809;--panel: #101113;--panel-alt: #181a1e;--card-deep: #141518;--accent: #8494a3;--accent-soft: #97a3b0;--accent-bright: #b6c0c9;--accent-deep: #394450;--burgundy: #634e46;--burgundy-deep: #4a0f17;--gold: #ffd700;--text: #ffffff;--text-accent: #c4cad1;--text-body: #c0c5cb;--text-sub: #8d949d;--text-muted: #79818b;--surface-avatar: #1c1f23;--surface-card-hi: #262a2f;--accent-dim-violet: #454e58;--text-hint: #8888aa;--btn-primary: #1f8048;--btn-primary-hi: #2aa05a;--btn-primary-border: #7dffb8;--solo: #44ff99;--solo-bg: #0a2a10;--match: #ffd700;--duel: #2266cc;--duel-bg: #03122e;--fire: #ff8800;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}html{scroll-behavior:smooth}[id]{scroll-margin-top:4.5rem}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{min-height:100vh;background:var(--app);color:var(--text);font-family:Arial,Helvetica,system-ui,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.bg{position:fixed;inset:0;z-index:-2;background:url(/login-bg.webp) center / cover no-repeat;opacity:.5;image-rendering:pixelated}.bg:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 50% 0%,transparent 30%,rgba(7,8,9,.75) 100%),linear-gradient(to bottom,#07080940,#070809eb)}.beams{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;mix-blend-mode:screen}.beam{--beam-max: 1;--beam-min: .04;position:absolute;top:-25vh;width:9vw;min-width:70px;height:145vh;background:linear-gradient(to right,#fff4cd00,#fff4cd80,#fff4cd00);-webkit-mask-image:linear-gradient(to bottom,#000 0%,transparent 85%);mask-image:linear-gradient(to bottom,#000 0%,transparent 85%);transform-origin:top center;transform:rotate(-20deg);animation:beam-flicker 6s ease-in-out infinite}.beam-1{left:5%;animation-delay:0s}.beam-2{left:26%;width:12vw;animation-delay:-1.6s}.beam-3{left:47%;animation-delay:-3.2s}.beam-4{left:68%;width:12vw;animation-delay:-4.8s}@keyframes beam-flicker{0%,to{opacity:var(--beam-min)}50%{opacity:var(--beam-max)}}@media(prefers-reduced-motion:reduce){.beam{animation:none}}.container{width:min(1080px,100% - 2.5rem);margin-inline:auto}.header{position:sticky;top:0;z-index:10;background:transparent;backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.header{background:#07080999}}.header-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding-block:.85rem}.brand{display:flex;align-items:baseline;gap:.45rem;text-decoration:none}.brand-kaboom{font-weight:700;font-size:1.4rem;letter-spacing:.04em;color:var(--burgundy);-webkit-text-stroke:1px rgba(0,0,0,.53);text-shadow:0 2px 10px rgba(74,15,23,.53)}.brand-arena{font-weight:700;font-size:.85rem;letter-spacing:.18em;color:var(--text)}.nav{display:flex;align-items:center;gap:1.15rem;font-size:.9rem}.nav-controls{display:flex;align-items:center;gap:.75rem;margin-left:.4rem}.nav a{color:var(--text-sub);text-decoration:none;transition:color .15s}.nav a:hover{color:var(--accent-bright)}.hero{padding-block:clamp(2.5rem,9vw,5.5rem) clamp(2rem,6vw,3.5rem);text-align:center}.logo-kaboom{display:block;font-size:clamp(3rem,13vw,6.5rem);font-weight:700;line-height:.95;letter-spacing:.02em;color:var(--burgundy);-webkit-text-stroke:3px rgba(0,0,0,.53);paint-order:stroke fill;text-shadow:0 3px 16px rgba(74,15,23,.7)}.logo-arena{display:block;margin-top:.35rem;font-size:clamp(1.1rem,4vw,2rem);font-weight:700;letter-spacing:.42em;text-indent:.42em;color:var(--text);-webkit-text-stroke:1.5px rgba(11,13,16,.53);paint-order:stroke fill}.hero p{margin:1.4rem auto 2rem;max-width:48ch;color:var(--text-body);font-size:clamp(.98rem,2.2vw,1.12rem)}.actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;padding:.75rem 1.7rem;border-radius:10px;font-weight:700;font-size:.98rem;text-decoration:none;border:1.5px solid transparent;transition:background-color .15s,border-color .15s,transform .08s}.btn:active{transform:scale(.97)}.btn-primary{background:#1f8048e0;border-color:#7dffb880;color:var(--text)}.btn-primary:hover{background:var(--btn-primary-hi);border-color:var(--btn-primary-border)}.btn-ghost{background:#ffffff12;border-color:#ffffff38;color:var(--text-accent)}.btn-ghost:hover{background:#ffffff1f;border-color:var(--accent-bright);color:var(--text)}.section{padding-block:clamp(2rem,7vw,3.5rem)}.section-title{margin:0 0 1.4rem;font-size:clamp(1.35rem,3.4vw,1.9rem);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text);text-shadow:0 2px 12px rgba(0,0,0,.6)}.grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.card{padding:1.15rem 1.25rem;border-radius:20px;background:#ffffff12;border:1.5px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background-color .15s,border-color .15s,transform .12s}.card:hover{background:#ffffff1a;border-color:var(--accent-soft);transform:translateY(-3px)}.card .icon{font-size:1.7rem;line-height:1}.card h3{margin:.55rem 0 .3rem;font-size:1.02rem;font-weight:700;color:var(--text)}.card p{margin:0;color:var(--text-sub);font-size:.9rem}.mode-card{padding:1.25rem;border-radius:16px;border:1.5px solid;background:#101113db;transition:transform .12s,box-shadow .15s}.mode-card:hover{transform:translateY(-3px)}.mode-card h3{margin:0 0 .35rem;font-size:1.05rem;font-weight:700;letter-spacing:.04em}.mode-card p{margin:0;font-size:.9rem;color:var(--text-body)}.mode-solo{border-color:var(--solo);background:#0a2a10b8}.mode-solo h3{color:var(--solo)}.mode-solo:hover{box-shadow:0 0 24px #44ff992e}.mode-match{border-color:var(--match);background:#261a00b8}.mode-match h3{color:var(--match)}.mode-match:hover{box-shadow:0 0 24px #ffd7002e}.mode-duel{border-color:var(--duel);background:#03122ec7}.mode-duel h3{color:#6fa8ff}.mode-duel:hover{box-shadow:0 0 24px #2266cc47}.mode-custom{border-color:#97a3b080;background:#101113db}.mode-custom h3{color:#ffffffb8}.mode-custom:hover{box-shadow:0 0 24px #97a3b026}.mode-soon{margin-left:.5rem;padding:.12rem .4rem;border-radius:6px;border:1px solid rgba(151,163,176,.5);font-size:.62rem;letter-spacing:.08em;vertical-align:middle;color:#fff9}.footer{margin-block:clamp(2rem,6vw,3.5rem) 2.5rem;padding:1.4rem 1.5rem;border-radius:16px;background:#101113f7;border:1.5px solid rgba(151,163,176,.5);font-size:.88rem;color:#ffffffab}.footer h4{margin:0 0 .9rem;font-size:1.05rem;font-weight:700;letter-spacing:.12em;color:var(--text);text-align:center}.footer-row{display:flex;gap:.6rem;margin-bottom:.4rem}.footer-row dt{width:7rem;flex:none;color:#ffffffab}.footer-row dd{margin:0;color:var(--text)}.footer-row a{color:var(--accent-bright);font-weight:700;text-decoration:none}.footer-row a:hover{color:var(--text)}.footer .mono{font-family:monospace}.footer .copy{margin:1.1rem 0 0;text-align:center;font-size:.72rem;color:#ffffff87}.burger{display:none}@media(max-width:560px){.nav{display:none;order:3;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;margin-bottom:-.85rem;padding:.4rem 0;background:#07080973;border-top:1px solid var(--accent-deep);box-shadow:0 14px 28px #00000073}.nav-open{display:flex}.nav a{padding:.75rem clamp(1.25rem,5vw,2rem);color:var(--text-body);font-size:.95rem;text-align:center}.nav a+a{border-top:1px solid rgba(151,163,176,.14)}.nav-controls{justify-content:center;margin-left:0;padding:.75rem 1.25rem .4rem;border-top:1px solid rgba(151,163,176,.14)}.burger{display:flex;flex-direction:column;justify-content:center;gap:4px;width:2.2rem;height:2.2rem;padding:0;border-radius:7px;background:var(--surface-avatar);border:1.5px solid var(--accent-dim-violet);cursor:pointer}.burger span{display:block;width:1.1rem;height:2px;margin-inline:auto;border-radius:2px;background:var(--text-accent);transition:transform .18s,opacity .18s}.burger-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.burger-open span:nth-child(2){opacity:0}.burger-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.nav{background:#101113f7}}.lang-btn{min-width:2.1rem;padding:.28rem .4rem;font-size:.72rem}.footer-row dt{width:6rem}}@media(prefers-reduced-motion:reduce){.burger span{transition:none}}.lang-switch{display:flex;gap:6px}.lang-btn{padding:.3rem .55rem;min-width:2.4rem;border-radius:7px;background:var(--surface-avatar);border:1.5px solid var(--accent-dim-violet);color:var(--text-hint);font-family:inherit;font-size:.8rem;font-weight:700;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}.lang-btn:hover{background:var(--surface-card-hi);color:var(--text-accent)}.lang-btn-active{background:var(--surface-card-hi);border-color:var(--accent-soft);color:var(--accent-bright)}.music-btn{width:2.1rem;height:2.1rem;border-radius:7px;background:var(--surface-avatar);border:1.5px solid var(--accent-dim-violet);color:var(--text-hint);font-family:inherit;font-size:.95rem;line-height:1;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}.music-btn:hover{background:var(--surface-card-hi);color:var(--text-accent)}.music-btn:not(.music-btn-on){text-decoration:line-through}.music-btn-on{background:var(--surface-card-hi);border-color:var(--accent-soft);color:var(--accent-bright)}.stores{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}.store-badge{display:inline-flex;align-items:center;gap:.6rem;padding:.5rem 1rem .5rem .85rem;border-radius:10px;text-decoration:none;color:var(--text);background:#070809b8;border:1.5px solid rgba(255,255,255,.28);transition:background-color .15s,border-color .15s,transform .08s}.store-badge:hover{background:#141518e6;border-color:var(--accent-bright)}.store-badge:active{transform:scale(.97)}.store-icon{width:26px;height:26px;flex:none}.store-text{display:flex;flex-direction:column;line-height:1.15;text-align:left}.store-top{font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-sub)}.store-name{font-size:1rem;font-weight:700;letter-spacing:.01em}.footer-devs{display:flex;flex-wrap:wrap;gap:.75rem}.footer-devs a+a{position:relative}.footer-devs a+a:before{content:"·";position:absolute;left:-.45rem;color:#ffffff59}.footer-legal{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:1.2rem;padding-top:1rem;border-top:1px solid rgba(151,163,176,.22)}.footer-legal a{color:var(--text-sub);text-decoration:none;font-size:.82rem;transition:color .15s}.footer-legal a:hover{color:var(--accent-bright)}.legal{max-width:46rem;margin-inline:auto;padding-block:clamp(1.5rem,5vw,2.5rem)}.legal-back{display:inline-block;margin-bottom:1.2rem;color:var(--text-sub);text-decoration:none;font-size:.88rem}.legal-back:hover{color:var(--accent-bright)}.legal-title{margin:0 0 .3rem;font-size:clamp(1.6rem,4.5vw,2.3rem);font-weight:700;letter-spacing:.02em;text-shadow:0 2px 12px rgba(0,0,0,.6)}.legal-updated{margin:0 0 1.5rem;font-family:monospace;font-size:.8rem;color:var(--text-muted)}.legal-intro{margin:0 0 1.8rem;padding:1rem 1.15rem;border-radius:16px;background:#ffffff12;border:1.5px solid rgba(255,255,255,.22);color:var(--text-body);font-size:.95rem}.legal-section{margin-bottom:1.6rem}.legal-section h2{margin:0 0 .5rem;font-size:1.05rem;font-weight:700;color:var(--text-accent)}.legal-section p{margin:0 0 .6rem;color:var(--text-body);font-size:.94rem}.donate-offer{margin:0 0 2rem;padding:1.6rem 1.25rem;border-radius:18px;text-align:center;background:#261a008c;border:1.5px solid var(--match);box-shadow:0 0 34px #ffd7001f}.donate-amount{margin:0;font-size:clamp(2.4rem,8vw,3.4rem);font-weight:800;line-height:1;color:var(--match);text-shadow:0 2px 18px rgba(0,0,0,.7)}.donate-note{margin:.6rem auto 1.3rem;max-width:26rem;color:var(--text-body);font-size:.95rem}.donate-cta{text-decoration:none}.donate-temp{margin:1.1rem auto 0;padding-top:.9rem;max-width:30rem;border-top:1px solid rgba(255,215,0,.28);color:var(--text-muted);font-size:.85rem;line-height:1.5}.donate-list{margin:0;padding-left:1.2rem;color:var(--text-body);font-size:.94rem}.donate-list li{margin-bottom:.5rem}.donate-list-check{list-style:none;padding-left:0}.donate-list-check li{padding-left:1.5rem;position:relative}.donate-list-check li:before{content:"✦";position:absolute;left:0;color:var(--match)}.donate-steps{counter-reset:step;list-style:none;padding-left:0}.donate-steps li{counter-increment:step;padding-left:2rem;position:relative}.donate-steps li:before{content:counter(step);position:absolute;left:0;top:.05em;width:1.4rem;height:1.4rem;border-radius:50%;display:grid;place-items:center;font-size:.78rem;font-weight:700;color:var(--app);background:var(--match)}.donate-contacts{margin:0 0 .7rem}.donate-contacts-note{margin:0;color:var(--text-sub);font-size:.88rem}.donate-disclaimer{margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.12);color:var(--text-muted);font-size:.85rem}.donate-disclaimer a{color:var(--accent-bright)}.support-banner{padding:clamp(1.4rem,4vw,2.1rem);border-radius:18px;text-align:center;background:#ffffff0d;border:1.5px solid rgba(255,255,255,.2)}.support-banner h2{margin:0 0 .6rem;font-size:clamp(1.2rem,3.5vw,1.5rem);font-weight:700;letter-spacing:.02em}.support-banner p{margin:0 auto 1.3rem;max-width:44rem;color:var(--text-body);font-size:.94rem}.support-banner .btn{text-decoration:none}.news-list{display:flex;flex-direction:column;gap:.75rem}.news-status{margin:0;padding:1.2rem 0;text-align:center;color:var(--text-muted);font-size:.9rem}.news-card{position:relative;padding:.95rem 1.1rem .8rem 1.25rem;border-radius:12px;background:#ffffff0d;border:1px solid var(--accent-dim-violet);overflow:hidden}.news-card:before{content:"";position:absolute;top:0;bottom:0;left:0;width:5px;background:var(--accent-dim-violet)}.news-card-news:before{background:var(--gold)}.news-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.news-card-head h2{margin:0;font-size:1rem;font-weight:700;color:var(--text)}.news-version{flex:none;font-family:monospace;font-size:.78rem;font-weight:700;color:var(--gold)}.news-body{margin:0;color:var(--text-body);font-size:.92rem;line-height:1.5;white-space:pre-line}.news-body-clamped{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.news-card-foot{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.6rem;min-height:1.2rem}.news-toggle{padding:0;background:none;border:none;color:var(--text-accent);font-family:inherit;font-size:.82rem;font-weight:700;cursor:pointer}.news-toggle:hover{color:var(--accent-bright)}.news-date{margin-left:auto;font-size:.72rem;color:var(--text-muted)}