:root{--bg:#080b18;--panel:#10152a;--line:#232943;--text:#f4f5fa;--muted:#8d94ae;--cyan:#56f4e3;--pink:#ff5d9e;--yellow:#ffe177;--font:'Space Grotesk',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font)}body{overflow-x:hidden}.noise{position:fixed;inset:0;opacity:.055;pointer-events:none;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.app-shell{max-width:1280px;min-height:100vh;margin:auto;padding:26px 46px 34px;position:relative}.topbar{height:48px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:var(--text);font-size:15px;font-weight:700;letter-spacing:.18em;text-decoration:none}.brand-mark{color:var(--cyan);font-size:24px;text-shadow:0 0 18px var(--cyan)}.brand-soft{color:#666d88;font-weight:400}.top-actions{display:flex;gap:9px}.icon-btn{width:37px;height:37px;color:#aab1cc;border:1px solid var(--line);background:#0d1224;border-radius:50%;font:500 16px var(--mono);cursor:pointer;transition:.2s}.icon-btn:hover{color:var(--cyan);border-color:var(--cyan);transform:translateY(-2px)}.game-wrap{max-width:900px;margin:34px auto 0}.hud{display:flex;align-items:flex-end;justify-content:space-between;padding:0 17px 17px}.hud-block{display:flex;flex-direction:column}.eyebrow,.mini-kicker,.section-title,.bottom-hud,.arena-label,.hint{font:500 10px var(--mono);letter-spacing:.14em;color:var(--muted)}.hud-block strong{font:500 28px var(--mono);letter-spacing:.02em}.combo-block{align-items:center;position:relative}.combo-block strong{font-size:19px;color:var(--cyan)}.combo-track{height:3px;width:90px;background:#1d2940;margin-top:8px;overflow:hidden}.combo-track i{display:block;height:100%;width:0;background:var(--cyan);box-shadow:0 0 10px var(--cyan);transition:width .2s}.time-block{text-align:right}.time-block strong{color:var(--yellow)}.arena-frame{height:min(64vh,620px);min-height:380px;position:relative;border:1px solid #2d3558;background:radial-gradient(ellipse at 50% 45%,#151d3c 0%,#0d1228 52%,#090c1b 100%);box-shadow:0 25px 90px #03040d, inset 0 0 80px #171b3c;border-radius:3px;overflow:hidden}.arena-frame:before,.arena-frame:after{content:"";position:absolute;pointer-events:none}.arena-frame:before{inset:14px;border:1px solid rgba(101,119,176,.14)}.arena-frame:after{width:50%;height:50%;left:25%;top:25%;border-radius:50%;background:rgba(64,94,219,.08);filter:blur(35px)}#arena{width:100%;height:100%;display:block;cursor:crosshair}.arena-label{position:absolute;left:28px;top:27px;z-index:1;color:#a5aecb}.pulse-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--pink);box-shadow:0 0 9px var(--pink);margin-right:5px;animation:pulse 1.4s infinite}.arena-label span:last-child{color:#535b78}.hint{position:absolute;bottom:23px;left:0;right:0;text-align:center;color:#606986;font-size:10px}.bottom-hud{display:flex;justify-content:space-between;padding:17px 17px;color:#606984}.bottom-hud b{color:#c6cbe0;font-weight:400}.keyboard-hint{color:#525a74}kbd{font:10px var(--mono);border:1px solid #303750;color:#8e96b1;padding:3px 5px;border-radius:3px}.screen{display:none}.screen.active{display:flex}.screen:not(#startScreen){position:fixed;inset:0;z-index:5;align-items:center;justify-content:center;background:rgba(5,7,16,.72);backdrop-filter:blur(12px)}#startScreen{display:flex;position:relative;top:auto;left:auto;width:900px;max-width:100%;margin:28px auto 0;justify-content:space-between;pointer-events:none}.intro-card,.mini-board{pointer-events:auto}.screen-card{background:linear-gradient(145deg,rgba(19,25,48,.97),rgba(10,14,30,.97));border:1px solid #30395f;box-shadow:0 25px 80px #03040d}.intro-card{width:420px;padding:42px 44px 31px}.mini-kicker{color:var(--cyan);font-size:10px}.mini-kicker span{color:#5b6685;margin-left:8px}.intro-card h1{margin:20px 0 14px;font-size:68px;line-height:.87;letter-spacing:-.08em;font-weight:600}.intro-card h1 em{font-style:normal;color:var(--cyan);text-shadow:0 0 24px rgba(86,244,227,.38)}.intro-card p{color:#9ba3bf;line-height:1.65;font-size:14px;margin:0 0 28px}.primary-btn{width:100%;height:53px;border:0;background:var(--cyan);color:#07141a;display:flex;align-items:center;justify-content:space-between;padding:0 17px 0 21px;font:600 14px var(--font);cursor:pointer;transition:.2s;box-shadow:0 0 25px rgba(86,244,227,.12)}.primary-btn b{font-size:22px;font-weight:400}.primary-btn:hover{background:#83fff2;transform:translateY(-3px);box-shadow:0 10px 30px rgba(86,244,227,.22)}.start-game-btn{height:64px;font-size:17px;letter-spacing:.03em;box-shadow:0 0 0 4px rgba(86,244,227,.1),0 0 34px rgba(86,244,227,.3);animation:startPulse 1.8s ease-in-out infinite}.start-game-btn span{font-weight:700}.start-game-btn b{font-size:28px}@keyframes startPulse{50%{box-shadow:0 0 0 8px rgba(86,244,227,.04),0 0 48px rgba(86,244,227,.48)}}.stats-row{display:flex;justify-content:space-between;border-top:1px solid #29304d;margin-top:29px;padding-top:19px}.stats-row div{display:flex;flex-direction:column;gap:5px}.stats-row b{font:500 16px var(--mono)}.stats-row span{font:10px var(--mono);color:#646c88}.mini-board{align-self:flex-end;width:300px;padding:22px 25px;background:rgba(13,18,37,.78);border:1px solid #252d4c}.section-title{display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #242b47;font-size:9px}.live-tag{color:#5f6b88;font-size:8px}.leaderboard{margin:0;padding:3px 0 0;list-style:none}.leaderboard li{display:flex;align-items:center;justify-content:space-between;padding:11px 1px;border-bottom:1px solid rgba(42,49,76,.55);font:12px var(--mono);color:#929ab5}.leaderboard li:first-child{color:var(--yellow)}.leaderboard li strong{font-weight:400;color:#d8dced}.leaderboard .rank{color:#555d7b;width:25px}.leaderboard li:first-child .rank{color:var(--yellow)}.overlay-screen .screen-card{width:min(410px,calc(100% - 36px));padding:43px}.pause-card{text-align:center}.pause-card h2,.result-card h2,.help-card h2{font-size:42px;letter-spacing:-.07em;margin:22px 0 9px}.pause-card p{color:var(--muted);margin:0 0 27px}.text-btn{display:block;margin:19px auto 0;background:none;border:0;color:#8991ad;font:12px var(--mono);cursor:pointer;text-decoration:underline;text-underline-offset:4px}.text-btn:hover{color:var(--text)}.result-card h2{font-size:30px}.result-score{display:flex;flex-direction:column;gap:7px;margin:30px 0 20px}.result-score span{font:10px var(--mono);color:var(--muted);letter-spacing:.13em}.result-score strong{font:500 43px var(--mono);color:var(--cyan)}.result-meta{display:flex;justify-content:space-between;color:var(--muted);font:11px var(--mono);margin-bottom:27px}.result-meta b{color:var(--text);font-weight:400}.help-card{position:relative}.close-btn{position:absolute;right:20px;top:18px;border:0;background:none;color:#8189a5;font-size:26px;cursor:pointer}.rules{margin:27px 0 24px}.rules>div{display:flex;gap:15px;align-items:center;padding:14px 0;border-bottom:1px solid #29304b}.rule-icon{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:17px}.cyan{color:var(--cyan);background:rgba(86,244,227,.1)}.yellow{color:var(--yellow);background:rgba(255,225,119,.1)}.pink{color:var(--pink);background:rgba(255,93,158,.1)}.rules p{margin:0;color:#9199b4;font-size:12px;line-height:1.45}.rules b{color:var(--text);font-weight:500}.manual-foot{font:11px var(--mono);line-height:1.8;color:#68718f}@keyframes pulse{50%{opacity:.35;transform:scale(.7)}}@media(max-width:950px){.app-shell{padding:20px 22px}.game-wrap{margin-top:25px}#startScreen{position:relative;inset:auto;top:auto;left:auto;width:100%;padding:20px 0;align-items:center;justify-content:center}.mini-board{display:none}.intro-card{width:min(420px,100%)}}@media(max-width:520px){.app-shell{padding:15px 12px}.game-wrap{margin-top:23px}.hud{padding:0 9px 13px}.hud-block strong{font-size:21px}.combo-block strong{font-size:16px}.combo-track{width:65px}.arena-frame{height:68vh;min-height:390px}.arena-label{left:18px;top:19px;font-size:9px}.hint{bottom:15px;font-size:9px}.bottom-hud{padding:14px 8px;font-size:9px}.keyboard-hint{display:none}.intro-card{padding:34px 28px 25px}.intro-card h1{font-size:59px}.stats-row{margin-top:25px}.overlay-screen .screen-card{padding:34px 27px}.result-score strong{font-size:37px}}