.arcade-body .site{max-width:none}.arcade-page{padding:12px clamp(8px,2vw,28px) 30px}.arcade{background:#fff;color:#161616;border:2px solid #161616;border-radius:8px;overflow:hidden;max-width:1800px;margin:auto;position:relative}.arcade-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;border-bottom:2px solid #161616}.arcade-toolbar h1{font-size:clamp(1rem,2.2vw,1.6rem);margin:0;overflow-wrap:anywhere}.arcade-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.arcade button{min-height:44px;cursor:pointer;font:inherit}.arcade-controls button{border:1.5px solid #222;border-radius:5px;background:white;color:#111;padding:7px 12px;font-size:.85rem}.arcade button:hover{box-shadow:2px 2px 0 #222}.arcade button:focus-visible,.arcade input:focus-visible{outline:3px solid #b31520;outline-offset:3px}.arcade-hud{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 14px;padding:10px 18px;font-size:.9rem;border-bottom:1px dashed #888}.arcade-hud strong{font-size:1.3rem;padding-left:6px}.arcade-stage{height:clamp(400px,70dvh,980px);position:relative;display:grid;place-items:center;overflow:hidden;background:#f7f7f5}.arcade-stage canvas{display:block;background:#fff;max-width:100%;max-height:100%;touch-action:none;user-select:none;-webkit-user-select:none}.arcade[data-state=playing] canvas{cursor:none}.arcade-panel{position:absolute;inset:0;display:grid;place-items:center;overflow:auto;overscroll-behavior:contain;background:#fffffff5;padding:clamp(16px,3vw,34px);text-align:center}.arcade-panel[hidden],.arcade [hidden]{display:none!important}.arcade-panel section{max-width:700px;width:100%;margin:auto}.arcade-panel h2{font-size:clamp(1.6rem,4vw,3rem);line-height:1.12;margin:10px 0 18px;overflow-wrap:anywhere}.arcade-eyebrow{text-transform:uppercase;font-size:.72rem;letter-spacing:.14em;font-weight:700;color:#555}.arcade-menu{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:22px 0}.arcade-note{font-size:.82rem;line-height:1.5;color:#555}.arcade-panel ul{text-align:left;line-height:1.7;padding-left:22px}.arcade-panel li+li{margin-top:8px}.arcade-panel img{object-fit:contain}.arcade-result{font-size:2rem;font-weight:800;margin:10px}.arcade-stats{display:grid;grid-template-columns:1fr 1fr;gap:5px 18px;text-align:left;max-width:420px;margin:20px auto}.arcade-stats dd{margin:0;text-align:right;font-weight:bold}.arcade-panel form{max-width:380px;margin:20px auto}.arcade-panel label{display:block;font-weight:700;margin:10px}.arcade-panel input{border:2px solid #222;border-radius:4px;font:inherit;padding:10px;width:100%;box-sizing:border-box}.arcade-table-wrap{overflow:auto}.arcade table{border-collapse:collapse;width:100%;font-size:.9rem}.arcade th,.arcade td{padding:10px 6px;border-bottom:1px solid #ccc;text-align:left;overflow-wrap:anywhere}.arcade tr.is-current{font-weight:800;background:#fcebed;outline:2px solid #a71721;outline-offset:-2px}.arcade-status{font-size:.85rem;margin:0;padding:6px 16px;min-height:1.5em}.arcade progress{width:min(80%,360px);accent-color:#222}.arcade:fullscreen,.arcade.is-fullscreen{width:100%;height:100dvh;max-width:none;border:0;border-radius:0;display:flex;flex-direction:column;box-sizing:border-box;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.arcade.is-fullscreen{position:fixed;inset:0;z-index:10000}.arcade:fullscreen .arcade-stage,.arcade.is-fullscreen .arcade-stage{height:auto;min-height:0;flex:1}.arcade[data-state=paused] .arcade-panel{background:white}.arcade-encounters{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.arcade-encounters a{display:grid;gap:6px;font-size:.78rem;max-width:130px}.arcade-encounters img{width:90px;height:90px;margin:auto}@media(max-width:600px){.arcade-toolbar{padding:9px;align-items:flex-start}.arcade-controls{max-width:220px}.arcade-controls button{padding:5px 9px}.arcade-stage{height:68dvh;min-height:380px}.arcade-hud{padding:8px 10px}.arcade-hud>span:last-child{font-size:.7rem}.arcade-panel{padding:16px}.arcade-menu{gap:8px}.arcade th,.arcade td{padding:8px 4px;font-size:.78rem}}@media(max-height:520px) and (orientation:landscape){.arcade-stage{min-height:300px}.arcade:fullscreen .arcade-stage,.arcade.is-fullscreen .arcade-stage{min-height:0}.arcade-toolbar{padding:4px 12px}.arcade-hud{padding:3px 12px}.arcade-status{padding:2px 12px;font-size:.7rem}}
.public-page.arcade-body .arcade-toolbar h1{font-size:clamp(1.15rem,2.2vw,1.8rem);line-height:1.1;min-width:0;margin:0;letter-spacing:0}
@media(max-width:600px){.arcade-toolbar{flex-wrap:wrap}.public-page.arcade-body .arcade-toolbar h1{width:100%;font-size:1.5rem}.arcade-controls{max-width:none;justify-content:flex-start}.arcade-controls button{min-height:40px}}
.arcade-hud{position:absolute;inset:0;display:block;pointer-events:none;border:0;padding:0;z-index:1}.arcade-level,.arcade-lives,.arcade-ammunition,.arcade-score{position:absolute;padding:8px;background:#ffffffe0;border-radius:6px}.arcade-level{top:8px;left:8px}.arcade-level strong{display:block;padding:0;font-size:clamp(1rem,2vw,1.4rem)}.arcade-level small,.arcade-score small{display:block;font-size:.65rem;letter-spacing:.06em}.arcade-lives{top:8px;right:8px;display:flex;gap:4px}.arcade-lives svg{width:clamp(22px,3vw,34px);height:30px;fill:var(--color-accent);stroke:var(--color-accent);transition:opacity .25s,transform .25s}.arcade-lives svg.is-lost{fill:none;opacity:.25;transform:scale(.82)}.arcade-ammunition{left:8px;bottom:8px;display:flex;align-items:center;gap:3px;transform:scale(var(--ammo-scale,1));transition:transform .15s}.arcade-ammunition svg{width:42px;height:25px;fill:var(--color-accent)}.arcade-score{right:8px;bottom:8px;text-align:right;color:var(--color-accent)}.arcade-score strong{display:block;font-size:clamp(1.7rem,3vw,2.6rem);padding:0;transform-origin:right bottom}.arcade-panel{z-index:3}.arcade-transition{position:absolute;top:45%;left:10%;right:10%;text-align:center;pointer-events:none;z-index:2;color:var(--color-accent);font-size:clamp(1.1rem,3vw,2rem);font-weight:800;text-shadow:0 1px 4px white,0 -1px 4px white}.arcade:not([data-state=playing]):not([data-state=paused]) .arcade-hud{visibility:hidden}.arcade-volume{max-width:340px;margin:auto}.arcade-volume input{accent-color:var(--color-accent)}.arcade[data-state=paused] *{animation-play-state:paused!important}.arcade[data-state=paused] .arcade-lives svg,.arcade[data-state=paused] .arcade-ammunition{transition:none}@media(prefers-reduced-motion:reduce){.arcade-lives svg,.arcade-ammunition{transition:none}.arcade-score strong{transform:none!important}}
/* Large, readable corner HUD; the existing Srab accent remains the single colour source. */
.arcade-level strong{font-size:clamp(1.45rem,2.8vw,2rem);color:var(--color-accent);line-height:1.15}.arcade-level small{font-size:clamp(.85rem,1.5vw,1.05rem);font-weight:700;letter-spacing:.02em}.arcade-level #arcade-clock{font-size:clamp(1.1rem,2vw,1.45rem);color:var(--color-accent);display:inline-block;margin-left:10px}.arcade-level #arcade-quota{display:inline-block}.arcade-lives{gap:6px}.arcade-lives svg{width:clamp(32px,4.2vw,46px);height:clamp(32px,4.2vw,46px)}.arcade-ammunition{font-size:1.7rem;color:var(--color-accent);font-weight:800}.arcade-ammunition strong{font-size:clamp(2rem,3.8vw,3rem);padding-left:0}.arcade-ammunition svg{width:clamp(44px,5vw,62px);height:36px}.arcade-score strong{font-size:clamp(2.35rem,4.5vw,3.5rem);line-height:1.05}.arcade-score small{font-size:.8rem;font-weight:700}.arcade-level,.arcade-lives,.arcade-ammunition,.arcade-score{padding:8px 10px}@media(max-width:420px){.arcade-level{left:3px;top:4px;padding:6px}.arcade-lives{right:3px;top:4px;padding:6px;gap:3px}.arcade-level #arcade-clock{margin-left:6px}.arcade-ammunition{left:3px}.arcade-score{right:3px}}
.arcade-transition{top:50%;transform:translateY(-50%)}.arcade-transition[data-kind=level]{left:0;right:0;font-size:clamp(4rem,18vw,17rem);line-height:1;white-space:nowrap;letter-spacing:-.055em;color:var(--color-accent);text-shadow:none;transform-origin:center;will-change:transform,opacity}
.arcade-transition[data-kind=level]::after{content:attr(data-saying);display:block;font-size:clamp(1rem,2vw,1.8rem);letter-spacing:0;line-height:1.5;white-space:normal}