.arcade{padding-block:clamp(3rem, 5.3vw, 6rem) var(--space-normal);align-items:start;row-gap:clamp(2rem,4vw,4rem)}.arcade>.section-title{grid-column:1/-1}.arcade__lead{font:400 var(--t-body) / 1.55 var(--f-body);grid-area:2/1/auto/5;max-width:32ch}.arcade__playfield{grid-area:2/5/4/13;justify-items:end;gap:.75rem;min-width:0;padding-top:clamp(2rem,4vw,4rem);display:grid}.arcade__artboard{font:400 var(--t-xs) / 1.3 var(--f-mono);color:var(--muted);font-variant-numeric:tabular-nums}.arcade__stage{aspect-ratio:4/3;width:min(100%, calc((100svh - var(--frame-h) - 4rem) * 4 / 3));outline:1px solid var(--line);outline-offset:0;touch-action:manipulation;-webkit-user-select:none;user-select:none;font-family:var(--f-mono);background:var(--ground);border-radius:0;justify-self:end;position:relative}.arcade__stage:focus-visible{outline:2px solid var(--code);outline-offset:3px}.arcade__stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.arcade__score{font:800 var(--t-l) / 1 var(--f-display);font-variant-numeric:tabular-nums;pointer-events:none;position:absolute;top:1rem;left:1rem}.arcade__prompt{text-align:center;font:500 var(--t-s) / 1.4 var(--f-body);pointer-events:none;position:absolute;inset:auto 1rem 16%}.arcade__hint-touch,.arcade__stage [hidden]{display:none}.arcade__overlay{z-index:1;background:var(--ground);border:1px solid var(--ink);width:min(22rem,100% - 2rem);max-height:calc(100% - 2rem);font:400 var(--t-s) / 1.4 var(--f-body);-webkit-user-select:text;user-select:text;border-radius:0;padding:clamp(1rem,2vw,2rem);position:absolute;top:1rem;right:1rem;overflow-y:auto}.arcade__overlay h3{font:600 var(--t-m) / 1.2 var(--f-body);margin-bottom:1rem}.arcade__overlay form{gap:.75rem;display:grid}.arcade__overlay label{font-weight:600}.arcade__overlay input{border:1px solid var(--ink);background:var(--ground);width:100%;min-width:0;min-height:44px;color:var(--ink);font:500 var(--t-s) / 1.3 var(--f-body);border-radius:0;padding:.5rem}.arcade__overlay .cta{justify-self:start;margin:.4rem 0}.arcade__overlay .cta:disabled{cursor:default;opacity:.6}.arcade__name-hint{color:var(--muted);font:400 var(--t-xs) / 1.45 var(--f-body)}.arcade__message{font:400 var(--t-xs) / 1.5 var(--f-body)}.arcade__message:not(:empty){margin-block:1rem}.arcade__again{cursor:pointer;min-height:44px;font:500 var(--t-s) / 1.3 var(--f-body);color:var(--code);text-underline-offset:.2em;align-items:center;padding-block:.5rem;text-decoration:underline;display:inline-flex}.arcade__again:active{color:var(--ink)}.arcade__rankings{grid-area:3/1/auto/5;min-width:0}.arcade__rankings h3{font:600 var(--t-m) / 1.3 var(--f-body);margin-bottom:1rem}.arcade__board{border-top:1px solid var(--line);padding:0;list-style:none}.arcade__board li{border-bottom:1px solid var(--line);grid-template-columns:2.5ch minmax(0,1fr) auto;align-items:center;gap:1rem;height:3.25rem;padding-inline:.75rem;display:grid;position:relative}.arcade__rank,.arcade__points{font:500 var(--t-xs) / 1.3 var(--f-mono);font-variant-numeric:tabular-nums}.arcade__points{text-align:right}.arcade__player{font:500 var(--t-s) / 1.3 var(--f-body);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.arcade__board .sel{opacity:0;inset:0;scale:1}.arcade__board li[aria-current=true]{background:var(--code);color:var(--ground)}.arcade__board li[aria-current=true]>.sel{--sel:var(--ground);opacity:1}.arcade__board li[aria-current=true]>.sel i{background:var(--code)}.arcade__board-message{min-height:4.5em;font:400 var(--t-xs) / 1.5 var(--f-body);color:var(--muted);margin-top:1rem}@media (hover:none),(pointer:coarse){.arcade__hint-pointer{display:none}.arcade__hint-touch{display:inline}}@media (max-width:1023px){.arcade__lead{grid-area:2/1/auto/-1;max-width:40ch}.arcade__playfield{grid-area:3/1/auto/-1;padding-top:0}.arcade__stage{justify-self:center}.arcade__rankings{grid-area:4/1/auto/-1}.arcade__overlay{padding:1rem}.arcade__score{top:.75rem;left:.75rem}}