/* Arena is the shared presentation for every live game. */
.layout-toggle { min-height:40px; padding:8px 12px; border:1px solid #bcbaa9; background:transparent; border-radius:7px; color:inherit; font:inherit; font-size:12px; font-weight:600; cursor:pointer; white-space:nowrap; }
.layout-toggle[aria-pressed='true'] { background:#183b3e; color:#d6eae2; border-color:#56887e; }
body[data-layout='arena'] { --arena-gold:#d1b57b; --arena-mint:#a6e4d0; --arena-line:#abc9b030; --arena-ink:#e8ebe0; background:#0b1b20; color:var(--arena-ink); }
body[data-layout='arena'] .site-header { background:#0d2025; border-color:#adbcaf25; color:#d6e5db; }
body[data-layout='arena'] .wordmark { color:#dfebdf; }
body[data-layout='arena'] .brand-seal { background:#243d3f; color:#d9bf87; }
body[data-layout='arena'] #theme-open,body[data-layout='arena'] .feel-toggle,body[data-layout='arena'] .layout-toggle { border-color:#a3bca33a; color:inherit; }
body[data-layout='arena'] .layout-toggle[aria-pressed='true'] { color:#c7e7d5; }
body[data-layout='arena'] .room-actions .button { background:#263d3e; border-color:#759c8155; color:#dce6d6; }
body[data-layout='arena'] .room-actions .text-button,body[data-layout='arena'] .auto-pass-control,body[data-layout='arena'] .room-breadcrumb { color:#d1d9c9; }
body[data-layout='arena'] #city-open { display:none; }
body[data-layout='arena'] .site-footer { display:none; }
body[data-layout='arena'] dialog { color:#29352c; }
body[data-layout='arena'].in-game .play-shell { max-width:1440px; padding:6px 22px 12px; height:calc(100dvh - 72px); }
body[data-layout='arena'].in-game .game-layout { flex:1; min-height:0; }
body[data-layout='arena'].in-game .table-surface { padding:0; background:none; border:0; box-shadow:none; border-radius:0; min-height:0; }
.arena-shell { display:flex; flex-direction:column; flex:1; min-height:0; gap:0; }
.arena-field { flex:1 1 auto; min-height:300px; position:relative; isolation:isolate; overflow:hidden; border:1px solid #82998038; border-radius:20px 20px 0 0; background:radial-gradient(ellipse at 50% 28%,#3a5a5035,transparent 60%),linear-gradient(160deg,#0c2329,#0c1c22); }
.arena-atmosphere { position:absolute; inset:0; pointer-events:none; background:radial-gradient(ellipse at 9% 50%,#73b99a16,transparent 35%),radial-gradient(ellipse at 91% 35%,#a0966912,transparent 35%); }
.arena-atmosphere:after { content:''; position:absolute; inset:0; opacity:.2; background-image:radial-gradient(#bbc6a2 1px,transparent 1px); background-size:33px 37px; mask-image:linear-gradient(transparent,#0002); }
.arena-field-heading { position:absolute; inset:15px 20px auto; display:flex; justify-content:space-between; color:#a5baae; letter-spacing:2px; font-size:9px; font-weight:600; z-index:2; pointer-events:none; }
.arena-field-heading span:first-child { color:var(--arena-gold); }
.arena-field-heading i { padding:0 6px; font-style:normal; }
.arena-ground { position:absolute; width:88%; height:83%; top:8%; left:6%; overflow:visible; filter:drop-shadow(0 20px 8px #0004); pointer-events:none; }
.arena-core { position:absolute; left:50%; top:48%; transform:translate(-50%,-50%); pointer-events:none; text-align:center; color:#c9bc8766; }
.arena-core-monogram { display:block; font:italic 62px Georgia,serif; text-shadow:0 0 35px #d4c38644; }
.arena-bank,.arena-deck { display:inline-block; margin:0 5px; font-size:17px; color:#bac19955; }
.arena-station { --performer-width:76px; position:absolute; left:var(--station-x); top:clamp(94px,var(--station-y),calc(100% - 112px)); transform:translate(-50%,-50%); width:182px; z-index:3; text-align:center; transition:opacity .5s; }
.arena-station.is-self { --performer-width:78px; z-index:4; }
.arena-summons { display:flex; justify-content:center; gap:8px; height:105px; align-items:flex-end; }
.arena-socket { width:78px; height:105px; position:relative; display:block; padding:0; background:none; border:0; color:inherit; border-radius:12px; -webkit-tap-highlight-color:transparent; }
button.arena-socket { cursor:pointer; }
.arena-socket .arena-performer { position:absolute; bottom:10px; left:50%; translate:-50% 0; z-index:2; pointer-events:none; filter:drop-shadow(0 5px 4px #00191c77); }
.arena-projector { position:absolute; inset:20% 5% 4%; clip-path:polygon(20% 0,80% 0,100% 100%,0 100%); background:linear-gradient(transparent,#a2dcc811); pointer-events:none; }
.arena-card-anchor { position:absolute; bottom:0; left:9%; width:82%; height:20px; transform:perspective(100px) rotateX(37deg); border:1px solid #8da79080; border-radius:3px; background:linear-gradient(140deg,#213d3e,#101f25); box-shadow:0 3px 0 #04131c,0 0 17px #89c8ab1c; color:#b7cda477; font:10px Georgia,serif; overflow:hidden; }
.arena-card-anchor i { font-size:17px; line-height:17px; font-style:normal; }
.arena-edit-mark { position:absolute; top:10px; right:0; width:15px; height:15px; opacity:.65; color:#bdd9c2; font-size:15px; }
.arena-socket:hover .arena-card-anchor,.arena-socket:focus-visible .arena-card-anchor { border-color:var(--arena-mint); box-shadow:0 0 12px #9ae0bb55; }
.arena-socket:focus-visible { outline:2px solid var(--arena-mint); outline-offset:3px; }
.arena-socket.is-lost { opacity:.32; }
.arena-socket.is-lost .arena-performer { opacity:0; }
.arena-socket.is-lost .arena-card-anchor { transform:rotate(-8deg); background:#291e25; border-color:#8d6863; color:#d1a496; font:9px/18px system-ui,sans-serif; }
.arena-socket.is-undealt .arena-card-anchor,.arena-socket.is-undealt .arena-performer { opacity:0; transform:translateY(-15px); }
.arena-card-anchor,.arena-performer { transition:opacity .35s; }
.arena-nameplate { display:flex; align-items:center; justify-content:center; gap:6px; max-width:100%; margin:6px auto 0; padding:6px 10px; min-height:32px; color:#dce4d6; font:12px/1.1 system-ui,sans-serif; background:linear-gradient(#213d40,#152c32); border:1px solid #8c9f8438; border-radius:5px; box-shadow:0 4px 12px #06141766; cursor:pointer; }
.arena-nameplate strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:500; max-width:98px; }
.arena-nameplate small { font-size:7px; color:#a8b6a3; }
.arena-purse { font-size:12px; color:#dfc185; white-space:nowrap; }
.arena-purse i { font-style:normal; }
.arena-turn-light { width:4px; height:4px; border-radius:50%; background:#78927b; opacity:.3; flex-shrink:0; }
.is-current .arena-turn-light { background:#bdedbd; opacity:1; box-shadow:0 0 9px #b1ffd9; }
.is-current .arena-nameplate { border-color:#96bd8f99; box-shadow:0 0 20px #8abd7f1f; }
.is-targetable .arena-nameplate { border-color:#e8a484; background:#472f32; min-height:44px; }
.is-targetable .arena-nameplate:after { content:'↗'; color:#efbd95; }
.arena-station.is-out { opacity:.45; }
.arena-station.is-winner .arena-nameplate { border-color:#ecd09b; box-shadow:0 0 30px #dabb6577; }
.arena-self-note { display:block; color:#829c8f; font-size:7px; letter-spacing:1.1px; margin-top:6px; }
.arena-recap { position:absolute; bottom:0; width:100%; padding:7px 16px; min-height:30px; display:flex; align-items:center; gap:12px; justify-content:center; border:0; border-top:1px solid #abc49d1a; background:#091c20bd; color:#b9cab6; font:11px/1.3 system-ui,sans-serif; cursor:pointer; z-index:5; }
.arena-recap span:first-child { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.arena-recap span:last-child { color:#d6bf85; }
.arena-fx { position:absolute; inset:0; pointer-events:none; z-index:6; }
.arena-effect { position:absolute; display:block; font:700 36px Georgia,serif; color:var(--arena-gold); text-shadow:0 0 18px #d7ba7880; }
.arena-effect.arena-traveller { width:86px; filter:drop-shadow(0 0 12px #c0636b99); }
.arena-effect svg { width:100%; height:auto; }
.arena-block-shield { width:74px; height:74px; display:grid; place-items:center; border:2px solid #bdaddb; border-radius:50% 50% 40% 40%; color:#d9c1ed; box-shadow:0 0 35px #aa96c366,inset 0 0 20px #aa96c333; }
.arena-challenge { color:#fff0ba; font-size:48px; }
.arena-bluff,.arena-result-bluff,.arena-shatter { color:#eea399; }
.arena-shatter { font-size:70px; }
.arena-coin-flight { font-size:25px; }
.arena-coin-reach { opacity:.5; font-size:20px; }
.arena-card-flight { font-size:38px; color:#a6c5b5; }
.arena-victory { font-size:84px; }
/* The decision dock is shared with the classic game, so every rule stays available. */
body[data-layout='arena'].in-game .decision-panel { flex:none; display:grid; grid-template-columns:240px minmax(0,1fr); grid-template-areas:'hand heading' 'hand body'; gap:7px 24px; padding:15px 24px 18px; background:linear-gradient(125deg,#efe8d7,#e0e4d9); color:#233b35; border:1px solid #d2c7a6; border-top:3px solid #a99968; border-radius:0 0 16px 16px; box-shadow:0 5px 18px #03131755; min-height:195px; }
body[data-layout='arena'].in-game .decision-panel .decision-sweep { display:none; }
body[data-layout='arena'].in-game .decision-panel .decision-heading { gap:10px; align-items:center; }
body[data-layout='arena'].in-game .decision-heading h2 { font:26px/1.05 Georgia,serif; margin:3px 0 0; }
body[data-layout='arena'].in-game .decision-eyebrow { color:#7d775e; font-size:9px; letter-spacing:1px; }
body[data-layout='arena'].in-game .decision-detail { display:none; }
body[data-layout='arena'].in-game .decision-icon { display:none; }
body[data-layout='arena'].in-game .decision-clock { background:#c2cab745; color:#496754; font-size:12px; min-width:32px; height:29px; }
body[data-layout='arena'] #action-guide { width:30px; height:30px; flex-basis:30px; font-size:16px; color:#746f59; }
body[data-layout='arena'].in-game .decision-panel .self-area { grid-area:hand; border:0; border-right:1px solid #8b977955; padding:0 20px 0 0; }
body[data-layout='arena'].in-game .hand-caption { margin-bottom:7px; }
body[data-layout='arena'].in-game .hand-caption>span:first-child { font-size:8px; letter-spacing:.5px; }
body[data-layout='arena'].in-game .hand-caption .coin-count { font-size:16px; }
body[data-layout='arena'].in-game .decision-panel .hand-cards { gap:8px; }
body[data-layout='arena'].in-game .decision-panel .influence-card { height:122px; display:flex; flex-direction:column; padding:5px; background:#f1eddc; box-shadow:0 3px 0 #b5ad8c; border:1px solid #9e9c7b; }
body[data-layout='arena'].in-game .decision-panel .influence-card .character-art { width:100%; height:83px; object-fit:cover; object-position:50% 26%; border-radius:3px; margin:0; }
body[data-layout='arena'].in-game .decision-panel .influence-card .role-name { font:15px/1.1 Georgia,serif; margin-top:5px; color:#524c33; }
body[data-layout='arena'].in-game .decision-panel .influence-card .role-power { display:none; }
body[data-layout='arena'].in-game .decision-panel .influence-card.selected { outline:2px solid #805d46; outline-offset:-2px; background:#dfd6bd; }
body[data-layout='arena'].in-game .decision-panel .hand-help { display:none; }
body[data-layout='arena'].in-game .decision-panel .action-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; }
body[data-layout='arena'].in-game .decision-panel .action-button { background:#e9ebdf; color:#334e40; border:1px solid #9da58a; min-height:46px; border-radius:5px; box-shadow:0 3px 0 #a6ae96; padding:8px; gap:8px; justify-content:flex-start; overflow:hidden; }
body[data-layout='arena'].in-game .action-button .action-button-art,body[data-layout='arena'].in-game .action-button .action-sheen,body[data-layout='arena'].in-game .action-button small { display:none; }
body[data-layout='arena'].in-game .decision-panel .action-button .action-symbol { display:block; color:#708875; width:20px; }
body[data-layout='arena'].in-game .action-button strong { font:600 12px/1.2 system-ui,sans-serif; margin:0; }
body[data-layout='arena'].in-game .action-button .action-cost { position:static; margin-left:auto; color:#77724e; font-size:11px; text-shadow:none; }
body[data-layout='arena'].in-game .action-button.coup { grid-column:auto; color:#925546; border-color:#b6937d; background:#e7dacc; }
body[data-layout='arena'].in-game .action-button:disabled { opacity:.36; filter:grayscale(1); }
body[data-layout='arena'].in-game .action-button:hover:not(:disabled) { background:#f6f1d9; border-color:#738966; transform:translateY(-1px); }
body[data-layout='arena'].in-game .decision-panel .pending-card { background:none; border:0; padding:0; }
body[data-layout='arena'].in-game .decision-panel .pending-card p { margin:0 0 7px; }
body[data-layout='arena'].in-game .pending-context { font-size:12px; }
body[data-layout='arena'].in-game .pending-instruction { display:none; }
body[data-layout='arena'].in-game .decision-panel .response-buttons { display:flex; flex-wrap:wrap; gap:7px; }
body[data-layout='arena'].in-game .decision-panel .response-buttons .button { flex:1; min-height:44px; background:#e8e5d5; border:1px solid #a6ac90; color:#4c5745; font-size:12px; white-space:normal; padding:9px 12px; }
body[data-layout='arena'].in-game .decision-panel .response-buttons [data-response='pass'],body[data-layout='arena'].in-game .decision-panel .response-buttons [data-response='allow'] { order:-1; flex-basis:100%; min-height:50px; color:#f3f3df; background:linear-gradient(#426a59,#325342); border:1px solid #769375; box-shadow:0 3px 0 #1c392e; font-size:16px; letter-spacing:.2px; }
body[data-layout='arena'].in-game .decision-panel .response-buttons [data-response='challenge'] { color:#8b503e; }
body[data-layout='arena'] .opening-decision-note { color:#65745c; font-size:12px; }
body[data-layout='arena'].in-game .decision-panel[data-mode='waiting'] { min-height:160px; }
body[data-layout='arena'].in-game .decision-panel[data-mode='waiting'] .decision-detail { display:block; font-size:12px; color:#617058; }
body[data-layout='arena'].in-game .decision-panel[data-mode='exchange'] .self-area { grid-column:1/-1; border:0; padding:0; }
body[data-layout='arena'].in-game .decision-panel[data-mode='exchange'] { grid-template-areas:'heading heading' 'hand hand' 'body body'; }
body[data-layout='arena'].in-game .decision-panel[data-mode='exchange'] .hand-cards { grid-template-columns:repeat(4,minmax(0,1fr)); }
body[data-layout='arena'].in-game .decision-panel .exchanging .influence-card { height:90px; }
body[data-layout='arena'].in-game .decision-panel .exchanging .character-art { height:55px; }
#persona-modal { width:min(560px,calc(100vw - 24px)); padding:22px; background:#f3eedf; }
#persona-modal h2 { margin:7px 0 12px; font:30px Georgia,serif; }
.persona-explainer { color:#647059; font-size:13px; line-height:1.5; }
.persona-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.persona-choice { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; background:#dfe6d8; border:1px solid #acb8a1; border-radius:9px; padding:8px; cursor:pointer; color:#344f42; }
.persona-choice .arena-performer { --performer-width:64px; }
.persona-choice strong { font:12px system-ui,sans-serif; }
.persona-choice[aria-pressed='true'] { outline:2px solid #537b62; background:#d2dcc6; }
.persona-choice:hover { background:#e9ecde; }
:root[data-theme='neon'] body[data-layout='arena'] { --arena-gold:#e0b2f0; --arena-mint:#9ff4dd; }
:root[data-theme='neon'] body[data-layout='arena'] .arena-field { background:radial-gradient(ellipse at 50% 25%,#4b286b55,transparent 65%),#101c2b; }
:root[data-theme='woodland'] body[data-layout='arena'] .arena-field { background:radial-gradient(ellipse at 50% 25%,#6a774044,transparent 65%),#16271f; }
@media(max-width:760px){
  body[data-layout='arena'] .site-header { min-height:52px; }
  body[data-layout='arena'] #theme-open { max-width:104px; overflow:hidden; text-overflow:ellipsis; }
  .layout-toggle { padding:7px; font-size:10px; min-height:40px; }
  body[data-layout='arena'] #table-menu { background:#123039; border-color:#658878; }
  body[data-layout='arena'].in-game .play-shell { height:calc(100dvh - 52px); padding:0 6px max(5px,env(safe-area-inset-bottom)); }
  body[data-layout='arena'] .room-top { min-height:35px; margin-bottom:0; }
  body[data-layout='arena'] .room-actions { gap:9px; }
  body[data-layout='arena'] .room-actions .button { min-height:34px; padding:6px 9px; }
  .arena-field { min-height:268px; border-radius:12px 12px 0 0; }
  .arena-field[data-count='6'],.arena-field[data-count='7'],.arena-field[data-count='8'] { min-height:315px; }
  .arena-field-heading { inset:10px 12px auto; font-size:7px; letter-spacing:1px; }
  .arena-ground { width:96%; height:80%; top:12%; left:2%; }
  .arena-core-monogram { font-size:38px; }
  .arena-bank,.arena-deck { font-size:12px; }
  .arena-station,.arena-station.is-self { width:112px; --performer-width:49px; top:var(--station-y); }
  .arena-summons { height:64px; gap:3px; }
  .arena-socket { width:49px; height:67px; }
  .arena-socket .arena-performer { bottom:8px; }
  .arena-card-anchor { height:14px; }
  .arena-card-anchor i { font-size:12px; line-height:11px; }
  .arena-edit-mark { font-size:12px; right:-1px; top:4px; }
  .arena-nameplate { font-size:10px; padding:5px 6px; gap:4px; margin-top:3px; min-height:28px; }
  .arena-nameplate strong { max-width:56px; }
  .arena-nameplate small { font-size:6px; }
  .arena-purse { font-size:10px; }
  .arena-self-note { font-size:6px; letter-spacing:.7px; margin-top:3px; }
  .arena-recap { font-size:9px; min-height:26px; padding:5px 10px; }
  .arena-field[data-count='7'] .arena-station,.arena-field[data-count='8'] .arena-station { width:84px; --performer-width:35px; }
  .arena-field[data-count='7'] .arena-summons,.arena-field[data-count='8'] .arena-summons { height:49px; gap:1px; }
  .arena-field[data-count='7'] .arena-socket,.arena-field[data-count='8'] .arena-socket { width:36px; height:49px; }
  .arena-field[data-count='7'] .arena-nameplate,.arena-field[data-count='8'] .arena-nameplate { padding:5px 3px; gap:3px; font-size:9px; }
  .arena-field[data-count='7'] .arena-nameplate small,.arena-field[data-count='8'] .arena-nameplate small { display:none; }
  .arena-field[data-count='7'] .arena-station.is-self,.arena-field[data-count='8'] .arena-station.is-self { width:112px; --performer-width:44px; }
  .arena-effect.arena-traveller { width:59px; }
  .arena-effect { font-size:28px; }
  body[data-layout='arena'].in-game .decision-panel,body[data-layout='arena'].in-game .decision-panel[data-mode='exchange'] { grid-template-columns:1fr; grid-template-areas:'heading' 'body' 'hand'; padding:10px 12px 11px; gap:8px; min-height:0; border-radius:0 0 11px 11px; }
  body[data-layout='arena'].in-game .decision-panel[data-mode='exchange'],body[data-layout='arena'].in-game .decision-panel[data-mode='loss'] { grid-template-areas:'heading' 'hand' 'body'; }
  body[data-layout='arena'].in-game .decision-heading h2 { font-size:21px; }
  body[data-layout='arena'].in-game .decision-eyebrow { font-size:8px; }
  body[data-layout='arena'].in-game .decision-panel .self-area { border-right:0; border-top:1px solid #a4ae9377; padding:6px 0 0; }
  body[data-layout='arena'].in-game .decision-panel .hand-cards { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  body[data-layout='arena'].in-game .hand-caption { margin-bottom:5px; }
  body[data-layout='arena'].in-game .decision-panel .influence-card,body[data-layout='arena'].in-game .decision-panel .exchanging .influence-card { display:grid; grid-template-columns:36px minmax(0,1fr); grid-template-areas:'art name' 'art power'; grid-template-rows:1fr 1fr; height:59px; padding:4px; gap:2px 7px; text-align:left; }
  body[data-layout='arena'].in-game .decision-panel .influence-card .character-art,body[data-layout='arena'].in-game .decision-panel .exchanging .character-art { width:36px; height:49px; grid-area:art; margin:0; }
  body[data-layout='arena'].in-game .decision-panel .influence-card .role-name { grid-area:name; font-size:16px; margin:4px 0 0; }
  body[data-layout='arena'].in-game .decision-panel .influence-card .role-power { display:block; grid-area:power; font-size:8px; line-height:1.2; color:#72775e; }
  body[data-layout='arena'].in-game .decision-panel .action-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
  body[data-layout='arena'].in-game .decision-panel .action-button { min-height:46px; padding:6px 5px; flex-direction:column; gap:1px; align-items:center; justify-content:center; position:relative; }
  body[data-layout='arena'].in-game .decision-panel .action-button .action-symbol { display:none; }
  body[data-layout='arena'].in-game .action-button strong { font-size:11px; }
  body[data-layout='arena'].in-game .action-button .action-cost { font-size:9px; margin:0; }
  body[data-layout='arena'].in-game .action-button.coup { grid-column:span 2; flex-direction:row; gap:7px; }
  body[data-layout='arena'].in-game .decision-panel .pending-context { font-size:11px; }
  body[data-layout='arena'].in-game .decision-panel .response-buttons .button { flex-basis:calc(50% - 7px); font-size:11px; padding:8px; }
  body[data-layout='arena'].in-game .decision-panel .response-buttons [data-response='pass'],body[data-layout='arena'].in-game .decision-panel .response-buttons [data-response='allow'] { flex-basis:100%; min-height:48px; font-size:16px; }
  body[data-layout='arena'].in-game .decision-panel[data-mode='waiting'] { min-height:0; }
  body[data-layout='arena'].in-game .decision-panel[data-mode='exchange'] .hand-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body[data-layout='arena'].in-game .decision-panel .card-lost-stamp { font-size:12px; left:3px; padding:2px; }
}
@media(max-height:730px) and (max-width:760px){
  .arena-field { min-height:220px; }
  .arena-field[data-count='6'],.arena-field[data-count='7'],.arena-field[data-count='8'] { min-height:265px; }
  .arena-self-note { display:none; }
  body[data-layout='arena'].in-game .decision-panel { padding:7px 9px; gap:6px; }
  body[data-layout='arena'].in-game .decision-heading h2 { font-size:19px; }
}
@media(max-height:640px){body[data-layout='arena'].in-game .play-shell { height:auto; min-height:calc(100dvh - 52px); } .arena-field { flex:none; height:260px; }}
@media(prefers-reduced-motion:reduce){.arena-performer,.arena-card-anchor,.arena-station { transition:none; } .arena-performer.is-changing { animation:none!important; }}
:root[data-motion='reduced'] .arena-performer.is-changing { animation:none!important; }

body[data-layout='arena'].in-game .action-button .action-copy,body[data-layout='arena'].in-game .action-button strong { color:inherit; text-shadow:none; }
body[data-layout='arena'] #theme-open,body[data-layout='arena'] #table-menu-open,body[data-layout='arena'] #table-menu .feel-toggle { background:#203a3d; color:#d5e3d7; }
body[data-layout='arena'] .room-breadcrumb strong { color:#d1d9c9; }
body[data-layout='arena'] .site-header .text-button { color:#d5e3d7; }
body[data-layout='arena'] .room-breadcrumb .connection-dot { box-shadow:0 0 8px #8eb79544; }
body[data-layout='arena'].in-game .play-shell { min-height:0; }

/* A separate, reachable preference strip beside the decisions. */
.decision-controls { flex:none; display:flex; align-items:center; justify-content:center; min-height:50px; padding:3px 10px; background:#10282b; border-inline:1px solid #82998038; }
body[data-layout='arena'] .decision-auto-pass { width:clamp(236px,26%,310px); min-height:40px; padding:7px 12px; gap:10px; border:1px solid #bdc8ad; border-radius:6px; background:#cbd5bd; color:#294137; box-shadow:0 2px 5px #03171933,inset 0 1px 0 #eef3e266; font:600 12px/1.15 system-ui,sans-serif; transition:background-color 180ms,border-color 180ms,box-shadow 180ms; }
body[data-layout='arena'] .decision-auto-pass>span:first-of-type { display:flex; align-items:baseline; gap:7px; }
.decision-auto-pass small { font-size:10px; font-weight:400; color:#4c6352; }
body[data-layout='arena'] .decision-auto-pass input { width:18px; height:18px; flex:none; accent-color:#315f4c; }
.decision-auto-pass .auto-pass-state { margin-left:auto; font-size:8px; letter-spacing:.07em; padding:4px 5px; border-radius:3px; background:#50604819; color:#65705a; }
body[data-layout='arena'] .decision-auto-pass.is-enabled { background:#d5e8c6; border-color:#a7cfa2; box-shadow:0 0 0 1px #bfdbaa25,inset 0 1px 0 #f0ffdc80; }
.decision-auto-pass.is-enabled .auto-pass-state { background:#315b42; color:#eaf7d7; }
body[data-layout='arena'] .decision-auto-pass:hover { background:#e0e8d3; border-color:#d0dfbd; }
body[data-layout='arena'] .decision-auto-pass:has(input:focus-visible) { outline:2px solid #c6deaf; outline-offset:2px; }
@media(max-width:760px){
  .decision-controls { min-height:48px; padding:2px 8px; }
  body[data-layout='arena'] .decision-auto-pass { width:244px; min-height:44px; padding:7px 11px; }
  body[data-layout='arena'] .room-actions #history-open { display:block; }
  .arena-station.is-self { top:min(var(--station-y),calc(100% - 86px)); }
  .arena-field[data-count='7'] .arena-station:not(.is-self),.arena-field[data-count='8'] .arena-station:not(.is-self) { top:max(54px,var(--station-y)); }
}
@media(max-width:760px) and (max-height:730px){
  .arena-field[data-count='6'],.arena-field[data-count='7'],.arena-field[data-count='8'] { min-height:230px; }
  .arena-station.is-self { top:min(var(--station-y),calc(100% - 76px)); }
}
@media(prefers-reduced-motion:reduce){body[data-layout='arena'] .decision-auto-pass { transition:none; }}
:root[data-motion='reduced'] body[data-layout='arena'] .decision-auto-pass { transition:none; }

/* Names remain the visual anchor even when the table fills up. */
.arena-nameplate { position:relative; min-height:35px; padding:7px 9px; border-color:#a6b89966; background:linear-gradient(#2c4848,#193339); }
.arena-nameplate strong { max-width:125px; font-size:15px; font-weight:750; letter-spacing:.1px; color:#f2eedc; text-shadow:0 1px 2px #051b1d; }
.arena-nameplate small { font-size:7px; flex:none; }
.arena-nameplate .arena-you-tag { color:#bddbaa; }
.arena-nameplate .arena-purse { flex:none; }
.arena-nameplate .arena-turn-light { width:5px; height:5px; }
@media(max-width:760px){
  .arena-nameplate { min-height:30px; padding:5px; gap:3px; }
  .arena-nameplate strong { max-width:77px; font-size:12px; }
  .arena-nameplate small { display:none; }
  .arena-nameplate .arena-purse { font-size:10px; }
  .arena-nameplate .arena-turn-light { width:3px; height:3px; }
  .arena-field[data-count='7'] .arena-nameplate,.arena-field[data-count='8'] .arena-nameplate { min-height:29px; padding:5px 3px; gap:3px; }
  .arena-field[data-count='7'] .arena-nameplate strong,.arena-field[data-count='8'] .arena-nameplate strong { max-width:58px; font-size:11px; }
  .arena-field[data-count='7'] .arena-nameplate .arena-purse,.arena-field[data-count='8'] .arena-nameplate .arena-purse { font-size:9px; }
}

@media(max-width:760px){.arena-field .arena-station.is-self .arena-nameplate strong{max-width:88px}}

/* The court closes in as the field narrows. Geometry and seats follow the
   number still playing; only contenders occupy the field. */
.arena-field { --arena-stage-glow:#bcbe8440; }
.arena-field .arena-station { transition:left 850ms cubic-bezier(.2,.72,.25,1),top 850ms cubic-bezier(.2,.72,.25,1),opacity 500ms; }
.arena-stage-light,.arena-stage-reveal { position:absolute; inset:0; pointer-events:none; z-index:1; }
.arena-stage-light { opacity:0; background:radial-gradient(ellipse at 50% 43%,var(--arena-stage-glow),transparent 49%),linear-gradient(105deg,transparent 36%,#d2c18c08 45%,transparent 52%); transition:opacity 1400ms; }
.arena-stage-reveal { opacity:0; background:radial-gradient(ellipse at 50% 48%,#e2d9b026,transparent 59%); }
.arena-core { z-index:2; }
.arena-core-caption { display:block; width:190px; margin:3px 0 8px; font:600 8px/1.4 system-ui,sans-serif; letter-spacing:2px; color:#bfc19a68; }
.arena-core-crown { display:none; width:62px; margin:0 auto; position:relative; }
.arena-core-crown:before { content:''; position:absolute; inset:-18%; border:1px solid #d6c38e25; border-radius:50%; box-shadow:0 0 0 9px #d6c38e05,0 0 30px #dac59414; }
.arena-inner-rings,.arena-ground,.arena-throne-dais,.arena-center-diamond,.arena-duel-axis { transition:opacity 1200ms,filter 1200ms,transform 1200ms; transform-origin:50% 45%; }
.arena-throne-dais,.arena-duel-axis { opacity:0; }
.arena-field[data-stage='final-four'] .arena-stage-light { opacity:.45; }
.arena-field[data-stage='final-four'] .arena-inner-rings { filter:drop-shadow(0 0 3px #d7cba155); }
.arena-field[data-stage='final-four'] .arena-inner-rings path { stroke-opacity:.7; }
.arena-field[data-stage='final-four'] .arena-station { width:192px; --performer-width:81px; }
.arena-field[data-stage='final-four'] .arena-summons,.arena-field[data-stage='final-four'] .arena-socket { height:109px; }
.arena-field[data-stage='final-four'] .arena-socket { width:81px; }
.arena-field[data-stage='duel'] { --arena-stage-glow:#bca66755; border-color:#c6b16e66; }
.arena-field[data-stage='duel'] .arena-stage-light { opacity:.9; }
.arena-field[data-stage='duel'] .arena-inner-rings { filter:drop-shadow(0 0 6px #ddc58155); transform:scale(1.09); }
.arena-field[data-stage='duel'] .arena-inner-rings path { stroke-opacity:.8; stroke-width:2; }
.arena-field[data-stage='duel'] .arena-duel-axis { opacity:.56; transform:rotate(-28deg); }
.arena-field[data-stage='duel'] .arena-core-monogram { display:none; }
.arena-field[data-stage='duel'] .arena-core-crown { display:block; opacity:.66; }
.arena-field[data-stage='duel'] .arena-core-caption { margin-top:12px; color:#cfbd8a99; font-size:8px; }
.arena-field[data-stage='duel'] .arena-station { width:228px; --performer-width:96px; top:clamp(110px,var(--station-y),calc(100% - 115px)); }
.arena-field[data-stage='duel'] .arena-summons,.arena-field[data-stage='duel'] .arena-socket { height:129px; }
.arena-field[data-stage='duel'] .arena-socket { width:98px; }
.arena-field[data-stage='duel'] .arena-nameplate { border-color:#c9b77988; box-shadow:0 5px 16px #03131780,0 0 22px #c4b67712; }
.arena-field[data-stage='winner'] { --arena-stage-glow:#e1c58c6b; border-color:#d9bd7d99; }
.arena-field[data-stage='winner'] .arena-stage-light { opacity:1; background:radial-gradient(ellipse at 50% 28%,#dec58133,transparent 54%),conic-gradient(from -24deg at 50% 82%,transparent 0deg,#daca9924 18deg,transparent 47deg 360deg); }
.arena-field[data-stage='winner'] .arena-ground { transform:scale(1.05); filter:drop-shadow(0 20px 8px #0004) drop-shadow(0 0 24px #cfba641c); }
.arena-field[data-stage='winner'] .arena-inner-rings { filter:drop-shadow(0 0 8px #efdb8b66); }
.arena-field[data-stage='winner'] .arena-inner-rings path { stroke-opacity:.9; stroke-width:2; }
.arena-field[data-stage='winner'] .arena-throne-dais { opacity:1; transform:translateY(150px); }
.arena-field[data-stage='winner'] .arena-center-diamond { opacity:0; }
.arena-field[data-stage='winner'] .arena-core { top:23%; }
.arena-field[data-stage='winner'] .arena-core-monogram { display:none; }
.arena-field[data-stage='winner'] .arena-core-crown { display:block; width:80px; filter:drop-shadow(0 0 15px #dfc17a50); }
.arena-field[data-stage='winner'] .arena-core-caption { color:#e0ca92; font-size:9px; margin-top:12px; }
.arena-field[data-stage='winner'] .arena-bank,.arena-field[data-stage='winner'] .arena-deck { display:none; }
.arena-field[data-stage='winner'] .arena-station { width:248px; --performer-width:108px; top:min(var(--station-y),calc(100% - 108px)); }
.arena-field[data-stage='winner'] .arena-summons,.arena-field[data-stage='winner'] .arena-socket { height:140px; }
.arena-field[data-stage='winner'] .arena-socket { width:108px; }
.arena-field[data-stage='winner'] .arena-nameplate { border-color:#d7bd7e; background:linear-gradient(#555139,#30382e); box-shadow:0 4px 15px #03131777,0 0 28px #d4b76933; }
.arena-field[data-stage='winner'] .arena-nameplate strong { max-width:176px; font-size:18px; }
.arena-field[data-stage='winner'] .arena-self-note { color:#b5ad83; }
:root[data-theme='neon'] .arena-field { --arena-stage-glow:#b58add4d; }
:root[data-theme='woodland'] .arena-field { --arena-stage-glow:#becb7850; }
@media(max-width:760px){
  .arena-core-caption { width:132px; font-size:6px; letter-spacing:1.25px; margin:2px 0 4px; }
  .arena-field[data-stage='final-four'],.arena-field[data-stage='duel'],.arena-field[data-stage='winner'] { min-height:286px; }
  .arena-field[data-stage='final-four'] .arena-station { width:116px; --performer-width:51px; top:max(56px,var(--station-y)); }
  .arena-field[data-stage='final-four'] .arena-station.is-self { top:min(var(--station-y),calc(100% - 85px)); }
  .arena-field[data-stage='final-four'] .arena-summons,.arena-field[data-stage='final-four'] .arena-socket { height:68px; }
  .arena-field[data-stage='final-four'] .arena-socket { width:51px; }
  .arena-field[data-stage='duel'] .arena-station { width:146px; --performer-width:63px; top:clamp(66px,var(--station-y),calc(100% - 88px)); }
  .arena-field[data-stage='duel'] .arena-summons,.arena-field[data-stage='duel'] .arena-socket { height:83px; }
  .arena-field[data-stage='duel'] .arena-socket { width:63px; }
  .arena-field[data-stage='duel'] .arena-nameplate strong { max-width:98px; font-size:13px; }
  .arena-field[data-stage='duel'] .arena-core { top:49%; }
  .arena-field[data-stage='duel'] .arena-core-crown { width:35px; opacity:.65; }
  .arena-field[data-stage='duel'] .arena-core-caption { display:none; }
  .arena-field[data-stage='duel'] .arena-core .arena-bank,.arena-field[data-stage='duel'] .arena-core .arena-deck { margin-top:8px; width:12px; }
  .arena-field[data-stage='winner'] .arena-core { top:24%; }
  .arena-field[data-stage='winner'] .arena-core-crown { width:53px; }
  .arena-field[data-stage='winner'] .arena-core-caption { font-size:6px; margin-top:10px; }
  .arena-field[data-stage='winner'] .arena-station { width:180px; --performer-width:76px; top:min(var(--station-y),calc(100% - 92px)); }
  .arena-field[data-stage='winner'] .arena-summons,.arena-field[data-stage='winner'] .arena-socket { height:100px; }
  .arena-field[data-stage='winner'] .arena-socket { width:77px; }
  .arena-field[data-stage='winner'] .arena-nameplate strong { max-width:135px; font-size:15px; }
}
@media(max-width:760px) and (max-height:730px){
  .arena-field[data-stage='final-four'],.arena-field[data-stage='duel'],.arena-field[data-stage='winner'] { min-height:266px; }
}
@media(max-width:350px){
  .arena-field[data-stage='duel'] .arena-station { width:130px; --performer-width:56px; }
  .arena-field[data-stage='duel'] .arena-summons,.arena-field[data-stage='duel'] .arena-socket { height:76px; }
  .arena-field[data-stage='duel'] .arena-socket { width:56px; }
}
@media(prefers-reduced-motion:reduce){
  .arena-field .arena-station,.arena-stage-light,.arena-inner-rings,.arena-ground,.arena-throne-dais,.arena-center-diamond,.arena-duel-axis { transition:none; }
}
:root[data-motion='reduced'] .arena-field .arena-station,:root[data-motion='reduced'] .arena-stage-light,:root[data-motion='reduced'] .arena-inner-rings,:root[data-motion='reduced'] .arena-ground,:root[data-motion='reduced'] .arena-throne-dais,:root[data-motion='reduced'] .arena-center-diamond,:root[data-motion='reduced'] .arena-duel-axis { transition:none; }

/* Density follows the space left by the decision dock. A shallow court keeps
   every name clear; the final duel expands again whenever room is available. */
.arena-field { container-name:arena; container-type:size; }
@container arena (max-height:380px){
  .arena-field[data-stage] :is(.arena-station,.arena-station.is-self) { width:134px; --performer-width:52px; top:clamp(60px,var(--station-y),calc(100% - 84px)); }
  .arena-field[data-stage] .arena-summons,.arena-field[data-stage] .arena-socket { height:70px; }
  .arena-field[data-stage] .arena-socket { width:54px; }
  .arena-field[data-stage] .arena-nameplate { min-height:29px; padding:5px 6px; margin-top:3px; }
  .arena-field[data-stage] .arena-nameplate strong { max-width:91px; font-size:12px; }
  .arena-field[data-stage] .arena-self-note { display:none; }
  .arena-field[data-stage='court'] :is(.arena-station,.arena-station.is-self) { width:114px; --performer-width:42px; top:clamp(52px,var(--station-y),calc(100% - 77px)); }
  .arena-field[data-stage='court'] .arena-summons,.arena-field[data-stage='court'] .arena-socket { height:56px; }
  .arena-field[data-stage='court'] .arena-socket { width:44px; }
  .arena-field[data-stage='court'] .arena-nameplate { min-height:27px; margin-top:3px; padding:4px 5px; }
  .arena-field[data-stage='court'] .arena-nameplate strong { font-size:11px; max-width:78px; }
  .arena-field[data-stage='court'] .arena-nameplate small:not(.arena-you-tag) { display:none; }
  .arena-field[data-stage='duel'] :is(.arena-station,.arena-station.is-self) { width:166px; --performer-width:68px; top:clamp(77px,var(--station-y),calc(100% - 96px)); }
  .arena-field[data-stage='duel'] .arena-summons,.arena-field[data-stage='duel'] .arena-socket { height:87px; }
  .arena-field[data-stage='duel'] .arena-socket { width:70px; }
  .arena-field[data-stage='winner'] :is(.arena-station,.arena-station.is-self) { width:192px; --performer-width:79px; top:min(var(--station-y),calc(100% - 94px)); }
  .arena-field[data-stage='winner'] .arena-summons,.arena-field[data-stage='winner'] .arena-socket { height:101px; }
  .arena-field[data-stage='winner'] .arena-socket { width:81px; }
  .arena-field[data-stage='winner'] .arena-core-crown { width:51px; }
  .arena-field[data-stage='winner'] .arena-core-caption { font-size:7px; margin-top:8px; }
}
@media(max-width:760px){
  .arena-field,.arena-field[data-count='6'],.arena-field[data-count='7'],.arena-field[data-count='8'],.arena-field[data-stage='final-four'],.arena-field[data-stage='duel'],.arena-field[data-stage='winner'] { min-height:212px; }
}
@media(max-width:760px) and (max-height:730px){
  .arena-field,.arena-field[data-count='6'],.arena-field[data-count='7'],.arena-field[data-count='8'],.arena-field[data-stage='final-four'],.arena-field[data-stage='duel'],.arena-field[data-stage='winner'] { min-height:184px; }
}
@container arena (max-width:760px) and (max-height:300px){
  .arena-field[data-stage] :is(.arena-station,.arena-station.is-self) { width:102px; --performer-width:40px; top:clamp(43px,var(--station-y),calc(100% - 68px)); }
  .arena-field[data-stage] .arena-summons,.arena-field[data-stage] .arena-socket { height:52px; }
  .arena-field[data-stage] .arena-socket { width:42px; }
  .arena-field[data-stage] .arena-summons { gap:3px; }
  .arena-field[data-stage] .arena-nameplate { min-height:25px; margin-top:2px; padding:4px; gap:3px; }
  .arena-field[data-stage] .arena-nameplate strong,.arena-field[data-stage] .arena-station.is-self .arena-nameplate strong { max-width:72px; font-size:10px; }
  .arena-field[data-stage] .arena-nameplate small { display:none; }
  .arena-field[data-stage] .arena-nameplate .arena-purse { font-size:9px; }
  .arena-field[data-stage] .arena-nameplate .arena-turn-light { width:3px; height:3px; }
  .arena-field[data-stage] .arena-edit-mark { top:0; right:0; }
  .arena-field[data-stage] .arena-card-anchor { height:11px; font-size:7px; line-height:9px; }
  .arena-field[data-stage] .arena-card-anchor i { font-size:9px; line-height:8px; }
  .arena-field[data-stage] .arena-socket .arena-performer { bottom:7px; }
  .arena-field[data-stage] .arena-core-monogram { font-size:30px; }
  .arena-field[data-stage] .arena-core-caption { font-size:5px; width:110px; letter-spacing:.8px; }
  .arena-field[data-stage='court'] :is(.arena-station,.arena-station.is-self) { width:72px; --performer-width:26px; top:clamp(34px,var(--station-y),calc(100% - 60px)); }
  .arena-field[data-stage='court'] .arena-summons,.arena-field[data-stage='court'] .arena-socket { height:35px; }
  .arena-field[data-stage='court'] .arena-socket { width:28px; }
  .arena-field[data-stage='court'] .arena-nameplate { min-height:22px; margin-top:2px; padding:3px 2px; gap:2px; }
  .arena-field[data-stage='court'] .arena-nameplate strong { font-size:9px; max-width:51px; }
  .arena-field[data-stage='court'] .arena-nameplate .arena-purse { font-size:8px; }
  .arena-field[data-stage='court'] .arena-edit-mark { display:none; }
  .arena-field[data-stage='duel'] :is(.arena-station,.arena-station.is-self) { width:124px; --performer-width:51px; top:clamp(52px,var(--station-y),calc(100% - 76px)); }
  .arena-field[data-stage='duel'] .arena-summons,.arena-field[data-stage='duel'] .arena-socket { height:65px; }
  .arena-field[data-stage='duel'] .arena-socket { width:53px; }
  .arena-field[data-stage='duel'] .arena-nameplate strong { font-size:11px; max-width:84px; }
  .arena-field[data-stage='duel'] .arena-core-crown { width:28px; }
  .arena-field[data-stage='winner'] :is(.arena-station,.arena-station.is-self) { width:140px; --performer-width:59px; top:min(var(--station-y),calc(100% - 78px)); }
  .arena-field[data-stage='winner'] .arena-summons,.arena-field[data-stage='winner'] .arena-socket { height:77px; }
  .arena-field[data-stage='winner'] .arena-socket { width:61px; }
  .arena-field[data-stage='winner'] .arena-core-crown { width:34px; }
  .arena-field[data-stage='winner'] .arena-core-caption { display:none; }
}
@container arena (max-width:760px) and (max-height:215px){
  .arena-field[data-stage] :is(.arena-station,.arena-station.is-self) { width:94px; --performer-width:35px; top:clamp(36px,var(--station-y),calc(100% - 62px)); }
  .arena-field[data-stage] .arena-summons,.arena-field[data-stage] .arena-socket { height:44px; }
  .arena-field[data-stage] .arena-socket { width:38px; }
  .arena-field[data-stage] .arena-nameplate { min-height:24px; }
  .arena-field[data-stage='court'] :is(.arena-station,.arena-station.is-self) { width:71px; --performer-width:23px; top:clamp(52px,var(--station-y),calc(100% - 55px)); }
  .arena-field[data-stage='court'] .arena-summons,.arena-field[data-stage='court'] .arena-socket { height:30px; }
  .arena-field[data-stage='court'] .arena-socket { width:25px; }
  .arena-field[data-stage='court'] .arena-nameplate { min-height:21px; margin-top:1px; }
  .arena-field[data-stage='court'] .arena-nameplate strong { font-size:8px; }
  .arena-field[data-stage='duel'] :is(.arena-station,.arena-station.is-self) { width:112px; --performer-width:43px; top:clamp(48px,var(--station-y),calc(100% - 70px)); }
  .arena-field[data-stage='duel'] .arena-summons,.arena-field[data-stage='duel'] .arena-socket { height:56px; }
  .arena-field[data-stage='duel'] .arena-socket { width:46px; }
  .arena-field[data-stage='duel'] .arena-core-crown { width:24px; }
  .arena-field[data-stage='winner'] :is(.arena-station,.arena-station.is-self) { width:126px; --performer-width:49px; top:min(var(--station-y),calc(100% - 71px)); }
  .arena-field[data-stage='winner'] .arena-summons,.arena-field[data-stage='winner'] .arena-socket { height:63px; }
  .arena-field[data-stage='winner'] .arena-socket { width:51px; }
  .arena-field[data-stage='winner'] .arena-core-crown { width:27px; }
  .arena-field[data-stage] .arena-core-caption { display:none; }
}

@container arena (max-width:350px) and (max-height:300px){
  .arena-field[data-stage='court'] :is(.arena-station,.arena-station.is-self) { width:60px; --performer-width:21px; }
  .arena-field[data-stage='court'] .arena-socket { width:23px; }
  .arena-field[data-stage='court'] .arena-nameplate strong { font-size:8px; max-width:39px; }
}

/* Four corners, three corners, a duel lane, then the winning throne. The
   complete floor changes silhouette, without a second island in its center. */
.arena-field[data-shape] .arena-scenery-ground { width:94%; height:86%; top:8%; left:3%; transform:none; filter:drop-shadow(0 13px 7px #0005); }
.arena-field[data-shape='square'] { background:radial-gradient(ellipse at 50% 60%,#33534b36,transparent 65%),#0b2026; }
.arena-field[data-shape='triangle'] { background:radial-gradient(ellipse at 50% 75%,#6971452b,transparent 65%),#0b2026; }
.arena-field[data-shape='duel'] { background:linear-gradient(90deg,#06171e 2%,#0c2429 37%,#243a3040 50%,#0c2429 63%,#06171e 98%); }
.arena-field[data-shape='duel'] .arena-stage-light { background:linear-gradient(90deg,transparent 32%,#c6b16e0c 43%,#c6b16e12 50%,#c6b16e0c 57%,transparent 68%); }
.arena-field[data-shape='throne'] { background:radial-gradient(ellipse at 50% 28%,#9b83452d,transparent 56%),#0b2026; }
.arena-field[data-shape='throne'] .arena-stage-light { background:conic-gradient(from -25deg at 50% 95%,transparent 0deg,#dfcc8c0e 16deg,#dfcc8c26 25deg,#dfcc8c0e 34deg,transparent 50deg 360deg); }
.arena-field[data-shape] .arena-core { top:47%; }
.arena-field[data-shape] .arena-core-monogram,.arena-field[data-shape] .arena-core-crown,.arena-field[data-shape] .arena-core-caption { display:none; }
.arena-field[data-shape] .arena-bank,.arena-field[data-shape] .arena-deck { opacity:.25; }
.arena-field[data-shape='duel'] .arena-core { left:20%; top:51%; }
.arena-field[data-shape='throne'] .arena-core { top:16%; }
.arena-field[data-shape='throne'] .arena-core-caption { display:block; color:#dfca96; margin:0; font-size:8px; letter-spacing:2.5px; }
.arena-field[data-shape='throne'] .arena-bank,.arena-field[data-shape='throne'] .arena-deck { display:none; }
.arena-winner-throne { position:absolute; pointer-events:none; width:calc(var(--performer-width)*2.65); max-width:none; height:auto; bottom:26px; left:50%; transform:translateX(-50%); z-index:0; overflow:visible; filter:drop-shadow(0 8px 8px #0004); }
.arena-field[data-shape='throne'] .arena-station { isolation:isolate; }
.arena-field[data-shape='throne'] .arena-summons { position:relative; z-index:1; }
.arena-field[data-shape='throne'] .arena-socket.is-lost { display:none; }
.arena-field[data-shape='throne'] .arena-nameplate { z-index:2; }
.arena-field[data-shape='throne'] .arena-self-note { display:none; }
.arena-field[data-shape='throne'] .arena-card-anchor { opacity:.3; }
:root[data-theme='neon'] .arena-field[data-shape] { background-color:#101a2b; }
:root[data-theme='neon'] .arena-field[data-shape='square'],:root[data-theme='neon'] .arena-field[data-shape='triangle'] { background:radial-gradient(ellipse at 50% 65%,#624a762e,transparent 65%),#101a2b; }
:root[data-theme='neon'] .arena-field[data-shape='duel'] { background:linear-gradient(90deg,#0b1225 2%,#1d2340 37%,#483a613a 50%,#1d2340 63%,#0b1225 98%); }
:root[data-theme='neon'] .arena-field[data-shape='throne'] { background:radial-gradient(ellipse at 50% 28%,#8e6ab238,transparent 56%),#101a2b; }
:root[data-theme='woodland'] .arena-field[data-shape='square'],:root[data-theme='woodland'] .arena-field[data-shape='triangle'] { background:radial-gradient(ellipse at 50% 65%,#63734730,transparent 65%),#11231c; }
:root[data-theme='woodland'] .arena-field[data-shape='duel'] { background:linear-gradient(90deg,#0c1c17 2%,#1b3024 37%,#66724333 50%,#1b3024 63%,#0c1c17 98%); }
:root[data-theme='woodland'] .arena-field[data-shape='throne'] { background:radial-gradient(ellipse at 50% 28%,#8a905238,transparent 56%),#11231c; }
@media(max-width:760px){
  .arena-field[data-shape] .arena-scenery-ground { width:100%; height:88%; left:0; top:7%; }
  .arena-field[data-shape='throne'] .arena-core-caption { font-size:6px; letter-spacing:1.5px; }
  .arena-winner-throne { bottom:23px; }
}
@container arena (max-height:380px){
  .arena-field[data-shape='throne'] .arena-core-caption { display:none; }
  .arena-winner-throne { bottom:23px; }
}
@container arena (max-width:760px) and (max-height:300px){
  .arena-field[data-shape='duel'] :is(.arena-station,.arena-station.is-self) { top:clamp(49px,var(--station-y),calc(100% - 62px)); }
  .arena-field[data-shape='duel'] .arena-core { left:16%; }
  .arena-winner-throne { bottom:20px; }
}
@container arena (max-width:760px) and (max-height:215px){
  .arena-field[data-shape='duel'] :is(.arena-station,.arena-station.is-self) { width:106px; --performer-width:31px; top:clamp(49px,var(--station-y),calc(100% - 55px)); }
  .arena-field[data-shape='duel'] .arena-summons,.arena-field[data-shape='duel'] .arena-socket { height:41px; }
  .arena-field[data-shape='duel'] .arena-socket { width:35px; }
  .arena-field[data-shape='duel'] .arena-nameplate { min-height:23px; }
  .arena-field[data-shape='duel'] .arena-nameplate strong { font-size:10px; }
}