.app{display:flex;flex-direction:column;min-height:100dvh}.topbar{display:flex;align-items:center;gap:1rem;padding:.6rem 1rem;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap}.topbar .brand{font-weight:800;letter-spacing:.02em;font-size:1.1rem}.topbar nav{display:flex;gap:.25rem;flex-wrap:wrap}.topbar nav a{color:var(--muted);text-decoration:none;padding:.5em .8em;border-radius:10px;font-weight:600;min-height:44px;display:inline-flex;align-items:center}.topbar nav a[aria-current=page]{color:var(--text);background:var(--surface-2)}.topbar .user{margin-left:auto;display:flex;align-items:center;gap:.6rem}main{padding:1.2rem;max-width:1280px;width:100%;margin:0 auto;flex:1}.conn-banner{position:sticky;top:0;z-index:50;padding:.75rem 1rem;font-weight:700;text-align:center;border-bottom:3px solid var(--warn);background:#2a2110;color:var(--warn)}.conn-banner.ok{border-color:var(--ok);background:#0f251d;color:var(--ok)}.game-tabs{display:flex;gap:.4rem;margin-bottom:1rem;flex-wrap:wrap;align-items:center}.game-tabs a{text-decoration:none;color:var(--muted);padding:.55em 1em;border-radius:10px;border:2px solid var(--border);font-weight:700;min-height:44px;display:inline-flex;align-items:center}.game-tabs a[aria-current=page]{color:var(--text);border-color:var(--text)}.game-tabs a[aria-disabled=true]{opacity:.4;pointer-events:none}.game-list{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.game-item{text-decoration:none;color:inherit;display:block}.game-item .card{height:100%}.game-item:hover .card{border-color:#556}.setup-grid{display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media(max-width:860px){.setup-grid{grid-template-columns:1fr}}.side-card.left{border-left:6px solid var(--left)}.side-card.right{border-left:6px solid var(--right)}.q-item{display:grid;grid-template-columns:2.4rem 1fr auto;gap:.75rem;align-items:start;padding:.8rem;border-radius:12px;background:var(--surface-2);border:2px solid transparent}.q-item.has-issue{border-color:var(--danger)}.q-num{font-weight:800;font-size:1.2rem;color:var(--muted);padding-top:.55rem;text-align:center}.q-fields{display:grid;gap:.5rem;grid-template-columns:2fr 1fr}@media(max-width:860px){.q-fields{grid-template-columns:1fr}}.q-actions{display:flex;flex-direction:column;gap:.3rem}.import-item{padding:.5rem .75rem;border-radius:10px;background:var(--surface-2);border-left:5px solid var(--ok)}.import-item.bad{border-left-color:var(--danger)}.issues{margin:0;padding-left:1.2rem}.issues li{margin-bottom:.2rem}.check-row{display:grid;grid-template-columns:2rem 13rem 1fr;gap:.75rem;align-items:center;padding:.6rem 0;border-bottom:1px solid var(--border)}@media(max-width:700px){.check-row{grid-template-columns:2rem 1fr}.check-row>:last-child{grid-column:2}}.check-icon{font-size:1.3rem;font-weight:800;text-align:center}.check-icon.ok{color:var(--ok)}.check-icon.bad{color:var(--danger)}.check-icon.warn{color:var(--warn)}.test-grid{display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}@media(max-width:860px){.test-grid{grid-template-columns:1fr}}.test-card{display:flex;flex-direction:column;gap:.6rem}.pipeline{list-style:none;margin:0;padding:0;font-size:.92rem}.pipeline li{padding:.15rem 0}.pipeline li.done{color:var(--ok)}.pipeline li.fail{color:var(--danger);font-weight:700}.pipeline li.wait{color:var(--muted)}.big-start{font-size:1.4rem;min-height:72px;padding:.5em 2em}.live{display:grid;gap:1rem}.live-head{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.live-head .qnum{font-size:1.3rem;font-weight:800}.scoreboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;background:var(--surface);border-radius:var(--radius);padding:.7rem 1.2rem;border:1px solid var(--border)}.scoreboard .name{font-weight:800;font-size:1.3rem;overflow-wrap:anywhere}.scoreboard .name.left{color:var(--left)}.scoreboard .name.right{color:var(--right);text-align:right}.scoreboard .score{font-size:2.6rem;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:.05em}.question-block{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);padding:1.3rem 1.5rem}.question-text{font-size:clamp(1.5rem,2.6vw,2.3rem);font-weight:700;line-height:1.25;white-space:pre-wrap;overflow-wrap:anywhere}.answer-block{margin-top:1rem;padding:.8rem 1rem;border-radius:10px;background:#0b0d11;border:2px dashed var(--muted)}.answer-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:800}.answer-text{font-size:clamp(1.2rem,2vw,1.6rem);font-weight:700;color:#e5e7eb;white-space:pre-wrap}.award-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.award{min-height:150px;font-size:clamp(1.4rem,3vw,2.2rem);font-weight:900;border-width:4px;border-radius:20px;flex-direction:column;overflow-wrap:anywhere}.award.left{background:var(--left-strong);border-color:var(--left);color:#fff}.award.right{background:var(--right-strong);border-color:var(--right);color:#1b1000}.award .award-sub{font-size:.95rem;font-weight:700;opacity:.85}.award.chosen{outline:6px solid #fff;outline-offset:3px}.award:disabled{opacity:.35}.award.chosen:disabled{opacity:1}.secondary-row{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.secondary-row button{min-height:60px;font-size:1.1rem;padding:0 1.4em}.decided-banner{text-align:center;font-size:1.4rem;font-weight:800;padding:.7rem;border-radius:12px;background:var(--surface-2);border:3px solid var(--ok);color:var(--ok)}.correct-row{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;align-items:center}.nav-row{display:grid;grid-template-columns:1fr 2fr 1fr;gap:.75rem}.nav-row button{min-height:64px;font-size:1.15rem}.status-line{font-size:.95rem;padding:.5rem .8rem;border-radius:10px;background:var(--surface);border:1px solid var(--border);display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.overlay-view{position:relative}.view-only{padding:1rem;border:3px solid var(--warn);border-radius:var(--radius);background:#2a2110;display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.qdots{display:flex;gap:.3rem;flex-wrap:wrap}.qdot{min-width:34px;height:34px;min-height:34px;padding:0 .4rem;border-radius:8px;font-size:.85rem;border-width:2px}.qdot.current{border-color:var(--text)}.qdot.o-left{background:var(--left-strong)}.qdot.o-right{background:var(--right-strong);color:#1b1000}.qdot.o-none,.qdot.o-skip{background:#3a3f4c}.result-hero{text-align:center;padding:2rem 1rem}.result-hero .winner{font-size:clamp(2rem,6vw,4rem);font-weight:900}.result-hero .final{font-size:clamp(2.5rem,7vw,5rem);font-weight:900;font-variant-numeric:tabular-nums}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--border);vertical-align:top}.table th{color:var(--muted);font-size:.85rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:grid;place-items:center;z-index:100;padding:1rem}.modal{background:var(--surface);border:2px solid var(--border);border-radius:18px;padding:1.5rem;max-width:560px;width:100%}.modal h2{font-size:1.4rem}.modal .actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.2rem;flex-wrap:wrap}.modal .actions button{min-height:56px}.pair-code{font-size:3rem;font-weight:900;letter-spacing:.3em;font-variant-numeric:tabular-nums}.login{max-width:420px;margin:10vh auto}