/* The artwork decorates the table; cards, health, targets and controls are live. */
[hidden]#cardArena{display:none!important}html:has(body.arena-open){height:100dvh!important;overflow:hidden!important}
html body.approved-site.arena-open{position:fixed!important;inset:0!important;height:100dvh!important;min-height:0!important;padding:0!important;overflow:hidden!important}
body.arena-open .approved-header,body.arena-open .approved-ui.screen,body.arena-open #hostWrenchBtn,body.arena-open #hostControlsWidget,body.arena-open #helpBtn{display:none!important}
body.arena-open .approved-footer{z-index:100020!important;background:transparent!important;border:0!important;box-shadow:none!important;pointer-events:none!important}
body.arena-open .approved-footer .hub-footer-left,body.arena-open .approved-footer .bottom-radio{pointer-events:auto!important}body.arena-open .approved-footer .visitors{display:none!important}
body.arena-open .approved-footer .bottom-radio,body.arena-open .approved-footer .hub-footer-left{background:#121714f2!important;color:#f3ddb8!important;border:1px solid #9e7a49!important;border-radius:12px!important}body.arena-open .approved-footer .bottom-radio :is(select,button,small,.speaker){color:#f3ddb8!important;background:transparent!important}body.arena-open .approved-footer .bottom-radio select option{background:#121714;color:#f3ddb8}
body.arena-open #chatWidget,body.arena-open :is(.activity-widget,.active-users-widget){z-index:100040!important}body.arena-open #nameModal{z-index:100060!important}
#cardArena{position:fixed;inset:0;z-index:100010;background:#12100f;color:#f7e8cc;font:14px Arial,sans-serif;isolation:isolate}#cardArena *, .arena-help *{box-sizing:border-box}
#cardArena button,.arena-help button{font:inherit;cursor:pointer;border-radius:8px;box-shadow:none;transition:filter .15s,transform .15s;background:#201a14;color:#f9e8cc;border:1px solid #987244}
#cardArena button:focus-visible,.arena-help button:focus-visible{outline:3px solid #6ce3f7;outline-offset:3px}#cardArena button:disabled,.arena-help button:disabled{cursor:default;opacity:.45}
.arena-icon{width:24px;height:24px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.arena-table{position:absolute;inset:0;background:url('/assets/approved-ui/card-arena-board-v1.png') center/100% 100% no-repeat;--arena-card-height:min(22dvh,230px)}
.arena-topbar{position:absolute;top:2%;left:3%;right:3%;display:flex;justify-content:space-between;align-items:center;z-index:8;pointer-events:none}.arena-topbar>div{display:flex;align-items:center;gap:8px;pointer-events:auto}
.arena-topbar>b{font-size:clamp(18px,1.7vw,32px);letter-spacing:-1px;color:#faf4e5}.arena-topbar>b>span{color:#d9a85d}.arena-topbar small{display:block;font-size:10px;letter-spacing:3px;margin-top:4px}.arena-topbar button,.arena-topbar>div>span{background:#15110ef2;color:#f9e8cc;padding:8px 12px;font-size:12px}.arena-topbar button .arena-icon{width:17px;height:17px;margin-right:4px}
.arena-avatar{position:absolute;left:44%;width:12%;height:19%;z-index:5;padding:0!important;border:0!important;background:none!important;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fce6bc!important;gap:2px;overflow:visible}.arena-avatar.enemy{top:0}.arena-avatar.own{bottom:4%}
.arena-avatar-frame{height:57%;aspect-ratio:1;min-height:0;display:grid;place-items:center;overflow:hidden;background:#1b1916;border:2px solid #d9b46e;border-radius:24% 24% 30% 30%;box-shadow:0 2px 12px #0009}.arena-avatar-frame img{width:100%;height:100%;object-fit:cover}.arena-avatar-initials{font-size:clamp(22px,3vw,48px);font-weight:800;color:#dab270}.arena-avatar>strong{max-width:95%;font-size:clamp(10px,1vw,16px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 3px #000}
.arena-hp{position:relative;width:47px;height:43px;display:grid;place-items:center;flex:0 0 auto;filter:drop-shadow(0 2px 3px #000)}.arena-hp .arena-icon{position:absolute;width:100%;height:100%;fill:#9b2438;stroke:#f0ae91;stroke-width:1.2}.arena-hp-number{z-index:1;color:#fff6e8;font:bold 25px Georgia;line-height:1;padding-bottom:5px}.arena-avatar meter{height:5px;width:66%;accent-color:#d44761}
.arena-field{position:absolute;left:10%;right:10%;height:24%;display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.35vw,24px)}.arena-field.enemy{top:19%}.arena-field.own{top:48%}.arena-empty{padding:10px 18px;border:1px dashed #bda98b55;border-radius:8px;font-size:12px;letter-spacing:2px;color:#ccbca6;background:#16161866;pointer-events:none}
#cardArena .arena-card{position:relative;display:block;flex:0 1 auto;width:calc(var(--arena-card-height)*.75);height:var(--arena-card-height);aspect-ratio:3/4;border:0!important;padding:0!important;background:transparent!important;color:#f6e6c7!important;min-width:0;container-type:inline-size;touch-action:manipulation}
#cardArena .arena-card>.approved-card,.arena-fx-ghost>.approved-card{width:100%!important;height:100%!important;pointer-events:none}.arena-card.selected{filter:drop-shadow(0 0 8px #efc477);transform:translateY(-5px)}.arena-card.ready{filter:drop-shadow(0 0 5px #eabd6c)}
.arena-readiness{position:absolute;left:23%;right:23%;top:-4%;background:#252728;border:1px solid #737777;border-radius:4px;padding:2px;color:#c8cdcf;font-size:8cqw;font-weight:800;letter-spacing:1px;line-height:1.2}.arena-readiness.is-ready{color:#0a201c;background:#82e2bd;border-color:#d0ffe9;box-shadow:0 0 12px #70d1a555}
.arena-cost{position:absolute;top:12%;right:12%;width:21%;aspect-ratio:1;display:grid;place-items:center;border:1px solid #83e2f0;border-radius:25%;background:linear-gradient(145deg,#1c5668,#102531);box-shadow:0 2px 4px #0008;z-index:3;color:#d4fbff;container-type:normal}.arena-cost .arena-icon{position:absolute;width:90%;height:90%;fill:#1e7a93;stroke:#8bd9e9;opacity:.7}.arena-cost b{z-index:1;font-size:14cqw;font-weight:900;text-shadow:0 1px 3px #000}
.arena-endurance{position:absolute;bottom:8%;right:12%;width:19%;aspect-ratio:1;display:grid;place-items:center;color:#fff3d7;z-index:3}.arena-endurance .arena-icon{position:absolute;width:100%;height:100%;fill:#34271b;stroke:#dfb979}.arena-endurance b{z-index:1;font-size:12cqw;padding-bottom:3%}.arena-shield{position:absolute;bottom:5%;left:15%;font-size:6.4cqw;color:#b7f3fa;padding:2px;background:#153d44;border:1px solid #76cdda;border-radius:3px}
#cardArena .arena-target{filter:drop-shadow(0 0 10px #5de9f6);outline:2px solid #69e6f1;outline-offset:3px;border-radius:9px!important;animation:arena-target-pulse 1.4s ease-in-out infinite}@keyframes arena-target-pulse{50%{outline-color:#cefbff;filter:drop-shadow(0 0 17px #5de9f6)}}
.arena-center{position:absolute;top:44%;height:4%;left:20%;right:20%;display:flex;justify-content:center;align-items:center;gap:12px;background:#141514ee;border:1px solid #b5895166;border-radius:8px;padding:4px;white-space:nowrap;z-index:6}.arena-center>strong{font-size:14px;letter-spacing:1px;color:#f0ce8f}.arena-center>div{display:flex;gap:6px}.arena-center>small{font-size:11px;color:#d2c3ad}.arena-mode{--mode:#ebc78a;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--mode)!important;color:var(--mode)!important;background:#161b1cf2!important;font-size:12px;font-weight:800;padding:4px 9px;border-radius:5px;white-space:nowrap}
[data-mode=race]{--mode:#a7ef65}[data-mode=wff]{--mode:#43deef}[data-mode=os]{--mode:#ffb35e}[data-mode=hdm]{--mode:#f46d77}[data-mode=sh]{--mode:#fa81c4}[data-mode=hunter]{--mode:#be97ff}.arena-mode.chosen{box-shadow:0 0 8px color-mix(in srgb,var(--mode),transparent 40%)!important;background:#252a2e!important}
.arena-timer{display:flex;gap:4px;align-items:center;color:#dac8ad;font-size:12px}.arena-timer .arena-icon{width:15px;height:15px}.arena-timer.urgent{color:#ff8b8e}
.arena-hand{position:absolute;left:8%;width:34%;bottom:5%;height:23%;display:flex;align-items:end;justify-content:center;z-index:6}
#cardArena .arena-hand-card{position:absolute;bottom:0;left:calc(var(--fan-index)*(100% - min(15.75dvh,157.5px))/max(1,var(--fan-count) - 1));width:min(15.75dvh,157.5px);height:auto;aspect-ratio:3/4;transform-origin:50% 120%;transform:rotate(var(--fan));transition:transform .2s;z-index:calc(10 + var(--fan-index))}
#cardArena .arena-hand-card:hover,#cardArena .arena-hand-card:focus-visible,#cardArena .arena-hand-card.selected{transform:translateY(-28px) rotate(0deg) scale(1.12);z-index:30;filter:drop-shadow(0 0 7px #e2bd77)}.arena-hand-card.unaffordable{filter:brightness(.75)}
.arena-enemy-hand{position:absolute;left:18%;width:25%;top:1%;height:14%;display:flex;align-items:start;justify-content:center;overflow:hidden;z-index:4}.arena-enemy-hand>i{flex:0 0 clamp(38px,4vw,75px);height:92%;margin-left:-22px;transform:rotate(var(--fan));transform-origin:50% -30%}.arena-card-back{height:100%;width:100%;border:2px solid #c79b55;border-radius:12% 12% 20% 20%;background:repeating-linear-gradient(45deg,#151616 0 3px,#252724 3px 5px);display:grid;place-items:center;box-shadow:inset 0 0 0 5px #111,0 3px 5px #0007;color:#d0a56b}.arena-card-back .arena-icon{width:50%;height:50%;stroke-width:1.3}
.arena-deck{position:absolute;display:flex;align-items:center;gap:8px;color:#f3d9b2;font-size:18px;font-weight:800}.arena-deck>small{font-size:9px;font-weight:400;color:#d5c5b1;max-width:80px;line-height:1.5}.arena-deck.own{left:3%;bottom:19%;flex-direction:column;gap:4px;width:4%;text-align:center}.arena-deck.enemy{right:20%;top:7%}.arena-deck .arena-icon{width:29px;height:29px}
.arena-energy{position:absolute;bottom:17%;right:3%;width:20%;display:flex;flex-direction:column;gap:8px;z-index:7}.arena-energy>strong{display:flex;align-items:center;gap:5px;color:#c2f5fb;font-size:15px;letter-spacing:1px}.arena-energy>strong>b{margin-left:auto;font-size:22px}.arena-energy small{font-size:13px;color:#90aebc}.arena-energy>div{display:flex;gap:4px}.arena-energy i{display:grid;place-items:center;width:min(2.1vw,31px);height:min(3.2dvh,35px);color:#495761;font-style:normal;filter:drop-shadow(0 1px 2px #000)}.arena-energy i .arena-icon{height:100%;width:100%;fill:#1b252a}.arena-energy i.available{color:#7addf4;filter:drop-shadow(0 0 4px #3395bd)}.arena-energy i.available .arena-icon{fill:#237b9d}
.arena-right-controls{position:absolute;right:3%;bottom:8%;display:flex;gap:8px;align-items:center;z-index:7}.arena-right-controls button{padding:12px 18px;font-size:12px}.arena-right-controls #arenaEnd{background:linear-gradient(#f2cf8a,#af7639);border:1px solid #f4d7a2;color:#25180c;font-weight:900;font-size:17px;letter-spacing:1px}.arena-right-controls .arena-icon{width:19px;height:19px}
.arena-action-bar{position:absolute;left:10%;right:10%;top:73%;height:43px;display:flex;align-items:center;justify-content:center;gap:12px;color:#f5e7cf;z-index:7;pointer-events:none}.arena-action-bar>.arena-icon{color:#e4ba77}.arena-action-bar>div{display:grid;gap:3px}.arena-action-bar strong{font-size:15px;letter-spacing:1px}.arena-action-bar small{font-size:12px;color:#e1d0b8}.arena-action-bar button{pointer-events:auto}
.arena-message{position:absolute;top:73%;left:25%;right:25%;padding:10px;background:#292018;border:1px solid #e4b879;border-radius:7px;text-align:center;z-index:50;font-size:14px}.arena-inspect{position:absolute;right:1.5%;top:25%;width:260px;max-width:24%;max-height:46%;overflow:auto;background:#121718f5;border:1px solid #c49960;border-radius:12px;padding:18px;z-index:40;box-shadow:0 8px 35px #000a}.arena-inspect h3{font-size:20px;margin:0 20px 12px 0;color:#f2ce95}.arena-inspect p{font-size:13px;line-height:1.5;margin:9px 0;color:#f2e5ce}.arena-inspect-cost{font-size:12px;color:#9fdfeb}.arena-inspect-cost .arena-icon{width:16px;height:16px}.arena-inspect-close{position:absolute;top:6px;right:6px;padding:3px!important;border:0!important;background:none!important}.arena-inspect-close .arena-icon{width:17px;height:17px}.arena-inspect-play{width:100%;padding:10px;margin-top:8px;font-weight:800!important;background:#ae793c!important}.arena-skill-list{display:grid;gap:6px;margin:12px 0}.arena-skill-list>div{display:flex;align-items:center;gap:8px}.arena-skill-list small{margin-left:auto;color:#f4e5cc}
.arena-bonus-art{position:relative;width:100%;height:100%;container-type:inline-size}.arena-bonus-art>img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.arena-bonus-caption{position:absolute;top:77%;left:15%;right:15%;height:12%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#ffdfa5;text-shadow:0 1px 2px #000;text-align:center}.arena-bonus-caption strong{font-size:8cqw;line-height:1.15}.arena-bonus-caption small{font-size:4.4cqw;line-height:1.2;color:#f7e6c9}
.arena-result{position:absolute;inset:27% 30%;z-index:60;background:#141512f5;border:1px solid #d4ac6f;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;box-shadow:0 20px 80px #000b}.arena-result>.arena-icon{width:70px;height:70px;color:#e6bf7c}.arena-result h2{font-size:40px;color:#f2d097;margin:10px}.arena-result p{font-size:16px;line-height:1.5}.arena-result button{background:#ad7b40!important;color:#fff;padding:14px 24px}
.arena-rotate{display:none}.arena-setup{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(#0006,#000a),url('/assets/approved-ui/card-arena-board-v1.png') center/100% 100% no-repeat;padding:55px 24px}.arena-setup-copy{position:relative;width:min(880px,95%);max-height:100%;overflow:auto;padding:28px 34px;background:#131716f2;border:1px solid #b58a50;border-radius:20px;text-align:center;color:#f6e8cd;box-shadow:0 20px 100px #0009}.arena-setup-copy h1{font-size:clamp(30px,4vw,54px);margin:8px 0;color:#f1cf96;letter-spacing:2px}.arena-setup-copy p{color:#e3d3b9;line-height:1.5}.arena-eyebrow{font-size:11px;letter-spacing:3px}.arena-setup button{padding:13px 18px;margin:4px}.arena-difficulties{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.arena-difficulties button{margin:0;padding:18px 10px;background:linear-gradient(#30291f,#171b1a)!important}.arena-difficulties button:hover{border-color:#efc880;transform:translateY(-3px)}.arena-difficulties strong,.arena-difficulties small{display:block}.arena-difficulties small{margin-top:10px;color:#d4c0a0;font-size:12px}.arena-rank{display:block;font:28px Georgia;color:#e8be77;margin-bottom:8px}.arena-private{display:flex;gap:6px;justify-content:center;align-items:center;flex-wrap:wrap}.arena-private input{width:135px;background:#0d1111;color:#f3dcaf;border:1px solid #a7814a;padding:13px;text-align:center;border-radius:8px}.arena-setup-note{font-size:12px}.arena-facts{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:20px}.arena-facts span{display:grid;grid-template-columns:24px auto;gap:4px 8px;align-items:center;font-size:9px;color:#d3bea0}.arena-facts b{font-size:22px;color:#f1d19c}.arena-facts .arena-icon{grid-row:span 2;color:#dfb576}.arena-room-code{display:block;font-size:40px;letter-spacing:7px;color:#e8c48b;margin:24px}.arena-setup .arena-message{position:static;margin:12px 0}.arena-setup-actions button .arena-icon{margin-right:6px;width:18px;height:18px}
#arenaFx{position:fixed;inset:0;pointer-events:none;z-index:100030;overflow:hidden}.arena-fx-ghost{position:absolute;aspect-ratio:3/4;container-type:inline-size;filter:drop-shadow(0 0 13px #e7c17c);transform-origin:center;pointer-events:none}.arena-fx-ghost.burning{filter:drop-shadow(0 0 15px #ff7844)}.arena-fx-trail{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 6px #dda961)}.arena-fx-trail path{stroke-width:5;stroke-linecap:round}.arena-fx-label{position:absolute;display:grid;justify-items:center;text-align:center;min-width:150px;max-width:450px;color:var(--fx-color);font-family:Arial;filter:drop-shadow(0 2px 4px #000);padding:5px 12px;background:#101718e6;border:1px solid #dfba6d55;border-radius:10px}.arena-fx-label strong{font-size:30px;font-weight:900;letter-spacing:1px}.arena-fx-label small{font-size:13px;line-height:1.4;color:#fff1da}
.arena-help{width:min(1040px,94vw);height:min(780px,92dvh);max-height:92dvh;background:#131918;color:#f4e7d0;border:1px solid #cba569;border-radius:18px;padding:0;font:15px/1.6 Arial;overflow:hidden;box-shadow:0 15px 100px #0009}.arena-help[open]{display:flex;flex-direction:column}.arena-help::backdrop{background:#000b;backdrop-filter:blur(5px)}.arena-help>header{padding:16px 22px;border-bottom:1px solid #8e73483d;display:flex;align-items:center;justify-content:space-between}.arena-help header>div{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:2px}.arena-help header small{font-size:12px;color:#baa88a}.arena-help button{padding:8px 14px}.arena-help header>button{padding:5px;background:none}.arena-help nav{display:flex;gap:5px;padding:12px 18px;flex-wrap:wrap}.arena-help nav button{font-size:11px;flex:1;padding:7px 5px;white-space:nowrap}.arena-help [aria-current=step]{background:#d6ac6c;color:#161813;border-color:#f4d09c}.arena-help section{flex:1;min-height:0;overflow:auto;padding:8px 28px 22px}.arena-help h2{font-size:28px;line-height:1.2;color:#f2ce91;margin:8px 0 20px}.arena-help p{color:#ece0cb;margin:12px 0}.arena-help footer{display:flex;justify-content:space-between;padding:12px 22px;border-top:1px solid #8e73483d}.arena-help footer button:last-child{background:#c39a60;color:#151713;font-weight:800}.arena-guide-flow{display:flex;justify-content:center;align-items:center;gap:35px;padding:12px 0}.arena-guide-flow>.arena-icon{width:44px;height:44px;color:#dfba7a}.arena-guide-heart{position:relative;width:125px;height:120px;display:grid;place-items:center}.arena-guide-heart .arena-icon{position:absolute;width:100%;height:100%;fill:#9d2940;stroke:#f9c4a1}.arena-guide-heart b{z-index:1;font:bold 56px Georgia;color:#fff8e8;padding-bottom:15px}.arena-guide-heart.depleted{opacity:.45}.arena-guide-card{position:relative;width:150px;aspect-ratio:3/4;flex:0 0 auto;container-type:inline-size}.arena-guide-card>img{width:100%;height:100%;object-fit:contain}.arena-guide-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;width:160px;min-height:150px;gap:12px;border:1px dashed #b9925a;border-radius:12px;background:#212721;color:#edd4ac}.arena-guide-slot>.arena-icon{width:45px;height:45px}.arena-guide-slot small{font-size:11px}.arena-guide-slot.danger{border-color:#e6886a;color:#ffb393}.arena-guide-bolt{position:relative;width:90px;height:100px;display:grid;place-items:center;color:#8ee7f5}.arena-guide-bolt .arena-icon{width:100%;height:100%;fill:#1f6d89;position:absolute}.arena-guide-bolt b{z-index:1;font-size:38px}.arena-guide-facts{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.arena-guide-facts b{padding:8px 15px;border:1px solid #8e7546;border-radius:7px;font-size:12px}.arena-guide-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.arena-guide-modes article{padding:14px;border:1px solid #7a6b484f;border-radius:10px;background:#1c2422}.arena-guide-modes article p{font-size:13px;line-height:1.5}.arena-guide-step{display:flex;flex-direction:column;gap:14px;align-items:center;font-size:13px}.arena-guide-step .arena-icon{width:45px;height:45px;color:#e8be79}.arena-ready-example{padding:5px 15px;background:#82e2bd;color:#102722;border-radius:6px;letter-spacing:1px}.arena-guide-bonuses,.arena-guide-specials{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.arena-guide-bonuses article,.arena-guide-specials article{display:flex;flex-direction:column;align-items:center;text-align:center}.arena-guide-bonuses .arena-guide-card,.arena-guide-specials .arena-guide-card{width:100%;max-width:150px}.arena-guide-bonuses p,.arena-guide-specials p{font-size:12px;line-height:1.5}.arena-guide-specials b{font-size:11px;color:#eac381;margin-top:6px}
/* Arena joins the image tile grid, using the existing Play page shell. */
body.approved-site #hubPlay .mode-list:has(.arena-entry){display:flex!important;gap:14px!important;align-items:end!important}
body.approved-site #hubPlay .mode-list:has(.arena-entry)>.mode{flex:1 1 0!important;width:auto!important;min-width:0!important;max-width:none!important;height:clamp(220px,30vh,320px)!important;transform:none!important;transition:border-color .22s,box-shadow .22s!important;overflow:hidden!important}
body.approved-site #hubPlay .mode-list:has(.arena-entry)>.mode:hover,body.approved-site #hubPlay .mode-list:has(.arena-entry)>.mode:focus-visible{transform:none!important;z-index:4;outline:none!important;border-color:#ebbc71!important;box-shadow:0 0 0 2px #e6b775,0 15px 30px #0006!important}
body.approved-site #hubPlay .arena-entry{display:flex!important;flex-direction:column!important;padding:0!important;background:var(--hub-surface)!important;border:1px solid var(--hub-line)!important;border-radius:14px!important;text-align:left!important;isolation:isolate!important}body.approved-site #hubPlay .arena-entry .mode-art{object-position:center!important}body.approved-site #hubPlay .mode-list:has(.arena-entry) .mode-info strong{font-size:clamp(13px,1.15vw,22px)!important}body.approved-site #hubPlay .mode-list:has(.arena-entry) .mode-kind{font-size:clamp(8px,.62vw,11px)!important}
.hub-wff-page{width:min(800px,95%);margin:30px auto;padding:30px;background:var(--hub-panel);color:var(--hub-text);border:1px solid var(--hub-line);border-radius:14px}.hub-wff-page h1{font-size:32px!important}.hub-wff-page p{line-height:1.7;color:var(--hub-muted)}.hub-wff-page button{background:var(--hub-bronze);color:#fff;border:0;border-radius:8px;padding:13px 20px}.hub-wff-page .wff-stats{display:flex;gap:10px;margin:20px 0;flex-wrap:wrap}.wff-stats span{border:1px solid var(--hub-line);border-radius:7px;padding:10px;color:var(--hub-text)}
@media(max-width:1200px){.arena-center{left:15%;right:15%;gap:7px}.arena-center>strong{font-size:11px}.arena-center>small{font-size:9px}.arena-mode{font-size:10px;padding:4px 7px}.arena-inspect{padding:12px}.arena-inspect p{font-size:12px}.arena-action-bar strong{font-size:12px}.arena-action-bar small{font-size:10px}.arena-right-controls button{padding:10px 12px}.arena-topbar button{padding:6px 8px;font-size:10px}}
@media(max-height:600px) and (orientation:landscape){.arena-table{--arena-card-height:20dvh}.arena-field{left:8%;right:8%;height:22%;gap:1vw}.arena-field.enemy{top:21%}.arena-field.own{top:47%}.arena-center{top:43%;height:4.5%;left:20%;right:20%;gap:5px}.arena-center>strong{font-size:9px;letter-spacing:0}.arena-center>small{font-size:7px}.arena-mode{font-size:8px;padding:2px 4px}.arena-timer{font-size:9px}.arena-timer .arena-icon{width:12px;height:12px}.arena-topbar{top:2%}.arena-topbar>b{font-size:16px}.arena-topbar small{display:none}.arena-topbar>div{gap:4px}.arena-topbar button,.arena-topbar>div>span{padding:4px 6px;font-size:9px}.arena-topbar .arena-icon{width:12px!important;height:12px!important}.arena-avatar{height:20%}.arena-avatar-frame{height:51%;border-width:1px}.arena-avatar>strong{font-size:8px}.arena-avatar.own{bottom:8%}.arena-hp{width:28px;height:26px}.arena-hp-number{font-size:16px;padding-bottom:3px}.arena-avatar meter{height:3px}.arena-enemy-hand{height:16%;left:15%;width:27%;top:1%}.arena-enemy-hand>i{flex-basis:34px;margin-left:-14px}.arena-hand{left:8%;width:34%;bottom:12%;height:23%}#cardArena .arena-hand-card{width:17.25dvh;left:calc(var(--fan-index)*(100% - 17.25dvh)/max(1,var(--fan-count) - 1))}#cardArena .arena-hand-card:hover,#cardArena .arena-hand-card.selected{transform:translateY(-16px) rotate(0) scale(1.1)}.arena-action-bar{top:70%;height:20px;gap:6px}.arena-action-bar>.arena-icon{width:15px;height:15px}.arena-action-bar strong{font-size:10px;letter-spacing:.5px}.arena-action-bar small{font-size:8px}.arena-empty{font-size:8px;letter-spacing:.5px;padding:5px 10px}.arena-energy{bottom:23%;gap:4px;width:21%}.arena-energy>strong{font-size:9px}.arena-energy>strong>b{font-size:15px}.arena-energy small{font-size:9px}.arena-energy>strong>.arena-icon{width:14px;height:14px}.arena-energy i{height:18px;width:14px}.arena-right-controls{bottom:12%;gap:4px}.arena-right-controls #arenaEnd{font-size:11px;padding:8px 11px}.arena-right-controls #arenaLog{font-size:8px;padding:8px}.arena-right-controls .arena-icon{width:12px;height:12px}.arena-deck.own{bottom:28%;gap:1px}.arena-deck.enemy{top:9%;right:20%;gap:4px}.arena-deck{font-size:12px}.arena-deck .arena-icon{width:18px;height:18px}.arena-deck small{font-size:7px}.arena-readiness{font-size:8cqw;letter-spacing:0}.arena-inspect{right:3%;top:22%;width:33%;max-width:33%;max-height:48%;padding:10px}.arena-inspect h3{font-size:14px;margin-bottom:6px}.arena-inspect p{font-size:10px;margin:5px 0}.arena-skill-list{gap:3px;margin:6px 0}.arena-inspect-cost,.arena-skill-list small{font-size:9px}.arena-inspect-play{padding:7px;font-size:10px!important}.arena-message{top:70%;font-size:10px;padding:5px;left:20%;right:20%}.arena-result{inset:22% 28%;padding:14px}.arena-result>.arena-icon{width:32px;height:32px}.arena-result h2{font-size:24px;margin:4px}.arena-result p{font-size:12px;margin:5px}.arena-result button{padding:8px 14px}.arena-setup{padding:25px 20px 48px}.arena-setup-copy{padding:14px 22px}.arena-setup-copy h1{font-size:28px}.arena-setup-copy p{font-size:11px;margin:7px}.arena-difficulties{margin:10px 0;gap:8px}.arena-difficulties button{padding:8px}.arena-rank{font-size:18px;margin:0}.arena-difficulties small{font-size:9px;margin-top:4px}.arena-facts{margin-top:9px;gap:15px}.arena-facts b{font-size:16px}.arena-setup button,.arena-private input{padding:7px 10px;font-size:10px}.arena-fx-label strong{font-size:20px}.arena-fx-label small{font-size:10px}.arena-help{font-size:12px;width:96vw;height:94dvh;max-height:94dvh}.arena-help>header{padding:7px 14px}.arena-help nav{padding:6px 10px;gap:3px}.arena-help nav button{font-size:8px;padding:4px}.arena-help section{padding:5px 18px 12px}.arena-help h2{font-size:19px;margin:6px 0 10px}.arena-help p{margin:8px 0}.arena-help footer{padding:6px 14px}.arena-help footer button{padding:5px 12px;font-size:10px}.arena-guide-card{width:80px}.arena-guide-flow{gap:20px;padding:2px}.arena-guide-heart{width:65px;height:65px}.arena-guide-heart b{font-size:30px;padding-bottom:6px}.arena-guide-slot{width:110px;min-height:85px;gap:5px;font-size:10px}.arena-guide-slot small{font-size:8px}.arena-guide-slot>.arena-icon{width:28px;height:28px}.arena-guide-bolt{width:50px;height:55px}.arena-guide-bolt b{font-size:25px}.arena-guide-modes{gap:6px}.arena-guide-modes article{padding:8px}.arena-guide-modes article p{font-size:10px;margin:6px 0}.arena-guide-bonuses .arena-guide-card,.arena-guide-specials .arena-guide-card{max-width:82px}.arena-guide-bonuses p,.arena-guide-specials p{font-size:9px;margin:5px 0}.arena-guide-specials b{font-size:9px}.arena-guide-step{font-size:10px;gap:8px}.arena-guide-step>.arena-icon{width:25px;height:25px}}
@media(max-width:900px) and (orientation:portrait){.arena-rotate{position:absolute;inset:0;z-index:100;background:radial-gradient(ellipse at top,#253d37,#101514 65%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:#fff0d7}.arena-rotate>.arena-icon{width:95px;height:95px;color:#e5bd79;transform:rotate(90deg)}.arena-rotate h2{font-size:25px;letter-spacing:2px;margin-top:25px}.arena-rotate p{font-size:15px;line-height:1.7;color:#e3d4bd}.arena-rotate button{padding:13px 20px;margin:6px}.arena-help nav button{flex:1 0 26%;font-size:9px}.arena-help h2{font-size:22px}.arena-guide-flow{gap:12px}.arena-guide-card{width:80px}.arena-guide-heart{width:75px;height:75px}.arena-guide-heart b{font-size:32px}.arena-guide-slot{width:95px;min-height:110px;font-size:10px}.arena-guide-modes{grid-template-columns:repeat(2,1fr)}.arena-guide-modes article{padding:9px}.arena-guide-modes p{font-size:11px!important}.arena-guide-bonuses,.arena-guide-specials{grid-template-columns:repeat(2,1fr)}.arena-guide-bonuses .arena-guide-card,.arena-guide-specials .arena-guide-card{max-width:115px}.arena-help section{padding:8px 16px}.arena-guide-bolt{width:45px;height:60px}}
@media(max-width:700px){body.approved-site #hubPlay .mode-list:has(.arena-entry){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}body.approved-site #hubPlay .mode-list:has(.arena-entry)>.mode{height:200px!important}body.approved-site #hubPlay .mode-list:has(.arena-entry)>.arena-entry{grid-column:1/-1}.hub-wff-page{padding:18px;margin:12px auto}}
/* Override generic Hub dialog caps only for the illustrated field guide. */
html body.approved-site dialog.arena-help{width:min(1040px,94vw)!important;max-width:min(1040px,94vw)!important}
.arena-energy i{flex:1 1 0;min-width:0;max-width:31px}
@media(max-height:600px) and (orientation:landscape){html body.approved-site dialog.arena-help{width:96vw!important;max-width:96vw!important}}
@media(prefers-reduced-motion:reduce){#cardArena *,#arenaFx *{animation-duration:.01ms!important;transition-duration:.01ms!important}}