:root{--bg:#0e1015;--surface:#171a21;--surface-raised:#1f232c;--border:#2b3140;--text:#e8eaf0;--text-dim:#969db0;--accent:#5aa9f5;--good:#4ec98a;--ok:#f0c04a;--bad:#f2705f;--radius:14px;--touch-target:56px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{height:100%}.menu{max-width:1400px;height:100%;margin:0 auto;padding:clamp(20px,4vw,48px);overflow-y:auto}.menu__header h1{letter-spacing:-.02em;margin:0 0 6px;font-size:clamp(28px,4vw,44px)}.menu__header p{color:var(--text-dim);margin:0 0 32px;font-size:clamp(15px,1.6vw,18px)}.cards{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:inherit;min-height:190px;padding:22px;text-decoration:none;display:block}.card--ready{border-color:#33405a;transition:transform .12s,border-color .12s}.card--ready:hover,.card--ready:focus-visible{border-color:var(--accent);transform:translateY(-2px)}.card--planned{opacity:.55}.card__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.card__head h2{margin:0;font-size:19px;font-weight:600}.badge{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;flex:none;padding:4px 10px;font-size:11px}.badge--ready{color:var(--good);background:#4ec98a29}.badge--planned{color:var(--text-dim);background:#969db024}.card__summary{color:var(--text);margin:0 0 12px;font-size:15px}.card__proves{color:var(--text-dim);margin:0;font-size:13px}.card__proves span{text-transform:uppercase;letter-spacing:.08em;color:#6d7488;margin-bottom:2px;font-size:11px;display:block}.device{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-top:36px;padding:22px}.device h3{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin:0 0 14px;font-size:13px}.device dl{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px 20px;margin:0;display:grid}.device dt{color:var(--text-dim);font-size:12px}.device dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0 0 6px}.device__ua{border-top:1px solid var(--border);color:var(--text-dim);overflow-wrap:anywhere;margin:16px 0 0;padding-top:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.stage{flex-direction:column;height:100%;display:flex}.stage__bar{background:var(--surface);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:14px;padding:8px 14px;display:flex}.stage__back{min-height:var(--touch-target);background:var(--surface-raised);color:var(--text);border-radius:10px;align-items:center;padding:0 18px;font-size:15px;text-decoration:none;display:inline-flex}.stage__title{white-space:nowrap;text-overflow:ellipsis;margin-right:auto;font-weight:600;overflow:hidden}.stage__resolution{min-height:var(--touch-target);border:1px solid var(--border);background:var(--surface-raised);color:var(--text);border-radius:10px;padding:0 14px;font-size:15px}.stage__surface{flex:1;min-height:0;position:relative}.engine-canvas{touch-action:none;width:100%;height:100%;display:block}.stats{border:1px solid var(--border);background:var(--surface-raised);font-variant-numeric:tabular-nums;border-radius:10px;align-items:center;gap:14px;padding:8px 14px;font-size:13px;display:flex}.stats__row{flex-direction:column;line-height:1.2;display:flex}.stats__row span{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);font-size:10px}.stats__row b{font-size:15px}.stats[data-grade=good] .stats__row:nth-child(2) b{color:var(--good)}.stats[data-grade=ok] .stats__row:nth-child(2) b{color:var(--ok)}.stats[data-grade=bad] .stats__row:nth-child(2) b{color:var(--bad)}.stats__detail{color:var(--text-dim);white-space:nowrap;font-size:11px}.p0-hud{border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#0e1015b8;padding:16px 20px;position:absolute;top:16px;left:16px}.p0-hud__line{color:var(--text-dim);justify-content:space-between;gap:20px;font-size:15px;display:flex}.p0-hud__line b{color:var(--text);font-variant-numeric:tabular-nums;font-size:17px}.p0-hud__hint{max-width:240px;color:var(--text-dim);margin:12px 0 0;font-size:12px}.p0-dots{pointer-events:none;position:absolute;inset:0;overflow:hidden}.p0-dots__dot{border:3px solid var(--accent);background:#5aa9f529;border-radius:50%;width:72px;height:72px;margin:-36px 0 0 -36px;position:absolute;top:0;left:0}.stats__reset{border:1px solid var(--border);min-height:34px;color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:0 12px;font-size:11px}.stats__reset:hover{color:var(--text);border-color:var(--accent)}.p1-hud{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);background:#11151dd1;border-radius:999px;align-items:center;gap:clamp(18px,4vw,44px);padding:12px clamp(18px,4vw,32px);display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.p1-hud__stat{flex-direction:column;align-items:center;line-height:1.15;display:flex}.p1-hud__stat span{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);font-size:11px}.p1-hud__stat b{font-variant-numeric:tabular-nums;font-size:clamp(20px,3vw,28px)}.p1-hud__stat b.is-bumped{color:var(--good);animation:.42s cubic-bezier(.22,1.4,.4,1) p1-bump}@keyframes p1-bump{0%{transform:scale(1)}35%{transform:scale(1.45)}to{transform:scale(1)}}.p1-hud__restart{min-height:var(--touch-target);background:var(--accent);color:#08111c;font:inherit;cursor:pointer;border:none;border-radius:999px;padding:0 26px;font-size:16px;font-weight:700}@media (prefers-reduced-motion:reduce){.p1-hud__stat b.is-bumped{animation:none}}.touch-points{pointer-events:none;position:absolute;inset:0;overflow:hidden}.touch-points__dot{border:3px solid var(--accent);background:#5aa9f529;border-radius:50%;width:72px;height:72px;margin:-36px 0 0 -36px;position:absolute;top:0;left:0}.p2-hud{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);background:#0c0f15db;border-radius:999px;align-items:center;gap:clamp(14px,3vw,30px);padding:10px clamp(14px,3vw,24px);display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.p2-hud__group,.p2-hud__stat{flex-direction:column;align-items:center;gap:4px;line-height:1.15;display:flex}.p2-hud__group>span,.p2-hud__stat span{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);font-size:10px}.p2-hud__stat b{font-variant-numeric:tabular-nums;font-size:20px}.p2-hud__players{gap:6px;display:flex}.p2-hud__player{border:1px solid var(--border);width:40px;height:34px;color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border-radius:9px;font-size:15px;font-weight:700}.p2-hud__player[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#08111c}.p2-hud__restart{border:1px solid var(--border);min-height:40px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:0 18px;font-size:14px}.p2-banner{border:3px solid var(--winner-accent,var(--accent));color:var(--winner-accent,var(--accent));letter-spacing:-.02em;text-align:center;pointer-events:none;background:#0a0d12f0;border-radius:22px;padding:clamp(20px,4vw,40px) clamp(32px,6vw,72px);font-size:clamp(30px,6vw,68px);font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.p2-hud__scores{gap:6px;display:flex}.p2-hud__score{border:2px solid var(--chip-accent,var(--border));min-width:34px;height:34px;color:var(--chip-accent,var(--text));font-variant-numeric:tabular-nums;border-radius:9px;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:inline-flex}.p3-hud{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a1018b8;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:clamp(14px,3vw,30px);padding:10px clamp(16px,3vw,26px);display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.p3-hud__title{color:#f2f6fb;font-size:clamp(13px,1.6vw,17px);font-weight:600}.p3-hud__stat{flex-direction:column;align-items:center;line-height:1.15;display:flex}.p3-hud__stat span{text-transform:uppercase;letter-spacing:.1em;color:#e8eef89e;font-size:10px}.p3-hud__stat b{font-variant-numeric:tabular-nums;color:#fff;font-size:19px}.p3-hud__restart{color:#f2f6fb;min-height:38px;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff38;border-radius:999px;padding:0 18px;font-size:14px}.p3-banner{color:#9adb72;text-align:center;pointer-events:none;background:#08100ce6;border:3px solid #9adb72;border-radius:22px;max-width:min(80%,900px);padding:clamp(18px,3vw,34px) clamp(28px,5vw,60px);font-size:clamp(22px,4vw,46px);font-weight:800;position:absolute;bottom:9%;left:50%;transform:translate(-50%)}.p4-panel{border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);background:#0a0e14db;width:min(390px,100% - 32px);max-height:calc(100% - 32px);padding:16px 18px;position:absolute;top:16px;left:16px;overflow-y:auto}.p4-panel__head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.p4-panel__head strong{font-size:15px}.p4-panel__head span{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:11px}.p4-panel__rows{flex-direction:column;gap:9px;display:flex}.p4-row{align-items:center;gap:10px;display:flex}.p4-row__label{text-transform:uppercase;letter-spacing:.07em;width:74px;color:var(--text-dim);flex:none;font-size:11px}.p4-row__options{flex-wrap:wrap;gap:5px;display:flex}.p4-chip{border:1px solid var(--border);min-width:42px;height:32px;color:var(--text-dim);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border-radius:8px;padding:0 9px;font-size:13px}.p4-chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#08111c;font-weight:700}.p4-panel__actions{align-items:center;gap:12px;margin-top:16px;display:flex}.p4-panel__run{background:var(--good);color:#06180f;min-height:42px;font:inherit;cursor:pointer;border:none;border-radius:10px;padding:0 18px;font-size:14px;font-weight:700}.p4-panel__run:disabled{opacity:.5;cursor:progress}.p4-panel__status{color:var(--text-dim);font-size:11px}.p4-report{margin-top:14px}.p4-report summary{color:var(--text-dim);cursor:pointer;font-size:12px}.p4-report textarea{border:1px solid var(--border);width:100%;color:var(--text);resize:vertical;background:#0a0d13;border-radius:8px;margin-top:8px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.45}.offline{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-top:28px;padding:22px}.offline__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:6px;display:flex}.offline__head h3{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin:0;font-size:13px}.offline__badges{gap:8px;display:flex}.offline__net,.offline__mode{letter-spacing:.04em;border:1px solid var(--border);color:var(--text-dim);border-radius:999px;padding:4px 10px;font-size:11px}.offline__net[data-state=online]{color:var(--good);border-color:#4ec98a66}.offline__net[data-state=offline]{color:var(--ok);border-color:#f0c04a73}.offline__mode[data-state=installed]{color:var(--accent);border-color:#5aa9f573}.offline__intro{color:var(--text-dim);margin:0 0 16px;font-size:13px}.offline__packs{flex-direction:column;gap:8px;display:flex}.offline__pack{border:1px solid var(--border);background:var(--surface-raised);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.offline__pack-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;overflow:hidden}.offline__pack-status{color:var(--text-dim);flex:none;font-size:11px}.offline__pack-status[data-state=ready]{color:var(--good)}.offline__pack-status[data-state=stale]{color:var(--ok)}.offline__pack-status[data-state=downloading]{color:var(--accent)}.offline__pack-button{border:1px solid var(--border);min-height:36px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:8px;flex:none;padding:0 14px;font-size:13px}.offline__pack-button:disabled{opacity:.4;cursor:default}.offline__foot{border-top:1px solid var(--border);color:var(--text-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;padding-top:14px;font-size:12px;display:flex}.offline__actions{gap:8px;display:flex}.offline__install,.offline__clear{min-height:38px;font:inherit;cursor:pointer;border-radius:9px;padding:0 16px;font-size:13px}.offline__install{background:var(--accent);color:#08111c;border:none;font-weight:700}.offline__clear{border:1px solid var(--border);color:var(--text-dim);background:0 0}.stage__unavailable{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:32px;display:flex}.stage__unavailable h2{color:var(--ok);margin:0;font-size:clamp(20px,3vw,28px)}.stage__unavailable p{max-width:46ch;color:var(--text-dim);margin:0;font-size:15px}.stage__unavailable a{min-height:var(--touch-target);background:var(--surface-raised);color:var(--text);border-radius:10px;align-items:center;margin-top:8px;padding:0 22px;text-decoration:none;display:inline-flex}