:root{--ink: #eef2ff;--muted: #9aa7c7;--gold: #ffd76a;--panel: rgba(14, 20, 44, .86);--line: rgba(255, 255, 255, .12);--accent: #4d8dff;--bar-w: 184px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0a0f24;color:var(--ink);font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none}#game{position:fixed;top:0;right:0;bottom:0;left:0;display:block;touch-action:none}#game.aiming{cursor:none}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#ui>*{pointer-events:auto}.hidden{display:none!important}.sidebar{position:absolute;top:0;bottom:0;left:0;z-index:3;display:flex;width:var(--bar-w);flex-direction:column;gap:6px;padding:18px 12px;padding-top:max(18px,env(safe-area-inset-top,0px));padding-left:max(12px,env(safe-area-inset-left,0px));padding-bottom:max(18px,env(safe-area-inset-bottom,0px));border-right:1px solid var(--line);background:#080c1eeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-item{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid transparent;border-radius:12px;background:none;color:var(--muted);font:inherit;font-size:15px;text-align:left;cursor:pointer;transition:background .12s ease,color .12s ease}.nav-item:hover{background:#ffffff0f;color:var(--ink)}.nav-item.active{border-color:#4d8dff80;background:#4d8dff29;color:var(--ink);font-weight:700}.nav-icon{font-size:20px;line-height:1}.nav-short{display:none}.nav-sub{margin-left:14px;padding:8px 10px;font-size:14px}.nav-sub .nav-icon{font-size:15px}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;overflow-y:auto;background:radial-gradient(120% 90% at 50% 0%,#0a0f2480,#060916e6);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}body.with-sidebar .screen{padding-left:calc(var(--bar-w) + 20px)}.panel{width:min(720px,100%);padding:28px 26px 26px;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:0 24px 70px #0000008c;text-align:center}.panel h1{margin:6px 0 4px;font-size:30px;letter-spacing:1px}.logo{font-size:52px;line-height:1}.muted{margin:4px 0 18px;color:var(--muted);font-size:15px}.note{margin:18px 0 0;padding-top:14px;border-top:1px dashed var(--line);color:var(--muted);font-size:13px;line-height:1.7;text-align:left}.note code{padding:1px 6px;border-radius:5px;background:#ffffff1a;color:var(--gold);font-size:12px}.bar{height:8px;margin-top:14px;border-radius:99px;background:#ffffff1a;overflow:hidden}.bar>i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),#8ad0ff);transition:width .15s ease-out}.levels{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.level-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 10px 13px;border:1px solid var(--line);border-radius:16px;background:#ffffff0d;color:var(--ink);font:inherit;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}.level-card:hover,.level-card:focus-visible{transform:translateY(-3px);border-color:var(--accent);background:#4d8dff29}.level-card:active{transform:translateY(0) scale(.97)}.lv-emoji{font-size:34px;line-height:1.1}.lv-name{font-size:18px;font-weight:700}.lv-meta{color:var(--muted);font-size:12px}.best{margin-top:4px;color:var(--gold);font-size:12px;font-weight:700}.best.dim{color:#9aa7c7b3;font-weight:400}.stars{font-size:40px;letter-spacing:4px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0 6px}.stats>div{padding:12px 6px;border-radius:14px;background:#ffffff0d}.stats label{display:block;color:var(--muted);font-size:12px}.stats b{font-size:22px}.perfect{margin:18px 0 0;color:var(--gold);font-size:17px;font-weight:700}.duel-result .duel-badge{display:inline-block;margin-bottom:8px;padding:6px 14px;border-radius:999px;font-size:15px;font-weight:800;letter-spacing:.04em}.duel-result .duel-sub{margin:-4px 0 0}.duel-result .duel-headline{margin:18px 0 0;font-size:17px;font-weight:700}.duel-result.win{box-shadow:0 0 0 1px #ffc45059,0 18px 50px #ffb4282e}.duel-result.win .duel-badge{background:linear-gradient(180deg,#ffe08a,#f0b429);color:#3a2a00}.duel-result.win h1,.duel-result.win .duel-headline{color:#ffd76a}.duel-result.lose{box-shadow:0 0 0 1px #788cb459,0 18px 50px #141e3259}.duel-result.lose .duel-badge{background:#788caa59;color:#d7e0f0}.duel-result.lose h1,.duel-result.lose .duel-headline{color:#b8c4d8}.duel-result.tie .duel-badge{background:#78b4ff47;color:#d8ecff}.duel-result.tie h1,.duel-result.tie .duel-headline{color:#9ec8ff}.fireworks-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;pointer-events:none}.duel-celebrate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.duel-rays{position:absolute;left:50%;top:42%;width:min(140vw,920px);height:min(140vw,920px);transform:translate(-50%,-50%);background:conic-gradient(from 0deg,rgba(255,215,90,.22),transparent 8%,rgba(255,120,80,.16),transparent 20%,rgba(120,200,255,.18),transparent 32%,rgba(255,215,90,.22),transparent 45%,rgba(255,100,180,.14),transparent 58%,rgba(120,255,180,.12),transparent 72%,rgba(255,215,90,.2),transparent 88%,rgba(255,215,90,.22));animation:duel-spin 14s linear infinite;opacity:.85;-webkit-mask-image:radial-gradient(circle,#000 0%,transparent 68%);mask-image:radial-gradient(circle,#000 0%,transparent 68%)}.duel-sparkles{position:absolute;top:0;right:0;bottom:0;left:0}.duel-sparkles i{position:absolute;width:6px;height:6px;border-radius:50%;background:#ffe08a;box-shadow:0 0 10px #ffd76a;animation:duel-twinkle 1.4s ease-in-out infinite;animation-delay:calc(var(--i) * .08s)}.duel-sparkles i:nth-child(3n){background:#ff8ec8;box-shadow:0 0 10px #ff8ec8}.duel-sparkles i:nth-child(3n+1){background:#8ecbff;box-shadow:0 0 10px #8ecbff}.duel-sparkles i:nth-child(1){left:8%;top:12%}.duel-sparkles i:nth-child(2){left:18%;top:28%}.duel-sparkles i:nth-child(3){left:28%;top:16%}.duel-sparkles i:nth-child(4){left:38%;top:34%}.duel-sparkles i:nth-child(5){left:48%;top:10%}.duel-sparkles i:nth-child(6){left:58%;top:30%}.duel-sparkles i:nth-child(7){left:68%;top:14%}.duel-sparkles i:nth-child(8){left:78%;top:36%}.duel-sparkles i:nth-child(9){left:88%;top:18%}.duel-sparkles i:nth-child(10){left:12%;top:62%}.duel-sparkles i:nth-child(11){left:22%;top:74%}.duel-sparkles i:nth-child(12){left:34%;top:68%}.duel-sparkles i:nth-child(13){left:46%;top:78%}.duel-sparkles i:nth-child(14){left:56%;top:64%}.duel-sparkles i:nth-child(15){left:66%;top:76%}.duel-sparkles i:nth-child(16){left:76%;top:70%}.duel-sparkles i:nth-child(17){left:86%;top:80%}.duel-sparkles i:nth-child(18){left:94%;top:58%}.duel-result.celebrate{position:relative;z-index:2;animation:duel-pop .55s cubic-bezier(.2,1.4,.4,1) both;box-shadow:0 0 0 2px #ffd25a8c,0 0 40px #ffb42873,0 24px 60px #ffa01447;background:radial-gradient(120% 80% at 50% -10%,rgba(255,210,100,.28),transparent 55%),var(--panel)}.duel-result.online-win h1{font-size:clamp(32px,6vw,44px);background:linear-gradient(180deg,#fff6c8,#ffb02e 55%,#ff7a18);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 12px rgba(255,180,40,.55));animation:duel-title-glow 1.6s ease-in-out infinite alternate}.duel-trophy{font-size:64px;line-height:1;margin-bottom:4px;animation:duel-trophy-bounce 1.1s ease-in-out infinite;filter:drop-shadow(0 6px 16px rgba(255,190,40,.55))}.duel-cheer{margin:10px 0 0;font-size:18px;font-weight:800;color:#ffe08a;text-shadow:0 0 18px rgba(255,200,80,.55);animation:duel-cheer-pulse 1.2s ease-in-out infinite}@keyframes duel-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes duel-twinkle{0%,to{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.35)}}@keyframes duel-pop{0%{opacity:0;transform:scale(.82) translateY(18px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes duel-trophy-bounce{0%,to{transform:translateY(0) rotate(-4deg) scale(1)}50%{transform:translateY(-10px) rotate(4deg) scale(1.08)}}@keyframes duel-title-glow{0%{filter:drop-shadow(0 2px 8px rgba(255,180,40,.4))}to{filter:drop-shadow(0 2px 18px rgba(255,220,100,.85))}}@keyframes duel-cheer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.wrong{margin-top:18px;text-align:left}.wrong h3{margin:0 0 10px;color:var(--muted);font-size:14px;font-weight:600}.wrong-list{display:flex;flex-wrap:wrap;gap:8px}.chip{display:flex;align-items:center;gap:7px;padding:7px 12px 7px 8px;border:1px solid var(--line);border-radius:999px;background:#ffffff0d;font-size:14px}.chip img{width:26px;height:26px;object-fit:contain}.chip-emoji{font-size:20px}.chip span{color:var(--muted)}.chip i{color:#ff8a8a;font-size:12px;font-style:normal}.chip.eq{padding:7px 12px;font-variant-numeric:tabular-nums}.actions{display:flex;justify-content:center;gap:12px;margin-top:22px}.btn{padding:13px 30px;border:1px solid var(--line);border-radius:999px;background:#ffffff12;color:var(--ink);font:inherit;font-size:16px;font-weight:600;cursor:pointer}.btn:hover{background:#ffffff21}.btn.primary{border-color:transparent;background:linear-gradient(180deg,#5f9bff,#2f6ee0)}.btn.primary:hover{filter:brightness(1.1)}.lobby-block{display:flex;flex-direction:column;align-items:stretch;gap:14px;margin-top:8px;width:min(360px,100%)}.lobby-create-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lobby-create-row .btn{width:100%;min-height:48px;padding:12px 10px;font-size:15px}.lobby-hint{margin:-6px 0 0;font-size:12px;text-align:center}.lobby-open{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:14px;background:#ffffff0d;border:1px solid var(--line)}.lobby-open-title{font-size:13px;font-weight:700;color:var(--muted);text-align:left}.lobby-open-list{display:flex;flex-direction:column;gap:6px;min-height:40px}.lobby-open-empty{margin:4px 0;font-size:13px;text-align:center}.lobby-open-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;width:100%;padding:12px;border-radius:12px;border:1px solid rgba(77,141,255,.35);background:#4d8dff1f;color:var(--ink);font:inherit;font-size:14px;font-weight:600;cursor:pointer;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none;touch-action:manipulation}.lobby-open-item:hover{background:#4d8dff38}.lobby-open-name{font-weight:800}.lobby-open-meta{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.lobby-open-go{padding:4px 10px;border-radius:999px;background:#ffffff24;font-size:13px;font-weight:800;color:#ffd76a}.lobby-code.is-public{font-size:22px;letter-spacing:.06em;padding-left:0;color:#9ec8ff}.lobby-or{text-align:center;opacity:.55;font-size:13px}.lobby-join{display:flex;gap:8px}.lobby-input{flex:1;min-width:0;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#00000040;color:var(--ink);font:inherit;font-size:22px;letter-spacing:.28em;text-align:center}.lobby-status{min-height:1.4em;margin:0;text-align:center}.lobby-room{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 12px;border-radius:16px;background:#ffffff0f}.lobby-room.hidden{display:none}.lobby-code{font-size:36px;font-weight:800;letter-spacing:.28em;padding-left:.28em}.lobby-seat{margin:0;font-weight:700;color:#ffd76a}.lobby-ready-line{margin:0;font-size:15px;font-weight:700;color:var(--ink)}.lobby-players{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:100%}.lobby-slot{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:10px;border:1px solid var(--line);background:#ffffff0a;font-size:12px}.lobby-slot b{font-size:18px}.lobby-slot i{font-style:normal;color:var(--muted);font-size:11px}.lobby-slot.empty{opacity:.4}.lobby-slot.me{border-color:#4d8dffb3;background:#4d8dff2e}.lobby-slot.ready{border-color:#2ecc718c}.lobby-slot.ready i{color:#7dffa8}.result-standings{margin-top:14px}.duel-winner-num{font-size:clamp(28px,5vw,40px);font-weight:900;color:#ffd76a;text-shadow:0 0 20px rgba(255,200,80,.45);margin-bottom:6px}@media(max-width:560px){.lobby-players{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px)and (orientation:portrait){.screen{place-items:start center;align-content:start;padding:max(12px,env(safe-area-inset-top,0px)) 12px max(16px,env(safe-area-inset-bottom,0px))}body.with-sidebar .screen{padding-left:calc(var(--bar-w) + 10px);padding-right:10px}.panel.menu,.panel.result{width:100%;padding:18px 14px 16px;border-radius:18px}.panel.menu .logo{font-size:40px}.panel.menu h1,.panel.result h1{font-size:clamp(22px,6vw,28px)}.lobby-block{width:100%;gap:12px}.lobby-create-row{grid-template-columns:1fr}.lobby-join{flex-direction:column}.lobby-join .btn,.lobby-block>.btn,.lobby-create-row .btn{width:100%;min-height:48px;padding:14px 20px}.lobby-open-item{grid-template-columns:1fr auto;grid-template-rows:auto auto}.lobby-open-go{grid-column:2;grid-row:1 / span 2;align-self:center}.lobby-input{font-size:26px;min-height:48px;letter-spacing:.35em}.lobby-code{font-size:clamp(26px,9vw,34px)}.lobby-players{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.lobby-slot{padding:6px 2px;font-size:10px}.lobby-slot b{font-size:15px}.lobby-slot i{font-size:9px}.duel-trophy{font-size:48px}.duel-cheer{font-size:16px}.duel-result .stats{grid-template-columns:repeat(2,1fr);gap:8px}.actions{flex-direction:column;gap:10px;margin-top:16px}.actions .btn{width:100%;min-height:48px}}.hud{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;gap:12px;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));background:linear-gradient(180deg,#060a18d1,#060a1800);pointer-events:auto}@media(max-width:480px)and (orientation:portrait){.hud{flex-wrap:wrap;gap:6px 8px;padding:8px 10px;padding-top:max(8px,env(safe-area-inset-top,0px));padding-left:max(10px,env(safe-area-inset-left,0px));padding-right:max(10px,env(safe-area-inset-right,0px))}.hud-stat label{font-size:11px}.hud-stat span{font-size:16px}.hud-combo{flex:1 1 100%;order:5;font-size:14px;text-align:left;min-height:1.1em}.hud-quit{height:40px;padding:0 12px 0 10px;font-size:14px}.hud-btn{width:40px;height:40px}}.hud-stat{display:flex;align-items:baseline;gap:6px}.hud-stat label{color:var(--muted);font-size:12px}.hud-stat span{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.hud-combo{flex:1;color:var(--gold);font-size:17px;font-weight:800;text-align:center;text-shadow:0 2px 10px rgba(255,180,60,.5);transition:transform .12s ease}.hud-combo.pulse{transform:scale(1.22)}.hud-btn{flex:none;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:#ffffff14;color:var(--ink);font-size:19px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;touch-action:manipulation}.hud-btn:hover{background:#ffffff29}.hud-quit{width:auto;min-width:44px;height:44px;padding:0 14px 0 12px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-color:#ffffff47;background:#141c34e0;box-shadow:0 2px 10px #00000059;font-size:15px;font-weight:700}.hud-quit-icon{font-size:18px;line-height:1}.hud-quit-label{line-height:1}.hud-replay{margin-left:auto}.sub-title{margin:24px 0 10px;padding-top:18px;border-top:1px dashed var(--line);color:var(--muted);font-size:14px;font-weight:600;text-align:left}.mult-table{display:flex;flex-direction:column;gap:6px;text-align:left}.mult-row{display:flex;flex-wrap:wrap;gap:6px}.mult-cell{padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:#ffffff0d;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:560px){:root{--bar-w: 64px}.sidebar{padding:12px 8px}.nav-item{flex-direction:column;gap:3px;padding:9px 4px;font-size:11px;text-align:center}.nav-name{display:none}.nav-short{display:block}.nav-sub{margin-left:0;padding:7px 2px;font-size:10px}.panel{padding:20px 16px}.stats{grid-template-columns:repeat(2,1fr)}.levels{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.mult-cell{padding:5px 6px;font-size:11px}}.lang-pick{margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}.lang-label{display:block;margin-bottom:6px;padding-left:12px;color:var(--muted);font-size:12px}.lang-btns{display:flex;gap:6px;padding:0 8px}.lang-btn{flex:1;padding:7px 4px;border:1px solid var(--line);border-radius:9px;background:#ffffff0a;color:var(--muted);font:inherit;font-size:13px;cursor:pointer}.lang-btn:hover{color:var(--ink);background:#ffffff1a}.lang-btn.active{border-color:var(--accent);background:#4d8dff33;color:var(--ink);font-weight:600}