/* Scene geometry only; no body/global theme overrides. Background art stays smooth. */
.arena-scene{position:relative;isolation:isolate;inline-size:100%;block-size:var(--arena-height,clamp(360px,48vw,640px));background:#101b30;color:#fff5db;font:16px/1.5 system-ui,-apple-system,sans-serif}
.arena-scene__background{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;background:#101b30}
.arena-scene__image{position:absolute;display:block;max-width:none;max-height:none;image-rendering:auto;pointer-events:none}
.arena-scene__characters{position:absolute;inset:0;z-index:1;pointer-events:none}
.arena-scene__sprite{image-rendering:pixelated}
.arena-scene__characters :is(button,a,input,select){pointer-events:auto}
.arena-scene__ui{position:relative;z-index:2;block-size:100%;pointer-events:none}
.arena-scene__ui :is(button,a,input,select,summary){pointer-events:auto}
/* Solid surfaces: readability does not rely on the color/luminance of artwork. */
.arena-scene__plate{pointer-events:auto;background:#101b30;color:#fff5db;border:1px solid #bc9853;padding:12px 16px;overflow-wrap:anywhere;font:inherit}
.arena-scene__plate strong{color:#fff5db}
.arena-scene__muted{color:#d1d8e4}
.arena-scene :is(button,a,input,select,summary){font:inherit;min-block-size:44px;min-inline-size:44px;touch-action:manipulation}
.arena-scene__button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#efd397;color:#142037;border:2px solid #efd397;padding:10px 20px;font-weight:700;text-decoration:none;cursor:pointer}
.arena-scene__button:hover{background:#fff5db}
.arena-scene__button:disabled{cursor:default;background:#c6cbd3;color:#33435b;border-color:#c6cbd3}
.arena-scene :is(button,a,input,select,summary):focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 5px #101b30}