:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f5f7ff;--muted:#95a8c7;--red:#ff5c7c;--blue:#4f9dff;--panel:#081428e6}*{box-sizing:border-box}html,body{overscroll-behavior:none;touch-action:none;background:#07101f;width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-family:Inter,ui-rounded,SF Pro Rounded,PingFang SC,-apple-system,BlinkMacSystemFont,sans-serif}button{-webkit-tap-highlight-color:transparent}.game-shell{isolation:isolate;background:radial-gradient(circle at 50% 45%,#1d437329,#0000 36%),#07101f;width:100vw;height:100dvh;min-height:320px;position:relative;overflow:hidden}.game-canvas,.game-canvas canvas{touch-action:none;position:absolute;inset:0;width:100%!important;height:100%!important}.game-canvas{z-index:0}.game-canvas canvas{display:block}.ambient{z-index:1;filter:blur(70px);opacity:.12;pointer-events:none;width:23vw;height:70%;position:absolute;top:15%}.ambient-left{background:var(--red);left:-14vw}.ambient-right{background:var(--blue);right:-14vw}.hud{z-index:4;top:max(18px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:none;background:#050f1fc2;border:1px solid #b9d1f424;border-radius:20px;grid-template-columns:minmax(112px,1fr) auto minmax(112px,1fr);align-items:center;min-width:min(470px,56vw);height:62px;padding:7px;display:grid;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 18px 55px #0000004d}.score-card{border-radius:14px;align-items:center;gap:9px;height:48px;padding:0 14px;display:flex}.score-card strong{font-variant-numeric:tabular-nums;margin-left:auto;font-size:clamp(1.45rem,2.6vw,2.15rem);line-height:1}.score-right strong{margin-left:0;margin-right:auto}.score-left{background:linear-gradient(90deg,#ff5c7c2e,#0000)}.score-right{background:linear-gradient(270deg,#4f9dff2e,#0000)}.player-dot{background:var(--red);width:8px;height:8px;box-shadow:0 0 14px var(--red);border-radius:50%;flex:none}.score-right .player-dot{background:var(--blue);box-shadow:0 0 14px var(--blue)}.player-label{color:#dfe8f8;letter-spacing:.08em;white-space:nowrap;font-size:.74rem;font-weight:800}.match-state{text-align:center;flex-direction:column;align-items:center;min-width:112px;padding:0 14px;display:flex}.match-state span{color:#7085a7;letter-spacing:.08em;font-size:.62rem;font-weight:700}.match-state b{color:#c9d8ef;letter-spacing:.04em;white-space:nowrap;margin-top:2px;font-size:.69rem}.top-actions{z-index:6;top:max(22px, env(safe-area-inset-top));right:max(22px, env(safe-area-inset-right));gap:8px;display:flex;position:absolute}.round-action.MuiIconButton-root{color:#c9d8ef;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050f1fb8;border:1px solid #b9d1f421;width:42px;height:42px;font-size:.7rem;font-weight:900}.round-action.MuiIconButton-root:hover{background:#142643e0}.side-label{z-index:2;color:#dae7fb30;letter-spacing:.24em;text-transform:uppercase;pointer-events:none;font-size:clamp(.58rem,1vw,.78rem);font-weight:800;position:absolute;top:50%}.side-label-left{left:max(7px, env(safe-area-inset-left));transform:translateY(-50%)rotate(-90deg)}.side-label-right{right:max(7px, env(safe-area-inset-right));transform:translateY(-50%)rotate(90deg)}.overlay{z-index:5;padding:max(22px, env(safe-area-inset-top)) max(32px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(32px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030a1670;place-items:center;display:grid;position:absolute;inset:0}.start-panel,.modal-panel{background:linear-gradient(145deg, #142b4ef0, #061123f2), var(--panel);text-align:center;border:1px solid #b9d1f426;border-radius:34px;width:min(520px,76vw);padding:clamp(28px,5vh,48px) clamp(32px,5vw,58px);box-shadow:0 40px 100px #00000080,inset 0 1px #ffffff0f}.eyebrow{color:#86b7ff;letter-spacing:.22em;text-transform:uppercase;margin:0 0 9px;font-size:.68rem;font-weight:900}.start-panel h1,.modal-panel h2{color:#f7fbff;letter-spacing:-.07em;text-shadow:0 8px 30px #5aaaff38;margin:0;font-size:clamp(2.1rem,6vh,4.1rem);font-weight:950;line-height:1}.modal-panel h2{font-size:clamp(2rem,5vh,3.5rem)}.intro{max-width:360px;color:var(--muted);margin:18px auto 22px;font-size:clamp(.88rem,1.4vw,1rem);line-height:1.7}.quick-rules{color:#b8c8df;justify-content:center;gap:20px;margin-bottom:22px;font-size:.7rem;font-weight:700;display:flex}.quick-rules span{white-space:nowrap;align-items:center;gap:6px;display:flex}.quick-rules i{color:#91b7ef;border:1px solid #91b7ef40;border-radius:7px;place-items:center;width:20px;height:20px;font-size:.62rem;font-style:normal;display:grid}.score-setting{color:#aabbd3;background:#020a176b;border:1px solid #b9d1f41c;border-radius:16px;justify-content:space-between;align-items:center;margin:0 auto 18px;padding:7px 8px 7px 16px;font-size:.75rem;font-weight:800;display:flex}.score-setting .MuiToggleButtonGroup-root{gap:5px}.score-setting .MuiToggleButton-root{color:#8296b4;border:0;min-width:42px;height:32px;font-size:.75rem;font-weight:900;border-radius:10px!important}.score-setting .MuiToggleButton-root.Mui-selected{color:#0a162a;background:#edf5ff}.primary-action.MuiButton-root{color:#081426;background:linear-gradient(100deg,#eaf3ff,#fff);border-radius:17px;width:100%;min-height:54px;font-size:.96rem;box-shadow:0 16px 38px #5aa0ff2e}.primary-action.MuiButton-root:hover{background:#fff}.primary-action.Mui-disabled{color:#dce8f766;background:#aac2e12e}.secondary-action.MuiButton-root{color:#9db0cb;width:100%;margin-top:8px}.keyboard-hint{color:#596d8d;margin:13px 0 0;font-size:.64rem;font-weight:700}.compact-panel{width:min(390px,68vw)}.compact-panel .primary-action,.winner-panel .primary-action{margin-top:28px}.trophy{width:58px;height:58px;color:var(--red);border:1px solid;border-radius:50%;place-items:center;margin:0 auto 16px;font-size:1.8rem;display:grid;box-shadow:0 0 34px #ff5c7c33}.winner-2 .trophy{color:var(--blue);box-shadow:0 0 34px #4f9dff33}.final-score{color:#f3f8ff;letter-spacing:.05em;margin:22px 0 0;font-size:clamp(2rem,5vw,3.2rem);font-weight:950}.final-score span{color:#526885;padding:0 12px}.countdown{z-index:4;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.countdown span{color:#f7fbff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05102299;border:1px solid #c8e1ff42;border-radius:50%;place-items:center;width:clamp(90px,13vw,150px);height:clamp(90px,13vw,150px);font-size:clamp(3rem,8vw,6.8rem);font-weight:950;line-height:1;animation:.7s cubic-bezier(.18,.8,.25,1) both countdown-pop;display:grid;box-shadow:0 0 80px #57abff29}.portrait-gate{z-index:20;text-align:center;background:#07101f;align-content:center;place-items:center;padding:30px;display:none;position:fixed;inset:0}.portrait-gate h2{margin:18px 0 8px;font-size:1.65rem}.portrait-gate p{max-width:280px;color:var(--muted);margin:0;line-height:1.6}.rotate-device{color:#78b3ff;border:3px solid #78b3ff;border-radius:18px;place-items:center;width:92px;height:130px;font-size:2.3rem;animation:2.2s ease-in-out infinite rotate-hint;display:grid}@keyframes countdown-pop{0%{opacity:0;transform:scale(.72)}35%{opacity:1;transform:scale(1.04)}to{opacity:.92;transform:scale(1)}}@keyframes rotate-hint{0%,22%{transform:rotate(0)}52%,74%{transform:rotate(90deg)}to{transform:rotate(0)}}@media (orientation:portrait) and (max-width:900px){.portrait-gate{display:grid}}@media (max-height:660px){.hud{height:54px;top:12px}.score-card{height:40px}.top-actions{top:16px}.round-action.MuiIconButton-root{width:38px;height:38px}.start-panel{padding-top:25px;padding-bottom:25px}.intro{margin-top:12px;margin-bottom:14px}.quick-rules{margin-bottom:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}