:root{--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--text-s:.875rem;--text-m:1rem;--text-l:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.75rem;--leading-tight:1.2;--leading-body:1.55;--measure:68ch;--tap-min:2.75rem;--duration-fast:.12s;--duration-base:.22s;--ease-out:cubic-bezier(.2, .7, .2, 1)}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration-base:0s}}:root{--lanoinc-yellow:#f5c21e;--lanoinc-ink:#15181c;--lanoinc-ink-soft:#4c5762;--lanoinc-white:#fff;--lanoinc-sunken:#f1f4f7;--lanoinc-paper:#fcf8ef;--lanoinc-cream:#f6eedc;--lanoinc-cyan:#039eec;--lanoinc-cyan-deep:#036b9e;--lanoinc-rainbow-green:#35b86c;--lanoinc-rainbow-yellow:#f5c503;--lanoinc-rainbow-orange:#ee8a2e;--lanoinc-rainbow-red:#d23a22;--color-bg:var(--lanoinc-white);--color-surface:var(--lanoinc-white);--color-surface-sunken:var(--lanoinc-sunken);--color-ink:var(--lanoinc-ink);--color-ink-soft:var(--lanoinc-ink-soft);--color-line:#15181c24;--color-primary:var(--lanoinc-yellow);--color-on-primary:var(--lanoinc-ink);--color-accent:var(--lanoinc-ink);--color-on-accent:var(--lanoinc-white);--color-accent-2:var(--lanoinc-white);--color-on-accent-2:var(--lanoinc-ink);--color-link:var(--lanoinc-ink);--color-focus:var(--lanoinc-ink);--color-correct:var(--lanoinc-ink);--color-wrong:var(--lanoinc-rainbow-red);--color-hint:var(--lanoinc-yellow);--font-ui:"Figtree", system-ui, "Helvetica Neue", Arial, sans-serif;--font-read:"Iowan Old Style", Georgia, serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--radius-s:10px;--radius-m:14px;--radius-l:18px;--radius-pill:999px;--shadow-raised:0 12px 24px -12px #5e460073;--format-lanos:#d23a22;--format-lanos-on:#fff;--format-lanos-deep:#a82d19;--format-lanos-ground:#12303f;--format-lanos-s01:var(--format-puerto-patida);--format-lanos-s01-on:var(--format-puerto-patida-on);--format-lanos-s01-deep:var(--format-puerto-patida-deep);--format-puerto-patida:#0e95b0;--format-puerto-patida-on:#15181c;--format-puerto-patida-deep:#075b6b;--format-puerto-patida-ground:#63aab2;--format-akte-aurora:#0b91cb;--format-akte-aurora-on:#15181c;--format-akte-aurora-deep:#075e86;--format-akte-aurora-ground:#063a50;--format-ploetzlich-piratin:#4a4e86;--format-ploetzlich-piratin-on:#fff;--format-ploetzlich-piratin-deep:#34375f;--format-ploetzlich-piratin-ground:#dfe3ed;--format-tapfere-tackerhacker:#a85a28;--format-tapfere-tackerhacker-on:#fff;--format-tapfere-tackerhacker-deep:#6e3a17;--format-tapfere-tackerhacker-ground:#e9c877;--format-luft-nach-oben:#039eec;--format-luft-nach-oben-on:#062a3a;--format-luft-nach-oben-deep:#036b9e;--format-ein-wolf-liest-maerchen:#fbe10a;--format-ein-wolf-liest-maerchen-on:#15181c;--format-ein-wolf-liest-maerchen-deep:#6b5300;--format-ein-wolf-liest-maerchen-ground:#25493d;--format-aufraeumen:#013a7b;--format-aufraeumen-on:#fff;--format-aufraeumen-deep:#012452;--format-aufraeumen-ground:#4b2f23;--format-lano-praesentiert:#1ba5c9;--format-lano-praesentiert-on:#15181c;--format-lano-praesentiert-deep:#0e7c99;--format-lano-praesentiert-ground:#1b3a5c}@font-face{font-family:Paytone One;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/paytone-one-latin-VeVcD5_B.woff2)format("woff2")}:root{--text-xs:.75rem;--pad-yellow:var(--lno-yellow,var(--lanoinc-yellow));--pad-dots:color-mix(in srgb, var(--color-on-primary) 20%, transparent);--pad-wash:color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));--pad-wash-strong:color-mix(in srgb, var(--color-primary) 24%, var(--color-surface));--pad-veil:color-mix(in srgb, var(--color-ink) 12%, var(--color-surface))}*,:before,:after{box-sizing:border-box}#root{flex-direction:column;min-height:100dvh;display:flex}body{background:var(--color-surface);color:var(--color-ink);font-family:var(--font-ui);font-size:var(--text-m);line-height:var(--leading-body);-webkit-text-size-adjust:100%;margin:0}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}h1,h2,h3,p{margin:0}h1{font-size:var(--text-2xl);line-height:var(--leading-tight)}button{font:inherit;color:inherit}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.num{font-variant-numeric:tabular-nums}@keyframes pad-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.ic{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.25em;height:1.25em}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap-min);padding:0 var(--space-5);border-radius:var(--radius-pill);background:var(--color-surface-sunken);color:var(--color-ink);font-weight:800;font-size:var(--text-m);white-space:nowrap;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out), background var(--duration-base);border:0;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.btn-quiet{padding:0 var(--space-3);color:var(--color-ink-soft);font-size:var(--text-s);background:0 0;font-weight:700}.btn-icon{width:var(--tap-min);padding:0}.btn[disabled]{background:var(--color-surface-sunken);color:var(--color-ink-soft);cursor:not-allowed;opacity:1}@media (hover:hover){.btn:not([disabled]):hover{filter:brightness(.95)}}.chip{align-items:center;gap:var(--space-2);min-height:2.25rem;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-ink);font-size:var(--text-s);white-space:nowrap;font-weight:700;display:inline-flex}.chip .ic{width:1.1em;height:1.1em}.chip-soft{background:var(--color-surface-sunken);color:var(--color-ink-soft)}.chip-waiting{color:var(--color-ink-soft)}.chip-open{background:var(--color-accent);color:var(--color-on-accent)}.chip-locked{background:var(--color-ink);color:var(--color-surface)}.chip-revealed{color:var(--color-link)}.card{padding:var(--space-4);border-radius:var(--radius-l);background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-raised)}.eyebrow{align-items:center;gap:var(--space-2);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--color-link);font-weight:800;display:flex}.eyebrow .right{align-items:center;gap:var(--space-1);font-size:var(--text-s);letter-spacing:.04em;text-transform:none;color:var(--color-ink-soft);margin-inline-start:auto;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:var(--pad-yellow);flex:none;width:1.25rem;height:2px}@keyframes pad-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}.conn{z-index:50;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-5);background:var(--color-surface-sunken);color:var(--color-ink);box-shadow:0 1px 0 var(--color-line);animation:pad-in var(--duration-base) var(--ease-out);grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:sticky;top:0}.conn-ic{background:var(--color-surface);width:2.25rem;height:2.25rem;color:var(--color-ink);border-radius:50%;place-items:center;display:grid}.conn-ic .ic{width:1.25rem;height:1.25rem}.conn-t{gap:2px;min-width:0;display:grid}.conn-t b{font-size:var(--text-m);font-weight:800;line-height:1.25}.conn-t span{max-width:60ch;font-size:var(--text-s);font-weight:500;line-height:1.4}@media (prefers-reduced-motion:no-preference){.conn[data-tone=info] .conn-ic .ic{animation:1.4s ease-in-out infinite pad-pulse}}.conn[data-tone=warning]{background:var(--color-hint);color:var(--color-ink)}.conn[data-tone=warning] .conn-ic,.conn[data-tone=stop]{background:var(--color-ink);color:var(--color-surface)}.conn[data-tone=stop] .conn-ic{background:color-mix(in srgb, var(--color-surface) 16%, transparent);color:var(--color-surface)}.conn[data-tone=stop] .conn-t span{color:color-mix(in srgb, var(--color-surface) 88%, transparent)}.conn[data-tone=stop] :focus-visible{outline-color:var(--color-primary)}@media (width<=899px){.conn{padding-inline:var(--space-4)}}@media (width<=599px){.conn .btn{grid-column:1/-1;width:100%}}.av{background:var(--pad-wash-strong);width:2.25rem;height:2.25rem;color:var(--color-ink);font-size:var(--text-s);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid;position:relative}.av .tick{background:var(--color-correct);width:1.1rem;height:1.1rem;color:var(--color-surface);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-4px;right:-4px}.tick .ic{stroke-width:3px;width:.7rem;height:.7rem}.tag{padding:1px var(--space-2);border-radius:var(--radius-pill);background:var(--color-surface-sunken);color:var(--color-ink-soft);font-size:var(--text-xs);letter-spacing:.02em;font-weight:700}.tag .ic{width:.95em;height:.95em}.tag.warn{align-items:center;gap:var(--space-1);margin-top:calc(var(--space-1) * -1);background:var(--color-hint);color:var(--color-ink);white-space:nowrap;grid-column:2/-1;justify-self:start;display:inline-flex}.p-tags{gap:var(--space-1) var(--space-2);margin-top:calc(var(--space-1) * -1);flex-wrap:wrap;grid-column:2/-1;display:flex}.p-tags .tag{align-items:center;gap:var(--space-1);display:inline-flex}.people{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.person{align-items:center;gap:var(--space-2) var(--space-3);min-height:var(--tap-min);padding:var(--space-2);border-radius:var(--radius-m);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.person.me{background:var(--pad-wash)}.p-main{justify-items:start;gap:2px;min-width:0;display:grid}.p-name{align-items:center;gap:var(--space-2);font-size:var(--text-s);flex-wrap:wrap;font-weight:800;display:flex}.p-state{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-ink-soft);white-space:nowrap;font-weight:600;display:flex}.p-state .ic{width:1em;height:1em}.p-state.done{color:var(--color-link);font-weight:700}.p-state.off{font-style:italic}.pts{font-size:var(--text-m);justify-items:end;font-weight:900;line-height:1.05;display:grid}.pts small{font-size:var(--text-xs);color:var(--color-ink-soft);font-weight:700}.switch{align-items:center;gap:var(--space-2);min-height:var(--tap-min);font-size:var(--text-s);cursor:pointer;font-weight:700;display:inline-flex;position:relative}.switch input{opacity:0;border:0;width:1px;height:1px;min-height:0;padding:0;position:absolute}.switch .track{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-ink) 30%, var(--color-surface));width:2.75rem;height:1.625rem;transition:background var(--duration-base) var(--ease-out);flex:none;position:relative}.switch .track:after{content:"";background:var(--color-surface);width:1.25rem;height:1.25rem;transition:transform var(--duration-base) var(--ease-out);border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked+.track{background:var(--color-link)}.switch input:checked+.track:after{transform:translate(1.125rem)}.switch input:focus-visible+.track{outline:3px solid var(--color-focus);outline-offset:2px}.switch input:disabled+.track{opacity:.5}.switch:has(input:disabled){cursor:not-allowed}.switch .state{min-width:1.6em;font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-soft)}.switch-row{margin-bottom:var(--space-2);padding:0 var(--space-2);border-radius:var(--radius-m);background:var(--color-surface-sunken)}.switch-row .switch{width:100%}.switch-row .state{margin-inline-start:auto}.player-card{--q-ui:"Paytone One", var(--font-ui);--q-ink:var(--lno-ink);--q-soft:var(--lno-ink-soft);--q-yellow:var(--lno-yellow);--q-cyan:var(--lno-cyan);--q-cyan-deep:var(--lno-cyan-deep);--q-cyan-ink:var(--lno-cyan-ink);--q-surface:var(--lno-white);--q-line:var(--color-line);color:var(--q-ink);font-size:1rem}@media (width>=900px){.player-card{font-size:1.0625rem}}.player-card .card{border-radius:var(--radius-l);background:var(--q-surface);box-shadow:var(--shadow-raised);margin:0;padding:1.3em 1.2em 1.2em;position:relative;overflow:hidden}.player-card .qn{font-family:var(--q-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--q-cyan-deep);align-items:center;gap:.6em;margin-bottom:.9em;font-size:.66em;display:flex}.player-card .qt{font-family:var(--q-ui);letter-spacing:-.01em;color:var(--q-ink);margin-bottom:1em;font-size:1.35em;font-weight:400;line-height:1.25}.player-card .note{color:var(--q-soft);font-size:.88em;font-weight:500;line-height:1.5}.player-card .cover{text-align:center;padding:1.2em .6em .4em}.player-card .big{background:color-mix(in srgb, var(--q-cyan) 14%, transparent);width:4.6em;height:4.6em;color:var(--q-cyan-deep);border-radius:50%;place-items:center;margin:0 auto 1em;display:grid}.player-card .big .ic{width:2.2em;height:2.2em}.player-card .cover .qt{margin-bottom:.4em}.player-card .cover p{max-width:26ch;color:var(--q-soft);margin:0 auto;font-size:.92em;font-weight:600}.player-card .speakers{border-top:1px solid var(--q-line);margin-top:1.2em;padding-top:1em}.player-card .speakers-t{font-family:var(--q-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--q-cyan-deep);margin-bottom:.7em;font-size:.66em;font-weight:400}.player-card .sp{background:color-mix(in srgb, var(--q-cyan-ink) 4%, transparent);border-radius:12px;align-items:center;gap:.7em;margin-bottom:.4em;padding:.55em .8em;font-size:.9em;font-weight:700;display:flex}.player-card .sp .av{width:1.9em;height:1.9em;font-size:.85em}.player-card .you{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--q-cyan-ink) 8%, transparent);color:var(--q-soft);font-size:var(--text-xs);letter-spacing:.02em;padding:1px .5em}.player-card .sp .ans-t{text-align:right;align-items:center;gap:.6em;margin-inline-start:auto;display:flex}.player-card .sp .ans-t>span:first-child{color:var(--q-soft);font-weight:600}.player-card .badge{border-radius:50%;flex:none;place-items:center;width:1.5rem;height:1.5rem;display:inline-grid}.player-card .badge .ic{stroke-width:3px;width:.85rem;height:.85rem}.player-card .badge.ok{background:var(--q-cyan);color:var(--q-surface)}.player-card .badge.none{background:color-mix(in srgb, var(--q-cyan-ink) 12%, transparent);color:var(--q-soft)}.player-card .foot{border-top:1px solid var(--q-line);color:var(--q-soft);gap:.6em;margin-top:1.2em;padding-top:1em;font-size:.88em;font-weight:500;line-height:1.45;display:grid}.player-card .foot p{align-items:flex-start;gap:.6em;display:flex}.player-card .foot .ic{width:1.2em;height:1.2em;color:var(--q-cyan-deep);margin-top:.1em}.player-card .ranks{gap:.5em;margin:0;padding:0;list-style:none;display:grid}.player-card .rk{background:color-mix(in srgb, var(--q-cyan-ink) 4%, transparent);border-radius:12px;align-items:center;gap:.75em;min-width:0;padding:.6em .9em .6em .6em;display:flex}.player-card .rk.first{background:color-mix(in srgb, var(--q-cyan) 10%, transparent);box-shadow:inset 5px 0 0 var(--q-cyan)}.player-card .rk.me:not(.first){box-shadow:inset 5px 0 0 var(--q-yellow)}.player-card .rk .pl{background:var(--q-surface);width:2em;height:2em;font-family:var(--q-ui);color:var(--q-ink);border-radius:50%;flex:none;place-items:center;font-size:.9em;display:grid}.player-card .rk.first .pl{background:var(--q-yellow)}.player-card .rk .av{width:1.9em;height:1.9em;font-size:.85em}.player-card .rk .nm{flex:1;gap:1px;min-width:0;display:grid}.player-card .rk .nm b{align-items:center;gap:.5em;font-size:.95em;font-weight:800;display:flex}.player-card .rk .nm small{color:var(--q-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.75em;font-weight:600;overflow:hidden}.player-card .rk .pt{font-family:var(--q-ui);text-align:right;white-space:nowrap;font-size:1.3em;line-height:1}.player-card .rk .pt small{font-family:var(--font-ui);color:var(--q-soft);margin-inline-start:.3em;font-size:.55em;font-weight:700}:root{--rail-l:19rem;--rail-r:21rem;--pad-gap:var(--space-4)}.app{flex-direction:column;flex:1;min-height:100dvh;display:flex}.topbar{align-items:center;gap:var(--space-3);min-height:3.5rem;padding:0 var(--space-5);background:var(--color-surface);color:var(--color-ink);border-bottom:1px solid var(--color-line);display:flex}.topbar .spacer{flex:1}.topbar .chip{background:var(--color-surface-sunken)}.brand{align-items:center;gap:var(--space-2);font-size:var(--text-l);letter-spacing:-.02em;color:inherit;font-weight:900;text-decoration:none;display:inline-flex}.brand .ic{stroke-width:2.4px;width:1.6rem;height:1.6rem}.chip-title{text-overflow:ellipsis;max-width:100%;line-height:inherit;margin:0;overflow:hidden}.rec{align-items:center;gap:var(--space-2);min-height:2.25rem;padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-surface);font-size:var(--text-s);white-space:nowrap;font-weight:700;display:inline-flex}.rec i{background:var(--color-accent);border-radius:50%;width:.6rem;height:.6rem}.rec i.paused{background:color-mix(in srgb, var(--color-surface) 55%, transparent)}.rec i.off{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--color-surface) 70%, transparent);background:0 0;border-radius:2px}.rec .num{font-size:var(--text-m);letter-spacing:.02em;font-weight:800}.rec-btn{width:2rem;height:2rem;margin-inline:var(--space-1) calc(var(--space-2) * -1);background:color-mix(in srgb, var(--color-surface) 18%, transparent);color:var(--color-surface);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}.rec-btn .ic{width:1rem;height:1rem}@media (hover:hover){.rec-btn:hover{background:color-mix(in srgb, var(--color-surface) 30%, transparent)}}.rec small{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb, var(--color-surface) 78%, transparent);font-weight:700}.app>.notice{margin:var(--space-3) var(--space-4) 0}.work{flex:1;grid-template-columns:minmax(0,1fr);align-items:stretch;display:grid}.work[inert]{opacity:.7}.rail{background:var(--color-surface);flex-direction:column;min-width:0;display:flex}.sect{min-width:0;padding:var(--space-4)}.sect+.sect{border-top:1px solid var(--color-line)}.sect>.eyebrow{margin-bottom:var(--space-3)}.stage{min-width:0;padding:var(--pad-gap);display:flex}.stage-panel{gap:var(--pad-gap);min-width:0;padding:var(--space-5);border-radius:var(--radius-l);background:var(--color-bg);color:var(--color-on-primary);box-shadow:var(--shadow-raised);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.stage-panel:before{content:"";background-image:radial-gradient(var(--pad-dots) 1.5px, transparent 1.6px);pointer-events:none;background-size:10px 10px;height:24rem;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.stage-panel>*{position:relative}.stage-player{flex-direction:column;display:flex}.stage-content{gap:var(--space-3);flex-direction:column;width:100%;max-width:48rem;margin-inline:auto;display:flex}.stage-content iframe{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border:0;width:100%;display:block}.legal{gap:var(--space-2) var(--space-4);width:100%;max-width:81.25rem;padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-line);color:var(--color-ink-soft);font-size:var(--text-s);flex-wrap:wrap;margin-inline:auto;font-weight:600;display:flex}.legal a{min-height:var(--tap-min);color:inherit;align-items:center;display:inline-flex}.legal .gap{align-items:center;gap:.25em;margin-inline-start:auto;display:inline-flex}.legal .gap a{min-height:0}@media (width>=900px) and (width<=1199px){:root{--rail-l:16.5rem;--rail-r:18rem}}@media (width>=900px){.work-rail{grid-template-columns:minmax(0, 1fr) var(--rail-r)}.work-rail.work-rail-start{grid-template-columns:var(--rail-l) minmax(0, 1fr) var(--rail-r)}}@media (width>=900px) and (width<=1199px){.work-rail.work-rail-start{grid-template-columns:var(--rail-l) minmax(0, 1fr)}.work-rail-start>.rail:last-child{grid-column:1/-1}}@media (width<=1199px){.work-rail-start>.rail:last-child{border-top:1px solid var(--color-line)}}@media (width<=899px){.work{align-content:start}.topbar{min-height:0;padding:var(--space-2) var(--space-4);flex-wrap:wrap}.stage{padding:var(--space-4);order:-1}.stage-panel{padding:var(--space-3)}.legal{padding-inline:var(--space-4)}}@media (width<=599px){.chip-note{display:none}.chip-title{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}}.gate{background:var(--color-primary);min-height:100dvh;color:var(--color-on-primary);flex:1;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);display:grid;position:relative;overflow:hidden}.gate>*{z-index:1;position:relative}.gate .rings{z-index:0;pointer-events:none;width:56rem;height:56rem;position:absolute;top:-10rem;right:-12rem;overflow:visible}.gate .rings circle{fill:none;stroke:var(--color-surface);stroke-opacity:.4;stroke-width:8px}.gate .rings circle.cy{stroke:var(--lanoinc-cyan);stroke-opacity:1;stroke-width:14px}.gate-top{align-items:center;gap:var(--space-3);width:100%;max-width:72rem;padding:var(--space-4) var(--space-5);margin:0 auto;display:flex}.gate-main{padding:var(--space-5) var(--space-4);grid-template-columns:minmax(0,1fr);place-items:center;display:grid}.gate-card{gap:var(--space-4);width:min(100%,30rem);min-width:0;padding:var(--space-6) var(--space-5) var(--space-5);border-radius:var(--radius-l);background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-raised);display:grid}.gate-card h1{font-size:var(--text-2xl);letter-spacing:-.02em;font-weight:900;line-height:1.1}@keyframes gate-pulse{0%,to{transform:scale(1)}40%{transform:scale(1.14)}}@media (prefers-reduced-motion:no-preference){.gate.is-leaving .rings circle{transform-box:fill-box;transform-origin:50%;animation:gate-pulse .7s var(--ease-out)}.gate.is-leaving .rings circle:nth-child(2){animation-delay:50ms}.gate.is-leaving .rings circle:nth-child(3){animation-delay:.1s}.gate.is-leaving .rings circle:nth-child(4){animation-delay:.15s}.gate.is-leaving .rings circle:nth-child(5){animation-delay:.2s}}.gate .legal{width:100%;max-width:72rem;color:var(--color-on-primary);border-top:0;margin:0 auto;font-weight:700}@media (width<=599px){.gate-card{padding:var(--space-5) var(--space-4) var(--space-4)}.gate-top,.gate .legal{padding-inline:var(--space-4)}}.gate-card form{gap:var(--space-4);display:grid}.gate-card .code-field{border-radius:var(--radius-m);background:var(--color-surface-sunken);width:100%;height:4.25rem;color:var(--color-ink);caret-color:var(--color-ink);font:inherit;font-variant-numeric:tabular-nums;letter-spacing:.3em;text-indent:.3em;text-align:center;border:0;padding:0;font-size:2rem;font-weight:900}.gate-card .code-field::placeholder{color:var(--color-ink-soft);font-size:var(--text-xl);letter-spacing:0;text-indent:0;font-weight:700}.gate-card .code-field:focus{background:var(--color-surface);outline:3px solid var(--color-focus);outline-offset:0}.gate-card .code-field:not(:placeholder-shown){background:var(--color-ink);color:var(--color-surface)}.gate-card .code-field[aria-invalid=true],.gate-card .code-field[aria-invalid=true]:not(:placeholder-shown){background:var(--color-surface-sunken);color:var(--color-ink);box-shadow:inset 0 -4px 0 var(--color-wrong)}.gate-msg{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-m);background:var(--color-surface-sunken);box-shadow:inset 5px 0 0 var(--color-wrong);color:var(--color-ink);font-size:var(--text-s);align-items:flex-start;font-weight:700;display:flex}.gate-msg .ic{margin-top:1px}.gate-card .btn-block{background:var(--color-ink);width:100%;min-height:3.5rem;color:var(--color-surface);font-size:var(--text-l)}.gate-card .btn-block[disabled]{background:var(--color-surface-sunken);color:var(--color-ink-soft)}.deck{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-l);background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-raised);grid-template-columns:minmax(0,1fr);display:grid}.deck-top{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.deck-top .ic{width:1.1em;height:1.1em}.deck-main{align-items:center;gap:var(--space-3);display:flex}.deck-note{min-width:0;font-size:var(--text-s);color:var(--color-ink-soft);flex:1;font-weight:600;line-height:1.4}.deck .btn-primary{min-width:12.5rem}.deck-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.deck-confirm{align-items:center;gap:var(--space-3);border:0;flex-wrap:wrap;min-width:0;margin:0;padding:0;display:flex}.deck-confirm .deck-note{flex:100%}.deck-foot{margin-top:calc(var(--space-2) * -1);justify-content:flex-end;display:flex}.phases{gap:var(--space-1);min-width:0;padding:var(--space-1);border-radius:var(--radius-pill);background:var(--color-surface-sunken);flex:1;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;list-style:none;display:grid}.phases>li{display:contents}.phase{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap-min);padding:0 var(--space-1);border-radius:var(--radius-pill);color:var(--color-ink-soft);font-size:var(--text-xs);transition:background var(--duration-base), color var(--duration-base);background:0 0;border:0;font-weight:700;display:inline-flex}.phase .ic{width:1.1em;height:1.1em;display:none}.phase.past{color:var(--color-ink)}.phase[aria-current=step]{background:var(--color-ink);color:var(--color-surface)}button.phase{cursor:pointer}@media (hover:hover){button.phase:hover{background:var(--pad-wash-strong);color:var(--color-ink)}}.card-list{gap:var(--space-1);max-height:40dvh;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.card-list button{align-items:center;gap:var(--space-2);width:100%;min-height:var(--tap-min);padding:var(--space-1) var(--space-3);border-radius:var(--radius-m);background:var(--color-surface-sunken);font-size:var(--text-s);text-align:left;cursor:pointer;border:0;font-weight:600;display:flex}.card-list button[aria-current=true]{background:var(--pad-wash);box-shadow:inset 5px 0 0 var(--color-primary)}@media (hover:hover){.card-list button:hover{background:var(--pad-wash-strong)}}.card-list .n{min-width:1.5em;color:var(--color-ink-soft);font-weight:800}.card-list .n+.tag{text-align:center;min-width:2.25rem}.card-list .label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.player-label{align-items:center;gap:var(--space-2);margin:0 0 var(--space-2) var(--space-2);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-on-primary);font-weight:800;display:flex}.player-label .ic{width:1.1em;height:1.1em}.answers{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.arow{align-items:center;gap:var(--space-3);min-height:3rem;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-2);border-radius:var(--radius-m);background:var(--color-surface-sunken);grid-template-columns:auto 1fr auto;display:grid}.arow.ok{background:var(--pad-wash);box-shadow:inset 5px 0 0 var(--color-correct)}.arow.err{box-shadow:inset 5px 0 0 var(--color-wrong)}.arow .who{font-size:var(--text-xs);color:var(--color-ink-soft);font-weight:700}.arow .what{align-items:center;gap:var(--space-2);font-size:var(--text-s);overflow-wrap:anywhere;font-weight:800;display:flex}.waiting{align-items:center;gap:var(--space-1);font-size:var(--text-s);color:var(--color-ink-soft);font-weight:700;display:inline-flex}.arow .badge{border-radius:50%;flex:none;place-items:center;width:1.5rem;height:1.5rem;display:inline-grid}.arow .badge .ic{stroke-width:3px;width:.85rem;height:.85rem}.arow .badge.ok{background:var(--color-correct);color:var(--color-surface)}.arow .badge.err{background:var(--color-wrong);color:var(--color-surface)}.arow .badge.none{background:var(--pad-veil);color:var(--color-ink-soft)}.empty{align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-m);background:var(--color-surface-sunken);color:var(--color-ink-soft);font-size:var(--text-s);font-weight:600;display:flex}.note-line{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-ink-soft);font-weight:600}@media (width<=899px){.deck-main{flex-wrap:wrap}.deck-actions{flex:100%}.deck-actions .btn-primary{flex:1 0 auto;min-width:0}.phase{flex-direction:column;gap:2px;min-height:3.25rem;padding:0 2px;font-size:.625rem}.phase .ic{display:inline-block}}.statusbar{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.statusbar .spacer{flex:1}.timer{align-items:center;gap:var(--space-3);min-height:2.25rem;padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-ink);font-weight:800;display:inline-flex}.timer .ic{width:1.1em;height:1.1em}.timer .bar{border-radius:var(--radius-pill);background:var(--pad-veil);width:5.5rem;height:8px;overflow:hidden}.timer .bar i{border-radius:inherit;background:linear-gradient(90deg, var(--color-primary), var(--color-accent));transform-origin:0;width:100%;height:100%;display:block}@media (prefers-reduced-motion:no-preference){.timer .bar i{transition:transform 1s linear}}.strip{display:none}.strip-t{align-items:center;gap:var(--space-2);margin:var(--space-2) var(--space-2) var(--space-2);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;font-weight:800;display:flex}.strip-t .right{font-size:var(--text-s);letter-spacing:.02em;text-transform:none;margin-inline-start:auto}.strip ul{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.strip li{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-1);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-ink-soft);font-size:var(--text-s);font-weight:700;display:inline-flex}.strip li.done{color:var(--color-ink)}.strip li .av{width:1.75rem;height:1.75rem;font-size:var(--text-xs)}.strip li>.ic{width:1rem;height:1rem}.strip li.done>.ic{color:var(--color-link);stroke-width:3px}@media (width<=899px){.strip{display:block}}@media (width<=599px){.timer .bar{width:2.5rem}}.stack{gap:var(--space-3);flex-direction:column;display:flex}.page{gap:var(--space-4);width:100%;max-width:40rem;padding:var(--space-5) var(--space-4) var(--space-6);flex-direction:column;margin:0 auto;display:flex}.field{gap:var(--space-1);flex-direction:column;display:flex}input,select,textarea{font:inherit;color:inherit}button,select,input:not([type=file]),textarea{min-height:var(--tap-min);border:1px solid var(--color-line);border-radius:var(--radius-s);background:var(--color-surface);padding:0 var(--space-3)}textarea{padding:var(--space-2) var(--space-3)}button:disabled{opacity:.5}.notice{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-s);background:var(--color-surface-sunken);color:var(--color-ink);flex-direction:column;align-items:flex-start;display:flex}.hint{color:var(--color-ink-soft);font-size:var(--text-s)}.warning{padding:var(--space-3);border:1px solid var(--color-wrong);border-radius:var(--radius-s)}.plain{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.code-row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.code-value{font-family:var(--font-mono);font-size:var(--text-l);letter-spacing:.1em}.prep .player-card .card{padding-bottom:1.2em}.prep .player-card .qt{margin-bottom:.8em}.prep .player-card .cover .qt{margin-bottom:.4em}.prep-ways,.prep-checks{gap:.6em;margin:0;padding:0;list-style:none;display:grid}.prep-checks+.note{margin-top:.9em}.prep-way,.prep-check{background:color-mix(in srgb, var(--q-cyan-ink) 4%, transparent);border-radius:12px}.prep-way.is-chosen{background:color-mix(in srgb, var(--q-cyan) 10%, transparent);box-shadow:inset 5px 0 0 var(--q-cyan)}.prep-way-pick,.prep-check{cursor:pointer;align-items:flex-start;gap:.8em;padding:.8em .9em;display:flex;position:relative}.prep-way-pick input,.prep-check input{opacity:0;border:0;width:1px;height:1px;min-height:0;padding:0;position:absolute}.prep-way-mark,.prep-check-box{border:2px solid var(--q-soft);background:var(--q-surface);flex:none;width:1.35rem;height:1.35rem;margin-top:.1em;position:relative}.prep-way-mark{border-radius:50%}.prep-check-box{border-radius:6px}.prep-way.is-chosen .prep-way-mark{border-color:var(--q-cyan-deep);background:radial-gradient(circle, var(--q-cyan-deep) 42%, transparent 46%)}.prep-check input:checked+.prep-check-box{border-color:var(--q-cyan-deep);background:var(--q-cyan-deep)}.prep-check input:checked+.prep-check-box:after{content:"";border:solid var(--q-surface);border-width:0 3px 3px 0;width:.35rem;height:.65rem;position:absolute;top:.1rem;left:.36rem;transform:rotate(45deg)}.prep-way-pick input:focus-visible+.prep-way-mark,.prep-check input:focus-visible+.prep-check-box{outline:3px solid var(--color-focus);outline-offset:2px}.prep-way-text{gap:.2em;min-width:0;font-size:.92em;display:grid}.prep-way-text b{font-weight:800}.prep-way-text span{color:var(--q-soft);font-weight:500;line-height:1.45}.prep-check>span:last-child{min-width:0;font-size:.92em;font-weight:600;line-height:1.45}.prep-way-detail{gap:.6em;padding:0 .9em .9em 3.05em;display:grid}.prep-way-detail .btn{justify-self:start;max-width:100%}.prep-copy{flex-wrap:wrap;align-items:center;gap:.6em;display:flex}.prep-copy code{background:var(--q-surface);min-width:0;font-family:var(--font-mono);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border-radius:10px;padding:.5em .8em;font-size:.95em;font-weight:700}.prep-change{border-top:1px solid var(--q-line);margin-top:1.2em;padding-top:1em}.prep-change summary{min-height:var(--tap-min);cursor:pointer;align-items:center;font-size:.92em;font-weight:800;display:flex}.prep-change[open] summary{margin-bottom:.6em}.studio{z-index:100;padding:var(--space-5) var(--space-4);background:var(--color-primary);color:var(--color-on-primary);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.studio-rings{pointer-events:none;width:min(140vw,72rem);height:min(140vw,72rem);position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.studio-rings circle{fill:none;stroke:var(--color-surface);stroke-opacity:.4;stroke-width:8px}.studio-body{justify-items:center;gap:var(--space-4);text-align:center;max-width:26rem;display:grid;position:relative}.studio-body>.ic{width:3rem;height:3rem}.studio h2{font-family:"Paytone One", var(--font-ui);font-size:var(--text-2xl);font-weight:400;line-height:1.1}.studio-count{font-family:"Paytone One", var(--font-ui);font-size:6rem;line-height:1}.studio .btn{background:var(--color-ink);min-height:3.5rem;color:var(--color-surface);font-size:var(--text-l)}@keyframes studio-out{to{opacity:0}}@keyframes studio-ring{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media (prefers-reduced-motion:no-preference){.studio{animation:pad-in var(--duration-base) var(--ease-out)}.studio.is-leaving{animation:studio-out .45s var(--ease-out) forwards}.studio-rings circle{transform-box:fill-box;transform-origin:50%;animation:2s ease-in-out infinite studio-ring}.studio-rings circle:nth-child(2){animation-delay:.15s}.studio-rings circle:nth-child(3){animation-delay:.3s}.studio-rings circle:nth-child(4){animation-delay:.45s}.studio-rings circle:nth-child(5){animation-delay:.6s}}
