:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f5f7ff;--muted:#8e98ad;--panel:#111727c7;--panel-solid:#151c2d;--line:#becae621;--cyan:#65e5ff;--violet:#a78bfa;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{min-height:100%;color:var(--ink);background:#080b14;margin:0;overflow-x:hidden}button{font:inherit;cursor:pointer}body{background:radial-gradient(circle at 10% -8%,#4adeff26,#0000 33%),radial-gradient(circle at 92% 8%,#9a74ff24,#0000 30%),linear-gradient(165deg,#10172a 0%,#090d18 55%,#070a12 100%);min-height:100dvh}#app{min-height:100dvh;padding:env(safe-area-inset-top) max(20px, env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left))}.topbar{align-items:center;gap:14px;width:min(920px,100%);height:72px;margin:auto;display:flex}.back,.icon-btn{border:1px solid var(--line);color:var(--ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0e1422b8;box-shadow:inset 0 1px #ffffff09,0 8px 22px #00000024}.back{border-radius:15px;place-items:center;width:44px;height:44px;text-decoration:none;display:grid}.back svg{fill:none;stroke:currentColor;stroke-width:2.3px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.icon-btn{border-radius:14px;justify-content:center;align-items:center;gap:8px;min-width:82px;height:42px;margin-left:auto;padding:0 15px;font-size:13px;display:flex}.pause-mark{border-left:3px solid var(--cyan);border-right:3px solid var(--cyan);width:11px;height:12px}.icon-btn.paused .pause-mark{border:6px solid #0000;border-left:0;border-right:0;border-left:9px solid var(--cyan);width:0;height:0}.title{flex-direction:column;gap:1px;min-width:0;display:flex}.title small{color:var(--cyan);letter-spacing:.2em;opacity:.8;font-size:9px;font-weight:700}.title strong{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.06em;font-size:20px;overflow:hidden}.game-stage{grid-template-columns:minmax(0,1fr) 150px;align-items:start;gap:18px;width:min(920px,100%);margin:8px auto 0;display:grid}.board-area{place-items:start center;min-width:0;display:grid}.board-shell{aspect-ratio:1/2;background:#090e19;border:1px solid #9aaeda38;border-radius:19px;width:min(100%,50dvh - 89px);position:relative;overflow:hidden;box-shadow:0 24px 70px #0000007a,0 0 0 5px #7085b214,inset 0 0 30px #4eddff09}#board{border-radius:inherit;touch-action:none;width:100%;height:100%;display:block}.overlay{z-index:5;border-radius:inherit;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070a14e0;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.overlay strong{color:#f6d877;letter-spacing:.12em;font-size:28px}.overlay p{color:#b5bfd1;margin:0;font-size:13px}.overlay button{min-width:126px}.side-panel{gap:10px;display:grid}.stat-card,.preview-card{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px #ffffff09}.stat-card{border-radius:16px;flex-direction:column;justify-content:center;gap:2px;min-height:62px;padding:10px 13px;display:flex}.stat-card small,.preview-card small{color:var(--muted);letter-spacing:.08em;font-size:10px}.stat-card b{font-variant-numeric:tabular-nums;font-size:21px;line-height:1.1}.stat-score{background:linear-gradient(145deg,#27445cc7,#151c2ed1);border-color:#65e5ff3d;min-height:82px}.stat-score small{color:var(--cyan)}.stat-score b{font-size:30px}.preview-card{border-radius:16px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.preview-card canvas{width:100%;height:auto;display:block}.controls{grid-template-columns:repeat(5,1fr);gap:9px;width:min(920px,100%);margin:14px auto 0;display:grid}.controls button{border:1px solid var(--line);background:var(--panel-solid);min-width:0;height:54px;color:var(--ink);touch-action:manipulation;border-radius:16px;justify-content:center;align-items:center;gap:8px;display:flex;box-shadow:inset 0 1px #ffffff0b,0 8px 18px #0000002e}.controls svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px}.controls small{color:var(--muted);font-size:10px}.controls .control-accent{color:#c4b5fd;border-color:#a78bfa52}.controls .control-primary{color:#dffaff;background:linear-gradient(145deg,#1e4b62,#193449);border-color:#65e5ff59}.controls button:active{filter:brightness(1.2);transform:translateY(1px)}.toast{z-index:40;left:50%;top:calc(74px + env(safe-area-inset-top));opacity:0;pointer-events:none;color:#fff;border:1px solid var(--line);white-space:nowrap;background:#050810eb;border-radius:999px;padding:9px 16px;font-size:13px;transition:all .2s;position:fixed;transform:translate(-50%,-12px)}.toast.show{opacity:1;transform:translate(-50%)}.primary{color:#071019;background:linear-gradient(135deg, var(--cyan), #8bf5cb);border:0;border-radius:13px;min-height:43px;padding:0 18px;font-weight:800;box-shadow:0 10px 28px #65e5ff33}.hidden{display:none!important}@media (width<=720px){html,body{height:100%;overflow:hidden}#app{height:100dvh;min-height:0;padding:env(safe-area-inset-top) max(12px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(12px, env(safe-area-inset-left));grid-template-rows:54px minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}.topbar{gap:11px;width:100%;height:54px}.topbar,.game-stage,.controls{min-width:0}.back{border-radius:13px;flex:none;width:38px;height:38px}.back svg{width:19px;height:19px}.title{gap:0}.title small{font-size:8px}.title strong{font-size:17px}.icon-btn{border-radius:12px;min-width:68px;height:36px;padding:0 12px;font-size:12px}.pause-mark{border-style:solid;border-width:0 2px;border-color:var(--cyan);width:9px;height:10px}.game-stage{grid-template-rows:58px minmax(0,1fr);grid-template-columns:minmax(0,1fr);align-items:stretch;gap:7px;width:100%;min-height:0;margin:0;display:grid;overflow:hidden}.side-panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#111727c7;border-radius:17px;grid-row:1;grid-template-columns:minmax(0,1.55fr) repeat(3,minmax(0,1fr));gap:0;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff09,0 12px 30px #00000029}.stat-card,.stat-score{min-height:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:8px 11px;position:relative}.stat-card+.stat-card:before{content:"";background:var(--line);width:1px;position:absolute;top:13px;bottom:13px;left:0}.stat-card small{letter-spacing:.06em;font-size:8px}.stat-card b{font-size:17px}.stat-card small,.stat-card b{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.stat-score{background:linear-gradient(110deg,#46ccef1a,#0000)}.stat-score small{color:var(--cyan)}.stat-score b{color:#f7fcff;font-size:23px}.preview-card{display:none}.board-area{grid-row:2;place-items:center;width:100%;height:100%;min-height:0;padding:2px 0 5px;overflow:hidden;container-type:size}.board-shell{aspect-ratio:1/2;border-radius:15px;width:min(82cqw,50cqh);max-width:none;height:auto;max-height:none;box-shadow:0 18px 45px #00000073,0 0 0 4px #7085b212}.controls{border-top:1px solid #becae614;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;width:100%;margin:0;padding:8px 0 9px}.controls button{border-radius:15px;flex-direction:column;gap:2px;height:58px;padding:6px 0 5px}.controls svg{width:21px;height:21px}.controls small{font-size:8px;line-height:1;display:block}}@media (width<=370px){#app{padding-left:max(8px, env(safe-area-inset-left));padding-right:max(8px, env(safe-area-inset-right))}.title small{display:none}.icon-btn{min-width:60px;padding:0 9px}.game-stage{grid-template-rows:54px minmax(0,1fr)}.stat-card,.stat-score{padding-left:8px;padding-right:8px}.controls{gap:5px}}@media (height<=650px) and (width<=720px){#app{grid-template-rows:48px minmax(0,1fr) auto}.topbar{height:48px}.game-stage{grid-template-rows:50px minmax(0,1fr);gap:5px}.stat-card,.stat-score,.controls{padding-top:5px;padding-bottom:5px}.controls button{height:48px}.controls small{display:none}}