.vs-page{padding-bottom:84px}.vs-hero{margin-bottom:10px}.vs-hero p{max-width:780px}.vs-game-panel{padding:16px}.vs-topline,.vs-setup,.vs-live-hud,.vs-board-top,.vs-board-foot,.vs-start-row,.vs-result-actions{display:flex;align-items:center}.vs-topline{justify-content:space-between;gap:12px}.vs-tabs,.vs-levels,.vs-session,.vs-stimulus,.vs-utility{display:flex;gap:7px;flex-wrap:wrap}.vs-tabs a,.vs-levels a,.vs-session button,.vs-stimulus button{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:999px;padding:9px 13px;font:inherit;font-weight:780;text-decoration:none;cursor:pointer}.vs-tabs a.active,.vs-levels a.active,.vs-session button.active,.vs-stimulus button.active{background:var(--text);color:var(--card);border-color:var(--text)}.vs-mini-record{display:flex;gap:8px;align-items:baseline;color:var(--muted);font-size:.82rem}.vs-mini-record strong{color:var(--text)}.vs-setup{justify-content:space-between;gap:14px;margin:14px 0;padding:12px;border:1px solid var(--line);border-radius:15px;background:var(--soft)}.vs-label{display:block;font-size:.72rem;font-weight:850;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.vs-utility{margin-left:auto}.vs-status{min-height:48px;padding:11px 13px;border-radius:13px;background:var(--soft);line-height:1.4}.vs-roundbar{height:5px;background:var(--soft);border-radius:999px;overflow:hidden;margin:10px 0}.vs-roundbar-fill{height:100%;width:0;background:currentColor;transition:width .18s ease}.vs-live-hud{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:10px}.vs-live-hud span{padding:8px 10px;border:1px solid var(--line);border-radius:11px;background:var(--card)}.vs-live-hud small,.vs-result-grid small{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.04em}.vs-live-hud strong{font-size:.95rem}.vs-stage{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px;align-items:start}.vs-board{border:1px solid var(--line);border-radius:20px;background:var(--card);padding:14px;min-height:470px;display:grid;align-content:start;gap:12px;box-shadow:0 10px 28px color-mix(in srgb,var(--text) 8%,transparent)}.vs-board-top{justify-content:space-between;gap:8px}.vs-target-row{display:flex;align-items:center;gap:9px;font-size:.8rem;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.05em}.vs-target{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line);border-radius:12px;background:var(--soft);font-size:1.9rem}.vs-board-actions{display:flex;gap:6px}.vs-icon-btn{border:1px solid var(--line);border-radius:10px;background:var(--soft);color:var(--text);padding:8px 10px;font:inherit;font-size:.78rem;font-weight:760;cursor:pointer}.vs-icon-btn:disabled{opacity:.45;cursor:not-allowed}.vs-grid{--cols:5;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:6px;width:min(100%,560px);margin:4px auto 0}.vs-cell{aspect-ratio:1;border:1px solid var(--line);border-radius:9px;background:var(--soft);display:grid;place-items:center;padding:0;cursor:pointer;touch-action:manipulation;transition:transform .08s ease,background .12s ease}.vs-cell:hover{transform:translateY(-1px)}.vs-cell:active{transform:scale(.97)}.vs-cell span{font-size:clamp(1rem,3.4vw,1.8rem);display:block}.vs-cell[data-color="blue"] span,.vs-target[data-color="blue"]{color:#2563eb}.vs-cell[data-color="orange"] span,.vs-target[data-color="orange"]{color:#d97706}.vs-cell[data-color="green"] span,.vs-target[data-color="green"]{color:#16803d}.vs-cell[data-color="purple"] span,.vs-target[data-color="purple"]{color:#7c3aed}.vs-cell.assist-outline{outline:3px solid var(--text);outline-offset:2px}.vs-board.vs-correct{box-shadow:0 0 0 3px color-mix(in srgb,#16a34a 32%,transparent)}.vs-board.vs-wrong{box-shadow:0 0 0 3px color-mix(in srgb,#dc2626 28%,transparent)}.vs-answers{display:grid;grid-template-columns:1fr;gap:8px;width:min(100%,560px);margin:auto}.vs-answers button{min-height:48px;font-weight:850}.vs-board-foot{justify-content:space-between;gap:8px;color:var(--muted);font-size:.75rem}.vs-side{display:grid;gap:9px}.vs-card{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:12px}.vs-card h2{font-size:.98rem;margin:3px 0 6px}.vs-card p{margin:0;color:var(--muted);line-height:1.45;font-size:.86rem}.vs-side-record>div{display:flex;justify-content:space-between;gap:8px;padding-top:8px;margin-top:8px;border-top:1px solid var(--line);font-size:.85rem}.vs-start-row{justify-content:center;gap:14px;margin-top:14px}.vs-start{min-width:190px;min-height:50px;font-weight:900}.vs-start-row p{margin:0;color:var(--muted);font-size:.82rem}.vs-result{margin:auto;width:min(100%,560px);padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--soft);text-align:center}.vs-result h2{margin:5px 0 12px}.vs-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.vs-result-grid>div{padding:10px;border-radius:10px;background:var(--card);border:1px solid var(--line)}.vs-result-actions{justify-content:center;gap:7px;flex-wrap:wrap;margin-top:13px}.vs-results-panel{margin-top:16px}.vs-metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:12px 0}.vs-metrics>div{padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.vs-metrics small{display:block;color:var(--muted);font-size:.68rem}.vs-history>div{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid var(--line);font-size:.88rem}.vs-advanced{padding:0;margin-top:16px;overflow:hidden}.vs-advanced>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:15px 16px}.vs-advanced>summary::-webkit-details-marker{display:none}.vs-advanced>summary div{display:grid;gap:3px}.vs-advanced>summary small{color:var(--muted);font-weight:500}.vs-advanced-body{padding:0 16px 16px;border-top:1px solid var(--line)}.vs-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.vs-guide>div{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--card)}.vs-guide h2{font-size:1rem;margin:0 0 6px}.vs-guide p{margin:0;color:var(--muted);line-height:1.5}.vs-done{grid-column:1/-1;text-align:center;font-size:4rem;padding:40px 0}
body.vs-focus{overflow:hidden}body.vs-focus .preview-note,body.vs-focus .topbar,body.vs-focus .vs-hero,body.vs-focus .vs-setup,body.vs-focus .vs-results-panel,body.vs-focus .vs-advanced,body.vs-focus .vs-guide,body.vs-focus .mobile-dock,body.vs-focus .vs-side,body.vs-focus .vs-start-row{display:none!important}body.vs-focus .vs-page{max-width:none;padding:0}body.vs-focus .vs-game-panel{position:fixed;inset:0;z-index:1000;border:0;border-radius:0;padding:12px;background:var(--bg);overflow:auto}body.vs-focus .vs-stage{display:block}body.vs-focus .vs-board{width:min(860px,100%);min-height:calc(100vh - 155px);margin:auto;justify-content:center}body.vs-focus .vs-live-hud,body.vs-focus .vs-status,body.vs-focus .vs-roundbar,body.vs-focus .vs-topline{width:min(860px,100%);margin-left:auto;margin-right:auto}
@media(max-width:820px){.vs-stage{grid-template-columns:1fr}.vs-side{grid-template-columns:repeat(3,1fr)}.vs-setup{align-items:flex-start}.vs-metrics{grid-template-columns:repeat(3,1fr)}.vs-guide{grid-template-columns:1fr}.vs-board{min-height:430px}.vs-live-hud{grid-template-columns:repeat(5,1fr)}}
@media(max-width:560px){.vs-game-panel{padding:10px}.vs-setup{display:grid;grid-template-columns:1fr;gap:10px}.vs-utility{margin-left:0}.vs-levels a,.vs-session button,.vs-stimulus button{flex:1;text-align:center;padding:9px 8px}.vs-live-hud{grid-template-columns:repeat(5,1fr);gap:4px}.vs-live-hud span{padding:6px 4px;text-align:center}.vs-live-hud small{font-size:.56rem}.vs-live-hud strong{font-size:.78rem}.vs-board{padding:10px;min-height:390px;border-radius:16px}.vs-grid{gap:4px}.vs-cell{border-radius:6px}.vs-cell span{font-size:clamp(.84rem,5.2vw,1.28rem)}.vs-target{width:42px;height:42px;font-size:1.65rem}.vs-side{grid-template-columns:1fr}.vs-start-row{display:grid;text-align:center;gap:7px}.vs-start{width:100%}.vs-metrics{grid-template-columns:repeat(2,1fr)}.vs-result{padding:13px}.vs-result-actions .btn{flex:1 1 120px}.vs-board-foot{font-size:.68rem}body.vs-focus .vs-game-panel{padding:8px}body.vs-focus .vs-board{min-height:auto}}