:root{color-scheme:dark;--bg: #050816;--panel: rgba(9, 15, 34, .72);--panel-strong: rgba(12, 20, 44, .92);--panel-border: rgba(91, 227, 255, .24);--panel-highlight: rgba(255, 0, 153, .2);--accent: #57f3ff;--accent-strong: #00f0ff;--accent-hot: #ff4fd8;--accent-lime: #b8ff57;--warning: #ffb84d;--danger: #ff5f7a;--text: #ebf7ff;--muted: #8ea6c9;--shadow: 0 24px 80px rgba(0, 0, 0, .48);--glow: 0 0 18px rgba(87, 243, 255, .28)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text);background:radial-gradient(circle at 18% 18%,rgba(0,238,255,.18),transparent 24%),radial-gradient(circle at 82% 12%,rgba(255,0,153,.16),transparent 26%),radial-gradient(circle at 50% 100%,rgba(84,0,255,.18),transparent 42%),linear-gradient(180deg,#060914,#040612 48%,#02030a);position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(180deg,rgba(255,255,255,.8),transparent 88%);mask-image:linear-gradient(180deg,rgba(255,255,255,.8),transparent 88%);pointer-events:none;opacity:.35}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#57f3ff05,#ff4fd804);box-shadow:inset 0 0 120px #000000a6;pointer-events:none}.shell{width:min(1180px,calc(100vw - 24px));margin:0 auto;padding:24px 0 34px;position:relative;z-index:1}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:24px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative;overflow:hidden}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(87,243,255,.08),transparent 30%,rgba(255,79,216,.08) 100%);pointer-events:none}.panel:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;border:1px solid rgba(255,255,255,.04);pointer-events:none}.hero{padding:26px 28px;display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:center}.eyebrow{margin:0 0 10px;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);font-size:12px;text-shadow:0 0 10px rgba(87,243,255,.45)}h1,h2,p{margin:0}h1{font-size:clamp(34px,5vw,56px);line-height:1;letter-spacing:.02em;text-shadow:0 0 20px rgba(87,243,255,.24),0 0 36px rgba(255,79,216,.16)}.subtitle{margin-top:12px;max-width:720px;color:var(--muted);line-height:1.6;font-size:15px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stat-card{padding:16px 18px;border-radius:18px;background:linear-gradient(180deg,#0f1a37d1,#091024eb);border:1px solid rgba(87,243,255,.14);box-shadow:inset 0 1px #ffffff0d,0 0 0 1px #ff4fd80d,0 0 18px #57f3ff14}.stat-card span{display:block;color:var(--muted);margin-bottom:8px;font-size:13px;letter-spacing:.12em;text-transform:uppercase}.stat-card strong{font-size:clamp(22px,4vw,30px);color:var(--text);text-shadow:0 0 14px rgba(87,243,255,.18)}.next-card strong{font-size:clamp(18px,3vw,22px);color:var(--accent-lime)}.game-layout{display:grid;grid-template-columns:minmax(0,760px) 320px;gap:20px;margin-top:20px}.game-panel{padding:16px;position:relative;background:linear-gradient(180deg,#0a1227d6,#070c1ceb)}#game-container{width:100%;aspect-ratio:3 / 4;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(87,243,255,.14),transparent 30%),linear-gradient(180deg,#182448b8,#060a18f5);border:1px solid rgba(87,243,255,.18);box-shadow:inset 0 0 0 1px #ffffff08,inset 0 0 60px #57f3ff0f,0 0 24px #00000047}.guide-line{position:absolute;left:38px;right:38px;top:102px;border-top:2px dashed rgba(255,95,122,.92);z-index:2;pointer-events:none;filter:drop-shadow(0 0 8px rgba(255,95,122,.4))}.guide-line span{position:absolute;top:-14px;right:8px;padding:3px 8px;border-radius:999px;font-size:12px;background:#ff5f7a29;color:#ffe0e7;border:1px solid rgba(255,95,122,.28)}.controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}button{border:1px solid rgba(87,243,255,.32);border-radius:999px;padding:12px 20px;font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#04131a;background:linear-gradient(135deg,var(--accent),var(--accent-hot));cursor:pointer;box-shadow:0 0 0 1px #ffffff0a,0 0 18px #57f3ff38,0 0 36px #ff4fd829;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}button:hover{transform:translateY(-1px);filter:brightness(1.04);box-shadow:0 0 24px #57f3ff47,0 0 44px #ff4fd838}button:active{transform:translateY(1px) scale(.99)}.controls p,.side-panel li{color:var(--muted);line-height:1.6}.controls p{flex:1;padding:12px 14px;border-radius:14px;background:#080f20a8;border:1px solid rgba(87,243,255,.08)}.side-panel{padding:20px;display:grid;gap:22px;align-content:start;background:linear-gradient(180deg,#0a1228db,#080c1bf5)}.side-panel h2{margin-bottom:10px;font-size:18px;letter-spacing:.08em;color:var(--accent);text-shadow:0 0 10px rgba(87,243,255,.18)}.side-panel ul,.side-panel ol{padding-left:20px;margin:0;display:grid;gap:8px}.side-panel section{padding:16px;border-radius:18px;background:#070e1e8f;border:1px solid rgba(87,243,255,.08);box-shadow:inset 0 1px #ffffff08}#cat-list li::marker{color:var(--accent-hot)}@media (max-width: 960px){.hero,.game-layout{grid-template-columns:1fr}.guide-line{left:26px;right:26px;top:92px}}@media (max-width: 640px){.shell{width:min(100vw - 16px,100%);padding-top:12px}.hero,.game-panel,.side-panel{padding:16px;border-radius:20px}h1{font-size:34px}.stats{grid-template-columns:1fr}.controls{flex-direction:column;align-items:stretch}}