@import"https://fonts.googleapis.com/css2?family=Archivo:wght@400;600;700&family=Bebas+Neue&family=Cinzel:wght@400;600;700&family=DM+Serif+Display&family=IBM+Plex+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;600&family=Manrope:wght@400;500;600&family=Oxanium:wght@400;600;700&family=Playfair+Display:wght@500;700&family=Rajdhani:wght@400;600;700&family=Teko:wght@400;600&display=swap";:root{--bg-0: #070c14;--bg-1: #0e1826;--bg-2: #16253a;--surface: #111e30;--surface-2: #1a2b44;--text: #d8e8ff;--muted: #89a6c6;--primary: #33d1ff;--primary-strong: #00b8f0;--accent: #7df9ff;--danger: #ff6a87;--border: rgba(125, 249, 255, .28);--shadow: 0 14px 32px rgba(0, 0, 0, .35)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Space Grotesk,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 18% 14%,rgba(51,209,255,.18),transparent 36%),radial-gradient(circle at 84% 22%,rgba(125,249,255,.1),transparent 40%),linear-gradient(150deg,var(--bg-0),var(--bg-1) 38%,#0a1524)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(180deg,rgba(125,249,255,.03) 0,rgba(125,249,255,.03) 1px,transparent 2px,transparent 4px);opacity:.3}h1,h2,h3{font-family:Orbitron,Space Grotesk,sans-serif;letter-spacing:.04em}a{color:var(--accent)}button,input{font:inherit}.screen{min-height:100vh;padding:24px}.panel{background:linear-gradient(165deg,#111e30f2,#0b1623f2);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.screen-home{display:grid;place-items:center}.hero-panel{width:min(760px,100%);padding:36px;border-radius:24px;background:linear-gradient(145deg,#111e30f2,#0d1826e6);border:1px solid rgba(125,249,255,.4);box-shadow:var(--shadow)}.hero-panel h1{margin-top:0;font-size:clamp(32px,5vw,54px)}.hero-panel p{color:var(--muted);max-width:580px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.button-link,button{border:1px solid rgba(51,209,255,.8);border-radius:12px;background:linear-gradient(140deg,#33d1ff2e,#00b8f052);color:var(--text);text-decoration:none;font-weight:600;padding:10px 16px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.button-link:hover,button:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #7df9ff7a,0 8px 20px #00000047}button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.button-link-secondary,.btn-secondary{background:linear-gradient(140deg,#89a6c626,#50709247);border-color:#89a6c699}.btn-ghost{background:transparent;border-color:#7df9ff59}.btn-danger{background:linear-gradient(140deg,#ff6a872e,#c8284652);border-color:#ff6a87b3;color:#ffc1cf}.screen-form{display:grid;place-items:center}.form-panel{width:min(520px,100%);padding:28px;border-radius:18px;background:#111e30f2;border:1px solid var(--border);box-shadow:var(--shadow)}.form-panel h1{margin-top:0}.form-panel p{color:var(--muted)}.form-panel form{display:grid;gap:14px}.form-panel label{display:grid;gap:6px;font-size:14px;color:var(--muted)}.form-panel input,.form-panel select{width:100%;border-radius:10px;border:1px solid rgba(137,166,198,.45);background:#070e16cc;color:var(--text);padding:10px 12px}.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.text-link{color:var(--accent);text-decoration:none}.inline-error{margin:0;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,106,135,.5);color:#ffc1cf;background:#570d1e8c}.error-panel{border-color:#ff6a8780;box-shadow:0 0 0 1px #ff6a8740,var(--shadow)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04080ecc;display:grid;place-items:center;z-index:30}.modal-card{width:min(420px,calc(100vw - 24px));padding:22px;border-radius:14px;border:1px solid var(--border);background:#0d1a2a;display:grid;gap:12px}.modal-card h2{margin:0}.modal-card p{margin:0;color:var(--muted)}.modal-card input{border-radius:10px;border:1px solid rgba(125,249,255,.35);background:#060d15e6;color:var(--text);padding:10px}.modal-actions{display:flex;gap:10px}.standings-modal{width:min(520px,calc(100vw - 24px))}.standings-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.standings-entry{display:grid;grid-template-columns:32px 12px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;border:1px solid rgba(125,249,255,.2);background:#0a1420cc;font-size:13px}.standings-entry.is-self{border-color:#33d1ffcc;box-shadow:0 0 0 1px #33d1ff59}.standings-rank{font-weight:700;color:var(--text)}.standings-time{grid-column:5;justify-self:end;color:var(--muted);font-variant-numeric:tabular-nums}.standings-name{color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.standings-list-compact .standings-entry{padding:6px 8px;font-size:12px}.standings-badge{grid-column:4;justify-self:end;font-size:10px;padding:3px 6px;border-radius:999px;border:1px solid rgba(125,249,255,.4);text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.screen-lobby{display:grid;gap:16px;grid-template-columns:1fr}.lobby-header,.players-panel,.standings-panel{padding:18px}.player-list{display:grid;gap:8px}.player-row{display:flex;align-items:center;gap:8px;padding:10px;border-radius:10px;background:#112234b8}.player-chip,.player-dot{width:10px;height:10px;border-radius:999px}.pill{margin-left:auto;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:999px;border:1px solid rgba(125,249,255,.38);color:var(--muted)}.pill-self{margin-left:8px;border-color:#33d1ffb8;color:var(--accent)}.lobby-actions{display:flex;flex-wrap:wrap;gap:10px}.screen-game{display:grid;gap:16px;grid-template-rows:auto min-content auto}.game-topbar{padding:10px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px}.topbar-left{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--muted)}.topbar-round{font-weight:600;color:var(--text)}.topbar-phase{padding:4px 8px;border-radius:999px;border:1px solid rgba(125,249,255,.3);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.topbar-position{font-size:12px;font-variant-numeric:tabular-nums}.topbar-countdown{padding:4px 8px;border-radius:999px;border:1px solid rgba(255,200,90,.6);color:#ffc85a;font-weight:600;font-size:12px}.topbar-center{display:flex;align-items:center;gap:8px}.topbar-inventory-pill{padding:4px 10px;border-radius:999px;border:1px solid rgba(125,249,255,.3);font-size:13px;color:var(--muted);display:inline-flex;align-items:center;gap:5px}.topbar-inventory-pill .inventory-count{font-size:16px;font-weight:700;color:var(--text)}.topbar-right{display:flex;align-items:center;gap:12px}.topbar-timer{text-align:right}.topbar-timer-label{font-size:11px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.topbar-timer-value{font-size:34px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;transition:color .3s ease,text-shadow .3s ease}.topbar-timer-value.timer-warning{color:#ffc85a;text-shadow:0 0 8px rgba(255,200,90,.3)}.topbar-timer-value.timer-critical{color:#ff6a87;animation:timerPulse .8s ease-in-out infinite}@keyframes timerPulse{0%,to{text-shadow:0 0 6px rgba(255,106,135,.3)}50%{text-shadow:0 0 16px rgba(255,106,135,.7)}}.main-board-frame.invalid-flash{box-shadow:inset 0 0 0 2px #ff6a87cc,0 0 20px #ff6a874d;transition:box-shadow .1s ease}.mute-toggle{background:transparent;border:1px solid rgba(125,249,255,.3);border-radius:999px;padding:5px 8px;line-height:0;cursor:pointer;color:var(--muted);transition:border-color .15s ease;display:inline-flex;align-items:center;justify-content:center}.mute-toggle:hover{border-color:#7df9ff99;transform:none;box-shadow:none}.mute-toggle.is-muted{color:#89a6c680;border-color:#89a6c640}.topbar-socket{padding:4px 10px;border-radius:999px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(125,249,255,.3);color:var(--muted)}.topbar-socket.is-connected{color:#66f5b5;border-color:#66f5b58c}.topbar-socket.is-disconnected{color:#ff9db3;border-color:#ff9db38c}.gameplay-prototype-topbar.is-compact{padding:8px 12px;gap:10px}.gameplay-prototype-topbar.is-compact .topbar-left{gap:8px;font-size:12px}.gameplay-prototype-topbar.is-compact .topbar-phase,.gameplay-prototype-topbar.is-compact .topbar-position,.gameplay-prototype-topbar.is-compact .topbar-countdown,.gameplay-prototype-topbar.is-compact .topbar-socket{display:inline-flex;align-items:center;font-size:10px;padding:3px 8px;line-height:1}.gameplay-prototype-topbar.is-compact .topbar-right{gap:8px}.gameplay-prototype-topbar.is-compact .topbar-timer-inline{display:inline-flex;align-items:center;gap:6px}.gameplay-prototype-topbar.is-compact .topbar-timer-inline .topbar-timer-label{margin:0;font-size:10px}.gameplay-prototype-topbar.is-compact .topbar-timer-inline .topbar-timer-value{margin:0;font-size:28px;line-height:1}.game-layout-shell{display:grid;grid-template-columns:220px minmax(0,1fr) 220px;grid-template-areas:"left main right" "bottom bottom bottom";gap:12px;min-height:0}.game-layout-shell.has-rankings{grid-template-columns:220px minmax(0,1fr) 220px 320px;grid-template-areas:"left main right rankings" "bottom bottom bottom rankings"}.game-layout-main{grid-area:main}.game-layout-zone-top{grid-area:top}.game-layout-zone-left{grid-area:left}.game-layout-zone-right{grid-area:right}.game-layout-zone-bottom{grid-area:bottom}.game-layout-side-zone{max-height:calc(100vh - 240px);overflow:auto;padding-right:2px}.game-layout-strip-zone{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.game-layout-opponent-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.game-layout-rankings{grid-area:rankings;display:grid;gap:10px;align-content:start;min-height:0}.game-rankings-card{padding:12px}.game-rankings-card h2{margin:0 0 8px;font-size:16px}.game-layout-variant-2.has-rankings{grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"top rankings" "main rankings" "right rankings" "bottom rankings"}.game-layout-variant-3.has-rankings{grid-template-columns:220px minmax(0,1fr) 320px;grid-template-areas:"left main rankings" "right main rankings" "bottom bottom rankings"}.game-layout-variant-4.has-rankings{grid-template-columns:220px minmax(0,1fr) 220px;grid-template-areas:"rankings rankings rankings" "left main right" "top bottom bottom"}.game-layout-variant-4 .game-layout-rankings{grid-template-columns:repeat(2,minmax(0,1fr))}.game-layout-variant-5.has-rankings{grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"main rankings" "bottom bottom"}.game-layout-variant-5 .game-layout-opponent-wall{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));align-content:start;padding-right:4px}.game-layout-variant-5 .main-board-panel{min-height:0}.game-layout-variant-5 .main-board-frame{width:min(100%,clamp(520px,60vw,760px));margin:0 auto}.game-layout-variant-5 .game-layout-rankings{grid-template-rows:minmax(0,1fr) auto;height:0;min-height:100%;overflow:hidden}.game-layout-variant-5 .game-rankings-card:first-child{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}.game-layout-variant-5 .game-rankings-card .results-list,.game-layout-variant-5 .game-rankings-card .standings-list{min-height:0;overflow-y:auto;padding-right:4px}.main-board-panel{min-height:0;background:#111e30e6;border:1px solid var(--border);border-radius:16px;padding:14px;display:grid;grid-template-rows:min-content;gap:10px}.main-board-frame{width:min(100%,70vh);aspect-ratio:1 / 1;margin:0 auto;border-radius:12px;border:1px solid rgba(125,249,255,.28);overflow:hidden;background:radial-gradient(circle at 45% 20%,#33d1ff1f,#03080e99)}.mini-board-column{display:grid;gap:8px;align-content:start}.mini-board-card{border-radius:12px;border:1px solid rgba(125,249,255,.22);background:#0d1826e0;padding:8px}.mini-board-title{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:12px;color:var(--muted);border-left:2px solid transparent;padding-left:6px}.mini-board-dot{width:8px;height:8px;border-radius:999px}.mini-board-canvas{border-radius:8px;overflow:hidden;width:100%;aspect-ratio:1 / 1}.mini-board-overflow-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.board-grid{display:grid;width:100%;height:100%}.board-grid-shell{position:relative;width:100%;height:100%}.board-grid-shell-main,.board-grid-shell .board-grid,.board-grid-shell-mini .board-grid{height:100%}.board-grid-main{min-height:inherit}.board-cell{border:1px solid rgba(18,40,63,.5);padding:0;margin:0;background:#0b131fcc;border-radius:0;position:relative;overflow:hidden}button.board-cell{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transform:none;box-shadow:none;transition:none;border-radius:0}.board-cell.cell-empty{background:#101d2f}.board-cell.cell-wall{background:#32465f}.board-cell.cell-entry{background:#26b36a}.board-cell.cell-exit{background:#269ecf}.board-cell.cell-default{background:#8d9db0}.board-cell.cell-player{background:var(--player-color, var(--primary))}.board-cell.cell-slow{background:repeating-linear-gradient(135deg,#8498b0e0 0,#8498b0e0 4px,#43566deb 4px,#43566deb 8px),#415974;box-shadow:inset 0 0 0 1px #b0c5dc38}.board-cell.cell-slow-player{background:repeating-linear-gradient(45deg,#80f2ffd1 0,#80f2ffd1 4px,#0714255c 4px,#0714255c 8px),var(--player-color, var(--primary));box-shadow:inset 0 0 0 1px #7df9ff73}.board-cell.slow-active:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:4px;border:1px solid rgba(145,168,194,.62);box-shadow:0 0 5px #4f668073;animation:slowPulse .9s ease-in-out infinite;pointer-events:none;z-index:2}.board-cell.cell-slow-player.slow-active:after{border-color:#7df9ffe0;box-shadow:0 0 10px #33d1ffa8}@keyframes slowPulse{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.board-cell.cell-trail{box-shadow:inset 0 0 0 1px var(--player-color, var(--primary)),inset 0 0 0 999px #050f1833}.board-cell.cell-slowed:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:3px;background:repeating-linear-gradient(135deg,#7df9ff99 0,#7df9ff99 3px,#7df9ff0d 3px,#7df9ff0d 6px);opacity:var(--slow-opacity, .45);pointer-events:none;z-index:1}.board-unit-marker{position:absolute;width:12px;height:12px;border-radius:999px;transform:translate(-50%,-50%);background:#f5fcff;border:2px solid var(--player-color, var(--primary));box-shadow:0 0 0 2px #09141fe6;pointer-events:none;z-index:4}.board-grid-shell-mini .board-unit-marker{width:8px;height:8px;border-width:1px}.board-cell.cell-muted{filter:saturate(.45) brightness(.7)}.board-cell.footprint-valid{box-shadow:inset 0 0 0 1px #7df9ffcc}.board-cell.footprint-invalid{box-shadow:inset 0 0 0 1px #ff6a87f2}.board-cell.footprint-remove{box-shadow:inset 0 0 0 1px #ffc85ad9}.split-panels{padding:14px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.split-panels h2{margin-top:0;font-size:17px}.split-panels p,.split-panels li{color:var(--muted)}.gameplay-prototype-note{padding:12px 14px;color:var(--muted);font-size:13px}.gameplay-prototype-note p{margin:0}.gameplay-prototype-note code{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--accent)}.results-list{list-style:none;padding:0;margin:0;display:grid;gap:8px;align-content:start;grid-auto-rows:36px}.results-row{display:grid;grid-template-columns:32px 12px minmax(0,1fr) auto auto;align-items:center;gap:8px;height:36px;padding:6px 8px;border-radius:10px;border:1px solid rgba(125,249,255,.18);background:#0a1420b3;font-size:12px}.results-row.is-self{border-color:#33d1ffb3;box-shadow:0 0 0 1px #33d1ff4d}.results-name{color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results-rank{font-weight:700;color:var(--text)}.results-rank.is-pending{color:#89a6c6d9}.results-time{font-variant-numeric:tabular-nums;color:var(--muted)}.results-time.is-pending{color:#89a6c6e6}.results-pending,.results-meta-placeholder{font-size:10px;padding:2px 6px;border-radius:999px;border:1px solid rgba(137,166,198,.42);color:#89a6c6e6;text-transform:uppercase;letter-spacing:.06em;justify-self:end}.results-meta-placeholder{visibility:hidden}.results-penalty{font-size:10px;padding:2px 6px;border-radius:999px;border:1px solid rgba(255,106,135,.5);color:#ffc1cf;text-transform:uppercase;letter-spacing:.06em}@media(max-width:1200px){.game-layout-shell,.game-layout-shell.has-rankings{grid-template-columns:1fr;grid-template-areas:"main" "rankings" "top" "left" "right" "bottom"}.game-layout-side-zone{max-height:none;overflow:visible}.mini-board-column,.game-layout-strip-zone,.game-layout-opponent-wall{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-auto-rows:min-content}.game-layout-rankings,.game-layout-variant-4 .game-layout-rankings{grid-template-columns:1fr}.game-layout-variant-5 .main-board-frame{width:min(100%,62vh)}.game-layout-variant-5 .game-layout-opponent-wall,.game-layout-variant-5 .game-layout-rankings{height:auto;min-height:0;max-height:none;overflow:visible}}@media(max-width:740px){.screen{padding:14px}.game-topbar{flex-direction:column;align-items:flex-start}.topbar-right{width:100%;justify-content:space-between}.topbar-timer-value{font-size:26px}.gameplay-prototype-topbar.is-compact .topbar-right{width:100%;justify-content:space-between}.game-layout-variant-5 .build-toolbar,.split-panels{grid-template-columns:1fr}}@media(max-width:480px){.topbar-timer-value,.gameplay-prototype-topbar.is-compact .topbar-timer-inline .topbar-timer-value{font-size:22px}}.proto-screen{min-height:100vh;padding:32px clamp(20px,4vw,56px) 48px;border-radius:0;position:relative;isolation:isolate}.proto-screen button:not(.board-cell){border:none;padding:12px 18px;border-radius:999px;font-weight:600;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.proto-screen button:not(.board-cell):hover{transform:translateY(-2px)}.proto-screen:before{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:28px;border:1px solid rgba(255,255,255,.08);pointer-events:none;z-index:-1}.proto-1{font-family:Rajdhani,sans-serif;color:#e7f5ff;background:radial-gradient(circle at 20% 20%,rgba(88,198,255,.35),transparent 40%),radial-gradient(circle at 80% 10%,rgba(122,255,214,.2),transparent 45%),linear-gradient(145deg,#060c16,#0d1b2b 45%,#0f2336)}.proto-1 h1,.proto-1 h2{font-family:Oxanium,sans-serif;letter-spacing:.08em}.screen-home.proto-1{display:grid;place-items:center}.proto-1 .hero-panel{width:min(800px,100%);padding:clamp(24px,4vw,40px);border-radius:24px;border:1px solid rgba(119,214,255,.35);background:radial-gradient(circle at 88% 10%,rgba(108,221,255,.16),transparent 48%),linear-gradient(145deg,#091420e0,#0a1828c7);box-shadow:0 18px 40px #00000073;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.proto-1 .hero-panel h1{margin:10px 0 8px;font-size:clamp(38px,6vw,72px);letter-spacing:.08em}.proto-1 .hero-panel p{color:#dbefffc7;font-size:clamp(16px,2.1vw,20px);line-height:1.45;max-width:640px;margin:0}.proto-1 .hero-actions{margin-top:24px;gap:14px}.proto-1 .button-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border:1px solid rgba(103,206,255,.7);color:#00131f;background:linear-gradient(130deg,#55c6ffbf,#2d78dce6);box-shadow:0 12px 24px #00000059;border-radius:999px;padding:13px 24px;font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.proto-1 .button-link:hover{transform:translateY(-2px);box-shadow:0 16px 28px #0006}.proto-1 .button-link.button-link-secondary,.proto-1 .btn-secondary{border-color:#7ddaff8c;color:#c9edff;background:#07121eb8}.screen-form.proto-1{display:grid;place-items:center}.proto-1 .form-panel{width:min(560px,100%);padding:clamp(20px,3vw,30px);border-radius:20px;border:1px solid rgba(119,214,255,.35);background:radial-gradient(circle at 90% 12%,rgba(108,221,255,.12),transparent 46%),linear-gradient(155deg,#091420e6,#0a1828d1);box-shadow:0 18px 40px #00000073;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.proto-1 .form-panel h1{margin:8px 0 6px;font-size:clamp(26px,4vw,38px)}.proto-1 .form-panel p{color:#dbefffbd}.proto-1 .form-panel form{margin-top:12px;gap:16px}.proto-1 .form-panel label{color:#bef0ffdb;font-size:13px;letter-spacing:.09em;text-transform:uppercase}.proto-1 .form-panel input,.proto-1 .form-panel select,.proto-1 .modal-card input{border-radius:10px;border:1px solid rgba(120,210,255,.35);background:#08121ea6;color:#e7f5ff;padding:11px 12px;font-family:Rajdhani,sans-serif;font-size:16px}.proto-1 .form-panel input:focus,.proto-1 .form-panel select:focus,.proto-1 .modal-card input:focus{outline:none;border-color:#78d2ffc7;box-shadow:0 0 0 2px #78d2ff38}.proto-1 .form-actions{margin-top:10px}.proto-1 .text-link{color:#aaf5ffe6;text-decoration:none;letter-spacing:.07em;text-transform:uppercase;font-size:13px}.proto-1 .text-link:hover{text-decoration:underline}.proto-1 .inline-error{margin-top:10px;border-radius:12px;border-color:#ff7b9c99;background:#66142a99;color:#ffd6df}.proto-1 .error-panel{border-color:#ff7b9c80}.proto-1.screen-game{display:grid;gap:18px;grid-template-rows:auto min-content auto}.proto-1 .game-topbar{padding:16px 18px}.proto-1 .topbar-left{color:#dbefffb3}.proto-1 .topbar-round{font-family:Oxanium,sans-serif;letter-spacing:.06em}.proto-1 .topbar-phase,.proto-1 .topbar-position,.proto-1 .topbar-socket{background:#08121ea3}.proto-1 .topbar-position{border-radius:999px;border:1px solid rgba(120,210,255,.3);padding:4px 10px}.proto-1 .topbar-timer-label{color:#bef0ffbd}.proto-1 .topbar-timer-value{font-family:Oxanium,sans-serif}.proto-1 .game-layout-shell{gap:14px}.proto-1 .main-board-panel,.proto-1 .mini-board-card{background:#0a1420b8;border-radius:20px;border:1px solid rgba(119,214,255,.3);box-shadow:0 18px 40px #00000073;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.proto-1 .main-board-panel{padding:18px}.proto-1 .main-board-frame{border-color:#78d2ff73;box-shadow:inset 0 0 0 1px #78d2ff33}.proto-1 .mini-board-title{color:#bef0ffd1}.proto-1 .split-panels{padding:0;gap:14px}.proto-1 .split-panels .p1-card{padding:18px}.proto-1 .split-panels h2{margin:0 0 8px}.proto-1 .results-row,.proto-1 .standings-entry{border:1px solid rgba(120,210,255,.22);background:#0c1828ad}.proto-1 .results-row.is-self,.proto-1 .standings-entry.is-self{border-color:#78d2ffd1;box-shadow:0 0 0 1px #78d2ff57}.proto-1 .results-time,.proto-1 .standings-time{color:#bef0ffc2}.proto-1 .modal-backdrop{background:#030a12d1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.proto-1 .modal-card{width:min(440px,calc(100vw - 24px));border-radius:20px;border:1px solid rgba(120,210,255,.42);background:radial-gradient(circle at 14% 10%,rgba(88,198,255,.2),transparent 35%),linear-gradient(165deg,#07111df5,#0b1a2af5);box-shadow:0 20px 48px #0000008c;padding:clamp(16px,2.4vw,24px)}.proto-1 .standings-modal{width:min(560px,calc(100vw - 24px))}.proto-1 .modal-card h2{margin:0}.proto-1 .modal-card p{color:#dcf3ffd1}.proto-1 .modal-card label{color:#bef0ffdb;font-size:13px;letter-spacing:.09em;text-transform:uppercase}.lobby-live{position:relative;overflow:hidden}.lobby-live.is-starting .p1-top,.lobby-live.is-starting .p1-grid,.lobby-live.is-starting .inline-error{filter:blur(3px) saturate(.8);opacity:.56;pointer-events:none;-webkit-user-select:none;user-select:none}.lobby-countdown-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-content:center;justify-items:center;gap:14px;text-align:center;background:radial-gradient(circle at 50% 50%,rgba(125,249,255,.22),transparent 45%),linear-gradient(165deg,#040b12c7,#06101be6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lobby-countdown-label{text-transform:uppercase;letter-spacing:.24em;font-size:14px;color:#cdf1ffdb}.lobby-countdown-seconds{font-size:clamp(96px,22vw,180px);line-height:.92;color:#e8fbff;text-shadow:0 0 24px rgba(125,249,255,.4),0 0 64px rgba(85,198,255,.32)}.lobby-countdown-hint{color:#cdf1ffb8;letter-spacing:.08em;font-size:14px}.p1-top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.p1-title h1{margin:8px 0 4px;font-size:clamp(38px,5vw,64px)}.p1-kicker{text-transform:uppercase;letter-spacing:.3em;font-size:12px;color:#e7f5ffad}.p1-meta{color:#e7f5ff9e;font-size:15px}.p1-actions{display:flex;gap:12px}.p1-actions button{background:linear-gradient(130deg,#55c6ffbf,#2d78dce6);color:#00131f;box-shadow:0 12px 26px #00000059;padding:14px 28px;font-size:15px}.p1-ghost{background:transparent;border:1px solid rgba(133,220,255,.7);color:#bfe9ff;box-shadow:inset 0 0 0 1px #85dcff1a}.p1-grid{display:grid;grid-template-columns:minmax(280px,1.2fr) minmax(240px,.8fr);gap:24px}.p1-card{background:#0a1420b8;border-radius:20px;border:1px solid rgba(119,214,255,.3);box-shadow:0 18px 40px #00000073;padding:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.p1-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.p1-pill{font-size:12px;text-transform:uppercase;letter-spacing:.2em;padding:6px 12px;border-radius:999px;border:1px solid rgba(160,242,255,.6);color:#b4f6ffd9}.p1-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}.p1-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:linear-gradient(120deg,#0f1e32e6,#0a1626b3);border:1px solid rgba(120,210,255,.18)}.p1-row.is-self{border-color:#78d2ffcc;box-shadow:0 0 0 1px #78d2ff59}.p1-row.is-disconnected{background:linear-gradient(120deg,#1a1e24d9,#12141ab3);border-color:#b4bec838;opacity:.6;filter:grayscale(.5)}.p1-row.is-disconnected .p1-name{color:#d2dce8cc}.p1-row.is-disconnected .p1-status{color:#d2dce8d9;border-color:#bec8d666;background:#0c0e1299}.p1-name{font-weight:600;flex:1}.p1-status{margin-left:auto;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#bef0fff2;padding:4px 10px;border-radius:999px;border:1px solid rgba(120,210,255,.35);background:#08121ea6}.p1-dot{width:12px;height:12px;border-radius:999px;box-shadow:0 0 12px currentColor}.p1-brief,.p1-timeline{display:grid;gap:12px;margin-top:14px}.p1-brief div,.p1-timeline div{display:flex;justify-content:space-between;font-size:14px;color:#dbefffbf}.p1-brief strong,.p1-timeline strong{color:#e7f5ff}.p1-selects{display:grid;gap:12px;margin-top:14px}.p1-select{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;color:#dbefffbf}.p1-select span{letter-spacing:.05em}.p1-select-wrap{position:relative;min-width:120px}.p1-select-wrap:after{content:"▾";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#b4f6ffcc;pointer-events:none}.p1-select select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:10px;border:1px solid rgba(120,210,255,.35);background:#08121ea6;color:#e7f5ff;padding:8px 32px 8px 12px;font-family:Rajdhani,sans-serif;letter-spacing:.06em}.p1-select select:disabled{opacity:.6;cursor:not-allowed}.p1-results{margin-top:18px;display:grid;gap:10px}.p1-results-title{margin:0 0 4px;letter-spacing:.08em}.p1-result-empty{padding:10px 12px;border-radius:12px;border:1px dashed rgba(120,210,255,.2);color:#bef0ffb3;font-size:13px}.p1-result-row{display:grid;grid-template-columns:40px 18px 1fr auto auto;gap:10px;padding:8px 10px;border-radius:12px;background:#0c1828b3;border:1px solid rgba(120,210,255,.16);font-size:13px;align-items:center}.p1-result-rank{font-variant-numeric:tabular-nums;color:#b4f6ffcc}.p1-result-dot{width:10px;height:10px;border-radius:999px;box-shadow:0 0 10px currentColor}.p1-result-row em{font-style:normal;color:#aaf5ffcc}.p1-standings{margin-top:24px}.p1-howto-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:clamp(12px,3vw,28px);background:#030a12d1;z-index:80}.p1-howto-modal{width:min(760px,100%);max-height:calc(100vh - 48px);overflow:auto;border-radius:22px;border:1px solid rgba(120,210,255,.42);background:radial-gradient(circle at 14% 10%,rgba(88,198,255,.2),transparent 35%),linear-gradient(165deg,#07111df5,#0b1a2af5);box-shadow:0 20px 48px #0000008c;padding:clamp(16px,2.4vw,24px);display:grid;gap:16px}.p1-howto-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.p1-howto-kicker{margin:0;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#b9f3ffc2}.p1-howto-head h2{margin:6px 0 0;font-size:clamp(24px,3vw,34px)}.p1-howto-close{flex-shrink:0}.p1-howto-slide{display:grid;gap:14px}.p1-howto-image{width:100%;aspect-ratio:1 / 1;min-height:0;border-radius:16px;overflow:hidden;border:1px solid rgba(140,228,255,.58);background:#08131fe6}.p1-howto-image img{width:100%;height:100%;object-fit:cover;display:block}.p1-howto-image.is-path-goal{aspect-ratio:4 / 3}.p1-howto-image.is-path-goal img{object-fit:contain;background:#08131fe6}.p1-howto-slide h3{margin:0;font-size:clamp(20px,2.8vw,30px);letter-spacing:.06em}.p1-howto-slide p{margin:0;color:#dcf3ffd1;font-size:16px;line-height:1.5}.p1-howto-slide-title{min-height:1.25em}.p1-howto-slide-text{min-height:3em}.p1-howto-slide-list{margin:0;padding-left:20px;color:#dcf3ffdb;font-size:16px;line-height:1.5;display:grid;gap:6px}.p1-howto-slide-list li{margin:0}.p1-howto-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.p1-howto-indicator{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#bef0ffbd}.p1-howto-nav{display:flex;gap:10px}.p1-howto-nav button{min-width:102px}.proto-2{font-family:IBM Plex Sans,sans-serif;color:#f7f2ea;background:radial-gradient(circle at 12% 12%,rgba(255,163,85,.3),transparent 45%),linear-gradient(135deg,#1d1a14,#2a2319 50%,#1a1410)}.proto-2 h1,.proto-2 h2,.proto-2 h3,.proto-2 h4{font-family:Teko,sans-serif;letter-spacing:.08em}.p2-layout{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(320px,1.6fr) minmax(200px,.6fr);gap:20px}.p2-side,.p2-right{background:#1e1912d9;border:1px solid rgba(255,193,122,.2);border-radius:20px;padding:20px;box-shadow:0 18px 30px #00000059}.p2-room h1{margin:8px 0;font-size:clamp(40px,4vw,56px)}.p2-label{text-transform:uppercase;font-size:12px;letter-spacing:.3em;color:#f7d2a0b3}.p2-chips{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:#f7f2eab3}.p2-chips span{padding:4px 10px;border-radius:999px;border:1px solid rgba(255,187,112,.4)}.p2-queue ol{margin:12px 0 0;padding-left:20px;display:grid;gap:6px;color:#f7f2eacc}.p2-notes{margin-top:18px;display:grid;gap:12px}.p2-notes div{display:flex;justify-content:space-between;font-size:14px;color:#f7f2eab3}.p2-main{background:#18140fa6;border-radius:28px;border:1px solid rgba(255,199,132,.2);padding:24px}.p2-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.p2-header p{margin:6px 0 0;color:#f7f2ea99}.p2-actions{display:flex;gap:12px}.p2-actions button{background:linear-gradient(130deg,#ffb36a,#ff7a3d);color:#1c1206}.p2-ghost{background:transparent;border:1px solid rgba(255,190,115,.6);color:#ffe7c4e6}.p2-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:22px}.p2-card{background:#140f0ad9;border:1px solid rgba(255,193,122,.2);border-radius:18px;padding:16px;display:grid;gap:12px}.p2-card header{display:flex;align-items:center;gap:10px}.p2-card h4{margin:0}.p2-swatch{width:12px;height:12px;border-radius:999px}.p2-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:#f7f2eab3}.p2-tags{display:flex;gap:8px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.p2-tags span{padding:4px 8px;border-radius:999px;border:1px solid rgba(255,193,122,.35)}.p2-runs{display:grid;gap:10px;margin-top:12px}.p2-runs div{display:grid;grid-template-columns:1fr auto auto;gap:8px;font-size:14px;color:#f7f2eabf}.p2-runs em{color:#ffb36a;font-style:normal}.p2-footer{margin-top:20px;color:#f7f2ea99}.proto-3{font-family:Archivo,sans-serif;color:#1d1a17;background:linear-gradient(135deg,#fff9eef5,#f1e9dfe6),repeating-linear-gradient(90deg,rgba(0,0,0,.04),rgba(0,0,0,.04) 1px,transparent 1px,transparent 22px)}.proto-3 h1,.proto-3 h2{font-family:Playfair Display,serif}.p3-hero{display:flex;justify-content:space-between;gap:20px;padding:22px 24px;background:#ffffffb3;border-radius:18px;border:1px solid rgba(0,0,0,.08);box-shadow:0 12px 24px #00000014}.p3-kicker{text-transform:uppercase;letter-spacing:.3em;font-size:12px;color:#0000008c}.p3-hero h1{margin:6px 0;font-size:clamp(36px,4vw,54px)}.p3-hero-actions{display:flex;gap:12px;align-items:center}.p3-hero-actions button{background:#1d1a17;color:#fff9ee}.p3-ghost{background:transparent;border:1px solid rgba(0,0,0,.2);color:#1d1a17}.p3-layout{margin-top:24px;display:grid;grid-template-columns:minmax(320px,2fr) minmax(240px,.9fr);gap:20px}.p3-table{background:#ffffffb3;border-radius:18px;border:1px solid rgba(0,0,0,.08);padding:16px 18px}.p3-row{display:grid;grid-template-columns:1.4fr 1fr .6fr .8fr .6fr;gap:12px;padding:10px 8px;border-bottom:1px solid rgba(0,0,0,.08);align-items:center;font-size:14px}.p3-row:last-child{border-bottom:none}.p3-head{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:#00000080;font-weight:600}.p3-player{display:flex;align-items:center;gap:8px;font-weight:600}.p3-player em{font-size:10px;text-transform:uppercase;letter-spacing:.2em;margin-left:6px;color:#00000080}.p3-dot{width:10px;height:10px;border-radius:50%}.p3-row.is-self{background:#0000000a;border-radius:10px}.p3-sidebar{display:grid;gap:16px}.p3-card{background:#fffc;border:1px solid rgba(0,0,0,.08);border-radius:18px;padding:16px}.p3-card ul{margin:12px 0 0;padding-left:18px;color:#0009;display:grid;gap:6px}.p3-card-accent{background:#1d1a17;color:#fff9ee}.p3-card-accent button{background:#fff9ee;color:#1d1a17;margin-top:12px}.proto-4{font-family:JetBrains Mono,monospace;color:#e3f2ff;background:radial-gradient(circle at 10% 10%,rgba(55,255,173,.2),transparent 42%),linear-gradient(135deg,#05080d,#0a1019 55%,#06090f)}.proto-4 h1,.proto-4 h2{font-family:Bebas Neue,sans-serif;letter-spacing:.2em}.p4-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;border-bottom:1px solid rgba(120,255,200,.2);padding-bottom:18px}.p4-kicker{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:#b4ffdc99}.p4-actions{display:flex;gap:12px}.p4-actions button{background:#35ffa6;color:#00110a}.p4-ghost{background:transparent;border:1px solid rgba(120,255,200,.4);color:#b6ffe1}.p4-grid{display:grid;grid-template-columns:minmax(260px,1.2fr) minmax(280px,1fr) minmax(220px,.8fr);gap:20px;margin-top:22px}.p4-map,.p4-roster,.p4-brief{background:#080e16d9;border-radius:18px;border:1px solid rgba(120,255,200,.2);padding:18px;box-shadow:0 14px 28px #0006}.p4-lanes{display:flex;gap:20px;margin-top:10px;font-size:13px;color:#c8ffe8b3}.p4-schematic{position:relative;margin-top:16px;height:180px;border-radius:14px;border:1px dashed rgba(120,255,200,.25);background-image:repeating-linear-gradient(90deg,rgba(120,255,200,.08) 0,rgba(120,255,200,.08) 1px,transparent 1px,transparent 22px),repeating-linear-gradient(180deg,rgba(120,255,200,.08) 0,rgba(120,255,200,.08) 1px,transparent 1px,transparent 22px);display:grid;grid-template-columns:repeat(3,1fr);place-items:center;gap:12px}.p4-node{width:28px;height:28px;border-radius:8px;background:#78ffc81f;border:1px solid rgba(120,255,200,.4);box-shadow:0 0 12px #78ffc84d}.p4-modules{margin-top:16px;display:grid;gap:10px;font-size:13px}.p4-modules div{display:flex;justify-content:space-between;color:#c8ffe8b3}.p4-roster .p4-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:#0c141cd9;border:1px solid rgba(120,255,200,.12);margin-top:10px}.p4-roster .p4-row.is-self{border-color:#78ffc899;box-shadow:0 0 0 1px #78ffc84d}.p4-dot{width:10px;height:10px;border-radius:50%}.p4-pill{margin-left:auto;font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:#c8ffe8cc}.p4-brief-grid,.p4-timing{display:grid;gap:10px;margin-top:12px}.p4-brief-grid div,.p4-timing div{display:flex;justify-content:space-between;font-size:13px;color:#c8ffe8b3}.proto-5{font-family:Manrope,sans-serif;color:#f7f2e6;background:radial-gradient(circle at 70% 15%,rgba(225,185,120,.2),transparent 45%),linear-gradient(160deg,#0c1a16,#132822 50%,#0b1410)}.proto-5 h1,.proto-5 h2,.proto-5 h3{font-family:Cinzel,serif;letter-spacing:.12em}.p5-frame{border-radius:24px;border:1px solid rgba(225,185,120,.4);padding:24px;background:#0a120fa6;box-shadow:0 20px 40px #00000073}.p5-header{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(225,185,120,.3);padding-bottom:16px}.p5-kicker{text-transform:uppercase;letter-spacing:.3em;font-size:11px;color:#f7f2e699}.p5-status{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#f7f2e6b3;text-align:right}.p5-columns{display:grid;grid-template-columns:minmax(320px,2fr) minmax(220px,.9fr);gap:20px;margin-top:20px}.p5-ledger-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(225,185,120,.2);padding-bottom:10px;margin-bottom:12px}.p5-row{display:grid;grid-template-columns:40px 1.4fr .8fr .9fr;gap:12px;padding:10px 4px;align-items:center;border-bottom:1px solid rgba(225,185,120,.15)}.p5-row.is-self{background:#e1b97814;border-radius:12px}.p5-player{display:flex;align-items:center;gap:10px}.p5-dot{width:10px;height:10px;border-radius:50%}.p5-rank{font-family:"DM Serif Display",serif;font-size:18px;color:#e1b978cc}.p5-stat{color:#f7f2e6b3}.p5-tag{text-transform:uppercase;letter-spacing:.2em;font-size:10px;color:#e1b978cc}.p5-side{display:grid;gap:14px}.p5-card{border:1px solid rgba(225,185,120,.2);border-radius:16px;padding:16px;background:#0b1410b3;display:grid;gap:10px}.p5-card button{background:linear-gradient(130deg,#e1b978,#c08a45);color:#22150b}.p5-ghost{background:transparent;border:1px solid rgba(225,185,120,.5);color:#f7f2e6d9}.p5-card span{color:#f7f2e699;font-size:12px}@media(max-width:1100px){.p1-grid,.p3-layout,.p4-grid,.p5-columns,.p2-layout{grid-template-columns:1fr}.p2-header,.p1-top,.p3-hero,.p4-header,.p5-header{flex-direction:column;align-items:flex-start}.p2-actions,.p1-actions,.p3-hero-actions,.p4-actions{width:100%;flex-wrap:wrap}}@media(max-width:720px){.proto-screen{padding:24px 18px 36px}.lobby-countdown-label{letter-spacing:.16em;font-size:12px}.lobby-countdown-seconds{font-size:clamp(78px,30vw,132px)}.lobby-countdown-hint{font-size:12px}.proto-1 .hero-panel,.proto-1 .form-panel{border-radius:16px;padding:18px}.proto-1 .hero-actions{display:grid;grid-template-columns:1fr}.proto-1 .button-link{width:100%}.p1-howto-modal{max-height:calc(100vh - 28px);border-radius:16px;gap:14px}.p1-howto-slide p{font-size:15px}.p1-howto-slide-text{min-height:4.5em}.p1-howto-nav{width:100%}.p1-howto-nav button{flex:1}.p3-row{grid-template-columns:1.2fr 1fr .6fr}.p3-row span:nth-child(4),.p3-row span:nth-child(5){display:none}.p5-row{grid-template-columns:30px 1.4fr 1fr}.p5-row .p5-tag{display:none}}.home-proto{display:grid;place-items:center;gap:32px}.home-proto-a{font-family:Oxanium,sans-serif;background:radial-gradient(circle at 30% 20%,rgba(51,209,255,.25),transparent 40%),radial-gradient(circle at 75% 80%,rgba(125,249,255,.12),transparent 45%),linear-gradient(155deg,var(--bg-0),var(--bg-1) 40%,#080e1a)}.ha-glow{position:fixed;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(51,209,255,.15),transparent 70%);top:-200px;right:-100px;pointer-events:none;animation:haGlowDrift 12s ease-in-out infinite alternate}@keyframes haGlowDrift{0%{transform:translate(0)}to{transform:translate(-80px,60px)}}.ha-hero{width:min(820px,100%);text-align:center}.ha-kicker{text-transform:uppercase;letter-spacing:.35em;font-size:12px;color:var(--muted);margin:0}.ha-title{font-family:Orbitron,sans-serif;font-size:clamp(42px,7vw,80px);margin:12px 0 16px;line-height:1.05}.ha-accent{color:var(--accent)}.ha-tagline{color:var(--muted);font-size:clamp(16px,2vw,20px);line-height:1.5;max-width:600px;margin:0 auto}.ha-showcase{margin:32px auto;width:min(780px,100%);display:grid;gap:12px;justify-items:center}.ha-phase-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;border:1px solid var(--border);font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--accent)}.ha-phase-dot{width:6px;height:6px;border-radius:50%;background:var(--primary);animation:haPhaseGlow 1.5s ease-in-out infinite}@keyframes haPhaseGlow{0%,to{box-shadow:0 0 #33d1ff99}50%{box-shadow:0 0 0 6px #33d1ff00}}.ha-demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}.ha-demo-grid .mini-board-card{background:#0d1826e0}.ha-demo-grid .mini-board-canvas{aspect-ratio:1 / 1}.ha-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.ha-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:999px;padding:14px 28px;font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;transition:transform .16s ease,box-shadow .16s ease}.ha-btn:hover{transform:translateY(-2px)}.ha-btn-primary{background:linear-gradient(130deg,#33d1ffd9,#00b8f0f2);color:#001520;border:1px solid rgba(51,209,255,.8);box-shadow:0 12px 24px #00000059}.ha-btn-secondary{background:#07121eb8;color:var(--accent);border:1px solid rgba(125,249,255,.5)}.ha-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:min(820px,100%)}.ha-feature{text-align:center;padding:24px 16px;border-radius:16px;border:1px solid var(--border);background:#111e3099}.ha-feature-icon{display:block;font-size:28px;margin-bottom:8px;color:var(--accent)}.ha-feature h3{font-family:Orbitron,sans-serif;margin:0 0 6px;font-size:16px;letter-spacing:.08em}.ha-feature p{margin:0;color:var(--muted);font-size:14px;line-height:1.4}@media(max-width:900px){.ha-demo-grid{grid-template-columns:repeat(2,1fr)}.ha-features{grid-template-columns:1fr}}@media(max-width:600px){.ha-demo-grid{grid-template-columns:repeat(2,1fr);gap:8px}}.dev-editor-page{padding:24px 32px;max-width:1400px;margin:0 auto}.dev-title{font-family:Oxanium,sans-serif;font-size:1.6rem;color:var(--primary);margin:0 0 4px}.dev-subtitle{color:var(--muted);font-size:.85rem;margin:0 0 16px}.dev-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.dev-btn{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:6px 14px;border-radius:6px;cursor:pointer;font-size:.82rem;font-family:inherit;transition:background .15s,border-color .15s}.dev-btn:hover{background:var(--surface-2)}.dev-btn-active{background:var(--primary);color:var(--bg-0);border-color:var(--primary);font-weight:600}.dev-btn:disabled{opacity:.4;cursor:not-allowed}.dev-btn-small{padding:4px 10px;font-size:.78rem}.dev-sep{width:1px;height:24px;background:var(--border);flex-shrink:0}.dev-tool-hint{font-size:.78rem;color:var(--muted);margin-bottom:10px;font-style:italic}.dev-shared-info{font-size:.78rem;color:var(--muted);font-family:JetBrains Mono,monospace;margin-bottom:10px}.dev-phase-badge{margin-bottom:12px;padding:4px 12px;background:var(--surface);border:1px solid var(--border);border-radius:6px;display:inline-block;font-size:.82rem;color:var(--accent)}.dev-editor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.dev-board-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px}.dev-board-header{display:flex;align-items:center;gap:6px;padding-bottom:6px;border-bottom:2px solid;margin-bottom:6px;font-size:.82rem;font-weight:600}.dev-pos-info{font-size:.72rem;color:var(--muted);margin-bottom:6px;font-family:JetBrains Mono,monospace}.dev-board-canvas{aspect-ratio:1 / 1}.dev-board-tabs{display:flex;align-items:center;gap:4px;margin-bottom:12px;flex-wrap:wrap}.dev-tab{display:inline-flex;align-items:center;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:6px;overflow:hidden}.dev-tab-active{border-color:var(--primary)}.dev-tab-btn{background:none;border:none;color:var(--text);padding:5px 12px;font-family:inherit;font-size:.82rem;cursor:pointer}.dev-tab-active .dev-tab-btn{color:var(--primary);font-weight:600}.dev-tab-close{background:none;border:none;border-left:1px solid var(--border);color:var(--muted);padding:5px 8px;cursor:pointer;font-size:.9rem}.dev-tab-close:hover{color:var(--danger)}.dev-scenario-main{margin-bottom:12px}.dev-main-board{max-width:600px;aspect-ratio:1 / 1}.dev-status-bar{font-size:.82rem;color:var(--muted);font-family:JetBrains Mono,monospace}.dev-warn{color:var(--danger)}.dev-muted{color:var(--muted)}@media(max-width:900px){.dev-editor-grid{grid-template-columns:repeat(2,1fr)}}.timelapse-viewer{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.timelapse-phase-badge{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--muted);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.1em}.timelapse-phase-dot{width:8px;height:8px;border-radius:50%;background:var(--primary)}.timelapse-phase-dot.timelapse-eval{background:#4dff2d}.timelapse-board{width:min(88vw,88vh - 3rem);aspect-ratio:1}