:root{color-scheme:dark;--violet-900: #2b0b56;--violet-800: #3d1178;--violet-700: #4e1a96;--violet-500: #7b2ff7;--ink: #1c1233;--ink-soft: #5a4a7a;--paper: #ffffff;--paper-dim: #f2edfb;--shape-0: #e2273f;--shape-1: #1368ce;--shape-2: #946b00;--shape-3: #26890c;--shape-4: #7d3ac1;--shape-5: #c0399f;--good: #26890c;--bad: #e2273f;--shadow-tile: 0 6px 0 rgba(0, 0, 0, .22);--shadow-card: 0 18px 50px rgba(0, 0, 0, .35);--radius: 14px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--paper);background:radial-gradient(1100px 700px at 12% -10%,var(--violet-500) 0%,transparent 55%),radial-gradient(900px 600px at 105% 110%,#b02fd6 0%,transparent 50%),linear-gradient(160deg,var(--violet-800) 0%,var(--violet-900) 100%);background-attachment:fixed;font-family:system-ui,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:600;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}button:disabled{cursor:default}.screen{min-height:100dvh;display:flex;flex-direction:column;padding:clamp(12px,2.2vmin,30px);gap:clamp(10px,1.8vmin,22px)}.screen.center{align-items:center;justify-content:center;text-align:center}.fill{flex:1;display:flex;flex-direction:column;justify-content:center;gap:clamp(10px,1.8vmin,22px)}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.grow{flex:1;min-width:0}.spread{display:flex;justify-content:space-between;align-items:center;gap:12px}.wide{width:min(560px,100%)}.card{background:var(--paper);color:var(--ink);border-radius:var(--radius);padding:clamp(14px,2vmin,26px);box-shadow:var(--shadow-card)}.card.ghost{background:#ffffff1a;color:var(--paper);box-shadow:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.label{font-size:clamp(11px,1.2vmin,14px);font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.62}.muted{color:var(--ink-soft);font-weight:600}.card.ghost .muted{color:#ffffffb8}.title{font-size:clamp(30px,6.6vmin,76px);font-weight:900;letter-spacing:-.03em;line-height:1.02;margin:0;text-wrap:balance}.subtitle{font-size:clamp(14px,1.9vmin,22px);margin:0;opacity:.85;font-weight:600}.prompt{font-size:clamp(21px,4.2vmin,54px);font-weight:900;letter-spacing:-.02em;line-height:1.12;text-align:center;margin:0;text-wrap:balance;color:var(--ink)}.btn{background:var(--paper);color:var(--ink);border-radius:999px;padding:13px 26px;font-weight:800;font-size:clamp(14px,1.6vmin,19px);box-shadow:0 4px #00000038;transition:transform 90ms ease,box-shadow 90ms ease}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #00000038}.btn:disabled{opacity:.42;box-shadow:none}.btn.big{padding:18px 40px;font-size:clamp(17px,2.2vmin,25px)}.btn.dark{background:var(--ink);color:var(--paper)}.btn.outline{background:transparent;color:var(--paper);box-shadow:inset 0 0 0 2px #ffffff80}.btn.outline:active:not(:disabled){transform:none}.btn.tiny{padding:5px 12px;font-size:12px;box-shadow:none;background:#00000014}.btn.tiny.onDark{background:#ffffff29;color:var(--paper)}.btn.tiny.danger{color:var(--bad)}input[type=text]{background:var(--paper);border:3px solid transparent;border-radius:10px;color:var(--ink);padding:15px 16px;font-size:18px;font-weight:700;width:100%}input[type=text]::placeholder{color:#a99cc4;font-weight:600}input[type=text]:focus-visible{outline:none;border-color:var(--violet-500)}input.code-input{text-align:center;letter-spacing:.32em;font-size:24px;font-weight:900}select{background:var(--paper-dim);border:2px solid #ded3f5;border-radius:8px;color:var(--ink);padding:5px 8px;font:inherit;font-size:13px;font-weight:700}.error{color:#ffd0d5;font-size:14px;min-height:20px;font-weight:700}.card .error{color:var(--bad)}.code{font-size:clamp(52px,15vmin,168px);font-weight:900;letter-spacing:.1em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums;text-indent:.1em}.qr{width:clamp(120px,19vmin,260px);height:auto;display:block;border-radius:10px;background:var(--paper);padding:8px}.options{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(0,1fr);gap:clamp(8px,1.2vmin,15px);flex:1;min-height:0}.options.stacked{grid-template-columns:1fr}.option{border-radius:10px;padding:clamp(12px,2vmin,24px);font-size:clamp(16px,2.4vmin,30px);font-weight:800;color:#fff;text-align:left;display:flex;align-items:center;gap:clamp(10px,1.6vmin,18px);min-height:56px;overflow:hidden;box-shadow:var(--shadow-tile);touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform 90ms ease,box-shadow 90ms ease,opacity .16s ease,filter .16s ease}.option:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #00000038}.option .glyph{width:clamp(22px,3vmin,40px);height:clamp(22px,3vmin,40px);flex:none}.option .text{flex:1;min-width:0;text-wrap:balance;overflow-wrap:anywhere}.option.faded{opacity:.34;filter:saturate(.5)}.option.picked.faded{opacity:1;filter:none}.option.picked{box-shadow:var(--shadow-tile),0 0 0 5px #fff}.option.right{opacity:1;filter:none;box-shadow:var(--shadow-tile),0 0 0 5px #fff}.option.wrong{opacity:1;filter:none;box-shadow:var(--shadow-tile);outline:4px dashed rgba(255,255,255,.9);outline-offset:-6px}.option .mark{font-size:clamp(20px,3vmin,40px);flex:none}.clock{width:clamp(52px,8vmin,104px);height:clamp(52px,8vmin,104px);flex:none;display:grid;place-items:center;position:relative}.clock svg{position:absolute;inset:0;transform:rotate(-90deg)}.clock span{font-size:clamp(20px,3.4vmin,44px);font-weight:900;font-variant-numeric:tabular-nums;z-index:1}.counter{background:#00000047;border-radius:999px;padding:clamp(8px,1.2vmin,14px) clamp(14px,2vmin,24px);font-weight:900;font-size:clamp(14px,2vmin,26px);text-align:center;line-height:1.15}.counter small{display:block;font-size:.5em;letter-spacing:.12em;opacity:.75}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--paper-dim);color:var(--ink);border-radius:999px;padding:7px 8px 7px 14px;font-size:clamp(13px,1.5vmin,17px);font-weight:800;display:flex;align-items:center;gap:8px}.chip.away{opacity:.5}.chip .dot{width:8px;height:8px;border-radius:50%;background:var(--good);flex:none}.chip .dot.off{background:#bdb2d4}.board{display:flex;flex-direction:column;gap:9px}.place{display:grid;grid-template-columns:2.2em 1fr auto;align-items:center;gap:14px;background:var(--paper);color:var(--ink);border-radius:10px;padding:clamp(10px,1.5vmin,18px) clamp(12px,2vmin,22px);font-size:clamp(15px,2.1vmin,28px);font-weight:800}.place .n{font-weight:900;opacity:.4}.place .pts{font-variant-numeric:tabular-nums}.place.first{background:linear-gradient(100deg,#ffd54a,#ffb300)}.place.second{background:#e8e3f3}.place.third{background:#f0d9c2}.banner{border-radius:10px;padding:clamp(10px,1.6vmin,18px);font-weight:900;text-align:center;font-size:clamp(15px,2.2vmin,28px)}.banner.good{background:var(--good)}.banner.bad{background:var(--bad)}.banner.info{background:#00000047;font-size:clamp(13px,1.6vmin,18px)}.toggle{display:flex;align-items:center;gap:10px;font-weight:800;font-size:clamp(13px,1.5vmin,16px);cursor:pointer}.toggle input{width:18px;height:18px;accent-color:var(--violet-500)}.toggle.onDark{color:var(--paper);font-size:12px;opacity:.85}pre.format{background:var(--ink);color:#e9e1ff;border-radius:10px;padding:14px;overflow-x:auto;font-size:12px;line-height:1.5;font-weight:500;margin:0}.option:focus-visible,.btn:focus-visible,.chip:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:3px}.btn.dark:focus-visible,.option:focus-visible{outline-color:#fff}.srOnly:focus-visible+.btn{outline:3px solid #fff;outline-offset:3px}.srOnly{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.prompt-bar{display:flex;align-items:center;gap:clamp(10px,2vmin,20px);flex:none;min-height:clamp(76px,12vmin,132px)}.play-status{flex:none;min-height:clamp(46px,7vmin,70px);display:flex;flex-direction:column;justify-content:center}.play-status .banner{width:100%}.play-foot{flex:none;min-height:clamp(24px,3.4vmin,36px)}.ask{flex:1;min-width:0;margin:0;font-size:clamp(17px,2.6vmin,30px);font-weight:800;line-height:1.25;text-wrap:balance;overflow-wrap:anywhere}.roster{min-width:150px;gap:6px;background:var(--paper-dim);border-radius:10px;padding:12px}.editor{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:calc(clamp(12px,2.2vmin,30px)*-1);padding:0 clamp(12px,2.4vmin,28px) clamp(12px,2.4vmin,28px)}.editor-inner{width:min(760px,100%);margin:0 auto}.editor-head{position:sticky;top:0;z-index:1;margin:0 calc(clamp(12px,2.4vmin,28px)*-1) 0;padding:clamp(12px,2.4vmin,28px);background:#2b0b56eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.editor .card{color:var(--ink)}.editor .muted.onDark{color:#ffffffbf}.qcard{gap:10px}.editor .label{white-space:nowrap}.qcard.flagged{box-shadow:var(--shadow-card),inset 0 0 0 3px var(--bad)}.editor .card input[type=text]{background:var(--paper-dim);font-size:16px;padding:11px 13px}.editor .card input[type=text]:focus-visible{background:var(--paper)}.answers{border:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.answers legend{padding:0}.answer-row{display:flex;align-items:center;gap:10px}.answer-row input[type=text]{flex:1;min-width:0}.answer-mark{display:flex;align-items:center;padding:6px;cursor:pointer}.answer-mark input[type=radio]{width:22px;height:22px;accent-color:var(--good);cursor:pointer;flex:none}.editor .btn.tiny{background:#00000014}.editor-head .btn.tiny.onDark{background:#ffffff29;color:var(--paper)}