html[data-online] .kit-bar[data-setup]{grid-template-columns:minmax(0,1fr) 0 auto}.kit-mode .kit-seg{--n:2}.kit-mode .kit-seg__opt{text-decoration:none}.kit-mode .kit-seg .kit-seg__opt[aria-current=page],.kit-mode .kit-seg .kit-seg__opt[aria-current=page]:hover{background:var(--accent);border-color:var(--accent-strong);color:var(--on-accent);box-shadow:var(--shadow-1)}.kit-mode .kit-seg__opt:focus-visible{outline:var(--focus-w) solid var(--accent-ring);outline-offset:2px}html[data-online-new] .kit-mode .kit-seg__opt[href^="/online/"]:not([aria-current=page]){isolation:isolate;background-color:var(--accent-soft);color:var(--accent-strong);position:relative;overflow:hidden}html[data-online-new] .kit-mode .kit-seg__opt[href^="/online/"]:not([aria-current=page]):after{content:"New";border-radius:var(--r-pill);background:var(--accent-strong);color:var(--on-accent);font-size:.6875rem;font-weight:var(--fw-bold);letter-spacing:.02em;flex:none;padding:1px 6px;line-height:1.35}@media (prefers-reduced-motion:no-preference){html[data-online-new]:not([data-motion=reduce]) .kit-mode .kit-seg__opt[href^="/online/"]:not([aria-current=page]):before{content:"";inset-block:0;z-index:-1;background:linear-gradient(105deg, transparent, color-mix(in oklab, var(--surface) 80%, transparent) 50%, transparent);width:60%;animation:kit-online-new 2.4s var(--ease-out) .8s 4 both;position:absolute;left:-60%}}@media (prefers-reduced-motion:reduce){html[data-online-new][data-motion=full] .kit-mode .kit-seg__opt[href^="/online/"]:not([aria-current=page]):before{content:"";inset-block:0;z-index:-1;background:linear-gradient(105deg, transparent, color-mix(in oklab, var(--surface) 80%, transparent) 50%, transparent);width:60%;animation:kit-online-new 2.4s var(--ease-out) .8s 4 both;position:absolute;left:-60%}}@keyframes kit-online-new{0%{transform:translate(0)}to{transform:translate(270%)}}@media (aspect-ratio>=5/4){.kit-setup[data-layout=wide] .kit-setup__body>.kit-mode{grid-column:1/-1;margin-block-end:var(--sp-4)}}@media (aspect-ratio>=5/4) and (height<=520px){.kit-setup[data-layout=wide] .kit-setup__body>.kit-mode{margin-block-end:var(--sp-2)}}@media (aspect-ratio>=5/4) and (height>=521px) and (height<=800px){.kit-setup[data-layout=wide]:has(.kit-setup__body>.kit-mode) .kit-setup__head{padding-block-start:var(--sp-3)}.kit-setup[data-layout=wide] .kit-setup__body:has(>.kit-mode){padding-block:var(--sp-3);row-gap:0}.kit-setup[data-layout=wide] .kit-setup__body>.kit-mode{margin-block-end:var(--sp-3)}.kit-setup[data-layout=wide] .kit-setup__body:has(>.kit-mode) .kit-setup__col{gap:var(--sp-3)}.kit-setup[data-layout=wide]:has(.kit-setup__body>.kit-mode) .kit-setup__foot{padding-block:var(--sp-3)}}.kit-stage .kit-area--setup .kit-setup.kit-entry{width:100%;max-width:560px}.kit-entry__note{color:var(--text-muted);font-size:var(--fs-sm);margin:0;line-height:1.5}.kit-entry__row{gap:var(--sp-2);display:flex}.kit-entry__code{min-width:0;font:var(--fw-semibold) 1.125rem / 1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;flex:1}.kit-entry__code[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger)}.kit-entry__row .btn{flex:none;min-width:92px}.kit-entry__msg{min-height:3em;color:var(--text-muted);font-size:var(--fs-sm);text-align:center;flex-shrink:0;margin:0;line-height:1.5}.kit-entry__msg[role=alert]{color:var(--danger);font-weight:var(--fw-semibold);text-align:start}.kit-entry[aria-busy=true] .kit-entry__msg{color:var(--text)}.kit-entry__slot{flex-shrink:0;align-items:center;display:flex}.kit-entry__slot:empty{display:none}html[data-online-last] .kit-entry__slot{min-height:56px;display:flex}.kit-entry__continue{min-height:56px;padding:var(--sp-2) var(--sp-3) var(--sp-2) var(--sp-4);text-align:start;justify-content:space-between}.kit-entry__continue>span{flex-direction:column;min-width:0;line-height:1.25;display:flex}.kit-entry__continue small{color:var(--text-muted);font-size:var(--fs-xs);font-weight:var(--fw-medium)}.kit-entry .kit-toast .btn{min-height:var(--tap)}.kit-entry__top:empty{display:none}html[data-online-room] .kit-entry__top{min-height:64px;display:block}.kit-entry__notice{padding:10px var(--sp-3);border-radius:var(--r-md);background:color-mix(in srgb, var(--player-yellow) 20%, var(--surface));color:var(--text);font-size:var(--fs-sm);flex-direction:column;gap:2px;margin:0;line-height:1.4;display:flex}.kit-entry__notice strong{font-weight:var(--fw-semibold)}
