.arcade-host{--arcade-bg:#0e1220;--arcade-bg-raised:#171d31;--arcade-bg-sunken:#0a0d18;--arcade-border:#36406a;--arcade-text:#eef1fb;--arcade-text-muted:#b7bfdc;--arcade-accent:#ffcf4a;--arcade-accent-text:#1b1400;--arcade-accent-2:#5ee1e6;--arcade-danger:#ff8a8a;--arcade-warning-bg:#3a2a07;--arcade-focus:#fff;--arcade-stage-margin:#05070d;--arcade-radius:10px;--arcade-gap:clamp(.5rem, 2vw, 1rem);--arcade-font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--arcade-font-display:ui-monospace, "Cascadia Mono", "Segoe UI Mono", Consolas, "Liberation Mono", monospace;box-sizing:border-box;background:var(--arcade-bg);width:100%;max-width:100%;min-height:100%;color:var(--arcade-text);font-family:var(--arcade-font);flex-direction:column;font-size:1rem;line-height:1.5;display:flex;overflow-x:clip}.arcade-host *,.arcade-host :before,.arcade-host :after{box-sizing:inherit}.arcade-main{flex-direction:column;flex:auto;min-height:0;display:flex}.arcade-screen{gap:var(--arcade-gap);flex-direction:column;width:100%;max-width:44rem;margin:0 auto;padding:clamp(1rem,4vw,2.5rem) clamp(.75rem,4vw,2rem) 2.5rem;display:flex}.arcade-screen__header{flex-direction:column;gap:.25rem;display:flex}.arcade-eyebrow{color:var(--arcade-accent-2);font-family:var(--arcade-font-display);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.85rem}.arcade-heading{font-family:var(--arcade-font-display);letter-spacing:.02em;overflow-wrap:anywhere;margin:0;font-size:clamp(1.5rem,6vw,2.4rem);line-height:1.15}h2.arcade-heading{font-size:clamp(1.3rem,5vw,1.8rem)}.arcade-subheading{color:var(--arcade-accent-2);margin:0 0 .5rem;font-size:1.1rem}.arcade-lead{color:var(--arcade-text-muted);margin:0}.arcade-hint{color:var(--arcade-text-muted);margin:.75rem 0 0;font-size:.9rem}.arcade-live{min-height:1.5em;color:var(--arcade-accent);margin:0}.arcade-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.arcade-card{text-align:left;width:100%;font:inherit;color:inherit;background:var(--arcade-bg-raised);border:2px solid var(--arcade-border);border-radius:var(--arcade-radius);cursor:pointer;flex-direction:column;align-items:flex-start;gap:.25rem;padding:1rem 1.1rem;transition:border-color .12s,transform .12s;display:flex}.arcade-card:hover{border-color:var(--arcade-accent)}.arcade-card:active{transform:translateY(1px)}.arcade-card--disabled{cursor:not-allowed;opacity:.8;border-style:dashed}.arcade-card__title{font-family:var(--arcade-font-display);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:700;display:flex}.arcade-card__text{color:var(--arcade-text-muted)}.arcade-tag{font-family:var(--arcade-font);background:var(--arcade-accent-2);color:#04282a;border-radius:999px;padding:.1rem .5rem;font-size:.75rem;font-weight:600}.arcade-actions,.arcade-menu{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.arcade-menu{flex-direction:column;align-items:stretch}.arcade-button{min-height:2.75rem;font:inherit;color:var(--arcade-text);background:var(--arcade-bg-raised);border:2px solid var(--arcade-border);border-radius:var(--arcade-radius);cursor:pointer;padding:.55rem 1.1rem;font-weight:600;transition:border-color .12s,background-color .12s}.arcade-button:hover{border-color:var(--arcade-accent)}.arcade-button--primary{background:var(--arcade-accent);border-color:var(--arcade-accent);color:var(--arcade-accent-text)}.arcade-button--primary:hover{background:#ffe08a}.arcade-button--danger{border-color:var(--arcade-danger);color:var(--arcade-danger)}.arcade-button--small{min-height:2.25rem;padding:.3rem .75rem;font-size:.9rem}.arcade-button[aria-pressed=true]{border-color:var(--arcade-accent);color:var(--arcade-accent)}.arcade-button:disabled,.arcade-button[aria-disabled=true]{opacity:.55;cursor:not-allowed}.arcade-host kbd{font-family:var(--arcade-font-display);border:1px solid var(--arcade-border);background:var(--arcade-bg-sunken);border-bottom-width:2px;border-radius:4px;padding:.05rem .35rem;font-size:.85em}.arcade-host :focus-visible{outline:3px solid var(--arcade-focus);outline-offset:3px;box-shadow:0 0 0 6px #ffcf4a73}.arcade-heading:focus{outline:none}.arcade-heading:focus-visible{outline:2px dashed var(--arcade-accent);outline-offset:4px;box-shadow:none}.arcade-form{gap:var(--arcade-gap);flex-direction:column;display:flex}.arcade-fieldset{border:2px solid var(--arcade-border);border-radius:var(--arcade-radius);gap:1rem;min-width:0;margin:0;padding:.75rem 1rem 1rem;display:grid}.arcade-fieldset legend{font-family:var(--arcade-font-display);color:var(--arcade-accent-2);padding:0 .4rem}.arcade-field{gap:.3rem;min-width:0;display:grid}.arcade-field--inline{grid-template-columns:auto 1fr;align-items:center;column-gap:.75rem}.arcade-field--inline .arcade-field__hint{grid-column:1/-1}.arcade-field__label{font-weight:600}.arcade-field__hint{color:var(--arcade-text-muted);margin:0;font-size:.9rem}.arcade-field__static{color:var(--arcade-text-muted)}.arcade-select{width:100%;max-width:24rem;min-height:2.75rem;font:inherit;color:var(--arcade-text);background:var(--arcade-bg-sunken);border:2px solid var(--arcade-border);border-radius:var(--arcade-radius);padding:.4rem .6rem}.arcade-range{align-items:center;gap:.75rem;display:flex}.arcade-range input[type=range]{min-width:0;accent-color:var(--arcade-accent);flex:auto;min-height:2rem}.arcade-range__value{text-align:right;min-width:3ch;font-family:var(--arcade-font-display);color:var(--arcade-accent);font-weight:700}.arcade-switch{appearance:none;background:var(--arcade-bg-sunken);border:2px solid var(--arcade-border);cursor:pointer;border-radius:999px;width:3.2rem;height:1.8rem;margin:0;transition:background-color .12s;position:relative}.arcade-switch:after{content:"";background:var(--arcade-text-muted);border-radius:50%;width:1.3rem;height:1.3rem;transition:transform .12s;position:absolute;top:.15rem;left:.15rem}.arcade-switch:checked{background:var(--arcade-accent);border-color:var(--arcade-accent)}.arcade-switch:checked:after{background:var(--arcade-accent-text);transform:translate(1.4rem)}.arcade-controls{gap:var(--arcade-gap);flex-direction:column;min-width:0;display:flex}.arcade-slot{border:2px solid var(--arcade-border);border-radius:var(--arcade-radius);min-width:0;padding:.75rem 1rem}.arcade-bindings{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.arcade-binding{grid-template-columns:minmax(8rem,1fr) minmax(0,2fr) auto;align-items:center;gap:.5rem;display:grid}.arcade-binding__label{overflow-wrap:anywhere;font-weight:600}.arcade-binding__keys{flex-wrap:wrap;gap:.4rem;min-width:0;display:flex}.arcade-binding__empty{color:var(--arcade-danger);font-size:.9rem}.arcade-chip{min-height:2.25rem;font:inherit;color:var(--arcade-text);background:var(--arcade-bg-sunken);border:2px solid var(--arcade-border);cursor:pointer;border-radius:999px;padding:.2rem .5rem}.arcade-chip:hover{border-color:var(--arcade-danger)}.arcade-chip kbd{background:0 0;border:none;padding:0}.arcade-warning{border-radius:var(--arcade-radius);border:2px solid var(--arcade-accent);background:var(--arcade-warning-bg);padding:.75rem 1rem}.arcade-warning__title{color:var(--arcade-accent);margin:0 0 .25rem;font-weight:700}.arcade-warning ul{margin:0;padding-left:1.25rem}.arcade-notice{background:var(--arcade-warning-bg);border-bottom:2px solid var(--arcade-accent);color:var(--arcade-text);margin:0;padding:.6rem clamp(.75rem,4vw,2rem);font-size:.95rem}.arcade-badge{border:2px dashed var(--arcade-accent-2);border-radius:var(--arcade-radius);color:var(--arcade-accent-2);align-self:flex-start;margin:0;padding:.3rem .75rem;font-weight:600}.arcade-table-wrap{width:100%;overflow-x:auto}.arcade-table{border-collapse:collapse;width:100%;font-size:.95rem}.arcade-table caption{text-align:left;color:var(--arcade-accent-2);padding:.5rem 0;font-weight:700}.arcade-table th,.arcade-table td{text-align:left;border-bottom:1px solid var(--arcade-border);vertical-align:top;overflow-wrap:anywhere;padding:.45rem .5rem}.arcade-result{font-family:var(--arcade-font-display);color:var(--arcade-accent);margin:0;font-size:clamp(1.2rem,5vw,1.6rem)}.arcade-result__score{margin:0}.arcade-details{gap:.25rem;margin:0;display:grid}.arcade-details__row{border-bottom:1px solid var(--arcade-border);justify-content:space-between;gap:1rem;display:flex}.arcade-details dt{color:var(--arcade-text-muted)}.arcade-details dd{margin:0;font-weight:700}.arcade-host[data-view=play]{height:100dvh;min-height:0;overflow:hidden}.arcade-host[data-view=play] .arcade-main{min-height:0;overflow:hidden}.arcade-host:fullscreen{width:100%;height:100%;overflow-y:auto}.arcade-host[data-view=play]:fullscreen{overflow:hidden}.arcade-host::backdrop{background:#05070d}.arcade-play{background:var(--arcade-stage-margin);flex:1 1 0;justify-content:center;min-height:0;display:flex;position:relative;overflow:hidden;container-type:size}.arcade-play__stage{background:var(--arcade-bg);flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:flex}.arcade-play[data-stage-cap=on] .arcade-play__stage{max-width:calc(100cqh * var(--arcade-max-stage-aspect,1.7778))}.arcade-toolbar{background:var(--arcade-bg-raised);border-bottom:2px solid var(--arcade-border);flex:none;justify-content:space-between;align-items:center;gap:.5rem;min-width:0;padding:.3rem clamp(.4rem,2vw,.75rem);display:flex}.arcade-toolbar__title{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-family:var(--arcade-font-display);flex:auto;margin:0;font-size:.95rem;font-weight:700;overflow:hidden}.arcade-toolbar__mode{color:var(--arcade-text-muted);font-weight:400}.arcade-toolbar__buttons{flex:none;gap:.4rem;display:flex}.arcade-toolbar__button{white-space:nowrap;justify-content:center;align-items:center;gap:.35rem;min-height:2.1rem;padding:.2rem .6rem;display:inline-flex}.arcade-toolbar__icon{font-size:1rem;line-height:1}.arcade-play[data-fullscreen=true] .arcade-toolbar{border-bottom-width:1px;padding-block:.1rem}.arcade-play[data-fullscreen=true] .arcade-toolbar__title{font-size:.8rem}.arcade-play[data-fullscreen=true] .arcade-toolbar__button{min-height:1.75rem;padding:.05rem .5rem;font-size:.8rem}.arcade-play__field{flex:1 1 0;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;overflow:hidden;container-type:size}.arcade-surface{width:min(100cqw, calc(100cqh * var(--arcade-view-aspect,1)));height:min(100cqh, calc(100cqw / var(--arcade-view-aspect,1)));background:var(--arcade-bg-sunken);flex:none;position:relative;overflow:hidden}.arcade-surface[data-fill=true]{width:100%;height:100%}.arcade-surface:focus,.arcade-surface:focus-visible{box-shadow:none;outline:none}.arcade-overlay{z-index:10;background:#060810c7;justify-content:center;align-items:center;padding:clamp(.5rem,3vw,1.5rem);display:flex;position:absolute;inset:0;overflow-y:auto}.arcade-dialog{background:var(--arcade-bg);border:2px solid var(--arcade-accent);border-radius:calc(var(--arcade-radius) * 1.5);flex-direction:column;gap:.75rem;width:100%;max-width:34rem;max-height:100%;padding:clamp(1rem,4vw,1.75rem);display:flex;overflow-y:auto;box-shadow:0 1rem 3rem #00000080}.arcade-note{border:2px solid var(--arcade-accent-2);border-radius:var(--arcade-radius);background:var(--arcade-bg-raised);gap:.4rem;padding:.6rem .8rem;display:grid}.arcade-note__title,.arcade-note__name{margin:0}.arcade-note__name{color:var(--arcade-accent-2);font-weight:600}.arcade-note__players{gap:.4rem;display:grid}.arcade-note__keys{gap:.15rem;margin:0;padding:0;font-size:.9rem;list-style:none;display:grid}.arcade-note__keys kbd{margin-left:.25rem}.arcade-tabs{border-bottom:2px solid var(--arcade-border);flex-wrap:wrap;gap:.4rem;display:flex}.arcade-tab{min-height:2.5rem;font:inherit;color:var(--arcade-text-muted);border-radius:var(--arcade-radius) var(--arcade-radius) 0 0;cursor:pointer;background:0 0;border:2px solid #0000;margin-bottom:-2px;padding:.4rem .9rem;font-weight:600}.arcade-tab[aria-selected=true]{color:var(--arcade-text);background:var(--arcade-bg-raised);border-color:var(--arcade-border);border-bottom-color:var(--arcade-bg-raised)}.arcade-controls__panel{gap:var(--arcade-gap);flex-direction:column;min-width:0;display:flex}.arcade-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.arcade-online-entry{display:grid}.arcade-online__section{gap:.75rem;display:grid}.arcade-online__section>.arcade-subheading{margin:0}.arcade-online__error{border:2px solid var(--arcade-danger);border-radius:var(--arcade-radius);background:var(--arcade-bg-raised);color:var(--arcade-text);margin:0;padding:.6rem .8rem;font-weight:600}.arcade-input{width:100%;max-width:24rem;min-height:2.75rem;font:inherit;color:var(--arcade-text);background:var(--arcade-bg-sunken);border:2px solid var(--arcade-border);border-radius:var(--arcade-radius);padding:.4rem .6rem}.arcade-input--code{max-width:14rem;font-family:var(--arcade-font-display);letter-spacing:.12em;text-transform:uppercase;font-size:1.25rem}.arcade-invite{font-family:var(--arcade-font-display);letter-spacing:.15em;color:var(--arcade-accent);overflow-wrap:anywhere;margin:0;font-size:clamp(2rem,9vw,3rem);font-weight:700}.arcade-invite__code{-webkit-user-select:all;user-select:all}.arcade-online__players{gap:.25rem;margin:0;padding-left:1.25rem;display:grid}.arcade-online__players [data-ready=true]{color:var(--arcade-accent-2)}.arcade-play--online .arcade-play__field{position:relative}.arcade-online__notices{z-index:5;pointer-events:none;gap:.4rem;width:min(36rem,100% - 1rem);display:grid;position:absolute;top:.5rem;left:50%;transform:translate(-50%)}.arcade-online__notice{border:2px solid var(--arcade-accent-2);border-radius:var(--arcade-radius);background:#171d31eb;margin:0;padding:.45rem .75rem;font-size:.9rem}.arcade-online__notice--warning{border-color:var(--arcade-accent);background:#3a2a07f2}.arcade-online__stopped{z-index:10;background:var(--arcade-bg);border:2px solid var(--arcade-danger);border-radius:calc(var(--arcade-radius) * 1.5);flex-direction:column;gap:.6rem;width:min(34rem,100% - 1rem);padding:clamp(.75rem,3vw,1.25rem);display:flex;position:absolute;bottom:clamp(.5rem,4vh,2rem);left:50%;transform:translate(-50%);box-shadow:0 1rem 3rem #00000080}@media (width<=40rem){.arcade-toolbar__text{display:none}.arcade-toolbar__button{min-width:2.5rem}}@media (width<=34rem){.arcade-binding{grid-template-columns:1fr auto}.arcade-binding__keys{grid-area:2/1/auto/-1}.arcade-actions{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){.arcade-host *,.arcade-host :before,.arcade-host :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.arcade-chat{flex-direction:column;gap:.5rem;display:flex}.arcade-chat__log{background:var(--arcade-bg-sunken);border:1px solid var(--arcade-border);border-radius:var(--arcade-radius);overflow-wrap:anywhere;gap:.3rem;max-height:14rem;margin:0;padding:.5rem .75rem;list-style:none;display:grid;overflow-y:auto}.arcade-chat__log:empty{display:none}.arcade-chat__log:focus-visible{outline:3px solid var(--arcade-focus);outline-offset:2px}.arcade-chat__entry{padding-block:.1em;line-height:1.35;overflow:hidden}.arcade-chat__from{color:var(--arcade-accent-2);white-space:nowrap;unicode-bidi:isolate;margin-right:.4rem;font-weight:700}.arcade-chat__notice{color:var(--arcade-text-muted);font-style:italic}.arcade-chat__entry[data-mine=true] .arcade-chat__from{color:var(--arcade-accent)}.arcade-chat__text{unicode-bidi:isolate}.arcade-chat__form{gap:.35rem;display:grid}.arcade-chat__row{gap:.5rem;display:flex}.arcade-chat__input{flex:auto;min-width:0}.arcade-chat__feedback:empty{display:none}.arcade-chat__mute{font-size:.9rem}.arcade-chat--compact .arcade-chat__log{max-height:9rem}.arcade-online__chat{z-index:8;border:2px solid var(--arcade-accent-2);border-radius:calc(var(--arcade-radius) * 1.5);background:#0e1220f5;flex-direction:column;gap:.5rem;width:min(24rem,100% - 1rem);max-height:calc(100% - 1rem);padding:.75rem;display:flex;position:absolute;bottom:.5rem;right:.5rem;overflow-y:auto}.arcade-online__chat .arcade-subheading{margin:0}html,body{color:#e6ebff;overscroll-behavior:none;background:#03040b;height:100%;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#root{min-height:100%;display:flex}.arcade-host{--arcade-bg:#060914;--arcade-bg-raised:#0e1428;--arcade-bg-sunken:#03040b;--arcade-accent:#3cf0ff;--arcade-accent-text:#001a1d;--arcade-accent-2:#ffb347}