:root{font-family:Inter,Arial,sans-serif;color:#f5f5f5;background:#090909;font-synthesis:none}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% 38%,#454545 0,#202020 42%,#090909 100%)}button,input,textarea{font:inherit}.phone-stage{position:relative;width:min(100%,520px);min-height:100svh;margin:auto;overflow:hidden;background:linear-gradient(#242424,#111 45%,#2e2e2e);box-shadow:0 0 60px #000}
.match-topbar{position:relative;z-index:10;display:flex;align-items:center;gap:12px;height:48px;padding:0 12px;border-bottom:1px solid #555;background:#161616;font-size:.72rem;font-weight:800;text-transform:uppercase}.brand{font-size:1.15rem;font-style:italic;letter-spacing:-.08em}.match-topbar #connection{margin-left:auto;color:#aaa}.icon-button{width:34px;height:34px;border:1px solid #777;border-radius:50%;color:#fff;background:#333}.utility-drawer{position:absolute;z-index:15;top:48px;left:0;right:0;padding:12px;border-bottom:2px solid #777;background:#1b1b1b}.utility-drawer label{display:flex;align-items:center;gap:8px;font-size:.75rem;text-transform:uppercase}.utility-drawer input{width:130px;padding:7px;border:1px solid #888;color:#fff;background:#333}.utility-drawer div{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.utility-drawer button,.modal button{min-height:40px;padding:8px 12px;border:1px solid #888;color:#fff;background:#333}.debug-panel{position:absolute;z-index:14;top:132px;left:8px;right:8px;max-height:42vh;margin:0;overflow:auto;padding:12px;border:1px solid #888;background:#090909;font:.7rem/1.4 monospace;white-space:pre-wrap}
.opponent-hand-zone{height:82px;padding-top:7px}.card-backs{display:flex;justify-content:center;height:70px}.card-back{width:45px;height:65px;margin:0 -9px;border:1px solid #d8d8d8;border-radius:5px;background:#050505 url("/assets/card-back.png") center/cover no-repeat;box-shadow:0 3px 7px #000}.card-back:nth-child(odd){transform:translateY(-3px) rotate(-4deg)}.card-back:nth-child(even){transform:translateY(2px) rotate(3deg)}
.combat-row{position:relative;z-index:3;display:grid;grid-template-columns:62px 1fr 62px;align-items:center;gap:6px;padding:0 8px}.opponent-row{transform:scale(.9);margin:-3px -18px 0}.zone-pile{display:flex;height:72px;flex-direction:column;align-items:center;justify-content:center;border:1px solid #999;border-radius:8px;background:#202020;box-shadow:0 4px 9px #000}.zone-pile span{font-size:.59rem;letter-spacing:.05em;text-transform:uppercase}.zone-pile strong{font-size:1.45rem}.ringside{order:0;border-style:dashed}.sport-panel{position:relative;min-width:0;padding:9px 13px 8px;overflow:hidden;border-left:5px solid #ddd;background:linear-gradient(105deg,#101010,#414141 80%,#1a1a1a);box-shadow:0 5px 10px #000;clip-path:polygon(0 0,96% 0,100% 50%,96% 100%,0 100%,3% 50%)}.identity{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.identity>span{color:#aaa;font-size:.58rem;text-transform:uppercase}.identity h1,.identity h2{margin:0;overflow:hidden;font-size:.9rem;font-style:italic;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.scoreline{display:flex;gap:14px;margin-top:6px}.scoreline b{display:flex;align-items:baseline;gap:3px;font-size:1.15rem}.scoreline small{color:#aaa;font-size:.5rem}.stamina-track{height:5px;margin-top:5px;background:#777}.stamina-track i{display:block;width:0;height:100%;background:#f4f4f4;transition:width .3s ease}
.arena{position:relative;height:clamp(270px,37svh,390px);margin:-4px 0 0;overflow:hidden;background:radial-gradient(ellipse at center,#595959 0,#292929 55%,#151515 76%)}.ring-visual{position:absolute;top:14%;left:50%;width:78%;height:55%;transform:translateX(-50%);filter:drop-shadow(0 17px 10px #000)}.ring-mat{position:absolute;inset:28% 5% 2%;display:grid;place-items:center;border:3px solid #aaa;background:linear-gradient(145deg,#c9c9c9,#686868);clip-path:polygon(16% 0,84% 0,100% 38%,83% 100%,17% 100%,0 38%);transform:perspective(380px) rotateX(48deg)}.wcf-mark{color:#555;font-size:2.5rem;font-weight:950;font-style:italic;letter-spacing:-.12em}.back-ropes{position:absolute;top:14%;left:7%;right:7%;height:42%;transform:perspective(300px) rotateX(-18deg)}.back-ropes i{position:absolute;left:0;right:0;height:3px;background:#ddd;box-shadow:0 2px 0 #333}.back-ropes i:nth-child(1){top:0}.back-ropes i:nth-child(2){top:34%}.back-ropes i:nth-child(3){top:68%}.post{position:absolute;width:8px;height:58%;border:2px solid #ddd;background:#333}.p1{left:5%;top:9%}.p2{right:5%;top:9%}.p3{left:14%;bottom:0}.p4{right:14%;bottom:0}.active-effects{position:absolute;z-index:2;top:12px;max-width:42%;padding:5px 7px;border:1px solid #777;border-radius:6px;background:#111c;font-size:.6rem}.active-effects>span{color:#aaa;text-transform:uppercase}.opponent-effects{left:8px}.player-effects{right:8px;text-align:right}.empty-slot{color:#888}.active-effect{margin-top:3px;font-size:.65rem;font-weight:700}.match-message{position:absolute;z-index:4;right:12px;bottom:11px;left:12px;padding:8px 12px;border-left:4px solid #fff;background:#111e;box-shadow:0 3px 8px #000;font-size:.73rem;line-height:1.3;text-align:center}
.player-row{margin-top:-7px}.hand-zone{position:relative;z-index:4;min-height:222px;margin-top:4px;padding:8px 0 60px;background:linear-gradient(#202020,#111)}.hand-meta{display:flex;justify-content:space-between;padding:0 12px;color:#aaa;font-size:.65rem;font-weight:800;text-transform:uppercase}.hand{display:flex;height:154px;align-items:flex-end;justify-content:center;margin-top:3px;padding:0 18px;overflow:visible}.game-card{position:relative;display:flex;width:104px;min-width:104px;height:142px;margin:0 -22px;padding:7px;flex-direction:column;border:2px solid #777;border-radius:6px;color:#aaa;background:#333;box-shadow:0 5px 10px #000;text-align:left;transform:translateY(var(--lift,0px)) rotate(var(--angle,0deg));transform-origin:50% 120%;transition:transform .18s ease,filter .18s ease}.game-card.legal{z-index:2;border-color:#fff;color:#111;background:#eee;cursor:pointer}.game-card.legal:hover,.game-card.legal:focus-visible{z-index:8;outline:3px solid #fff;outline-offset:2px;transform:translateY(-20px) rotate(0) scale(1.08)}.card-topline{display:flex;justify-content:space-between;gap:4px;color:#666;font-size:.48rem;font-weight:800;text-transform:uppercase}.game-card h3{margin:14px 0 auto;font-size:.77rem;line-height:1.05}.card-stats{display:flex;justify-content:space-between;padding-top:6px;border-top:1px solid #999;font-size:.58rem;text-transform:uppercase}.card-reason{min-height:20px;margin-top:5px;font-size:.51rem;line-height:1.15}.turn-controls{position:absolute;right:10px;bottom:9px;left:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#aaa;font-size:.6rem}.turn-controls span{max-width:60%}.turn-controls button{min-width:116px;min-height:42px;border:2px solid #fff;border-radius:23px;color:#111;background:#eee;font-weight:850;text-transform:uppercase}.turn-controls button:disabled{opacity:.35}.hand-zone.responding{background:#444}.hand-zone.responding .hand-meta span:first-child::before{content:"Response · "}
.history-drawer{border-top:1px solid #555;background:#161616}.history-drawer summary{padding:10px 12px;font-size:.7rem;font-weight:800;text-transform:uppercase}.history-drawer ol{display:grid;gap:5px;margin:0;padding:0 12px 14px;list-style:none}.history-drawer li{padding:7px 8px;border-left:3px solid #777;background:#252525;font-size:.68rem;line-height:1.3}
.modal{width:min(92%,480px);padding:0;border:2px solid #ddd;border-radius:12px;color:#fff;background:#222;box-shadow:0 12px 30px #000}.modal::backdrop{background:#050505e8}.modal-panel{padding:22px}.kicker{color:#aaa;font-size:.66rem;font-weight:800;text-transform:uppercase}.modal h2{margin:5px 0 10px;font-style:italic;text-transform:uppercase}.modal p{color:#ccc;font-size:.84rem;line-height:1.45}.selection-options{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:42vh;overflow:auto}.selection-option{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;padding:8px;border:1px solid #777;color:#fff;background:#333;text-align:left}.selection-option.selected{border:3px solid #fff;padding:6px;background:#555}.selection-option span{font-size:.58rem;text-transform:uppercase}.modal-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:15px}.modal-actions #selection-confirm,.modal-actions #confirm-replay{color:#111;background:#eee}.modal-actions button:disabled{opacity:.35}.pass-panel{text-align:center}.pass-panel button{width:100%;margin-top:10px;color:#111;background:#eee;font-weight:850}.replay-json{width:100%;min-height:190px;padding:9px;border:1px solid #777;color:#fff;background:#111;font:12px/1.4 monospace}.replay-status{color:#ffb0b0!important}
.card-ghost{position:fixed;z-index:30;margin:0;pointer-events:none;opacity:1}.value-changed{animation:value-pop .42s ease}@keyframes value-pop{50%{color:#111;background:#fff;transform:scale(1.12)}}
@media(min-width:700px){body{padding:18px}.phone-stage{min-height:calc(100svh - 36px);border:1px solid #666;border-radius:26px}.arena{height:clamp(300px,40svh,430px)}}@media(max-height:720px){.opponent-hand-zone{height:60px}.card-back{height:50px}.arena{height:250px}.hand-zone{min-height:200px}.hand{height:135px}.game-card{width:92px;min-width:92px;height:126px;margin:0 -20px}}@media(prefers-reduced-motion:reduce){.stamina-track i,.game-card{transition:none}.value-changed{animation:none}}

/* Squared-circle arena and full card inspection. */
.ring-visual{top:18%;width:82%;height:54%}.ring-mat{z-index:1;inset:23% 4% 13%;clip-path:polygon(19% 0,81% 0,100% 100%,0 100%);transform:none;background:linear-gradient(155deg,#d0d0d0,#707070)}.ring-mat::after{content:"";position:absolute;inset:6px;border:1px solid #777;clip-path:inherit}.ring-apron{position:absolute;z-index:3;right:4%;bottom:0;left:4%;height:17%;display:grid;place-items:center;border:2px solid #aaa;border-top:4px solid #ddd;background:linear-gradient(#4b4b4b,#151515);clip-path:polygon(0 0,100% 0,94% 100%,6% 100%);color:#ddd;font-size:.46rem;font-weight:900;letter-spacing:.16em}.rope{position:absolute;z-index:5;height:3px;background:#e4e4e4;box-shadow:0 2px 0 #333;transform-origin:left center}.back-rope{left:19%;right:19%}.r1{top:8%}.r2{top:15%}.r3{top:22%}.side-rope{width:49%}.left-rope{left:18%;transform:rotate(24deg)}.right-rope{right:18%;transform-origin:right center;transform:rotate(-24deg)}.l1,.rr1{top:8%}.l2,.rr2{top:15%}.l3,.rr3{top:22%}.post{z-index:6;width:9px;box-shadow:0 2px 3px #000}.p1{left:17%;top:2%;height:34%}.p2{right:17%;top:2%;height:34%}.p3{left:3%;bottom:7%;height:55%}.p4{right:3%;bottom:7%;height:55%}.active-effects{z-index:7}.match-message{z-index:8}
.game-card{touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}
.game-card.dragging,.game-card.pending-play{z-index:20!important;filter:brightness(1.18);transform:translate(var(--drag-x,0),var(--drag-y,0)) rotate(0) scale(1.08);transition:none}.game-card.dragging{cursor:grabbing}.game-card.pending-play{pointer-events:none;filter:brightness(1.12) drop-shadow(0 0 8px #ffec70)}.game-card.returning{transition:transform .32s cubic-bezier(.2,.85,.25,1.18)}.card-stipulation{display:-webkit-box;min-height:42px;margin:5px 0;overflow:hidden;color:inherit;font-size:.49rem;line-height:1.18;-webkit-box-orient:vertical;-webkit-line-clamp:5}.game-card h3{margin:7px 0 2px}.card-stats{margin-top:auto}.discarding .kicker{display:none}.discarding .selection-options{grid-template-columns:1fr}.discarding .selection-option{border:2px solid #eee;background:#3d3d3d}.discarding .selection-option.selected{border-width:4px;padding:6px;background:#eee;color:#111}
.card-preview-dialog{width:min(90%,370px);max-height:92svh;background:transparent;border:0;box-shadow:none}.full-card{display:flex;min-height:min(590px,82svh);padding:18px;flex-direction:column;border:4px solid #eee;border-radius:16px;color:#111;background:linear-gradient(145deg,#f2f2f2,#bcbcbc);box-shadow:0 15px 45px #000}.preview-topline{display:flex;justify-content:space-between;font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.full-card h2{margin:20px 0 15px;font-size:1.7rem;line-height:1}.preview-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preview-stats b{display:flex;padding:10px;border:2px solid #555;background:#ddd;flex-direction:column}.preview-stats small{font-size:.58rem}.preview-stats span{font-size:1.8rem}.preview-rules{flex:1;margin-top:16px;padding:14px;border:2px solid #666;background:#eee}.preview-rules h3{margin:0 0 9px;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}.preview-rules p{margin:0 0 9px;color:#222;font-size:.9rem;line-height:1.38}.preview-availability{margin:12px 0!important;color:#222!important;font-weight:800}.full-card>button{min-height:44px;border:2px solid #222;color:#fff;background:#222;font-weight:850;text-transform:uppercase}

/* Endpoint-based ring geometry keeps the ropes attached to the four posts. */
.ring-visual{top:5%;width:100%;height:76%;filter:drop-shadow(0 15px 8px #000)}.ring-svg{display:block;width:100%;height:100%;overflow:visible}.svg-mat{fill:url(#mat-shade);stroke:#aaa;stroke-width:1}.svg-apron{fill:url(#apron-shade);stroke:#aaa;stroke-width:.8}.svg-mark{fill:#555;font:bold italic 12px Inter,Arial,sans-serif;text-anchor:middle}.svg-apron-label{fill:#eee;font:bold 2.1px Inter,Arial,sans-serif;letter-spacing:.35px;text-anchor:middle}.svg-ropes line{stroke:#eee;stroke-width:1.25;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 0 #333)}.svg-posts line{stroke:#eee;stroke-width:4;vector-effect:non-scaling-stroke}.svg-posts line::after{stroke:#333}
.arena-end-turn{position:absolute;z-index:10;right:8px;bottom:52px;min-width:104px;min-height:38px;padding:6px 10px;border:2px solid #fff;border-radius:21px;color:#111;background:#eee;font-size:.68rem;font-weight:850;text-transform:uppercase;box-shadow:0 4px 10px #000}.arena-end-turn:disabled{opacity:.35}.turn-splash{position:absolute;z-index:20;top:42%;left:50%;display:flex;min-width:210px;padding:13px 22px;flex-direction:column;align-items:center;border-block:2px solid #eee;color:#fff;background:#111e;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.92);transition:opacity .16s ease,transform .16s ease}.turn-splash.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.turn-splash small{font-size:.65rem;font-weight:900;letter-spacing:.18em}.turn-splash strong{margin-top:3px;font-size:1.25rem;font-style:italic;letter-spacing:.04em}
.ring-visual{top:10%;width:100%;height:78%}
.game-card.discard-eligible{z-index:5;border-color:#fff;outline:3px solid #fff;outline-offset:2px;filter:brightness(1.2)}.discard-banner{display:flex;min-height:38px;margin:-8px 8px 5px;padding:7px 10px;align-items:center;justify-content:space-between;border:2px solid #eee;background:#111;color:#fff;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.discard-banner[hidden]{display:none}.discard-banner button{padding:4px 7px;border:1px solid #888;color:#fff;background:#333;font-size:.65rem}.preview-discard{margin-bottom:7px!important;background:#eee!important;color:#111!important}.brand{display:flex;width:52px;height:38px;align-items:center}.brand img{display:block;width:52px;height:35px;object-fit:contain;filter:grayscale(1) contrast(1.15);mix-blend-mode:screen}.svg-logo{filter:grayscale(1) contrast(1.1);opacity:.52;mix-blend-mode:screen}
.game-card.legal.dragging,.game-card.legal.dragging:hover,.game-card.legal.dragging:focus-visible{z-index:20!important;outline:none;transform:translate(var(--drag-x,0),var(--drag-y,0)) rotate(0) scale(1.08);transition:none}

.battle-page,.temp-page{padding-bottom:62px}.temp-page{min-height:100svh;background:radial-gradient(circle at 50% 20%,#484848,#151515 58%,#090909)}.temp-header{display:flex;min-height:118px;padding:18px 18px 14px;align-items:center;gap:15px;border-bottom:1px solid #555;background:#111}.temp-header.compact{min-height:92px}.temp-header img{width:112px;height:75px;object-fit:contain;filter:grayscale(1) contrast(1.2);mix-blend-mode:screen}.temp-header div{display:flex;min-width:0;flex-direction:column}.temp-header span{color:#aaa;font-size:.68rem;font-weight:800;text-transform:uppercase}.temp-header strong{font-size:1.25rem;font-style:italic;text-transform:uppercase}.home-content{display:grid;gap:18px;padding:32px 18px}.home-content button,.collection-actions button{border:1px solid #888;color:#fff;background:#333;box-shadow:0 5px 12px #000}.feature-tile{min-height:210px}.booster-tile{display:flex;padding:22px;flex-direction:column;align-items:center;justify-content:center}.booster-tile img{width:180px;height:105px;object-fit:contain;filter:grayscale(1);mix-blend-mode:screen}.home-content button span{font-size:1rem;font-weight:850;text-transform:uppercase}.home-content button small{display:block;margin-top:6px;color:#bbb}.home-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:14px}.home-shortcuts button{min-height:112px;padding:14px}.mission-tile{min-height:78px}.collection-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:18px}.collection-actions button{min-height:64px;padding:8px;font-weight:800}.collection-actions button.selected{color:#111;background:#eee}.collection-meta{display:flex;justify-content:space-between;padding:4px 18px 12px;color:#bbb;font-size:.75rem;text-transform:uppercase}.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:0 18px 22px}.collection-card{display:flex;min-height:196px;padding:10px;flex-direction:column;border:2px solid #888;border-radius:8px;color:#eee;background:#2c2c2c;text-align:left;box-shadow:0 5px 10px #000}.collection-card .card-topline{color:#aaa}.collection-card h3{margin:18px 0 7px;font-size:1rem}.collection-card .card-stipulation{font-size:.64rem;-webkit-line-clamp:6}.collection-card .card-stats{margin-top:auto}.app-toolbar{position:fixed;z-index:40;right:0;bottom:0;left:50%;display:grid;width:min(100%,520px);height:62px;padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(3,1fr);border-top:2px solid #777;background:#111;transform:translateX(-50%)}.app-toolbar button{display:flex;min-width:0;border:0;border-top:3px solid transparent;color:#999;background:#181818;flex-direction:column;align-items:center;justify-content:center;gap:2px}.app-toolbar button.active{border-top-color:#fff;color:#fff;background:#303030}.app-toolbar small{font-size:.62rem;font-weight:800;text-transform:uppercase}.app-toolbar span{display:block}.nav-home{font-size:1.55rem;line-height:.8}.nav-card{width:18px;height:24px;border:2px solid currentColor;border-radius:2px}.nav-ring{position:relative;width:28px;height:18px;border:2px solid currentColor}.nav-ring::before,.nav-ring::after{content:"";position:absolute;top:-5px;width:3px;height:26px;background:currentColor}.nav-ring::before{left:-4px}.nav-ring::after{right:-4px}
@media(min-width:700px){.app-toolbar{bottom:18px;border-radius:0 0 24px 24px}}

/* Collection catalogue and temporary destination pages */
.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0 12px 22px}
.collection-card{min-width:0;min-height:0;padding:0;border:1px solid #777;border-radius:6px;overflow:hidden;background:#242424}
.collection-card img{display:block;width:100%;aspect-ratio:5/7;object-fit:cover;background:#111}
.collection-card>span{display:block;padding:7px 5px 8px;font-size:.68rem;font-weight:800;line-height:1.15;text-align:center}
.app-toolbar{grid-template-columns:repeat(4,1fr)}
.nav-store{font-size:1.45rem;line-height:.8}
.placeholder-page{display:grid;gap:14px;margin:24px 18px;padding:24px;border:1px solid #666;border-radius:10px;background:#252525}
.placeholder-page h2,.placeholder-page p{margin:0}.placeholder-page p{color:#bbb;line-height:1.5}
.placeholder-page button{min-height:48px;border:1px solid #aaa;color:#fff;background:#333;font-weight:800}
.expansions-list section{display:grid;gap:10px}.expansions-list section+section{margin-top:8px;padding-top:18px;border-top:1px solid #555}
.expansions-list h2{margin:0 0 2px;color:#ddd;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}
.temp-header img{filter:none;mix-blend-mode:normal}.brand img{filter:none}
.collection-card>span{display:none}.collection-card{border:0;background:transparent;box-shadow:0 4px 9px #000}.collection-card img{border:1px solid #777;border-radius:5px}
.expansion-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.expansion-button{position:relative;min-height:92px;padding:6px;border:1px solid #777;border-radius:8px;overflow:hidden;background:linear-gradient(145deg,#222,#080808);box-shadow:0 4px 10px #000}.expansion-button img{width:100%;height:80px;object-fit:contain}.expansion-button:disabled{opacity:.62;filter:saturate(.65)}.expansion-button:not(:disabled){border-color:#eee}.expansion-button[aria-pressed="true"]{outline:3px solid #fff;outline-offset:2px}
.summer-sizzler{display:flex;color:#fff;background:linear-gradient(135deg,#00c6ff 0 25%,#fb29c7 25% 48%,#ffe53b 48% 72%,#6638ff 72%);font-style:italic;transform:skew(-2deg);flex-direction:column;align-items:center;justify-content:center;text-shadow:2px 2px #301064}.summer-sizzler span{font-size:.7rem;letter-spacing:.22em}.summer-sizzler strong{font-size:1.22rem;line-height:1}.summer-sizzler small{margin-top:5px;padding:2px 8px;color:#111;background:#fff;font-weight:900}

.booster-tile{border:1px solid #888;color:#fff;background:#333;box-shadow:0 5px 12px #000}.booster-packs{display:flex;height:94px;align-items:center;justify-content:center;gap:0}.booster-packs button{width:86px;height:92px;margin:0 -7px;padding:0;border:0;background:transparent;box-shadow:none;transform:rotate(-4deg);transition:transform .16s ease}.booster-packs button:nth-child(2){z-index:2;transform:translateY(-5px)}.booster-packs button:nth-child(3){transform:rotate(4deg)}.booster-packs button:hover,.booster-packs button:focus-visible{z-index:3;outline:none;transform:translateY(-9px) scale(1.08)}.booster-packs img{width:100%;height:100%;object-fit:contain;filter:none;mix-blend-mode:normal}.booster-tile>strong{font-size:.88rem;text-transform:uppercase}.booster-tile>small{margin-top:2px;color:#bbb;font-size:.62rem}
.home-page .home-content{gap:20px;padding:26px 14px 22px}.home-page .feature-tile{min-height:300px}.home-page .booster-tile{padding:12px 4px 14px;overflow:hidden;background:radial-gradient(circle at 50% 42%,#555,#272727 68%)}.home-page .booster-packs{width:100%;height:242px}.home-page .booster-packs button{width:clamp(112px,31vw,150px);height:230px;margin:0 clamp(-22px,-4vw,-14px)}.home-page .booster-packs button:nth-child(1){transform:translateY(7px) rotate(-5deg) scale(.92)}.home-page .booster-packs button:nth-child(2){transform:translateY(-5px) scale(1.05)}.home-page .booster-packs button:nth-child(3){transform:translateY(7px) rotate(5deg) scale(.92)}.home-page .booster-packs button:hover,.home-page .booster-packs button:focus-visible{transform:translateY(-11px) rotate(0) scale(1.1)}.home-page .booster-packs img{width:100%;height:100%;object-fit:contain;filter:none;mix-blend-mode:normal}.home-page .home-shortcuts{gap:14px}

/* Temporary menu proportions follow the supplied mobile wireframe. */
.home-page .temp-header{min-height:78px;padding:8px 18px}.home-page .temp-header img{width:78px;height:52px}.home-content{min-height:calc(100svh - 140px);gap:24px;padding:clamp(72px,14svh,132px) 28px 22px}.feature-tile{min-height:132px}.booster-tile{padding:14px}.booster-tile img{width:132px;height:66px}.home-shortcuts{gap:30px}.home-shortcuts button{min-height:72px;padding:9px}.mission-tile{min-height:58px;margin:0 14px}.home-content button span{font-size:.88rem}.home-content button small{font-size:.62rem}.collection-actions{grid-template-columns:1fr 1fr;padding-bottom:9px}.collection-view-switch{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0 18px 14px;border:1px solid #888}.collection-view-switch button{min-height:42px;border:0;color:#aaa;background:#1b1b1b;font-weight:850;text-transform:uppercase}.collection-view-switch button.selected{color:#111;background:#eee}.expansions-list{display:grid;gap:14px;padding:0 18px 24px}.expansions-list[hidden]{display:none}.expansions-list button{min-height:72px;padding:12px;border:1px solid #888;color:#fff;background:#333;font-size:.95rem;font-weight:800;box-shadow:0 5px 10px #000}
.home-page .booster-packs img{transform:scale(1.25);transform-origin:center}

/* Battle artwork pass: approved cards and a bright 16-bit broadcast ring. */
.arena{isolation:isolate;background:radial-gradient(circle at 15% 18%,#ff2d72 0 2px,transparent 3px),radial-gradient(circle at 84% 22%,#3ee8ff 0 2px,transparent 3px),repeating-radial-gradient(ellipse at 50% 28%,#703693 0 2px,#311a55 3px 7px,#15142e 8px 12px),linear-gradient(#180e35 0 58%,#080914 58%);image-rendering:pixelated}
.arena::before{position:absolute;inset:0;z-index:0;content:"";pointer-events:none;opacity:.65;background:linear-gradient(112deg,transparent 0 17%,#875dff2f 18% 20%,transparent 21% 100%),linear-gradient(248deg,transparent 0 17%,#26d9ff2b 18% 20%,transparent 21% 100%),repeating-linear-gradient(90deg,transparent 0 8px,#ffccff18 9px 11px,transparent 12px 17px)}
.ring-visual{z-index:1;top:5%;width:100%;height:78%;filter:drop-shadow(0 13px 6px #000c)}
.ring-svg{shape-rendering:crispEdges}.svg-mat{fill:url(#mat-shade);stroke:#f5fdff;stroke-width:1.2}.svg-mat-pixels{fill:url(#mat-pixels);opacity:.55}.svg-apron{fill:url(#apron-shade);stroke:#ff345f;stroke-width:1.25}.svg-apron-pixels{fill:url(#apron-pixels)}
.svg-apron-logo{filter:drop-shadow(1px 2px 0 #000) saturate(1.25) contrast(1.08)}.svg-apron-label{fill:#fff;font:900 2px "Arial Black",Inter,sans-serif;letter-spacing:.22px;text-anchor:middle;filter:drop-shadow(1px 1px 0 #000)}
.svg-ropes line{stroke-width:1.65;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 0 #090411)}.svg-ropes .rope-top{stroke:#ff315c}.svg-ropes .rope-middle{stroke:#b565ff}.svg-ropes .rope-bottom{stroke:#25d9ff}.svg-posts line{stroke:#e7eef8;stroke-width:4.2;vector-effect:non-scaling-stroke;filter:drop-shadow(2px 1px 0 #111827)}.svg-turnbuckles rect{fill:#111321;stroke:#f8fbff;stroke-width:.45;rx:.6px;filter:drop-shadow(1px 1px 0 #000)}
.game-card.has-art{padding:0;overflow:hidden;border-color:#777;border-radius:7px;background:#07070a}.game-card-art{display:block;width:100%;height:100%;object-fit:cover;border-radius:5px;pointer-events:none;filter:none!important}.game-card.has-art:not(.legal) .game-card-art{opacity:.46}.game-card.has-art.legal .game-card-art{opacity:1}.game-card.has-art.legal{border-color:#fff;box-shadow:0 0 0 2px #f72a5d,0 0 15px #a84cff,0 8px 16px #000c}.game-card-state{position:absolute;right:4px;bottom:4px;padding:2px 4px;border:1px solid #fff;background:#d71243;color:#fff;font-size:.48rem;font-weight:950;letter-spacing:.08em;line-height:1;text-shadow:1px 1px #000}.game-card.has-art:not(.legal) .game-card-state{display:none}
.card-preview-dialog{box-sizing:border-box;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:20px;border:0;background:transparent;overflow:visible}.card-preview-dialog[open]{display:grid;place-items:center}.card-preview-dialog::backdrop{background:#030207ed;backdrop-filter:blur(3px)}.card-preview-shell{position:relative;width:min(72vw,370px);margin-bottom:46px}.card-preview-surface{width:100%;aspect-ratio:5/7}.card-preview-image{display:block;width:100%;height:100%;object-fit:contain;border:2px solid #eee;border-radius:12px;background:#07070a;box-shadow:0 18px 55px #000,0 0 24px #7d2cff66}.card-preview-image[hidden],.card-preview-shell .full-card[hidden]{display:none}.card-preview-shell .full-card{box-sizing:border-box;width:100%;height:100%;min-height:0;overflow:auto}.card-preview-shell>button{position:absolute;bottom:-40px;min-height:31px;padding:5px 9px;border:2px solid #eee;border-radius:3px;background:#14111d;color:#fff;font-size:.67rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;box-shadow:3px 3px 0 #000}.card-preview-shell>button:hover,.card-preview-shell>button:focus-visible{background:#d71947}.close-card-preview{right:0}.card-preview-shell>.preview-discard{left:0;background:#8f1737}

/* Ringside environment and tighter Battle-page spacing. */
.arena{background:linear-gradient(#090717 0 8%,#181028 8% 34%,#55585e 34% 100%)}
.arena::before{inset:0 0 62%;opacity:1;background:linear-gradient(#10091f 0 31%,#4a315f 31% 34%,#0b0715 34% 63%,#38254d 63% 66%,#08060f 66% 100%);border-bottom:2px solid #c9cdd4}
.svg-ringside-floor polygon{fill:url(#concrete-pixels);stroke:#d0d2d5;stroke-width:.65}
.svg-barricades polyline,.svg-barricades line{fill:none;stroke:#d8dde4;stroke-width:1.15;vector-effect:non-scaling-stroke;filter:drop-shadow(1px 1px 0 #171a20)}
.svg-barricades polyline{stroke-width:2.1}
.player-row{margin-top:-10px;margin-bottom:-4px}
.hand-zone{min-height:210px;margin-top:0;padding:3px 0 25px}
.hand-meta{padding:0 10px}.hand{height:171px;margin-top:0;padding:0 12px}
.game-card{width:120px;min-width:120px;height:163px;margin:0 -26px}
.turn-controls{right:8px;bottom:3px;left:8px}.history-drawer{background:#161616;box-shadow:0 70px 0 #161616}.history-drawer summary{padding:8px 12px}
.battle-page{padding-bottom:0}
@media(max-height:720px){.hand-zone{min-height:188px;padding-bottom:23px}.hand{height:151px}.game-card{width:106px;min-width:106px;height:145px;margin:0 -23px}}
.arena{height:clamp(340px,44svh,450px)}
@media(max-height:720px){.arena{height:285px}}
.pixel-crowd{position:absolute;z-index:1;top:1%;right:0;left:0;height:32%;overflow:hidden;pointer-events:none}.crowd-row{position:absolute;right:-2%;left:-2%;display:flex;align-items:flex-start;justify-content:space-around;overflow:hidden}.crowd-back{top:0;height:38%;padding-inline:8px;transform:translateX(-1%)}.crowd-middle{top:29%;height:42%;padding-inline:2px;transform:translateX(2%)}.crowd-front{top:57%;height:48%;transform:translateX(-1%)}
.crowd-person{--shirt:#bf2947;--skin:#d59a70;position:relative;display:block;width:22px;height:31px;flex:0 0 22px;background:var(--shirt);clip-path:polygon(1% 100%,5% 57%,22% 45%,35% 41%,65% 41%,78% 45%,95% 57%,99% 100%);filter:drop-shadow(1px 1px 0 #030309)}.crowd-person::before{position:absolute;z-index:2;top:3px;left:6px;width:10px;height:12px;border-radius:45% 45% 40% 40%;background:var(--skin);box-shadow:inset 1px 0 #f1c39a,inset -1px -1px #85583f;content:""}.crowd-person::after{position:absolute;z-index:3;content:""}.crowd-person.male::after{top:1px;left:6px;width:10px;height:5px;border-radius:5px 5px 1px 1px;background:#241918;box-shadow:-1px 2px #241918}.crowd-person.female::after{top:1px;left:4px;width:14px;height:15px;border-radius:7px 7px 3px 3px;background:#4b281b;box-shadow:inset 4px 3px var(--skin),inset -4px 3px var(--skin)}.crowd-person.neutral::after{top:0;left:5px;width:12px;height:7px;border-radius:6px 6px 2px 2px;background:#252536;box-shadow:4px 3px 0 -2px #252536}.crowd-person.red{--shirt:#cf2946}.crowd-person.blue{--shirt:#2466bd}.crowd-person.yellow{--shirt:#d8a928}.crowd-person.green{--shirt:#2c9859}.crowd-person:nth-child(3n){--skin:#8d593b}.crowd-person:nth-child(4n){--skin:#edbe91}.crowd-back .crowd-person{transform:scale(.78);transform-origin:50% 0}.crowd-middle .crowd-person{transform:scale(.94);transform-origin:50% 0}.crowd-front .crowd-person{width:27px;height:37px;flex-basis:27px;transform:scale(1.08);transform-origin:50% 0}
.crowd-person{border-radius:46% 46% 8% 8% / 18% 18% 4% 4%;background:linear-gradient(transparent 0 42%,var(--shirt) 43% 100%);clip-path:none}

/* Home: simplified 16-bit arena broadcast lobby. */
.home-page{position:relative;isolation:isolate;overflow:hidden;background:#090718;image-rendering:pixelated}
.home-page::before{position:absolute;z-index:0;inset:78px 0 62px;content:"";background:linear-gradient(90deg,#090716 0 8%,transparent 8% 92%,#090716 92%),repeating-linear-gradient(0deg,#17102b 0 22px,#26163f 22px 25px);pointer-events:none}
.home-lobby-scene{position:absolute;z-index:1;inset:78px 0 62px;overflow:hidden;pointer-events:none}
.home-lobby-scene::before{position:absolute;top:8px;right:-8px;left:-8px;height:20px;border-block:3px solid #8f83a9;content:"";background:repeating-linear-gradient(135deg,transparent 0 13px,#8f83a9 14px 17px,transparent 18px 28px),#171126;box-shadow:0 4px 0 #030207}
.home-lobby-scene::after{position:absolute;right:0;bottom:0;left:0;height:38%;content:"";background:linear-gradient(90deg,transparent 48%,#bc183b 48% 52%,transparent 52%),repeating-linear-gradient(90deg,#12101d 0 31px,#201632 32px 34px);border-top:4px solid #6331a6}
.lobby-crowd{position:absolute;top:120px;right:0;left:0;height:220px;opacity:.74;background:radial-gradient(circle,#df9b72 0 3px,transparent 4px) 3px 0/24px 22px,radial-gradient(circle,#2767bd 0 6px,transparent 7px) 10px 8px/48px 44px,repeating-linear-gradient(0deg,transparent 0 20px,#4a2b67 21px 23px);mask-image:linear-gradient(#000,transparent 92%)}
.lobby-beam{position:absolute;z-index:2;top:24px;width:180px;height:420px;opacity:.16;background:linear-gradient(#fffbd1,#41dbff33 72%,transparent);clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);transform-origin:50% 0}
.beam-left{left:2%;animation:lobby-sweep-left 9s ease-in-out infinite alternate}.beam-right{right:2%;background:linear-gradient(#fffbd1,#ff36ae33 72%,transparent);animation:lobby-sweep-right 10s ease-in-out infinite alternate}
@keyframes lobby-sweep-left{from{transform:rotate(-8deg)}to{transform:rotate(10deg)}}
@keyframes lobby-sweep-right{from{transform:rotate(8deg)}to{transform:rotate(-10deg)}}
.home-page .temp-header{position:relative;z-index:4;min-height:80px;padding:8px 16px;border:2px solid #6b3fa0;border-top:0;background:#0b0b18;box-shadow:inset 0 -3px #1ac6f2,0 5px 0 #030207}
.home-page .temp-header img{width:82px;height:54px}.home-page .temp-header span{color:#c6bde0;letter-spacing:.08em}.home-page .temp-header strong{font-size:1.35rem;text-shadow:2px 2px #46106e}
.home-page .home-content{position:relative;z-index:3;min-height:calc(100svh - 142px);gap:12px;padding:18px 14px 16px}
.home-page .booster-tile{position:relative;min-height:320px;padding:42px 4px 12px;border:3px solid #8b789e;border-radius:0;background:linear-gradient(#15133d 0 19%,#063568 19% 73%,#160c29 73%);box-shadow:inset 0 0 0 4px #080611,0 7px 0 #030207;overflow:hidden}
.home-page .booster-tile::before{position:absolute;top:9px;right:8px;left:8px;height:22px;border-block:2px solid #a99bb9;content:"";background:repeating-linear-gradient(135deg,transparent 0 12px,#a99bb9 13px 16px,transparent 17px 26px),#151025}
.home-page .booster-tile::after{position:absolute;z-index:0;inset:48px 14px 48px;border:2px solid #2eaee4;content:"";background:repeating-linear-gradient(90deg,#10386c 0 5px,#092759 6px 10px);box-shadow:inset 0 0 0 4px #071027}
.home-page .booster-tile>strong,.home-page .booster-tile>small,.home-page .booster-packs{position:relative;z-index:2}
.home-page .booster-tile>strong{position:absolute;z-index:4;top:12px;left:50%;padding:5px 18px;border:2px solid #ffc246;background:#241136;color:#ffd55e;font-size:1rem;letter-spacing:.08em;transform:translateX(-50%);white-space:nowrap;text-shadow:2px 2px #6e182e}
.home-page .booster-packs{height:230px;margin-top:17px}
.home-page .booster-packs button{transition:transform .14s steps(3,end),filter .14s linear}
.home-page .booster-packs button:hover,.home-page .booster-packs button:focus-visible{z-index:4;filter:drop-shadow(0 0 7px #43e7ff);transform:translateY(-9px) rotate(0) scale(1.1)}
.home-page .booster-tile>small{margin-top:-2px;padding:5px 18px;border:2px solid #b985e6;background:#130b20;color:#fff;font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.home-page .home-shortcuts{gap:12px}
.home-page .home-shortcuts button,.home-page .mission-tile{position:relative;overflow:hidden;border:3px solid #706480;border-radius:0;background:#171326;box-shadow:inset 0 0 0 3px #080610,0 5px 0 #030207;transition:transform .14s steps(3,end),border-color .14s linear,filter .14s linear}
.home-page .home-shortcuts button{min-height:86px;padding:10px 8px 8px}.home-page .mission-tile{min-height:68px;margin:0;padding:8px 10px}
.home-page .home-shortcuts button::before,.home-page .mission-tile::before{display:block;height:25px;margin:0 auto 4px;color:#42dcff;font-size:1.35rem;font-weight:950;line-height:25px;content:"▱ ▱ ▱";text-shadow:2px 2px #081028}
.home-page .merch-tile::before{color:#ff4baf;content:"◆"}.home-page .mission-tile::before{position:absolute;top:50%;left:18px;height:auto;margin:0;color:#ffcf3c;content:"★";transform:translateY(-50%)}
.home-page .mission-tile span,.home-page .mission-tile small{margin-left:34px}.home-page .home-content button span{color:#fff;letter-spacing:.045em;text-shadow:2px 2px #361253}.home-page .home-content button small{color:#c9c3d3}
.home-page .home-shortcuts button:hover,.home-page .home-shortcuts button:focus-visible,.home-page .mission-tile:hover,.home-page .mission-tile:focus-visible{z-index:4;border-color:#47ddff;filter:brightness(1.18);outline:0;transform:translateY(-3px) scale(1.035)}
.home-page .merch-tile:hover,.home-page .merch-tile:focus-visible{border-color:#ff4baf}.home-page .mission-tile:hover,.home-page .mission-tile:focus-visible{border-color:#ffd252}
@media(max-height:720px){.home-page .home-content{gap:9px;padding-top:12px}.home-page .booster-tile{min-height:270px;padding-top:38px}.home-page .booster-packs{height:188px}.home-page .home-shortcuts button{min-height:72px}.home-page .mission-tile{min-height:58px}}
@media(prefers-reduced-motion:reduce){.lobby-beam{animation:none}.home-page .booster-packs button,.home-page .home-shortcuts button,.home-page .mission-tile{transition:none}}

/* Bring the landing page back to the approved broadcast-lobby composition. */
.home-page::before{background:linear-gradient(90deg,#0a0718 0 9%,transparent 9% 91%,#0a0718 91%),repeating-linear-gradient(0deg,#20113c 0 24px,#381d59 25px 28px)}
.home-lobby-scene{z-index:2}.home-lobby-scene::before{height:26px;background:repeating-linear-gradient(135deg,transparent 0 12px,#a69ab9 13px 16px,transparent 17px 26px),#1b1230}.home-lobby-scene::after{display:none}
.lobby-crowd{top:96px;height:500px;opacity:.9;background:radial-gradient(circle,#e5a174 0 3px,transparent 4px) 0 0/22px 20px,radial-gradient(circle,#e93368 0 6px,transparent 7px) 8px 7px/44px 40px,radial-gradient(circle,#2c77d0 0 6px,transparent 7px) 30px 27px/44px 40px,repeating-linear-gradient(0deg,transparent 0 18px,#563078 19px 21px);mask-image:linear-gradient(#000 0 82%,transparent)}
.lobby-beam{z-index:4;top:27px;width:135px;height:360px;opacity:.22}.beam-left{left:3%}.beam-right{right:3%}
.home-page .home-content{gap:0;padding:18px 14px 18px}
.home-page .booster-tile{min-height:390px;padding:0;border:3px solid #9a7fb4;background:linear-gradient(#0a163d 0 18%,#064f92 18% 55%,#171031 55%);box-shadow:inset 0 0 0 5px #080611,0 7px 0 #030207}
.home-page .booster-tile::before{top:0;right:0;left:0;height:32px;border:0;border-bottom:3px solid #9a7fb4;background:repeating-linear-gradient(135deg,transparent 0 13px,#9a8caf 14px 17px,transparent 18px 29px),#17102b;box-shadow:none}
.home-page .booster-tile::after{inset:37px 10px 12px;border:3px solid #20b8f3;background:radial-gradient(circle,#57d4ff 0 2px,transparent 3px) 0 0/12px 12px,linear-gradient(#043f85 0 42%,#13102b 42%);box-shadow:inset 0 0 0 4px #061027}
.booster-stage-lights{position:absolute;z-index:5;top:28px;right:24px;left:24px;display:flex;height:27px;align-items:flex-start;justify-content:space-around}.booster-stage-lights i{display:block;width:11px;height:11px;border:2px solid #fff3b6;background:#ffe149;box-shadow:0 0 0 3px #9f4b08,0 7px 13px #ffd83d}.booster-stage-lights i:nth-child(2),.booster-stage-lights i:nth-child(5){background:#26ddff;box-shadow:0 0 0 3px #075c99,0 7px 13px #21d9ff}.booster-stage-lights i:nth-child(3),.booster-stage-lights i:nth-child(4){background:#ff3eaf;box-shadow:0 0 0 3px #8d175f,0 7px 13px #ff36b5}
.home-page .booster-tile>strong{top:57px;z-index:6;padding:0;border:0;background:transparent;color:#ffd34f;font:950 2rem/1 "Arial Black",Impact,sans-serif;letter-spacing:-.05em;text-shadow:3px 3px 0 #b31743,5px 5px 0 #190719;transform:translateX(-50%) skew(-5deg)}
.home-page .booster-packs{position:absolute;z-index:5;top:112px;left:0;width:100%;height:235px;margin:0}
.home-page .booster-tile>small{position:absolute;z-index:6;bottom:13px;left:50%;margin:0;padding:7px 21px;border:3px solid #ffcb39;background:#171020;color:#fff;font-size:.72rem;box-shadow:0 0 0 3px #07050e,0 0 10px #ff3ba9;transform:translateX(-50%);white-space:nowrap}
.home-entrance-ramp{position:relative;z-index:4;height:62px;margin:0 34px;background:repeating-linear-gradient(90deg,#a81133 0 13px,#d51a46 14px 26px);clip-path:polygon(23% 0,77% 0,100% 100%,0 100%);box-shadow:inset 0 5px #ff3d65}
.home-entrance-ramp::before,.home-entrance-ramp::after{position:absolute;top:0;bottom:0;width:7px;background:repeating-linear-gradient(0deg,#27d9ff 0 7px,#ffc746 8px 14px,#ff3c98 15px 22px);content:""}.home-entrance-ramp::before{left:17%;transform:skew(-13deg)}.home-entrance-ramp::after{right:17%;transform:skew(13deg)}
.home-entrance-ramp i{position:absolute;top:9px;bottom:0;width:2px;background:#d7d2e4}.home-entrance-ramp i:first-child{left:12%;transform:skew(-16deg)}.home-entrance-ramp i:last-child{right:12%;transform:skew(16deg)}
.home-page .home-shortcuts{position:relative;z-index:5;gap:14px;margin-top:0}
.home-page .home-shortcuts button,.home-page .mission-tile{border:4px solid #b9a6cc;box-shadow:inset 0 0 0 4px #080610,0 5px 0 #030207,0 0 12px #571174}
.home-page .home-shortcuts button{min-height:104px;padding:15px 8px 10px}.home-page .draft-tile{background:repeating-linear-gradient(90deg,#072b63 0 7px,#0b3f84 8px 14px)}.home-page .merch-tile{background:repeating-linear-gradient(90deg,#5d0a5d 0 7px,#891470 8px 14px)}
.home-page .mission-tile{min-height:86px;margin:14px 16px 0;background:repeating-linear-gradient(90deg,#5b2108 0 7px,#87300a 8px 14px)}
.home-page .home-shortcuts button::after,.home-page .mission-tile::after{position:absolute;inset:3px;border:3px dotted #ffd34d;content:"";pointer-events:none}.home-page .draft-tile::after{border-color:#58dfff}.home-page .merch-tile::after{border-color:#ff68c9}
.home-page .home-shortcuts button::before{height:30px;color:#76e9ff;font-size:1.65rem;line-height:30px}.home-page .merch-tile::before{color:#ff79d3}.home-page .mission-tile::before{left:24px;color:#ffd34f;font-size:1.75rem}.home-page .home-content button span{font-size:1rem}.home-page .mission-tile span{color:#ffd34f;font-size:1.15rem}
@media(max-height:820px){.home-page .booster-tile{min-height:340px}.home-page .booster-packs{top:95px;height:204px}.home-page .booster-tile>strong{top:51px;font-size:1.65rem}.home-entrance-ramp{height:43px}.home-page .home-shortcuts button{min-height:84px}.home-page .mission-tile{min-height:64px;margin-top:10px}}
.home-page .home-shortcuts .draft-tile{background:repeating-linear-gradient(90deg,#072b63 0 7px,#0b3f84 8px 14px)}
.home-page .home-shortcuts .merch-tile{background:repeating-linear-gradient(90deg,#5d0a5d 0 7px,#891470 8px 14px)}
.home-page .home-shortcuts .merch-tile::before{color:#ff79d3;content:"◆"}

/* The approved lobby artwork is the responsive stage; live controls sit in its openings. */
.home-page{height:100svh;min-height:680px;padding:0;background:#070511 url("/assets/home-arena-lobby-plate.png") center top/100% 100% no-repeat}
.home-page::before,.home-lobby-scene,.booster-stage-lights,.home-entrance-ramp{display:none}
.home-page .temp-header{position:absolute;z-index:6;top:1.2%;right:12%;left:21.5%;display:block;width:auto;min-height:7.2%;padding:0;border:0;background:transparent;box-shadow:none}
.home-page .temp-header img{visibility:hidden;width:35%;height:100%}.home-page .temp-header div{position:absolute;top:17%;left:34%;display:flex}.home-page .temp-header span{color:#d2cae7;font-size:clamp(.55rem,2.1vw,.72rem);letter-spacing:.06em}.home-page .temp-header strong{color:#fff;font-size:clamp(1rem,4.4vw,1.45rem);line-height:1;text-shadow:2px 2px #5c1b9b}
.home-page .home-content{position:absolute;z-index:5;inset:0;display:block;min-height:0;padding:0}
.home-page .booster-tile{position:absolute;top:11.2%;left:19.5%;display:block;width:61%;height:45.5%;min-height:0;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}
.home-page .booster-tile::before,.home-page .booster-tile::after{display:none}
.home-page .booster-tile>strong{top:1%;z-index:6;width:100%;padding:0;border:0;background:transparent;color:#ffd34f;font-size:clamp(1.45rem,6vw,2rem);text-align:center;text-shadow:3px 3px #b31743,5px 5px #190719}
.home-page .booster-packs{position:absolute;top:22%;left:50%;display:flex;width:112%;height:69%;margin:0;transform:translateX(-50%)}
.home-page .booster-packs button{width:39%;height:100%;margin:0 -6.5%}.home-page .booster-packs button:nth-child(1){transform:translateY(7%) rotate(-4deg) scale(.92)}.home-page .booster-packs button:nth-child(2){transform:translateY(-2%) scale(1.06)}.home-page .booster-packs button:nth-child(3){transform:translateY(7%) rotate(4deg) scale(.92)}
.home-page .booster-packs button:hover,.home-page .booster-packs button:focus-visible{z-index:7;filter:drop-shadow(0 0 8px #fff) drop-shadow(0 0 12px #31dfff);transform:translateY(-4%) rotate(0) scale(1.13)}
.home-page .booster-tile>small{position:absolute;z-index:6;bottom:-1%;left:50%;min-width:64%;margin:0;padding:0;border:0;background:transparent;color:#fff;font-size:clamp(.55rem,2vw,.72rem);box-shadow:none;text-align:center;transform:translateX(-50%)}
.home-page .home-shortcuts{position:absolute;z-index:6;top:65.2%;right:5.7%;left:5.7%;display:grid;height:11.3%;gap:5.5%;grid-template-columns:1fr 1fr}
.home-page .home-shortcuts button,.home-page .mission-tile{min-height:0;margin:0;padding:0;border:0;background:transparent!important;box-shadow:none;color:#fff}
.home-page .home-shortcuts button::after,.home-page .mission-tile::after{display:none}.home-page .home-shortcuts button::before{height:auto;margin:0 0 2%;font-size:clamp(1.2rem,5vw,1.7rem);line-height:1}.home-page .home-shortcuts .merch-tile::before{content:"◆"}
.home-page .home-shortcuts button span{font-size:clamp(.8rem,3.4vw,1.05rem);text-shadow:2px 2px #0a0512}.home-page .home-shortcuts button small{margin-top:2%;color:#fff;font-size:clamp(.48rem,1.65vw,.62rem)}
.home-page .mission-tile{position:absolute;z-index:6;top:78.3%;right:18.8%;left:18.8%;width:auto;height:9.2%}.home-page .mission-tile::before{left:auto;right:7%;color:#ffd743;font-size:clamp(1.5rem,6vw,2.2rem)}.home-page .mission-tile span,.home-page .mission-tile small{margin-left:0;margin-right:18%}.home-page .mission-tile span{color:#ffd34f;font-size:clamp(1rem,4.2vw,1.35rem);text-shadow:2px 2px #8a1a12}.home-page .mission-tile small{color:#fff;font-size:clamp(.48rem,1.65vw,.62rem)}
.home-page .home-shortcuts button:hover,.home-page .home-shortcuts button:focus-visible,.home-page .mission-tile:hover,.home-page .mission-tile:focus-visible{border:0;filter:brightness(1.3) drop-shadow(0 0 8px #fff8);transform:scale(1.055)}
body:has(.home-page:not([hidden])) .app-toolbar{height:8.3svh;min-height:58px;border-top:0;background:transparent}
body:has(.home-page:not([hidden])) .app-toolbar button{border:0;border-right:1px solid #ffffff28;background:#070a13b8;backdrop-filter:brightness(.85)}body:has(.home-page:not([hidden])) .app-toolbar button.active{border-top:4px solid #21dcff;background:#162b49c9}
@media(max-height:720px){.home-page{min-height:680px}.home-page .booster-tile{min-height:0}.home-page .booster-packs{top:22%;height:69%}.home-page .booster-tile>strong{top:1%;font-size:clamp(1.4rem,6vw,1.85rem)}.home-page .home-shortcuts button{min-height:0}.home-page .mission-tile{min-height:0;margin:0}}

/* Reduced home treatment: steel field, bright content, framed actions. */
.home-page{height:auto;min-height:100svh;padding:0 0 62px;background-color:#454a4e;background-image:linear-gradient(#ffffff12,#00000026),url("/assets/home-steel-plate.png");background-position:0 0;background-size:auto,240px 240px;background-repeat:repeat;color:#17191b}
.home-page .temp-header{position:relative;top:auto;right:auto;left:auto;display:flex;width:100%;min-height:82px;padding:10px 18px;align-items:center;gap:14px;border:0;border-bottom:5px solid #c51d38;background:#f7f8f8f2;box-shadow:0 5px 0 #24282b}
.home-page .temp-header img{visibility:visible;width:86px;height:57px}.home-page .temp-header div{position:static;display:flex}.home-page .temp-header span{color:#646a6e;font-size:.68rem;letter-spacing:.08em}.home-page .temp-header strong{color:#17191b;font-size:1.35rem;text-shadow:none}
.home-page .home-content{position:relative;inset:auto;display:grid;min-height:calc(100svh - 144px);gap:18px;padding:24px 18px 28px}
.home-page .booster-tile{position:relative;top:auto;left:auto;display:flex;width:auto;height:auto;min-height:340px;padding:18px 8px 14px;border:5px solid #e2e5e6;border-radius:8px;background:#f5f6f4ef;box-shadow:0 0 0 3px #24282b,0 8px 14px #0007;overflow:hidden}
.home-page .booster-tile::before{display:block;position:absolute;top:0;right:0;left:0;height:9px;content:"";background:linear-gradient(90deg,#ca1e3e 0 34%,#2bb8dc 34% 67%,#e6b533 67%)}.home-page .booster-tile::after{display:none}
.home-page .booster-tile>strong{position:relative;top:auto;left:auto;z-index:2;width:auto;padding:0 14px 7px;border-bottom:3px solid #c51d38;background:transparent;color:#17191b;font:950 1.25rem/1 "Arial Black",Impact,sans-serif;letter-spacing:.04em;text-align:center;text-shadow:none;transform:none}
.home-page .booster-packs{position:relative;top:auto;left:auto;display:flex;width:100%;height:245px;margin:8px 0 0;transform:none}
.home-page .booster-packs button{width:clamp(112px,31vw,150px);height:232px;margin:0 clamp(-22px,-4vw,-14px)}.home-page .booster-packs button:nth-child(1){transform:translateY(7px) rotate(-5deg) scale(.92)}.home-page .booster-packs button:nth-child(2){transform:translateY(-5px) scale(1.05)}.home-page .booster-packs button:nth-child(3){transform:translateY(7px) rotate(5deg) scale(.92)}.home-page .booster-packs button:hover,.home-page .booster-packs button:focus-visible{z-index:7;filter:drop-shadow(0 5px 6px #0007);transform:translateY(-10px) rotate(0) scale(1.11)}
.home-page .booster-tile>small{position:relative;bottom:auto;left:auto;z-index:2;min-width:0;margin:0;padding:6px 18px;border:2px solid #25282a;border-radius:3px;background:#fff;color:#25282a;font-size:.66rem;box-shadow:none;text-align:center;transform:none;white-space:nowrap}
.home-page .home-shortcuts{position:static;display:grid;height:auto;gap:16px;grid-template-columns:1fr 1fr}
.home-page .home-shortcuts button,.home-page .mission-tile{position:relative;width:auto;height:auto;min-height:104px;margin:0;padding:14px 9px;border:5px solid #dce1e3;background:#111827!important;box-shadow:0 0 0 3px #23272a,0 7px 12px #0007;color:#fff;overflow:hidden}
.home-page .home-shortcuts .draft-tile{background:#0f4f80!important}.home-page .home-shortcuts .merch-tile{background:#792263!important}.home-page .mission-tile{min-height:82px;margin:0 16px;background:#7c3813!important}
.home-page .home-shortcuts button::after,.home-page .mission-tile::after{display:block;position:absolute;inset:4px;border:2px solid #ffffff55;content:"";pointer-events:none}.home-page .home-shortcuts button::before{height:28px;margin:0 0 4px;font-size:1.5rem;line-height:28px}.home-page .home-shortcuts .merch-tile::before{content:"◆"}
.home-page .home-shortcuts button span{font-size:.92rem}.home-page .home-shortcuts button small{margin-top:4px;color:#e8edf0;font-size:.58rem}.home-page .mission-tile::before{left:20px;right:auto;color:#ffd34f;font-size:1.65rem}.home-page .mission-tile span,.home-page .mission-tile small{margin-right:0;margin-left:34px}.home-page .mission-tile span{color:#fff;font-size:1rem;text-shadow:none}.home-page .mission-tile small{color:#f1e5da;font-size:.58rem}
.home-page .home-shortcuts button:hover,.home-page .home-shortcuts button:focus-visible,.home-page .mission-tile:hover,.home-page .mission-tile:focus-visible{border-color:#fff;filter:brightness(1.12);transform:translateY(-3px) scale(1.025)}
body:has(.home-page:not([hidden])) .app-toolbar{height:62px;min-height:62px;border-top:3px solid #c7ccce;background:#17191b}
body:has(.home-page:not([hidden])) .app-toolbar button{border:0;border-top:3px solid transparent;border-right:1px solid #444;background:#17191b;backdrop-filter:none}body:has(.home-page:not([hidden])) .app-toolbar button.active{border-top-color:#c51d38;background:#303438}
@media(max-height:720px){.home-page{min-height:100svh}.home-page .home-content{gap:12px;padding-top:18px}.home-page .booster-tile{min-height:295px}.home-page .booster-packs{top:auto;height:207px}.home-page .booster-packs button{height:202px}.home-page .booster-tile>strong{top:auto;font-size:1.1rem}.home-page .home-shortcuts button{min-height:86px}.home-page .mission-tile{min-height:68px;margin:0 12px}}

/* Keep the pack art clear of the section label in the reduced layout. */
.home-page .booster-packs{margin-top:18px}
.home-page .booster-packs img{transform:scale(1.08)}
@media(max-height:720px){.home-page .booster-packs{margin-top:14px}}

/* Truss-framed home controls and a complete above-the-toolbar layout. */
.home-page .home-content{
  min-height:0;
  gap:12px;
  padding:18px 18px 16px;
  align-content:start;
}
.home-page .booster-tile{
  min-height:286px;
  padding:16px 8px 12px;
  border:8px solid transparent;
  border-radius:0;
  background:
    linear-gradient(#f5f6f4f2,#f5f6f4f2) padding-box,
    repeating-linear-gradient(135deg,#d8dde2 0 3px,#697580 3px 6px,#171f29 6px 11px,#9ca7b2 11px 14px) border-box;
  box-shadow:0 0 0 2px #151a20,inset 0 0 0 2px #aeb6bd,0 7px 12px #0008;
}
.home-page .booster-packs{height:188px;margin-top:12px}
.home-page .booster-packs button{height:184px}
.home-page .booster-packs img{transform:scale(1.05)}
.home-page .home-shortcuts{gap:14px}
.home-page .home-shortcuts button,
.home-page .mission-tile{
  min-height:88px;
  padding:12px 8px;
  border:8px solid transparent;
  border-radius:0;
  box-shadow:0 0 0 2px #111820,inset 0 0 0 2px #aeb7c0,0 6px 10px #0008;
}
.home-page .home-shortcuts .draft-tile{
  background:
    linear-gradient(#0f4f80,#0f4f80) padding-box,
    repeating-linear-gradient(135deg,#d7dde2 0 3px,#6d7883 3px 6px,#151e28 6px 11px,#9da8b3 11px 14px) border-box!important;
}
.home-page .home-shortcuts .merch-tile{
  background:
    linear-gradient(#792263,#792263) padding-box,
    repeating-linear-gradient(135deg,#d7dde2 0 3px,#6d7883 3px 6px,#151e28 6px 11px,#9da8b3 11px 14px) border-box!important;
}
.home-page .mission-tile{
  inset:auto;
  width:auto;
  min-height:68px;
  margin:0 12px;
  background:
    linear-gradient(#7c3813,#7c3813) padding-box,
    repeating-linear-gradient(135deg,#d7dde2 0 3px,#6d7883 3px 6px,#151e28 6px 11px,#9da8b3 11px 14px) border-box!important;
}
.home-page .home-shortcuts button::after,
.home-page .mission-tile::after{inset:3px;border-color:#ffffff66}
@media(max-width:380px){
  .home-page .home-content{padding-inline:12px}
  .home-page .home-shortcuts{gap:10px}
  .home-page .home-shortcuts button{padding-inline:4px}
}

/* Centre the four home destinations as a single composition. */
.home-page .home-content{
  min-height:calc(100svh - 144px);
  align-content:center;
}

/* Championship-belt utility bar and TitanTron-style logo mount. */
.home-page .home-belt-menu{
  position:relative;
  display:grid;
  min-height:88px;
  padding:7px 22px;
  grid-template-columns:1fr 104px 1fr;
  align-items:center;
  gap:8px;
  border:0;
  background:linear-gradient(#18120d,#080706 48%,#21170d);
  box-shadow:inset 0 3px #59401e,inset 0 -3px #59401e,0 5px 0 #252a2e;
  overflow:visible;
}
.home-page .home-belt-menu::before{
  position:absolute;
  inset:13px 5px;
  border:3px solid #d2a944;
  clip-path:polygon(0 25%,28% 25%,34% 0,66% 0,72% 25%,100% 25%,94% 75%,72% 75%,66% 100%,34% 100%,28% 75%,6% 75%);
  background:linear-gradient(90deg,#493413,#ba8a2f 17%,#493413 33%,#d7ad49 50%,#493413 67%,#ba8a2f 83%,#493413);
  content:"";
  opacity:.9;
}
.home-page .home-belt-menu button{
  position:relative;
  z-index:2;
  display:flex;
  min-width:0;
  height:54px;
  padding:4px 8px;
  border:2px solid #e1bc59;
  color:#fff;
  background:linear-gradient(#332919,#0d0b08);
  box-shadow:inset 0 0 0 2px #5d451b,2px 3px #0008;
  align-items:center;
  justify-content:center;
  gap:6px;
  cursor:pointer;
}
.home-page .home-belt-menu button:hover,
.home-page .home-belt-menu button:focus-visible{outline:2px solid #fff;filter:brightness(1.18);transform:translateY(-2px)}
.home-page .home-belt-menu button>span{font-size:1.55rem;line-height:1}
.home-page .home-belt-menu button>small{font-size:.55rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.home-page .profile-medallion{
  width:94px;
  height:76px!important;
  margin:auto;
  padding:3px!important;
  border-width:4px!important;
  border-radius:48%;
  flex-direction:column;
  background:radial-gradient(circle,#f0c759 0 12%,#9c6a1f 13% 47%,#22170b 48%)!important;
}
.home-page .profile-avatar{position:relative;display:block;width:43px;height:43px;border:2px solid #e4c568;border-radius:50%;background:radial-gradient(circle at 50% 32%,#c8cdd0 0 8px,transparent 9px),radial-gradient(ellipse at 50% 95%,#8b9399 0 17px,transparent 18px),#15191c;box-shadow:inset 0 0 0 2px #3e474d}
.home-page .profile-avatar i{display:none}.home-page .profile-medallion small{font-size:.5rem!important}
.home-page .home-content{grid-template-rows:auto auto auto auto;}
.home-page .home-logo-stage{
  position:relative;
  z-index:2;
  display:grid;
  width:72%;
  height:clamp(96px,14svh,136px);
  margin:0 auto -4px;
  padding:12px 28px;
  grid-template-columns:14px 1fr 14px;
  align-items:center;
  gap:8px;
  border-block:12px solid transparent;
  background:
    linear-gradient(#08090b,#111820) padding-box,
    repeating-linear-gradient(135deg,#d7dde2 0 3px,#697580 3px 6px,#151e28 6px 11px,#9ca8b3 11px 14px) border-box;
  box-shadow:0 0 0 2px #111820,0 7px 12px #0009;
}
.home-page .home-logo-stage::before,
.home-page .home-logo-stage::after,
.home-page .home-logo-stage>i{
  background:repeating-linear-gradient(135deg,#d7dde2 0 3px,#697580 3px 6px,#151e28 6px 11px,#9ca8b3 11px 14px);
  box-shadow:inset 0 0 0 2px #111820;
}
.home-page .home-logo-stage::before,.home-page .home-logo-stage::after{position:absolute;bottom:-21px;width:16px;height:22px;content:""}.home-page .home-logo-stage::before{left:18px}.home-page .home-logo-stage::after{right:18px}
.home-page .home-logo-stage>i{width:14px;height:100%}
.home-page .home-logo-stage img{display:block;width:100%;height:100%;object-fit:contain;filter:none;mix-blend-mode:normal}
@media(max-width:380px){
  .home-page .home-belt-menu{padding-inline:12px;grid-template-columns:1fr 92px 1fr}
  .home-page .home-belt-menu button>small{display:none}
  .home-page .profile-medallion small{display:block!important}
  .home-page .home-logo-stage{width:78%;padding-inline:18px}
}
@media(max-height:820px){
  .home-page .home-belt-menu{min-height:76px;padding-block:4px}
  .home-page .profile-medallion{height:68px!important}
  .home-page .home-content{min-height:calc(100svh - 138px);gap:9px;padding-block:10px}
  .home-page .home-logo-stage{height:86px}
  .home-page .booster-tile{min-height:250px}
  .home-page .booster-packs{height:158px;margin-top:8px}
  .home-page .booster-packs button{height:154px}
  .home-page .home-shortcuts button{min-height:78px}
  .home-page .mission-tile{min-height:62px}
}

/* Let the TitanTron overlap the bay frame without obscuring its label. */
.home-page .booster-tile{min-height:306px}
.home-page .booster-tile>strong{margin-top:20px}
@media(max-height:820px){
  .home-page .booster-tile{min-height:260px}
  .home-page .booster-tile>strong{margin-top:14px}
}

/* Image-backed championship belt: live controls sit over the three plates. */
.home-page .home-belt-menu{
  position:relative;
  display:block;
  width:100%;
  height:172px;
  min-height:172px;
  padding:0;
  border:0;
  background:transparent url("/assets/home-championship-belt.png") center/100% auto no-repeat;
  box-shadow:none;
  overflow:visible;
}
.home-page .home-belt-menu::before{display:none}
.home-page .home-belt-menu button{
  position:absolute;
  z-index:2;
  min-width:0;
  margin:0;
  padding:2px 4px;
  border:0!important;
  border-radius:0;
  color:#fff;
  background:transparent!important;
  box-shadow:none;
  text-shadow:2px 2px #000;
}
.home-page .home-belt-menu button:hover,
.home-page .home-belt-menu button:focus-visible{outline:2px solid #fff;outline-offset:2px;filter:brightness(1.25);transform:scale(1.04)}
.home-page .belt-action{top:34%;width:21%;height:35%}
.home-page .belt-messages{left:12.5%}.home-page .belt-gifts{right:12.5%}
.home-page .home-belt-menu .belt-action>span{font-size:1.4rem}.home-page .home-belt-menu .belt-action>small{font-size:.54rem;color:#f9e5a5}
.home-page .profile-medallion{
  top:13%;
  left:38%;
  width:24%;
  height:70%!important;
  border:0!important;
  border-radius:50%;
}
.home-page .profile-avatar{width:56px;height:56px;border-color:#f6d873;box-shadow:0 0 0 2px #110d07,inset 0 0 0 2px #56616a}
.home-page .profile-medallion small{color:#f9e5a5;font-size:.56rem!important}
.home-page .home-content{min-height:calc(100svh - 234px)}
@media(max-width:380px){
  .home-page .home-belt-menu{height:130px;min-height:130px}
  .home-page .home-belt-menu button>small{display:block}
  .home-page .home-belt-menu .belt-action>small{font-size:.46rem}
  .home-page .profile-avatar{width:44px;height:44px}
  .home-page .home-content{min-height:calc(100svh - 192px)}
}
@media(max-height:820px) and (min-width:381px){
  .home-page .home-belt-menu{height:138px;min-height:138px}
  .home-page .profile-avatar{width:46px;height:46px}
  .home-page .home-content{min-height:calc(100svh - 200px)}
}

/* Lightweight utility/status header replaces the former top belt. */
.home-page .home-status-menu{
  position:relative;
  top:auto;
  right:auto;
  left:auto;
  display:grid;
  width:100%;
  min-height:82px;
  padding:7px 92px;
  grid-template-columns:1fr 82px 1fr;
  align-items:center;
  gap:16px;
  border:0;
  border-bottom:4px solid #c51d38;
  background:linear-gradient(#22282cdd,#111619ee),url("/assets/home-steel-plate.png") center/180px;
  box-shadow:0 5px 0 #262c30;
}
.home-page .home-status-menu button{
  display:grid;
  min-width:48px;
  height:48px;
  margin:auto;
  padding:0;
  place-items:center;
  border:2px solid #9ba4aa;
  border-radius:50%;
  color:#f4c54f;
  background:#101417;
  box-shadow:inset 0 0 0 2px #333c42,0 3px 0 #050708;
  cursor:pointer;
}
.home-page .home-status-menu button:hover,.home-page .home-status-menu button:focus-visible{outline:2px solid #fff;filter:brightness(1.2);transform:translateY(-2px)}
.home-page .status-action span{font-size:1.65rem;line-height:1}
.home-page .level-profile{width:74px;height:74px!important;border:0!important;background:transparent!important;box-shadow:none!important}
.home-page .level-progress{position:relative;display:grid;width:70px;height:70px;border:2px solid #d8b24c;border-radius:50%;place-items:center;background:conic-gradient(#f2c54d 0 64%,#30383e 64% 100%);box-shadow:0 0 0 3px #0a0d0f,0 0 0 5px #6f5927}
.home-page .level-progress::before{position:absolute;inset:8px;border:2px solid #657078;border-radius:50%;background:#11171a;content:""}
.home-page .level-progress strong{position:relative;z-index:2;color:#fff;font-size:1.45rem;text-shadow:2px 2px #000}
.home-page .home-content{min-height:calc(100svh - 232px)}

/* Five-plate image-backed championship belt navigation. */
.battle-page,.temp-page{padding-bottom:154px}
body .app-toolbar{
  position:fixed;
  z-index:40;
  right:0;
  bottom:0;
  left:50%;
  display:grid;
  width:min(100%,520px);
  height:154px!important;
  min-height:154px!important;
  padding:0 8px 6px;
  grid-template-columns:21% 18% 22% 18% 21%!important;
  align-items:center;
  border:0!important;
  border-radius:0!important;
  background:transparent url("/assets/home-navigation-belt.png") center/100% 100% no-repeat!important;
  box-shadow:none;
  transform:translateX(-50%);
  overflow:visible;
}
body .app-toolbar button{
  display:flex;
  width:100%;
  min-width:0;
  height:65px;
  margin-top:36px;
  padding:2px;
  border:0!important;
  color:#fff;
  background:transparent!important;
  box-shadow:none;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  text-shadow:2px 2px #000;
}
body .app-toolbar button:nth-child(3){height:116px;margin-top:0;color:#f7cb55}
body .app-toolbar button:first-child{transform:translateX(6px)}body .app-toolbar button:last-child{transform:translateX(-6px)}
body .app-toolbar button.active{border:0!important;color:#fff;background:transparent!important;filter:brightness(1.28) drop-shadow(0 0 5px #ffd35d);transform:translateY(-3px)}
body .app-toolbar button:first-child.active{transform:translate(6px,-3px)}body .app-toolbar button:last-child.active{transform:translate(-6px,-3px)}
body .app-toolbar button:hover,body .app-toolbar button:focus-visible{outline:2px solid #fff;outline-offset:-5px;filter:brightness(1.2)}
body .app-toolbar small{color:#fff;font-size:.52rem;font-weight:900;letter-spacing:.03em;text-transform:uppercase}
body .app-toolbar .nav-home{font-size:1.42rem}.app-toolbar .nav-card{width:16px;height:21px}.app-toolbar .nav-store{font-size:1.3rem}
body .app-toolbar .nav-ring{width:34px;height:22px}.app-toolbar .nav-ring::before,.app-toolbar .nav-ring::after{height:30px}
.nav-profile{position:relative;display:block;width:27px;height:27px;border:2px solid currentColor;border-radius:50%;background:radial-gradient(circle at 50% 33%,currentColor 0 5px,transparent 6px),radial-gradient(ellipse at 50% 105%,currentColor 0 11px,transparent 12px)}
.profile-page{min-height:100svh;background:#343a3e url("/assets/home-steel-plate.png") center/220px repeat}
@media(min-width:700px){body .app-toolbar{bottom:18px}}
@media(max-width:380px){
  .home-page .home-status-menu{padding-inline:55px;grid-template-columns:1fr 72px 1fr;gap:10px}
  body .app-toolbar{height:132px!important;min-height:132px!important}
  body .app-toolbar button{height:56px;margin-top:30px}
  body .app-toolbar button:nth-child(3){height:98px;margin-top:0}
  .battle-page,.temp-page{padding-bottom:132px}
  .home-page .home-content{min-height:calc(100svh - 214px)}
}

/* Image-backed truss frames replace the CSS-simulated metal borders. */
.home-page .booster-tile,
.home-page .home-shortcuts button,
.home-page .mission-tile{
  border-style:solid;
  border-color:transparent!important;
  border-image-source:url("/assets/ui-truss-frame.png");
  border-image-slice:160;
  border-image-repeat:stretch;
  border-radius:0;
}
.home-page .booster-tile{border-width:18px;background:#f5f6f4f2;box-shadow:0 8px 14px #0008}
.home-page .home-shortcuts button,.home-page .mission-tile{border-width:14px;box-shadow:0 7px 12px #0008}
.home-page .home-shortcuts .draft-tile{background:#0f4f80!important}
.home-page .home-shortcuts .merch-tile{background:#792263!important}
.home-page .mission-tile{background:#7c3813!important}

/* The Battle arena is now one illustrated plate; live UI remains above it. */
.arena{
  height:clamp(300px,42svh,430px);
  margin:-4px 0 0;
  background:#151a25 url("/assets/battle-ring-arena.png") center/cover no-repeat;
  image-rendering:auto;
}
.arena .pixel-crowd,.arena .ring-visual{display:none}
.arena::before{display:none}

/* Two-frame crowd loop: only the stands swap, so the ring never flickers. */
.arena::before{
  position:absolute;
  inset:0;
  z-index:0;
  display:block;
  content:"";
  pointer-events:none;
  opacity:0;
  background:url("/assets/battle-ring-arena-crowd-frame-2.png") center/cover no-repeat;
  clip-path:inset(0 0 60% 0);
  animation:crowd-two-frame 1.4s steps(1,end) infinite;
}
@keyframes crowd-two-frame{
  0%,49.999%{opacity:0}
  50%,100%{opacity:1}
}
@media(prefers-reduced-motion:reduce){.arena::before{animation:none;opacity:0}}

/* Battle uses one unobtrusive exit instead of the full navigation belt. */
.phone-stage[data-page="battle"] .app-toolbar{display:none}
.battle-home-button{
  position:fixed;
  z-index:45;
  bottom:max(12px,env(safe-area-inset-bottom));
  left:max(12px,calc(50% - 248px));
  display:flex;
  width:58px;
  height:52px;
  padding:5px 4px;
  border:2px solid #b9bec4;
  border-radius:5px;
  color:#fff;
  background:#111820e8;
  box-shadow:3px 3px 0 #05060a,0 0 0 2px #303845;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  text-transform:uppercase;
}
.battle-home-button>span{font-size:1.35rem;line-height:.75}
.battle-home-button>small{font-size:.5rem;font-weight:900;letter-spacing:.06em}
.battle-home-button:hover,.battle-home-button:focus-visible{outline:2px solid #fff;outline-offset:2px;background:#273344}

/* Persistent wrestlers share one horizontal performance lane in the ring. */
.ring-fighters{position:absolute;z-index:3;inset:0;overflow:hidden;pointer-events:none}
.fighter{
  position:absolute;
  bottom:41%;
  width:clamp(96px,24%,126px);
  aspect-ratio:3/4;
  background-size:100% 100%;
  background-repeat:no-repeat;
  background-position:center;
  image-rendering:pixelated;
  filter:drop-shadow(2px 4px 2px #07102099);
  transition:transform .12s linear;
  will-change:transform,background-position;
}
.fighter-hardcastle{left:26%;background-image:url("/assets/wrestlers/hardcastle-idle-1.png");animation:hardcastle-idle 1.08s steps(1,end) infinite}
.fighter-basher{right:26%;background-image:url("/assets/wrestlers/basher-idle-1.png");animation:basher-idle 1.08s steps(1,end) infinite}
@keyframes hardcastle-idle{0%,49.999%{background-image:url("/assets/wrestlers/hardcastle-idle-1.png")}50%,100%{background-image:url("/assets/wrestlers/hardcastle-idle-2.png")}}
@keyframes basher-idle{0%,49.999%{background-image:url("/assets/wrestlers/basher-idle-1.png")}50%,100%{background-image:url("/assets/wrestlers/basher-idle-2.png")}}
.fighter-hardcastle.state-punch-windup{animation:none;background-image:url("/assets/wrestlers/hardcastle-punch-windup.png")}
.fighter-hardcastle.state-punch-strike{animation:none;background-image:url("/assets/wrestlers/hardcastle-punch-strike.png");transform:translateX(10px)}
.fighter-hardcastle.state-headbutt-windup{animation:none;background-image:url("/assets/wrestlers/hardcastle-headbutt-windup.png")}
.fighter-hardcastle.state-headbutt-strike{animation:none;background-image:url("/assets/wrestlers/hardcastle-headbutt-strike-v2.png");transform:translateX(34px)}
.fighter-hardcastle.state-big-boot{animation:none;background-image:url("/assets/wrestlers/hardcastle-big-boot.png");transform:translateX(5px)}
.fighter-hardcastle.state-standing-damage{animation:hardcastle-standing-damage 1.3s linear forwards;background-image:url("/assets/wrestlers/hardcastle-standing-damage-v2.png")}
.fighter-hardcastle.state-kick{animation:none;background-image:url("/assets/wrestlers/hardcastle-kick.png");transform:translateX(8px)}
.fighter-hardcastle.state-gut-damage{animation:hardcastle-gut-damage 1.3s linear forwards;background-image:url("/assets/wrestlers/hardcastle-gut-damage.png")}
.fighter-hardcastle.state-clothesline-windup{animation:none;background-image:url("/assets/wrestlers/hardcastle-clothesline-windup.png")}
.fighter-hardcastle.state-clothesline-strike{animation:none;background-image:url("/assets/wrestlers/hardcastle-clothesline-strike.png");transform:translateX(18px)}
.fighter-hardcastle.state-arm-drag-hook{animation:none;background-image:url("/assets/wrestlers/hardcastle-arm-drag-hook.png");transform:translateX(20px)}
.fighter-hardcastle.state-arm-drag-airborne{animation:none;background-image:url("/assets/wrestlers/hardcastle-arm-drag-airborne.png");transform:translateY(-6px)}
.fighter-hardcastle.state-arm-drag-impact{animation:none;background-image:url("/assets/wrestlers/hardcastle-arm-drag-impact.png");transform:translateY(8px)}
.fighter-basher.state-headbutt-windup{animation:none;background-image:url("/assets/wrestlers/basher-headbutt-windup.png")}
.fighter-basher.state-headbutt-strike{animation:none;background-image:url("/assets/wrestlers/basher-headbutt-strike.png");transform:translateX(-34px)}
.fighter-basher.state-big-boot{animation:none;background-image:url("/assets/wrestlers/basher-big-boot.png");transform:translateX(-5px)}
.fighter-basher.state-standing-damage{animation:basher-standing-damage 1.3s linear forwards;background-image:url("/assets/wrestlers/basher-standing-damage-v2.png")}
.fighter-basher.state-kick{animation:none;background-image:url("/assets/wrestlers/basher-kick.png");transform:translateX(-8px) scaleX(-1)}
.fighter-basher.state-gut-damage{animation:basher-gut-damage 1.3s linear forwards;background-image:url("/assets/wrestlers/basher-gut-damage.png")}
.fighter-basher.state-clothesline-windup{animation:none;background-image:url("/assets/wrestlers/basher-clothesline-windup.png");transform:scaleX(-1)}
.fighter-basher.state-clothesline-strike{animation:none;background-image:url("/assets/wrestlers/basher-clothesline-strike.png");transform:translateX(-18px) scaleX(-1)}
.fighter-basher.state-arm-drag-hook{animation:none;background-image:url("/assets/wrestlers/basher-arm-drag-hook.png");transform:translateX(-32px) scaleX(-1)}
.fighter-basher.state-arm-drag-airborne{animation:none;background-image:url("/assets/wrestlers/basher-arm-drag-airborne.png");transform:translateY(-6px)}
.fighter-basher.state-arm-drag-impact{animation:none;background-image:url("/assets/wrestlers/basher-arm-drag-impact.png");transform:translateY(8px)}
@keyframes hardcastle-standing-damage{from{transform:translateX(0)}to{transform:translateX(-12px)}}
@keyframes basher-standing-damage{from{transform:translateX(0)}to{transform:translateX(12px)}}
@keyframes hardcastle-gut-damage{from{transform:translateX(0)}to{transform:translateX(-10px)}}
@keyframes basher-gut-damage{from{transform:translateX(0)}to{transform:translateX(10px)}}
.foreground-ropes{position:absolute;z-index:4;inset:0;pointer-events:none}
.foreground-ropes i{position:absolute;right:7.5%;left:7.5%;height:4px;border-block:1px solid #ffffff88;box-shadow:0 2px 0 #120711,0 0 3px currentColor}
.foreground-ropes i:nth-child(1){top:47.2%;color:#ff315c;background:#ff315c}
.foreground-ropes i:nth-child(2){top:53.6%;color:#f2f4f5;background:#f2f4f5}
.hand-zone:has(.game-card.dragging),.hand-zone:has(.game-card.pending-play){z-index:50}
.move-animation-active .hand-zone{pointer-events:none}
@media(max-width:390px){.fighter{width:23%}.fighter-hardcastle{left:27%}.fighter-basher{right:27%}}
@media(prefers-reduced-motion:reduce){
  .fighter-hardcastle,.fighter-basher{animation:none}
  .fighter-hardcastle.state-standing-damage{animation:none;transform:translateX(-6px)}
  .fighter-basher.state-standing-damage{animation:none;transform:translateX(6px)}
}

/* This badge now denotes animation coverage, not card legality. */
.game-card-state{display:block!important;background:#176fa1}

/* Portfolio presentation: edge-to-edge on phones, a complete handset on desktop. */
.portfolio-device{display:contents}
.device-detail{display:none}
@media(min-width:700px){
  :root{background:#090b10}
  body{
    display:grid;
    height:100svh;
    min-height:620px;
    padding:22px;
    place-items:center;
    overflow:hidden;
    background:
      radial-gradient(circle at 50% 12%,#39414d 0 1px,transparent 2px),
      radial-gradient(circle at 16% 22%,#222b38 0,transparent 29%),
      radial-gradient(circle at 84% 78%,#311927 0,transparent 31%),
      linear-gradient(145deg,#111722,#050608 72%);
    background-attachment:fixed;
  }
  .portfolio-device{
    position:relative;
    display:block;
    width:min(100%,472px);
    height:min(872px,calc(100svh - 44px));
    padding:16px 12px;
    border:8px solid #080a0d;
    border-radius:54px;
    outline:1px solid #66717d;
    background:linear-gradient(145deg,#2b3037,#080a0d 44%,#1a1e24);
    box-shadow:
      0 0 0 3px #171b20,
      0 36px 95px #000d,
      0 0 78px #c51d3824,
      inset 0 1px 2px #ffffff2b,
      inset 0 -2px 2px #000;
  }
  .phone-stage{
    width:100%;
    height:100%;
    min-height:0;
    border:1px solid #343a43;
    border-radius:38px;
    outline:0;
    overflow-x:hidden;
    overflow-y:auto;
    box-shadow:inset 0 0 0 1px #000,inset 0 0 22px #0008;
    isolation:isolate;
    scrollbar-width:none;
  }
  .phone-stage::-webkit-scrollbar{display:none}
  .device-detail{position:absolute;z-index:100;display:block;pointer-events:none}
  .device-speaker{top:6px;left:50%;width:72px;height:5px;border-radius:99px;background:#030405;box-shadow:inset 0 1px 1px #353c45;transform:translateX(-50%)}
  .device-camera{top:5px;left:calc(50% + 53px);width:7px;height:7px;border:1px solid #293544;border-radius:50%;background:#07101b;box-shadow:inset 0 0 2px #3d7bb0,0 0 2px #000}
  .device-volume{top:154px;left:-12px;width:4px;height:76px;border-radius:4px 0 0 4px;background:linear-gradient(#626a73,#171b20 20% 80%,#626a73);box-shadow:0 2px 4px #000}
  .device-power{top:194px;right:-12px;width:4px;height:88px;border-radius:0 4px 4px 0;background:linear-gradient(#626a73,#171b20 20% 80%,#626a73);box-shadow:0 2px 4px #000}
  .device-home{bottom:5px;left:50%;width:104px;height:4px;border-radius:99px;background:#aeb5bd;box-shadow:0 0 2px #fff6;transform:translateX(-50%)}
  body .app-toolbar{
    bottom:max(30px,calc((100svh - 872px)/2 + 24px));
    width:min(calc(100vw - 64px),432px);
    border-radius:0 0 36px 36px;
  }
}

@media(min-width:1100px){
  body::before,
  body::after{
    position:fixed;
    z-index:-1;
    top:0;
    bottom:0;
    width:1px;
    background:linear-gradient(transparent,#69758655 18%,#69758655 82%,transparent);
    box-shadow:0 0 40px #8496ad18;
    content:"";
  }
  body::before{left:calc(50% - 340px)}
  body::after{right:calc(50% - 340px)}
}