/* Presentation only. Shared purchase emphasis and readable chalk leaderboard. */
.mode-commerce{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0 10px;padding-top:18px;border-top:1px solid #74684c}
.mode-commerce button,.mode-commerce a{display:flex;align-items:center;justify-content:center;min-height:56px;padding:12px 10px;background:#dcca94!important;border:1px solid #f0e0ac!important;border-radius:5px;color:#17211c!important;font:600 16px/1.35 system-ui,sans-serif;text-align:center;text-decoration:none;box-sizing:border-box}
.mode-commerce button:hover,.mode-commerce a:hover{background:#f1e0ad!important}.mode .unlock-hint{font-size:13px;line-height:1.55;color:#b9c2b9;max-width:52ch}
.help-commerce{margin-top:24px}.pack-showcase{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}.pack-showcase figure{margin:0;min-width:0;padding:10px 3px;border:1px solid #716347;border-radius:6px;text-align:center;background:#1a2823}.pack-showcase img,.pack-glyph{display:block;width:36px;height:36px;object-fit:contain;margin:0 auto 6px;color:#e6d49e}.pack-showcase figcaption{font:12px/1.3 system-ui,sans-serif;color:#e2decf;overflow-wrap:anywhere}.pack-glyph{font:24px/36px Hand,cursive}.commerce-product h3{font:27px/1.3 Hand,cursive;color:#e5d3a0}.commerce-product>p{font-size:15px;line-height:1.65}.commerce-product button.primary{background:#ddcc97!important;color:#16211c!important}
.hub-account[data-sheet=leaderboard]{width:min(640px,calc(100vw - 24px));padding:24px;background:#101b18;border:1px solid #baa671;box-shadow:0 20px 70px #000b;color:#eeeade;font:16px/1.55 system-ui,sans-serif}.hub-account[data-sheet=leaderboard] header{align-items:center;gap:14px;padding:0 0 18px;border-bottom:1px solid #706347}.hub-account[data-sheet=leaderboard] h2{font:32px/1.2 Chalk,serif;color:#e5d09a;margin:0}.hub-account[data-sheet=leaderboard] header button{font:17px Hand,cursive;color:#e9ddba;min-width:60px;min-height:44px}.board-intro{color:#c4cfc6;font:20px/1.5 Hand,cursive}.board-tabs{display:flex;gap:10px;margin:18px 0}.board-tabs button{flex:1;min-height:44px;background:#15231d;border:1px solid #786b4e;color:#e6dec7;font:15px system-ui,sans-serif}.board-tabs [aria-pressed=true]{background:#d9c58e;color:#17221b;border-color:#e4d19c}.board-ranking-note{font-size:13px;line-height:1.5;color:#b7c3b8}.hub-account[data-sheet=leaderboard] table{width:100%;border-collapse:collapse;font:15px/1.4 system-ui,sans-serif;table-layout:auto}.hub-account[data-sheet=leaderboard] th{padding:12px 8px;text-align:left;font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#d5c28f;border-bottom:1px solid #9b895d}.hub-account[data-sheet=leaderboard] td{padding:15px 8px;border-bottom:1px solid #3e4b3e;overflow-wrap:anywhere}.hub-account[data-sheet=leaderboard] td:first-child{color:#d5bd7c;width:28px;font-weight:600}.hub-account[data-sheet=leaderboard] td:last-child{text-align:right;font-variant-numeric:tabular-nums}.hub-account[data-sheet=leaderboard] tr:nth-child(2){background:#dcc98b12;color:#f6e1a9}
.arena-inline-frame{display:block;width:100%;height:370px;border:0;background:transparent;color-scheme:dark}.arena-inline-frame.arena-expanded{position:fixed;inset:0;width:100vw;height:100dvh!important;z-index:1000;background:#0d1714}.arena-overlay-open{overflow:hidden}.arena-inline-child{background:transparent!important}.arena-inline-child #lobby{position:static!important;padding:0!important;min-height:0!important;background:transparent!important}.arena-inline-child #lobby .sheet{border:0;box-shadow:none;background:transparent;margin:0;width:100%;max-width:none;max-height:none;padding:0;overflow:visible;font:15px/1.5 system-ui,sans-serif}.arena-inline-child #lobby .sheet>header,.arena-inline-child #lobby h1,.arena-inline-child #lobby .tagline,.arena-inline-child #lobby .note,.arena-inline-child #lobby details,.arena-inline-child #lobby .small,.arena-inline-child #lobby footer,.arena-inline-child #hub-loading{display:none!important}.arena-inline-child:not([data-inline-view=game]):not([data-inline-view=results]) #canvas{visibility:hidden}.arena-inline-child #lobby #start{background:#d97c78;color:#19211c;border-color:#d97c78}.arena-inline-child #lobby button{font:16px/1.4 system-ui,sans-serif;min-height:46px}.arena-inline-child #lobby input{max-width:100%;box-sizing:border-box;font:16px system-ui,sans-serif}.arena-inline-child #room-link{font-size:13px!important}.arena-inline-child .arcade-store-dialog{max-height:94dvh;width:min(500px,calc(100vw - 24px));background:#101c18;border:1px solid #b7a575}.arena-inline-child .arcade-store-dialog::backdrop{background:#0d1714}.direct-help-loading .layout{display:block}.direct-help-loading .copy>:not(.loadmeta):not(progress){display:none!important}.direct-help-loading .preview,.direct-help-loading .collection,.direct-help-loading>header,.direct-help-loading>footer{display:none!important}.direct-help-loading{display:flex!important;align-items:center;justify-content:center}.direct-help-loading .layout{width:min(420px,calc(100% - 48px))}.direct-help-loading .copy{padding:0}.rush-store h2{font:30px/1.4 Hand,HubHand,cursive;color:#e4d2a0}.rush-store .store-note,.rush-store .store-status{font-size:14px;line-height:1.5}.rush-store .offers small{font-size:13px;line-height:1.4}
@media(max-width:360px){.mode-commerce{grid-template-columns:1fr}.pack-showcase{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-account[data-sheet=leaderboard]{padding:18px 12px}.hub-account[data-sheet=leaderboard] h2{font-size:26px}.hub-account[data-sheet=leaderboard] td{padding:12px 5px}}

.mode-commerce [data-purchases^="shards"],.mode-commerce a[href*="purchase=shards"]{background:#14231c!important;color:#ead8a3!important;border:2px solid #cfb978!important;box-shadow:inset 0 0 0 1px #253629}.mode-commerce [data-purchases^="shards"]:hover,.mode-commerce a[href*="purchase=shards"]:hover{background:#26392c!important}

html:has(body.arena-inline-child){background:#101a19;color:#e4e4d2}.arena-inline-child{color:#e4e4d2!important}.arena-inline-child #lobby .identity{font-size:15px}.arena-inline-child #lobby .players{font-size:13px}.arena-inline-child #load-status{font-size:13px;color:#bac6bd}.arena-inline-child #room-panel{overflow-wrap:anywhere}
.hub-account[data-sheet=leaderboard] .board-tabs button[aria-pressed=true]{background:#d9c58e!important;color:#17221b!important;border-color:#e4d19c!important}.pack-showcase img{filter:brightness(2.8);opacity:1}.arcade-store-dialog{font:15px/1.5 system-ui,sans-serif!important}.arcade-store-dialog .rush-store .balance,.arcade-store-dialog .rush-store .store-note,.arcade-store-dialog .rush-store .store-status{font:14px/1.55 system-ui,sans-serif!important}.arcade-store-dialog .rush-store .store-actions button{font:600 16px/1.4 system-ui,sans-serif!important}

.arena-inline-child.arena-room-active #load-status,.arena-inline-child.arena-room-active #progress{display:none}
/* Authentic gameplay carousel: one readable capture, no autoplay. */
.commerce-product h3{font:28px/1.25 Chalk,serif!important;color:#ead6a0}.commerce-product>p{font:15px/1.55 system-ui,sans-serif}.commerce-product .pack-showcase{display:block;border:1px solid #c6b786;border-radius:5px;overflow:hidden;margin:18px 0 14px;padding:0;background:#0d1815}.pack-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.pack-carousel::-webkit-scrollbar{display:none}.pack-carousel figure{flex:0 0 100%;width:100%;min-width:100%;margin:0;padding:0;border:0;border-radius:0;scroll-snap-align:start;background:#0c1512}.pack-carousel img{display:block;width:100%;height:auto;aspect-ratio:5/3;object-fit:cover;max-width:none;margin:0;filter:none;opacity:1}.pack-carousel figcaption{padding:8px 12px;font:14px/1.4 system-ui,sans-serif;text-align:center;color:#e9ddb9}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:20px;padding:0 10px 8px}.commerce-product .carousel-controls button{display:grid;place-items:center;width:44px;min-width:44px;min-height:38px;margin:0;padding:0;font:27px/1 system-ui,sans-serif;border:1px solid #8d7d52;border-radius:4px;background:#1b2a20;color:#e5d099}.carousel-controls span{font:12px/1.4 system-ui,sans-serif;color:#bfc7bd}.carousel-controls button:disabled{opacity:.3}.pack-details{border-top:1px solid #5e614b;margin-top:20px;padding-top:4px}.pack-details p{margin:14px 0;font:13px/1.55 system-ui,sans-serif;color:#bfc9bf}.pack-details strong{display:block;font-weight:600;color:#e0cf9d;margin-bottom:3px}.pack-details span{display:block}.board-art{display:block;width:100%;height:90px;object-fit:cover;object-position:center;border:1px solid #8f7d52;border-radius:4px;margin:15px 0}.hub-account[data-sheet=leaderboard] .board-intro{margin:13px 0;font-size:18px}

.board-art[data-mode=rush]{object-position:center bottom}
.commerce-product,.commerce-products,.pack-showcase,.pack-carousel{min-width:0}.commerce-products{grid-template-columns:minmax(0,1fr)}
@media(min-width:780px){.commerce-products{grid-template-columns:repeat(6,minmax(0,1fr))}}

.commerce-products{align-items:start}