.topbar .header-tools{position:relative}.lobby-shell .topbar{height:auto;min-height:104px;padding-block:16px}.header-secondary{order:1;align-items:center;gap:12px;display:flex}.header-menu-item{display:contents}.header-menu-toggle{width:44px;height:44px;color:var(--muted);background:0 0;border:1px solid #69808b40;border-radius:50%;flex-shrink:0;display:none}.header-menu-toggle svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:21px;height:21px}.header-tools>.icon-button{order:2}@media (width<=1000px){.topbar .header-tools .header-menu-toggle{order:3;place-items:center;display:grid}.topbar .header-secondary{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#15252df5;border:1px solid #647b864a;border-radius:16px;width:min(240px,100vw - 32px);padding:8px;display:none;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 14px 40px #0006}.topbar .header-secondary.is-open{gap:4px;display:grid}.header-secondary .header-menu-item>button{background:0 0;border:0;border-radius:10px;justify-content:flex-start;align-items:center;gap:14px;width:100%;height:auto;min-height:48px;margin:0;padding:10px 14px;display:flex}.header-secondary .header-menu-item>button:hover{background:#ffffff08}.header-secondary .header-menu-item>button:after{content:attr(data-menu-label);color:var(--text);font-family:inherit;font-size:13px;font-weight:600;line-height:1.4;position:static}}.themed-select{width:100%;min-width:0;display:block}.themed-select .themed-select-trigger{color:#dfefed;text-align:left;width:100%;min-height:46px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#142e37,#0c2029);border:1px solid #41616c;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.themed-select-trigger>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.themed-select-trigger svg,.themed-select-popup svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:18px;height:18px}.themed-select-trigger[aria-expanded=true],.themed-select-trigger:focus-visible{outline-offset:2px;border-color:#70ddcc;outline:2px solid #70ddcc}.themed-select-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.themed-select-popup{box-sizing:border-box;color:#e0eeef;overscroll-behavior:contain;background:linear-gradient(145deg,#1c3641,#0d202a);border:1px solid #527c83;border-radius:13px;margin:0;padding:6px;font:500 13px/1.4 system-ui,sans-serif;position:fixed;inset:auto;overflow-y:auto;box-shadow:0 16px 42px #0009}.themed-select-popup::backdrop{background:0 0}.themed-select-popup [role=option]{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:11px 12px;display:flex}.themed-select-popup [role=option].is-active{background:#29464f;border-color:#527c83}.themed-select-popup [role=option][aria-selected=true]{color:#9ff5e1;background:#1d4946}.settings-dialog.inventory-dialog,.settings-dialog.shop-preview-dialog{overscroll-behavior:contain;width:min(1120px,100vw - 32px);max-width:none;max-height:90dvh;padding:24px}.shop-categories button[aria-pressed=true]{color:#a8ffed;background:#24433f;border-color:#69ded0}.commerce-toolbar{flex-wrap:wrap;align-items:end;gap:14px;margin-block:18px;display:flex}.commerce-toolbar label{color:#a8bcc7;flex:170px;gap:6px;font-size:12px;display:grid}.commerce-toolbar input,.commerce-toolbar select{color:#e3eff5;background:#0a1922;border:1px solid #395460;border-radius:9px;width:100%;min-width:0;padding:12px}.commerce-toolbar .commerce-checkbox{align-items:center;padding-block:12px;display:flex}.commerce-checkbox input{width:auto}.shop-categories{flex-wrap:wrap;gap:8px;display:flex}.inventory-loadout{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.inventory-loadout>div{background:linear-gradient(140deg,#203842,#101f28);border:1px solid #395460;border-radius:12px;padding:14px}.locker-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:14px;display:grid}.locker-grid .cosmetic-item{background:linear-gradient(150deg,#1c303c,#0c1a24);border:1px solid #38515e;border-radius:16px;flex-direction:column;align-items:stretch;gap:12px;margin:0;padding:16px;display:flex}.locker-item-art{background:radial-gradient(#69ded014,#0000 70%);place-items:center;height:130px;display:grid;overflow:hidden}.locker-item-art>svg,.locker-item-art>div{max-width:100%;max-height:125px}.locker-grid .cosmetic-actions{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.locker-grid .cosmetic-availability{text-align:center;justify-content:center;align-self:stretch;width:100%}.locker-grid .cosmetic-item>span{gap:6px;display:grid}.locker-grid small,.locker-intro p{color:#9db3bf}.commerce-empty{border:1px dashed #395460;border-radius:12px;padding:28px}.currency-store-header{flex-wrap:wrap;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.currency-store-header .currency-icon{filter:drop-shadow(0 6px 16px #f2cf7959);flex-shrink:0;width:56px;height:56px}.currency-store-header h3{color:#f0ede8;margin:0 0 8px;font-size:22px;font-weight:800}.currency-store-header p{color:#7aabb8;max-width:500px;margin:0;font-size:13px;line-height:1.6}.currency-offers{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.currency-offers article{text-align:center;background:radial-gradient(at top,#f2cf7914,#0000 70%),#0e1e28;border:1px solid #f2cf7933;border-radius:20px;padding:28px 16px 22px;transition:border-color .2s,transform .2s,box-shadow .2s;position:relative}.currency-offers article:hover{border-color:#f2cf7966;transform:translateY(-3px);box-shadow:0 12px 30px #00000059}.currency-offers article.offer-featured{background:radial-gradient(at top,#f2cf7924,#0000 70%),#0e1e28;border-color:#f2cf7980;box-shadow:0 0 0 1px #f2cf7933}.offer-badge{color:#1a1202;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:linear-gradient(90deg,#f2cf79,#ca9d2d);border-radius:20px;padding:3px 12px;font-size:10px;font-weight:800;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.currency-offers h4{color:#f0ede8;margin:10px 0 4px;font-size:24px;font-weight:800}.currency-offers small{color:#7aabb8;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.offer-cost{color:#9ad4e0;margin:0 0 16px;font-size:13px}.currency-pack-art{place-items:center;height:110px;display:grid}.currency-pack-art .currency-icon{filter:drop-shadow(0 8px 18px #bda6ff40);width:80px;height:80px}.currency-confirm{background:#69ded00a;border:1px solid #69ded066;border-radius:14px;gap:10px;margin-top:20px;padding:20px;display:grid}.currency-confirm strong{color:#e2f5f0;font-size:15px;font-weight:800}.currency-confirm p{color:#7aabb8;margin:0;font-size:12px}.currency-confirm button{margin:0}.shop-studio{border-top:1px solid #395460;padding-top:20px}.shop-studio summary{cursor:pointer;color:#a9c4ce}.individual-items-section[hidden]{display:none}@media (width<=600px){.settings-dialog.inventory-dialog,.settings-dialog.shop-preview-dialog{width:calc(100vw - 16px);max-height:94dvh;padding:14px}.currency-offers{grid-template-columns:1fr}.currency-offers article{padding:18px}.currency-pack-art{height:90px}.currency-pack-art .currency-icon{width:65px;height:65px}}.inventory-dialog .locker-loadout{border:1px solid #395460;border-radius:12px;padding:14px}.locker-loadout summary{cursor:pointer;color:#a2dbd2}.inventory-dialog .cosmetic-inventory{gap:16px}.inventory-dialog .locker-intro p{margin-bottom:0}.inventory-dialog .commerce-toolbar{margin:0}.inventory-dialog .locker-grid .cosmetic-item{display:flex}.shop-preview-dialog .shop-effect-thumb{fill:none;stroke:currentColor;stroke-width:2px}.inventory-dialog .shop-effect-thumb{fill:none;stroke:currentColor;stroke-width:2px;color:#89e5d9}dialog.settings-dialog.shop-preview-dialog,.progress-card dialog.settings-dialog.inventory-dialog{width:min(1120px,100vw - 32px);padding:24px}@media (width<=600px){.inventory-dialog .commerce-toolbar label{flex-basis:110px}.inventory-dialog .shop-categories .button{padding:10px;font-size:12px}}dialog.shop-preview-dialog>.dialog-heading,dialog.inventory-dialog>.dialog-heading{z-index:4;background:#192e38;border-bottom:1px solid #3d5862;margin:-24px -24px 20px;padding:24px;position:sticky;top:-24px}@media (width<=600px){dialog.shop-preview-dialog>.dialog-heading,dialog.inventory-dialog>.dialog-heading{margin:-14px -14px 16px;padding:18px 14px;top:-14px}}.inventory-dialog .cosmetic-inventory{border-top:0;margin-top:0;padding-top:0}@media (width<=600px){.progress-card dialog.settings-dialog.inventory-dialog,dialog.settings-dialog.shop-preview-dialog{padding:14px}}.header-tools .progress-card .player-chip{text-align:left;border-radius:16px;gap:12px;height:52px;min-height:52px;padding:7px 14px}.header-tools .progress-card .player-chip>i{background:#69ded00a;border-color:#69ded03a;flex-shrink:0;width:36px;height:36px}.header-tools .progress-card .player-chip span{gap:2px;min-width:0;display:grid!important}.header-tools .player-chip b{text-overflow:ellipsis;white-space:nowrap;max-width:145px;overflow:hidden}.player-chip.equipped-foundry-frame,.career-identity.equipped-foundry-frame{background:linear-gradient(125deg,#d9b97810,#14242b 65%);outline:none;box-shadow:inset 0 0 0 1px #e8ca8a30,0 0 14px #d9b97814,0 0 34px #d9b97810}.player-chip.equipped-foundry-frame>i,.career-identity.equipped-foundry-frame .career-avatar{border-color:#d9b97855;box-shadow:0 0 10px #dfc18b18,0 0 24px #dfc18b24}.player-chip.equipped-foundry-frame:focus-visible{outline:3px solid var(--teal);outline-offset:4px}.career-profile .career-identity{border-radius:18px;gap:18px;padding:22px!important}.career-profile .career-avatar{border:1px solid #d9b97830;border-radius:16px;width:58px;height:58px;font-size:20px}.career-identity>div:nth-child(2){min-width:0}.career-identity>.button{flex-shrink:0}.currency-balances{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.currency-balance{font-variant-numeric:tabular-nums;cursor:default;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;min-height:44px;padding:4px 6px;transition:opacity .16s,transform .16s;display:flex}.header-tools .currency-balance:hover{opacity:.9;transform:translateY(-1px)}.currency-icon{flex-shrink:0;width:24px;height:24px;display:block}.currency-gold{filter:drop-shadow(0 2px 5px #f5c85059)}.currency-gems{filter:drop-shadow(0 2px 5px #9a91ff66)}.currency-balance>span{align-items:center;display:flex}.currency-balance small{display:none}.progress-card .currency-balances .currency-balance strong{color:#f3f1ea;white-space:nowrap;letter-spacing:.2px;font-size:14px;font-weight:700;line-height:1.3}.currency-retry{color:var(--teal);background:0 0;border:0;min-width:32px;min-height:32px}.career-profile .currency-balances{margin-block:18px}.career-profile .currency-balance{flex:1;padding:12px}.career-profile .currency-balances .currency-balance strong{font-size:20px}.career-division{border-block:1px solid var(--line);gap:4px;padding-block:14px;display:grid}.career-division>span{letter-spacing:.12em;color:var(--teal);font-size:10px}.career-division>small{color:var(--muted);font-size:11px}.career-streaks{justify-content:space-between;gap:16px;margin:12px 0;display:flex}.career-streaks span{color:var(--muted);font-size:11px}.career-streaks strong{color:var(--text);margin-left:5px}@media (width<=1100px){.lobby-shell .topbar{flex-wrap:wrap;height:auto;min-height:104px;padding-block:16px}.topbar .header-tools{flex-wrap:wrap;gap:8px}body:has(.lobby-shell){height:auto;overflow-y:auto}.lobby-shell{height:auto;min-height:100svh;overflow:visible}.lobby-shell .landing{min-height:0;padding-block:clamp(24px,6vh,56px)}}@media (width<=700px){.topbar .header-tools{gap:8px;width:100%}.header-tools .progress-card.compact{display:contents}.header-tools .progress-card .player-chip{flex:100px;gap:8px;padding:8px}.header-tools .currency-balances{flex:174px;justify-content:flex-end}.header-tools .currency-balance{gap:5px;padding:6px}.header-tools .currency-icon{width:22px;height:22px}.header-tools .inventory-button{margin-left:auto}body:has(.lobby-shell){height:auto;overflow-y:auto}.lobby-shell{height:auto;min-height:100svh;overflow:visible}.career-profile .career-identity{gap:12px;padding:16px!important}.career-profile .career-avatar{width:48px;height:48px}.career-profile .career-identity h3{font-size:17px}.career-streaks{flex-wrap:wrap;gap:8px}}.live-shop{margin-block:0 36px}.shop-masthead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.shop-masthead small{letter-spacing:.18em;text-transform:uppercase;color:var(--teal,#69ded0);margin-bottom:4px;font-size:10px;font-weight:800;display:block}.shop-masthead h3{color:#f0ede8;margin:0;font-size:28px;font-weight:800}.shop-wallet-pill{color:#a8f5e8;white-space:nowrap;background:#69ded014;border:1px solid #69ded04d;border-radius:24px;flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:700;display:inline-flex}.shop-wallet-pill .currency-icon{filter:drop-shadow(0 1px 3px #b3a9ff99);flex-shrink:0;width:18px;height:18px}.shop-nav{scrollbar-width:none;-ms-overflow-style:none;gap:6px;margin-bottom:4px;padding:4px 0 14px;display:flex;overflow-x:auto}.shop-nav::-webkit-scrollbar{display:none}.shop-nav-tab{color:#8ba9b5;letter-spacing:.04em;white-space:nowrap;cursor:pointer;background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;flex-direction:column;flex-shrink:0;align-items:center;gap:3px;min-width:60px;padding:10px 16px;font-size:11px;font-weight:600;transition:background .15s,border-color .15s,color .15s,transform .1s;display:inline-flex}.shop-nav-tab:hover{color:#c0ede8;background:#69ded014;border-color:#69ded040;transform:translateY(-1px)}.shop-nav-tab[aria-pressed=true]{color:#86f5e6;background:#69ded026;border-color:#69ded08c;box-shadow:0 0 12px #69ded026}.nav-tab-icon{place-items:center;width:18px;height:18px;line-height:1;display:grid}.nav-tab-icon svg{width:18px;height:18px;display:block}.nav-tab-label{letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:700}.storefront-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin:8px 0 24px;display:flex}.storefront-heading small{letter-spacing:.18em;text-transform:uppercase;color:var(--teal,#69ded0);margin-bottom:6px;font-size:10px;font-weight:800;display:block}.storefront-heading h3{color:#f0ede8;margin:0 0 6px;font-size:24px;font-weight:800}.storefront-heading p{color:#7ca0ae;margin:0;font-size:13px;line-height:1.5}.bundle-shelf{grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:20px;display:grid}.bundle-card{border:1px solid color-mix(in srgb, var(--collection-accent,#69ded0) 35%, #253d47);background:radial-gradient(ellipse at top left, color-mix(in srgb, var(--collection-accent,#69ded0) 12%, transparent), transparent 60%), linear-gradient(160deg, #182e38, #0d1e28);border-radius:22px;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.bundle-card:hover{border-color:color-mix(in srgb, var(--collection-accent,#69ded0) 65%, #253d47);box-shadow:0 16px 40px #00000073, 0 0 30px color-mix(in srgb, var(--collection-accent,#69ded0) 12%, transparent);transform:translateY(-4px)}.bundle-card-art{background:radial-gradient(ellipse at center, color-mix(in srgb, var(--collection-accent,#69ded0) 18%, transparent), transparent 70%);justify-content:center;align-items:center;gap:10px;height:190px;padding:16px 20px;display:flex;position:relative;overflow:hidden}.bundle-card-art>*{flex:1;max-width:33%;max-height:160px}.bundle-card-art .shop-armour-thumb{height:150px}.bundle-card-body{flex:1;padding:16px 20px 12px}.bundle-card-body small{letter-spacing:.1em;text-transform:uppercase;color:var(--collection-accent,#69ded0);margin-bottom:6px;font-size:10px;font-weight:700;display:block}.bundle-card-body h4{color:#f0ede8;margin:0 0 6px;font-size:20px;font-weight:800}.bundle-card-body p{color:#8badba;margin:0;font-size:12px;line-height:1.5}.bundle-card-footer{border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding:12px 20px 18px;display:flex}.bundle-card-price{color:var(--collection-accent,#69ded0);font-size:16px;font-weight:800}.bundle-detail{margin-top:8px}.bundle-back-btn{color:#88b4be;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:9px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.bundle-back-btn:hover{color:#a8f5e8;background:#69ded014;border-color:#69ded040}.bundle-back-btn svg{width:16px;height:16px}.bundle-detail-hero{background:radial-gradient(ellipse at top left, color-mix(in srgb, var(--collection-accent,#69ded0) 12%, transparent), transparent 70%), linear-gradient(160deg, #182e38, #0d1e28);border:1px solid color-mix(in srgb, var(--collection-accent,#69ded0) 30%, #253d47);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;padding:22px 24px;display:flex}.bundle-detail-meta{flex:1}.bundle-detail-meta .collection-label{letter-spacing:.18em;text-transform:uppercase;color:var(--collection-accent,#69ded0);margin-bottom:8px;font-size:10px;font-weight:800;display:block}.bundle-detail-name{color:#f0ede8;margin:0 0 6px;font-size:28px;font-weight:800}.bundle-detail-subtitle{color:#8aabba;margin:0 0 12px;font-size:13px;line-height:1.5}.bundle-detail-tags{flex-wrap:wrap;gap:8px;display:flex}.bundle-tag{color:#9ab8c5;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;padding:4px 10px;font-size:11px;line-height:1.4;display:inline-block}.ownership-badge{letter-spacing:.1em;text-transform:uppercase;color:#6e8e99;white-space:nowrap;border:1px solid #4a6a70;border-radius:24px;flex-shrink:0;padding:6px 14px;font-size:11px;font-weight:700;display:inline-block}.ownership-badge.owned-complete{color:#f2cf79;background:#f2cf7914;border-color:#f2cf7999}.bundle-items-heading{letter-spacing:.08em;text-transform:uppercase;color:#8ab4c0;align-items:center;gap:8px;margin:0 0 14px;font-size:13px;font-weight:800;display:flex}.bundle-items-heading svg{width:15px;height:15px;color:var(--teal,#69ded0);flex-shrink:0}.collection-items-row{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:12px;margin-bottom:22px;display:grid}.collection-item-card{background:#111e27;border:1px solid #1e3440;border-radius:16px;flex-direction:column;gap:8px;padding:14px;transition:border-color .2s;display:flex;position:relative}.collection-item-card.is-owned{background:linear-gradient(140deg,#1d2e18,#111e27);border-color:#f2cf7959}.collection-item-art{background:radial-gradient(#263c46,#0000 70%);border-radius:10px;place-items:center;height:100px;display:grid;position:relative;overflow:hidden}.item-owned-overlay{background:#f2cf79e6;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:6px;right:6px}.item-owned-overlay svg{width:13px;height:13px}.collection-item-info{gap:3px;display:grid}.collection-item-info small{letter-spacing:.14em;color:var(--teal,#69ded0);text-transform:uppercase;font-size:9px;font-weight:700}.collection-item-info strong{color:#e0ebe8;font-size:13px}.owned-check{color:#f2cf79;font-size:11px;font-weight:600}.individual-price{color:#7fb8cc;font-size:11px}.collection-preview-btn{min-height:34px;margin-top:auto;font-size:11px}.bundle-price-breakdown{background:#091a22cc;border:1px solid #2a4a56;border-radius:14px;gap:10px;margin-bottom:18px;padding:18px;display:grid}.bundle-price-breakdown>div{color:#8aabba;justify-content:space-between;align-items:center;gap:16px;font-size:13px;display:flex}.bundle-price-breakdown>div:last-child{color:#9ff1dc;border-top:1px solid #2a4a56;padding-top:12px;font-size:17px;font-weight:800}.bundle-price-breakdown dt{flex:1}.bundle-price-breakdown dd{margin:0;font-weight:600}.collection-purchase-row{border-top:1px solid #1e3440;gap:12px;padding-top:18px;display:grid}.collection-price-block{gap:4px;display:grid}.bundle-price{color:#f2cf79;font-size:26px;font-weight:800}.collection-price-block small{color:#7caab8;font-size:12px}.bundle-confirm-row{gap:10px;display:grid}.bundle-confirm-row p{color:#bfcfd8;margin:0;font-size:13px}.collection-complete-msg{color:#f2cf79;background:#f2cf790f;border:1px solid #f2cf7933;border-radius:12px;align-items:center;gap:8px;margin:0;padding:14px 18px;font-size:14px;font-weight:600;display:flex}.individual-items-section{margin-top:10px}.shop-filter-bar{background:#0c161e99;border:1px solid #ffffff0f;border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;display:flex}.shop-search-label{flex:200px;align-items:center;gap:8px;min-width:0;display:flex}.shop-search-label svg{color:#5a8090;flex-shrink:0;width:16px;height:16px}.shop-search-label input{color:#e2eff5;background:0 0;border:none;border-bottom:1px solid #ffffff1a;border-radius:0;outline:none;flex:1;min-width:0;padding:8px 10px;font-size:13px;transition:border-color .2s}.shop-search-label input:focus{border-bottom-color:#69ded080}.shop-search-label input::placeholder{color:#4a6878}.shop-filter-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.shop-sort-pills{gap:4px;display:flex}.shop-sort-pills .button[aria-pressed=true]{color:#86f5e6;background:#69ded026;border-color:#69ded073}.commerce-empty{text-align:center;color:#5e8090;border:1px dashed #263e4a;border-radius:14px;padding:32px;font-size:13px}.live-shop-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:16px;display:grid}.live-shop-item{--item-accent:#7fe3d1;background:linear-gradient(150deg,#172934,#0d1e28);border:1px solid #223642;border-radius:18px;flex-direction:column;min-width:0;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.live-shop-item:hover{border-color:color-mix(in srgb, var(--item-accent) 45%, #223642);transform:translateY(-3px);box-shadow:0 12px 32px #0006}.live-shop-item.item-is-owned{border-color:#f2cf794d}.live-shop-item.item-is-equipped{border-color:#69ded080;box-shadow:0 0 18px #69ded01a}.shop-item-art{background:radial-gradient(ellipse at center, color-mix(in srgb, var(--item-accent) 12%, transparent), transparent 70%);border-bottom:1px solid #ffffff0a;place-items:center;height:130px;display:grid;position:relative;overflow:hidden}.shop-item-art span{color:var(--item-accent);text-shadow:0 0 18px color-mix(in srgb, var(--item-accent) 30%, transparent);font-size:68px}.shop-owned-badge{letter-spacing:.06em;color:#1a1202;background:#f2cf79d9;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:800;position:absolute;top:8px;right:8px}.live-shop-item small{letter-spacing:.12em;text-transform:uppercase;color:var(--item-accent);padding:12px 16px 0;font-size:9px;font-weight:700;display:block}.live-shop-item h4{color:#e8f2f5;margin:4px 0 8px;padding:0 16px;font-size:16px;font-weight:800}.live-shop-item p{color:#7fa4b0;flex:1;margin:0;padding:0 16px;font-size:12px;line-height:1.5}.shop-item-footer{border-top:1px solid #ffffff0a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding:12px 16px 16px;display:flex}.shop-item-footer strong{color:#a8c8d4;font-size:14px;font-weight:700}.shop-item-footer .price-equipped{color:#86f5e6}.shop-item-footer .price-owned{color:#f2cf79}.item-finish-royal,.item-profile-foundry-frame,.item-piece-gold-leaf,.item-shield-royal-guardian,.item-finish-crown{--item-accent:#f2cf79}.item-finish-pulse{--item-accent:#c3a0ff}.item-finish-ice,.item-piece-crystal-etch,.item-profile-prism-crest{--item-accent:#a2e8ff}.item-finish-katana,.item-shield-samurai{--item-accent:#f4e6cb}.item-piece-ghost-signal,.item-shield-cyber-cage,.item-finish-glitch,.item-profile-circuit-id{--item-accent:#0fc}.item-piece-arc-flash,.item-shield-electric-cage,.item-finish-thunder{--item-accent:#ffe566}.item-piece-ember-strike,.item-shield-dragon-scale,.item-finish-dragon{--item-accent:#ff6b35}.item-piece-shadow-imprint,.item-shield-event-horizon,.item-finish-void{--item-accent:#8b5cf6}.item-piece-orbital-core,.item-profile-orbital-insignia,.item-finish-solar,.item-arena-forge{--item-accent:#eac482}.shop-purchase-actions{border-top:1px solid #263e4a;gap:12px;margin-top:24px;padding-top:20px;display:grid}.shop-purchase-actions strong{color:#f2cf79;font-size:16px;font-weight:800}.finisher-preview-board{aspect-ratio:1;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:min(100%,300px);margin:24px auto;display:grid;position:relative}.finisher-preview-board>div{background:#13242d;border:1px solid #263e4a;border-radius:8px;place-items:center;min-width:0;min-height:0;display:grid}.preview-mark{z-index:6;color:#d9fffa;text-shadow:0 0 10px var(--teal,#69ded0), 0 1px 2px #07151b;font-size:56px;line-height:1;position:relative}.finisher-preview>p[role=status]{color:#e6f2f2;font-weight:700}.finisher-preview>small{color:#bed1d6;line-height:1.45;display:block}.cosmetic-preview-dialog>.dialog-heading{z-index:10;background:#192e38;padding-bottom:10px;position:sticky;top:0}.bundle-preview-stage{width:min(100%,360px);margin:16px auto}.bundle-preview-stage .game-board{width:100%;max-width:none}.bundle-preview-stage .board-cell{min-height:0}.bundle-preview-stage .cell-coordinate{display:none}.bundle-live-preview{background:#0a161e80;border:1px solid #263e4a;border-radius:16px;margin-bottom:22px;padding:16px}.bundle-live-preview small{color:#6a8a98;margin-top:12px;font-size:11px;line-height:1.4;display:block}.collection-demo-controls{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.shop-effect-thumb{fill:none;width:100%;height:100%;stroke:var(--item-accent);stroke-width:1.5px;stroke-linecap:round}.shop-effect-thumb .thumb-mark{stroke:#72dace;stroke-width:5px}.shop-effect-thumb .thumb-line{stroke-width:3px;opacity:.6}.shop-effect-thumb .thumb-star{fill:var(--item-accent);stroke:none;opacity:.7}.shop-effect-thumb .thumb-trail{stroke-width:10px;filter:blur(6px);opacity:.6}.shop-armour-thumb{width:110px;height:110px;position:relative}.shop-armour-thumb>svg:not(.samurai-shield){stroke:#72dace;stroke-width:7px;fill:none}.shop-frame-thumb{border:2px solid #e3bf71;border-radius:9px;align-items:center;gap:12px;padding:12px;display:flex;box-shadow:0 0 18px #e3bf7120}.shop-frame-thumb b{color:#e3bf71}.shop-item-art .shop-frame-thumb span{letter-spacing:.1em;color:#e1ded4;text-shadow:none;font-size:10px}@media (width<=600px){.shop-masthead h3{font-size:22px}.bundle-shelf{grid-template-columns:1fr}.bundle-card-art{height:150px}.live-shop-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr))}.shop-item-art{height:110px}.collection-items-row{grid-template-columns:1fr 1fr}.bundle-detail-hero{flex-direction:column;padding:16px}.shop-filter-bar{gap:10px;padding:10px 12px}}@media (height<=550px) and (width>=600px){.cosmetic-preview-dialog:has(.samurai-preview,.finisher-preview){width:min(780px,100vw - 32px);max-width:780px;padding:16px}.cosmetic-preview-dialog .dialog-heading h2{margin-block:4px;font-size:22px}.cosmetic-preview-dialog .dialog-heading{margin-bottom:8px}.samurai-preview,.finisher-preview{grid-template-columns:140px minmax(0,1fr);align-items:center;gap:6px 18px;display:grid}.samurai-preview .samurai-preview-cube,.finisher-preview .finisher-preview-board{grid-area:1/1/span 4;align-self:center;width:140px!important;margin:0!important}.samurai-preview>:not(.samurai-preview-cube),.finisher-preview>:not(.finisher-preview-board){grid-column:2;margin-block:0}.samurai-preview p,.finisher-preview p{font-size:13px;line-height:1.4}.samurai-preview small,.finisher-preview small{font-size:11px}.finisher-preview-board .preview-mark{font-size:36px}.cosmetic-preview-dialog .shop-purchase-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px 16px;margin-top:10px;padding-top:10px}.cosmetic-preview-dialog .shop-purchase-actions>small,.cosmetic-preview-dialog .shop-purchase-actions>[role=alert]{grid-column:1/-1;font-size:11px}}.shop-hero-spotlight{background:linear-gradient(135deg, #0713193d, #040c11d6), color-mix(in srgb, var(--collection-accent,#69ded0) 28%, #10232d 72%);border:1px solid #ffd16659;border-radius:20px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000080,0 0 30px #ffd1661a}.shop-hero-spotlight:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 30%,#ffd16626 0%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.hero-spotlight-content{z-index:1;flex-direction:column;flex:1;gap:8px;display:flex}.hero-badge-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.hero-deal-pill{letter-spacing:1.5px;color:#ffd166;background:#ffd16626;border:1px solid #ffd16666;border-radius:6px;padding:4px 10px;font-size:10px;font-weight:800}.hero-discount-pill{letter-spacing:1px;color:#0b1a20;background:#69ded0;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:800}.hero-title{color:#fff;letter-spacing:.5px;margin:0;font-size:26px;font-weight:800}.hero-subtitle{color:#d3e0e4;max-width:48ch;margin:0 0 6px;font-size:13px;line-height:1.4}.hero-perks{color:#a8f5e8;flex-wrap:wrap;gap:12px;margin-bottom:8px;font-size:11px;font-weight:600;display:flex}.hero-cta-row{align-items:center;gap:20px;margin-top:4px;display:flex}.hero-price-tag{flex-direction:column;display:flex}.hero-price-amount{color:#ffd166;font-size:20px;font-weight:800}.hero-savings{color:#d3e0e4;font-size:10px}.hero-unlock-btn{cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 18px #ffd16666;color:#121e24!important;background:linear-gradient(135deg,#ffd166,#ff9385)!important;border:none!important;border-radius:12px!important;padding:10px 24px!important;font-size:13px!important;font-weight:800!important}.hero-unlock-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ffd16699}.hero-spotlight-art{z-index:1;gap:12px;display:flex}.hero-thumb-wrapper{background:#00000073;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;gap:6px;width:90px;padding:10px 6px;transition:transform .2s;display:flex}.hero-thumb-wrapper:hover{border-color:#ffd16666;transform:translateY(-3px)}.hero-thumb-wrapper svg{object-fit:contain;width:54px;height:54px}.hero-thumb-label{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:80px;font-size:10px;font-weight:600;overflow:hidden}@media (width<=720px){.shop-hero-spotlight{flex-direction:column;align-items:stretch}.hero-spotlight-art{justify-content:center}}.guide-dialog{background:linear-gradient(170deg,#18252e,#0e161c 85%);border:1px solid #69e1cb38;border-radius:20px;flex-direction:column;width:min(560px,100vw - 28px);max-height:min(84svh,720px);padding:0;display:flex;overflow:hidden;box-shadow:0 24px 80px #000c,0 0 40px #69e1cb14}.guide-dialog-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#0e161cbf;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex;position:sticky;top:0}.guide-header-title{align-items:center;gap:12px;display:flex}.guide-header-badge{width:32px;height:32px;color:var(--teal);background:#69e1cb1f;border:1px solid #69e1cb59;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.guide-header-badge svg{width:18px;height:18px}.guide-header-text h2{letter-spacing:-.3px;color:var(--text);margin:0;font-size:20px;font-weight:800}.guide-header-text span{color:var(--muted);letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:600}.guide-close-btn{width:34px;height:34px;color:var(--muted);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.guide-close-btn:hover{color:#ff998a;background:#ff646426;border-color:#ff646466;transform:rotate(90deg)}.guide-content-scroll{flex-direction:column;gap:24px;padding:20px 24px 32px;display:flex;overflow:hidden auto}.guide-hero-rule{background:linear-gradient(145deg,#14242cb3,#0c161ce6);border:1px solid #69e1cb40;border-radius:16px;padding:20px;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000059}.guide-hero-rule:before{content:"";background:linear-gradient(90deg, transparent, var(--teal), var(--gold), transparent);height:2px;position:absolute;top:0;left:0;right:0}.guide-hero-badge{letter-spacing:1.5px;text-transform:uppercase;color:var(--teal);margin-bottom:8px;font-size:10px;font-weight:800;display:inline-block}.guide-hero-title{color:#fff;margin:0 0 8px;font-size:16px;font-weight:700;line-height:1.4}.guide-hero-desc{color:#b7c6cf;margin:0 0 16px;font-size:13px;line-height:1.6}.guide-visual-strip{background:#080e12b3;border:1px solid #69e1cb33;border-radius:12px;justify-content:center;align-items:center;gap:12px;margin-bottom:12px;padding:14px 18px;display:flex}.guide-cell-mock{background:#192a34;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;font-weight:900;display:flex;position:relative}.guide-cell-mock.winner{border-color:var(--teal);color:var(--teal);background:linear-gradient(135deg,#1f3942,#16272e);box-shadow:0 0 16px #69e1cb59}.guide-cell-mock.fade-demo{color:#ff9385;border-color:#ff938588}.guide-cell-mock .next-pill{color:#fff;background:#ff5e4d;border-radius:3px;padding:1px 4px;font-size:7.5px;font-weight:800;position:absolute;top:-8px;right:-6px;box-shadow:0 2px 6px #0006}.guide-key-points{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.guide-point-card{background:#0e192099;border:1px solid #ffffff0f;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.guide-point-icon{flex-shrink:0;margin-top:2px;font-size:16px;line-height:1}.guide-point-text strong{color:var(--text);margin-bottom:2px;font-size:12px;display:block}.guide-point-text span{color:#8da4b0;font-size:11px;line-height:1.4;display:block}.guide-section-title{letter-spacing:1px;text-transform:uppercase;color:var(--gold);border-bottom:1px solid #f2cf7933;align-items:center;gap:8px;margin:0;padding-bottom:8px;font-size:14px;font-weight:800;display:flex}.guide-section-title svg{fill:currentColor;width:16px;height:16px}.guide-wager-box{background:linear-gradient(145deg,#261e1066,#12161acc);border:1px solid #f4c56c4d;border-radius:14px;align-items:center;gap:14px;padding:16px;display:flex}.guide-wager-coin{color:#1a1202;background:linear-gradient(135deg,#f4c56c,#ca922d);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;font-weight:900;display:flex;box-shadow:0 0 16px #f4c56c66}.guide-wager-content h4{color:#f7d58b;margin:0 0 4px;font-size:14px;font-weight:800}.guide-wager-content p{color:#c9b99e;margin:0;font-size:12px;line-height:1.5}.guide-powers-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.guide-power-card{background:#0e1920a6;border:1px solid #ffffff14;border-radius:12px;padding:12px 14px;transition:all .2s}.guide-power-card:hover{background:#122028cc;border-color:#69e1cb59;transform:translateY(-2px)}.guide-power-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.guide-power-title{color:#e2f0f4;align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.guide-power-badge{letter-spacing:.6px;text-transform:uppercase;color:var(--teal);background:#69e1cb1f;border:1px solid #69e1cb40;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.guide-power-desc{color:#9ab0bd;margin:0;font-size:11.5px;line-height:1.45}@media (width<=500px){.guide-key-points,.guide-powers-grid{grid-template-columns:1fr}}.guide-dialog:not([open]){display:none}.guide-dialog[open]{color:var(--text);margin:auto;position:fixed;inset:0}.guide-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03090dcc}.guide-content-scroll{overscroll-behavior:contain;min-height:0}.guide-power-title .ability-icon,.guide-point-icon .ability-icon{fill:none;width:28px;height:28px;stroke:var(--teal);stroke-width:2px;filter:drop-shadow(0 0 5px #69ded055)}.guide-wager-coin svg{width:34px;height:34px}@media (width<=500px){.guide-dialog-header,.guide-content-scroll{padding:16px}.guide-header-text h2{font-size:16px}}.guide-content-scroll>*{flex-shrink:0}.themed-shield{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.themed-hex-lattice{filter:drop-shadow(0 0 6px #89f7c780)}.ts-hex .ts-hex-outer{fill:#89f7c714;stroke:#89f7c7;stroke-width:1.8px}.ts-hex .ts-hex-inner{fill:none;stroke:#89f7c7;stroke-width:1.2px;opacity:.6}.ts-hex .ts-hex-braces{fill:none;stroke:#89f7c7;stroke-width:1.2px;opacity:.75}.ts-hex .ts-hex-node{fill:#89f7c7;filter:drop-shadow(0 0 3px #89f7c7)}.ts-hex .ts-hex-inner-node{fill:#a7f9d5;opacity:.9}.shield-forming.themed-hex-lattice .ts-hex-outer,.shield-forming.themed-hex-lattice .ts-hex-inner{animation:.52s cubic-bezier(.16,1,.3,1) both hex-lattice-assemble}.shield-forming.themed-hex-lattice .ts-hex-braces{animation:.45s ease-out .18s both hex-lattice-braces}.shield-forming.themed-hex-lattice .ts-hex-node,.shield-forming.themed-hex-lattice .ts-hex-inner-node{animation:.35s .24s both hex-lattice-nodes}.shield-active.themed-hex-lattice .ts-hex-outer{animation:2.4s ease-in-out infinite hex-lattice-hum}.shield-breaking.themed-hex-lattice .ts-hex-outer,.shield-breaking.themed-hex-lattice .ts-hex-inner,.shield-breaking.themed-hex-lattice .ts-hex-braces{animation:.55s ease-out both hex-lattice-break}.shield-breaking.themed-hex-lattice .ts-hex-node,.shield-breaking.themed-hex-lattice .ts-hex-inner-node{animation:.45s ease-out both hex-lattice-nodes-break}@keyframes hex-lattice-assemble{0%{opacity:0;transform:scale(.4)rotate(-30deg)}60%{opacity:1;transform:scale(1.08)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes hex-lattice-braces{0%{opacity:0;transform:scale(.6)}to{opacity:.75;transform:scale(1)}}@keyframes hex-lattice-nodes{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes hex-lattice-hum{0%,to{stroke-width:1.8px;filter:drop-shadow(0 0 4px #89f7c766)}50%{stroke-width:2.2px;filter:drop-shadow(0 0 8px #89f7c7cc)}}@keyframes hex-lattice-break{0%{opacity:1;transform:scale(1)}25%{opacity:1;filter:brightness(2.5);transform:scale(1.15)rotate(5deg)}to{opacity:0;transform:scale(1.45)rotate(-15deg)}}@keyframes hex-lattice-nodes-break{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.8)translate(8px,-8px)}}.themed-cyber-cage{filter:drop-shadow(0 0 4px #00ffcc60)}.ts-cyber .ts-frame{fill:none;stroke:#0fc;stroke-width:1.5px}.ts-cyber .ts-inner{fill:none;stroke:#0fc;stroke-width:.8px;opacity:.5}.ts-cyber .ts-node{fill:#0fc;opacity:.9}.ts-cyber .ts-scan{stroke:#0fc;stroke-width:1px;opacity:.4}.ts-cyber .ts-scan-v{stroke:#0fc;stroke-width:.6px;opacity:.2}.shield-forming.themed-cyber-cage .ts-frame,.shield-forming.themed-cyber-cage .ts-inner{stroke-dasharray:1;animation:.48s cubic-bezier(.16,1,.3,1) both cyber-assemble}.shield-forming.themed-cyber-cage .ts-node{animation:.3s .2s both cyber-nodes}.shield-forming.themed-cyber-cage .ts-scan,.shield-forming.themed-cyber-cage .ts-scan-v{animation:.6s ease-in-out .16s both cyber-scan}.shield-breaking.themed-cyber-cage .ts-frame,.shield-breaking.themed-cyber-cage .ts-inner{animation:.5s ease-out both cyber-break}.shield-breaking.themed-cyber-cage .ts-node{animation:.4s ease-out both cyber-nodes-break}@keyframes cyber-assemble{0%{stroke-dashoffset:1px;opacity:.2}to{stroke-dashoffset:0;opacity:1}}@keyframes cyber-nodes{0%{opacity:0;transform:scale(0)}to{opacity:.9;transform:scale(1)}}@keyframes cyber-scan{0%{opacity:0;transform:scaleX(0)}50%{opacity:.6;transform:scaleX(1)}to{opacity:.3}}@keyframes cyber-break{0%{opacity:1}30%{opacity:1;filter:brightness(2);transform:scale(1.1)}to{opacity:0;transform:scale(1.4)}}@keyframes cyber-nodes-break{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(3)translate(10px,-10px)}}.themed-electric-cage{filter:drop-shadow(0 0 5px #ffe56660)}.ts-electric .ts-frame{fill:none;stroke:#ffe566;stroke-width:1.5px;stroke-dasharray:4 2}.ts-electric .ts-bolt{fill:none;stroke:#ffe566;stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;opacity:0}.ts-electric .ts-elec-node{fill:none;stroke:#ffe566;stroke-width:2px;opacity:.8}.shield-forming.themed-electric-cage .ts-frame{stroke-dasharray:1;animation:.5s cubic-bezier(.16,1,.3,1) both elec-form}.shield-forming.themed-electric-cage .ts-bolt{animation:.8s ease-in-out .2s infinite elec-arc}.shield-active.themed-electric-cage .ts-bolt{animation:1.2s ease-in-out infinite elec-arc}.shield-forming.themed-electric-cage .ts-elec-node{animation:.3s .1s both elec-node}.shield-breaking.themed-electric-cage .ts-frame,.shield-breaking.themed-electric-cage .ts-elec-node{animation:.55s ease-out both elec-break}@keyframes elec-form{0%{stroke-dashoffset:1px;opacity:0}to{stroke-dashoffset:0;opacity:1}}@keyframes elec-arc{0%,to{opacity:0}20%,80%{opacity:.7}50%{opacity:1;filter:brightness(1.8)}}@keyframes elec-node{0%{r:2;opacity:0}to{r:6;opacity:.8}}@keyframes elec-break{0%{opacity:1;transform:scale(1)}20%{filter:brightness(3);transform:scale(1.15)}to{opacity:0;transform:scale(1.5)rotate(15deg)}}.themed-dragon-scale{filter:drop-shadow(0 0 4px #ff6b3560)}.ts-dragon .ts-dragon-horns{fill:#ff450038;stroke:#f73;stroke-width:1.6px;stroke-linejoin:round}.ts-dragon .ts-dragon-eye{fill:#ffea79;stroke:#ff4500;stroke-width:.8px;filter:drop-shadow(0 0 3px #ffea79)}.ts-dragon .ts-scale{fill:#ff6b3514;stroke:#ff6b35;stroke-width:1.8px;stroke-linecap:round}.ts-dragon .ts-dragon-outline{fill:none;stroke:#ff6b35;stroke-width:1.2px;opacity:.55}.shield-forming.themed-dragon-scale .ts-dragon-horns{animation:.65s cubic-bezier(.16,1,.3,1) both dragon-horns-ignite}.shield-forming.themed-dragon-scale .ts-dragon-eye{animation:.5s .28s both dragon-eye-flash}.shield-forming.themed-dragon-scale .ts-scale{animation:scale-reveal .6s calc(var(--scale-i,0) * 40ms) cubic-bezier(.16, 1, .3, 1) both}.shield-forming.themed-dragon-scale .ts-dragon-outline{animation:.7s .1s both scale-outline}.shield-breaking.themed-dragon-scale .ts-dragon-horns,.shield-breaking.themed-dragon-scale .ts-dragon-eye{animation:.6s ease-out both dragon-break-shatter}.shield-breaking.themed-dragon-scale .ts-scale{animation:scale-break .55s calc(var(--scale-i,0) * 20ms) ease-out both}@keyframes dragon-horns-ignite{0%{opacity:0;transform:scale(.6)translateY(-10px)}60%{filter:brightness(2.5);opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes dragon-eye-flash{0%{opacity:0;transform:scale(0)}50%{filter:brightness(3);opacity:1;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}@keyframes dragon-break-shatter{0%{opacity:1;transform:scale(1)}30%{filter:brightness(3)}to{opacity:0;transform:scale(1.3)translateY(-14px)}}@keyframes scale-reveal{0%{stroke-dasharray:1;stroke-dashoffset:1px;opacity:0}to{stroke-dasharray:initial;stroke-dashoffset:0;opacity:1}}@keyframes scale-outline{0%{opacity:0}to{opacity:.4}}@keyframes scale-break{0%{opacity:1;transform:scale(1)}25%{filter:brightness(2.5)}to{opacity:0;transform:scale(1.3)translateY(-8px)}}.themed-event-horizon{filter:drop-shadow(0 0 6px #8b5cf660)}.ts-void .ts-outer-ring{fill:none;stroke:#8b5cf6;stroke-width:1px;opacity:.6}.ts-void .ts-mid-ring{fill:none;stroke:#8b5cf6;stroke-width:1.2px;opacity:.8}.ts-void .ts-inner-ring{fill:none;stroke:#8b5cf6;stroke-width:1.5px;opacity:1}.ts-void .ts-orbital{fill:none;stroke:#8b5cf6;stroke-width:1px;opacity:.45}.ts-void .ts-core{fill:#8b5cf6;opacity:.7}.shield-forming.themed-event-horizon .ts-outer-ring,.shield-forming.themed-event-horizon .ts-mid-ring,.shield-forming.themed-event-horizon .ts-inner-ring{animation:.7s cubic-bezier(.16,1,.3,1) both void-ring-form}.shield-forming.themed-event-horizon .ts-orbital{animation:2s linear infinite void-orbital-spin}.shield-active.themed-event-horizon .ts-orbital{animation:3s linear infinite void-orbital-spin}.shield-active.themed-event-horizon .ts-core{animation:2s ease-in-out infinite void-core-pulse}.shield-breaking.themed-event-horizon .ts-outer-ring,.shield-breaking.themed-event-horizon .ts-mid-ring,.shield-breaking.themed-event-horizon .ts-inner-ring,.shield-breaking.themed-event-horizon .ts-orbital,.shield-breaking.themed-event-horizon .ts-core{animation:.6s ease-in both void-collapse}@keyframes void-ring-form{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes void-orbital-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes void-core-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}@keyframes void-collapse{0%{opacity:1;transform:scale(1)}40%{opacity:1;transform:scale(.1)}60%{opacity:.5;transform:scale(2.2)}to{opacity:0;transform:scale(3)}}.themed-royal-guardian{filter:drop-shadow(0 0 5px #f5d06060)}.ts-royal .ts-shield-body{fill:#2a201066;stroke:#f5d060;stroke-width:1.6px}.ts-royal .ts-crown{fill:#f5d060;stroke:#fff8d0;stroke-width:.7px}.ts-royal .ts-divider{stroke:#f5d060;stroke-width:.8px;opacity:.6;fill:none}.ts-royal .ts-royal-sparks{stroke:#ffe7a0;stroke-width:2px;opacity:0}.shield-forming.themed-royal-guardian .ts-shield-body{animation:.58s cubic-bezier(.16,1,.3,1) both royal-assemble}.shield-forming.themed-royal-guardian .ts-crown,.shield-forming.themed-royal-guardian .ts-divider{animation:.5s .22s both royal-reveal}.shield-forming.themed-royal-guardian .ts-royal-sparks{animation:.5s .26s both royal-sparks}.shield-breaking.themed-royal-guardian .ts-shield-body,.shield-breaking.themed-royal-guardian .ts-crown,.shield-breaking.themed-royal-guardian .ts-divider{animation:.65s ease-out both royal-break}@keyframes royal-assemble{0%{opacity:0;transform:scale(1.3)rotate(-8deg)}55%{opacity:1}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes royal-reveal{0%,25%{opacity:0}to{opacity:1}}@keyframes royal-sparks{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.35)}}@keyframes royal-break{0%{opacity:1;transform:scale(1)}20%{filter:brightness(2.5)}to{opacity:0;transform:scale(1.25)rotate(6deg)}}.ts-deflection-burst{pointer-events:none}.ts-deflection-shockwave{fill:none;stroke:#fff;stroke-width:2.5px;filter:drop-shadow(0 0 10px #fff);transform-origin:80px 80px;animation:.45s ease-out forwards deflection-shockwave-expand}.ts-deflection-spark{stroke:#fff;stroke-width:2.8px;stroke-linecap:round;filter:drop-shadow(0 0 8px #fff);stroke-dasharray:20;stroke-dashoffset:0;transform-origin:80px 80px;animation:.4s ease-out forwards deflection-spark-fire}.themed-dragon-scale .ts-deflection-shockwave,.themed-dragon-scale .ts-deflection-spark{stroke:#ff6b35;filter:drop-shadow(0 0 8px #ff4500)drop-shadow(0 0 16px #fc0)}.themed-electric-cage .ts-deflection-shockwave,.themed-electric-cage .ts-deflection-spark{stroke:#ffe566;filter:drop-shadow(0 0 10px #ffe566)}.themed-cyber-cage .ts-deflection-shockwave,.themed-cyber-cage .ts-deflection-spark{stroke:#0fc;filter:drop-shadow(0 0 8px #0fc)}.themed-event-horizon .ts-deflection-shockwave,.themed-event-horizon .ts-deflection-spark{stroke:#c4b5fd;filter:drop-shadow(0 0 10px #8b5cf6)}.themed-royal-guardian .ts-deflection-shockwave,.themed-royal-guardian .ts-deflection-spark{stroke:#fde047;filter:drop-shadow(0 0 10px #eab308)}@keyframes deflection-shockwave-expand{0%{opacity:1;stroke-width:4px;transform:scale(.2)}60%{opacity:.9;stroke-width:2.5px}to{opacity:0;stroke-width:.5px;transform:scale(1.6)}}@keyframes deflection-spark-fire{0%{stroke-dashoffset:20px;opacity:1;transform:scaleY(.4)}50%{stroke-dashoffset:0;opacity:1;filter:brightness(2)}to{stroke-dashoffset:-20px;opacity:0;transform:scaleY(1.3)}}.board-cell:has(.themed-shield):after{display:none}@media (prefers-reduced-motion:reduce){.shield-forming.themed-shield *,.ts-deflection-burst *{animation:none!important}.shield-breaking.themed-shield *{animation:.2s both royal-break!important}}:root{--canvas:#101820;--panel:#192630;--text:#f5f1e8;--muted:#b7c6cf;--teal:#69e1cb;--coral:#ff998a;--gold:#f4c56c;--gem:#c7a2ff;--line:#ffffff14;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-small:8px;--radius-control:10px;--radius-cell:12px;--radius-panel:20px;--radius-board:22px;--radius-hero:24px;--motion-press:.1s;--motion-place:.18s;--motion-vanish:.24s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#69e1cb47 #0f192099}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0c141aa6;border-radius:8px}::-webkit-scrollbar-thumb{background:linear-gradient(#69e1cb66,#46968c4d);border:1px solid #69e1cb26;border-radius:8px;transition:background .2s,border-color .2s}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#69e1cbb3,#f2cf7980);border-color:#69e1cb66;box-shadow:0 0 8px #69e1cb66}::-webkit-scrollbar-corner{background:0 0}body{background:var(--canvas);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:1.5}:is(body:has(.lobby-shell),body:has(.arena-page)){height:100svh;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--teal);outline-offset:4px}::selection{background:var(--teal);color:var(--canvas)}.shell{max-width:1500px;margin:auto;padding:0 48px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:var(--space-4);height:104px;display:flex}.brand{letter-spacing:2px;align-items:center;gap:8px;min-height:44px;font-size:15px;font-weight:850;display:flex}.brand>span:last-child{color:var(--muted);font-weight:400}.brand-icon{color:var(--teal);margin-right:8px;font-size:32px}.eyebrow{letter-spacing:2px;font-size:11px;font-weight:750}.accent{color:var(--teal)}.landing{grid-template-columns:1.15fr 1fr;align-items:center;gap:64px;padding:80px 0 48px;display:grid}.lobby-shell{height:100svh;overflow:hidden}.lobby-shell .landing{min-height:calc(100svh - 104px);padding-block:clamp(20px,5vh,56px)}.lobby-shell .landing>div:first-child{max-width:610px}.lobby-shell .lede{max-width:420px;margin:0 0 22px;line-height:1.45}.lobby-shell .play-options{margin:10px 0}.lobby-shell .mode-choice{min-height:44px}.lobby-shell .rules-strip,.lobby-shell footer{display:none}h1{letter-spacing:-3px;margin:24px 0;font-size:clamp(38px,4.7vw,68px);line-height:1.08}h1 em{color:var(--teal);font-style:normal}.lede{max-width:480px;color:var(--muted);font-size:18px;line-height:1.7}.coming{align-items:center;gap:10px;margin-top:32px;font-weight:650;display:flex}.status-dot{background:var(--teal);border-radius:50%;width:7px;height:7px}.muted{color:var(--muted);font-size:14px}.arena-preview{border:1px solid var(--line);border-radius:var(--radius-hero);aspect-ratio:1;background:#0c1319;grid-template-columns:repeat(3,1fr);justify-self:center;gap:10px;width:100%;max-width:460px;padding:16px;display:grid;transform:rotate(-5deg);box-shadow:0 24px 70px #0004}.preview-cell{border-radius:var(--radius-cell);background:linear-gradient(145deg,#1c2b35,#17232c);border:1px solid #ffffff06;place-items:center;display:grid}.piece{width:50%;height:50%;display:block;position:relative}.cross:before,.cross:after{content:"";background:var(--teal);border-radius:4px;width:14%;height:100%;position:absolute;top:0;left:43%;transform:rotate(45deg)}.cross:after{transform:rotate(-45deg)}.ring{border:8px solid var(--coral);border-radius:50%;width:45%;height:45%}.rules-strip{gap:var(--space-8);border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(3,1fr);margin-top:20px;padding-top:36px;display:grid}.rules-strip b{color:var(--teal);letter-spacing:2px;font-size:12px}.rules-strip h2{margin:12px 0 5px;font-size:17px}.rules-strip p{color:var(--muted);margin:0;font-size:14px}footer{justify-content:space-between;gap:var(--space-4);color:var(--muted);letter-spacing:1.6px;border-top:1px solid var(--line);padding:30px 0;font-size:10px;display:flex}footer span{letter-spacing:0;font-size:12px}@media (width>=1800px){.shell{padding-top:32px}.landing{padding-top:120px;padding-bottom:100px}}@media (width<=767px){.shell{padding:0 24px}.topbar{height:80px}.topbar>.eyebrow{letter-spacing:1px;font-size:9px}.brand{letter-spacing:1px;font-size:12px}.landing{grid-template-columns:1fr;gap:40px;padding-top:40px}h1{letter-spacing:-1.8px}.lede{font-size:16px}.arena-preview{max-width:340px}.rules-strip{gap:var(--space-4);margin-top:8px}.rules-strip h2{font-size:14px}.rules-strip p{font-size:12px}footer span{display:none}}@media (width<=359px){.shell{padding:0 16px}.brand-icon{display:none}.rules-strip{grid-template-columns:1fr}.rules-strip div{padding-bottom:12px}.topbar>.eyebrow{max-width:70px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.arena-preview{transform:none}}.player-chip{min-height:42px;color:var(--text);background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:3px 7px;display:flex}.player-chip:hover{background:#ffffff0a}.equipped-foundry-frame{outline-offset:-2px;outline:2px solid #d9b978;box-shadow:0 0 10px #d9b97820}.career-profile{margin-top:20px}.career-identity{background:#12242a;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.career-identity h3{overflow-wrap:anywhere;margin:0 0 5px;font-size:20px}.career-identity small{color:var(--muted);letter-spacing:.08em;font-size:10px}.career-avatar{color:#e6cf9d;background:#294047;border-radius:10px;flex-shrink:0;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.career-identity .button{margin-left:auto;padding:6px;font-size:12px}.career-name-form{font-size:13px}.career-name-form small{color:var(--muted)}.career-level{margin:22px 0 16px}.career-level>div{justify-content:space-between;font-size:12px;display:flex}.career-level span,.career-level small{color:var(--muted);font-size:11px}.career-level progress{width:100%;height:6px;accent-color:var(--teal);background:#0c191e;border:0;border-radius:6px;margin:10px 0;display:block;overflow:hidden}.career-level progress::-webkit-progress-bar{background:#0c191e}.career-level progress::-webkit-progress-value{background:var(--teal)}.career-wallet{border-block:1px solid var(--line);align-items:baseline;gap:10px;padding:12px 0;display:flex}.career-wallet span{color:#e6cf9d;letter-spacing:.1em;font-size:11px;font-weight:700}.progress-card .career-profile .career-wallet strong{color:#f1dab0;font-size:22px}.career-wallet small{color:var(--muted);margin-left:auto;font-size:11px}.career-tabs{gap:4px;margin-top:20px;display:flex}.career-tabs button{min-height:40px;color:var(--muted);background:0 0;border:0;border-radius:8px;flex:1;font:700 12px inherit}.career-tabs [aria-pressed=true]{color:#fff;background:#294047}.career-totals{text-align:center;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:16px;display:grid}.progress-card .career-profile .career-totals strong{font-size:24px;font-weight:750;display:block}.career-totals span{color:var(--muted);font-size:11px}.career-winrate{color:var(--teal);justify-content:space-between;font-size:12px;display:flex}.career-winrate span{color:var(--muted)}.career-breakdown>div{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:5px;padding:8px 0;font-size:11px;display:flex}.career-breakdown small{color:var(--muted)}.settings-dialog.shop-preview-dialog{width:min(980px,100vw - 32px);max-width:980px;max-height:calc(100dvh - 32px);color:var(--text);background:#101e26;border:1px solid #405962;border-radius:20px;padding:28px;overflow:auto}.shop-preview-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#030a0edb}.shop-preview-dialog h2{margin:4px 0;font-size:clamp(22px,3vw,32px)}.shop-preview-dialog .dialog-heading small{color:#d6c097;letter-spacing:.15em;font-size:10px}.shop-disclosure{color:#96abb3;font-size:12px;line-height:1.6}.shop-preview-layout{grid-template-columns:230px minmax(0,1fr);gap:28px;margin-top:24px;display:grid}.collection-list{flex-direction:column;gap:12px;display:flex}.collection-list button{color:#fff;text-align:left;cursor:pointer;background:#14252d;border:1px solid #2a414d;border-radius:12px;gap:9px;padding:20px;display:grid}.collection-list [aria-pressed=true]{border-color:var(--choice-accent,#b8a6e8);background:linear-gradient(135deg, color-mix(in srgb, var(--choice-accent,#b8a6e8) 18%, #172630), #172630)}.collection-choice-prism{--choice-accent:#b8a6e8}.collection-choice-forge{--choice-accent:#dcc397}.collection-choice-carbon{--choice-accent:#bed0db}.collection-list button small{color:var(--choice-accent)}.mark-palette-picker{border:0;flex-wrap:wrap;gap:8px;margin:16px 0;padding:0;display:flex}.mark-palette-picker legend{color:var(--muted);margin-bottom:8px;font-size:12px}.mark-palette-picker button{color:#e9eeee;cursor:pointer;background:#16232b;border:1px solid #40525c;border-radius:8px;align-items:center;gap:5px;padding:8px 10px;display:flex}.mark-palette-picker [aria-pressed=true]{background:#273943;border-color:#fff}.mark-palette-picker span{font-size:23px;line-height:1}.palette-review-actions{gap:8px;margin-top:12px;display:grid}.palette-review-actions small{color:var(--muted);font-size:11px;line-height:1.5}.collection-list small{color:#baa9df;letter-spacing:.14em;font-size:9px}.collection-list strong{font-size:18px}.collection-list span{color:#abc0c7;font-size:11px}.collection-detail h3{margin:0;font-size:26px}.collection-detail>p{color:#abc0c7;font-size:13px;line-height:1.6}.collection-stage{--collection-accent:#c9b3ff;background:radial-gradient(at 50% 20%,#393151,#101923 80%);border:1px solid #534664;border-radius:16px;padding:18px;overflow:hidden}.collection-demo-label{letter-spacing:.08em;color:#a9bcc5;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:9px;display:flex}.collection-demo-label small{font-size:8px}.collection-demo-label b{color:var(--teal);font-size:18px}.collection-demo-label span:last-child b{color:var(--coral)}.collection-board{grid-template-columns:repeat(3,1fr);gap:8px;max-width:330px;margin:auto;display:grid;position:relative}.collection-cube{aspect-ratio:1;background:linear-gradient(135deg,#c8bcff20,#1a293d 45%,#44385a);border:1px solid #ad9bdd50;border-radius:12px;position:relative;overflow:hidden;box-shadow:inset 1px 1px #ddd1ff44,inset -2px -2px #050d1780}.collection-cube:before{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 47%,#d5c2ff18 48%,#d5c2ff05 67%,#0000 68%);position:absolute;inset:0}.collection-cube svg{fill:none;stroke-width:8px;stroke-linecap:round;width:100%;height:100%;animation:.5s ease-out collection-arrive;position:relative}.collection-x{stroke:var(--teal)}.collection-o{stroke:var(--coral)}.collection-corner{border-top:1px solid var(--collection-accent);border-left:1px solid var(--collection-accent);opacity:.7;width:12px;height:12px;position:absolute;top:7px;left:7px}.collection-win-line{pointer-events:none;fill:none;width:100%;height:100%;stroke:var(--teal);stroke-width:2px;stroke-dasharray:300;animation:.7s ease-out both collection-line;position:absolute}.collection-winning{border-color:var(--collection-accent);animation:1s ease-out collection-finish}.collection-caption{text-align:center;color:#d5caea;min-height:18px;margin-top:16px;font-size:11px}.collection-demo-controls{gap:8px;margin-top:12px;display:flex}.collection-demo-controls .button{flex:1;margin:0;padding:10px;font-size:12px}.collection-includes{grid-template-columns:1fr 1fr;gap:16px;margin:20px 0;display:grid}.collection-includes span{color:#879da7;letter-spacing:.1em;font-size:9px}.collection-includes strong{color:#e2e6e8;letter-spacing:0;margin-top:6px;font-size:12px;display:block}.collection-forge{--collection-accent:#dcc397;background:radial-gradient(at top,#40372a,#121e25 80%);border-color:#726143}.collection-forge .collection-cube{background:repeating-linear-gradient(120deg,#d1b57207 0 1px,#0000 1px 5px),linear-gradient(140deg,#3e3a31,#18262c);border-color:#ad925860;border-radius:18px 4px}.collection-forge .collection-cube:before{background:0 0;border:1px solid #d7c19125;border-radius:10px 0;inset:12%}.collection-forge .collection-winning:before{border-style:dashed;border-color:#d7c191;animation:1.5s ease-out collection-orbit}.collection-carbon{--collection-accent:#bed0db;background:linear-gradient(125deg,#1f2b33,#11191e);border-color:#47575f}.collection-carbon .collection-cube{background:repeating-linear-gradient(45deg,#25333c 0 3px,#202c34 3px 6px);border-color:#73848c55;border-radius:4px}.collection-carbon .collection-cube:before{background:0 0;border:1px solid #a5b6c720;inset:5px}.collection-carbon .collection-cube svg{stroke-linecap:square;stroke-width:6px}.collection-carbon .collection-winning:before{background:linear-gradient(#0000 45%,#b6e8ea55 50%,#0000 55%);animation:.8s ease-out collection-scan}@keyframes collection-arrive{0%{opacity:0;transform:scale(.5)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes collection-line{0%{stroke-dashoffset:300px}to{stroke-dashoffset:0}}@keyframes collection-finish{40%{box-shadow:inset 0 0 24px #eee2ff50}}@keyframes collection-orbit{0%{opacity:0;transform:rotate(0)scale(.6)}to{opacity:1;transform:rotate(180deg)scale(1)}}@keyframes collection-scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@media (width<=650px){.shop-preview-layout{grid-template-columns:1fr;gap:16px}.collection-list{flex-direction:row;overflow-x:auto}.collection-list button{flex:1 0 130px;padding:12px}.collection-list strong{font-size:14px}.collection-list span{display:none}.shop-preview-dialog{padding:18px}}@media (width<=480px){.topbar{flex-wrap:wrap;gap:10px;height:auto;padding-block:12px}.topbar .header-tools{flex-wrap:wrap;gap:5px}.header-tools .player-chip em{display:none}}.profile-framed-summary{border-radius:12px;padding:18px!important}.player-chip>i svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:18px;height:18px}.player-chip span{text-align:left;gap:0;display:grid!important}.player-chip em{color:#f2d28b;white-space:nowrap;order:-1;font-size:11px;font-style:normal}.auth-dialog{position:relative}.auth-dialog .auth-lede{color:#aebfc3;margin:7px 0 0;font-size:13px;line-height:1.5}.auth-dialog h2:after,.progress-card .settings-dialog.auth-dialog h2:after{display:none}.auth-dialog .password-toggle{place-items:center;width:34px;height:34px;padding:4px;display:grid}.auth-dialog .password-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.auth-dialog .auth-switch,.auth-dialog .auth-switch .button{font-size:14px}.auth-close{color:#b9cbd0;background:#ffffff0a;border:0;border-radius:50%;width:34px;height:34px;font-size:25px;line-height:1;position:absolute;top:14px;right:14px}.auth-close:hover{color:#fff;background:#ffffff18}.lobby-shell .friend-button{width:240px;min-height:64px;font-size:16px}@media (height<=700px){body:has(.lobby-shell){height:auto;overflow:auto}.lobby-shell{height:auto;min-height:100svh;overflow:visible}.lobby-shell .lobby-secondary{flex-wrap:wrap}.lobby-shell .guide-button{flex-shrink:0;position:static}}.arena-preview{position:relative}@media (width<=767px){.lobby-shell .guide-button{bottom:14px;left:20px}.lobby-shell .friend-button{width:100%;min-height:54px}}.account-summary[hidden]{display:none}.account-navigation{gap:6px;margin:20px 0;display:flex}.account-navigation .button{flex:1;margin:0;padding:10px 6px;font-size:12px}.account-navigation [aria-pressed=true]{color:var(--teal);background:#20373c}.inventory-button{border:1px solid var(--line);width:44px;height:44px;color:var(--muted);background:0 0;border-radius:50%;flex:0 0 44px;place-items:center;display:grid}.inventory-button svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linejoin:round;stroke-linecap:round;width:20px;height:20px}.settings-dialog>.dialog-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}@media (width<=480px){.header-tools .player-chip span{display:none!important}.header-tools .progress-card.compact{gap:6px}}.guest-save-reminder{z-index:8;background:#101d24f2;border:1px solid #65dac755;border-radius:12px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;width:min(560px,100vw - 32px);padding:14px 16px;display:grid;position:absolute;top:112px;right:48px;box-shadow:0 16px 42px #0008}.guest-save-reminder div{gap:2px;display:grid}.guest-save-reminder strong{color:var(--teal);font-size:13px}.guest-save-reminder span{color:var(--muted);font-size:11px;line-height:1.4}.guest-save-reminder .button{white-space:nowrap;min-height:38px;margin:0;padding:8px 13px}.guest-reminder-dismiss{min-height:38px;color:var(--muted);background:0 0;border:0;padding:4px;font-size:11px}.header-tools .progress-card.compact{margin:0}.header-tools .icon-button,.header-tools .player-chip{height:44px}.header-tools .inbox-button,.header-tools .feedback-button{width:44px;height:44px;min-height:44px}.header-tools .player-chip{min-height:44px;padding-block:0}.header-tools .icon-button{border-radius:50%;width:44px}.lobby-cta{letter-spacing:0;justify-content:space-between;align-items:center;width:240px;min-height:64px;padding:0 24px;font:750 16px/1 Inter,ui-sans-serif,system-ui,sans-serif;display:flex}.lobby-shell .lobby-cta{box-sizing:border-box;text-align:left;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:16px;font-weight:750;line-height:1}.lobby-shell .lobby-cta>span:first-child{letter-spacing:0;font:750 16px/1 Inter,ui-sans-serif,system-ui,sans-serif!important}.lobby-cta .cta-arrow{font-size:21px;line-height:1}.lobby-secondary{align-items:flex-start}.lobby-secondary .friend-button{margin:0}.guide-button{align-items:center;gap:7px;display:inline-flex}.help-glyph{border:1px solid;border-radius:50%;place-items:center;width:16px;height:16px;font-size:11px;font-weight:800;display:grid}.demo-header-tag{z-index:4;position:absolute;top:-14px;left:16px}.demo-header-tag span{letter-spacing:1.5px;color:#f2cf79;text-transform:uppercase;background:#162025;border:1px solid #f2cf7973;border-radius:6px;padding:3px 8px;font-size:8px;font-weight:700;box-shadow:0 4px 12px #0009}.demo-next-tag{letter-spacing:.6px;color:#ffb4a8;z-index:3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#280f0fbf;border:1px solid #ff9385b3;border-radius:4px;padding:1px 5px;font-size:7.5px;font-weight:800;animation:1s infinite alternate pulse;position:absolute;top:6px;right:6px}.demo-shield-icon{pointer-events:none;filter:drop-shadow(0 0 6px #69ded099);width:70%;height:70%;animation:1.8s ease-in-out infinite demo-shield-hum;position:absolute;inset:15%}@keyframes demo-shield-hum{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;filter:drop-shadow(0 0 10px #69ded0e6);transform:scale(1.08)}}.arena-preview.gold-board{background:radial-gradient(at top,#362e22,#0d171d 82%);border:1px solid #826e4b;box-shadow:0 28px 75px #000000bf,0 0 35px #dcc39729,inset 0 1px #f0dcb547}.arena-preview.gold-board .preview-cell{will-change:transform, opacity;background:repeating-linear-gradient(120deg,#d1b5720a 0 1px,#0000 1px 5px),linear-gradient(140deg,#353026,#142026);border:1px solid #ad925859;border-radius:14px;transition:border-color .3s,transform .3s,background .3s;position:relative;overflow:hidden}.arena-preview.gold-board .preview-cell .piece.cross:before,.arena-preview.gold-board .preview-cell .piece.cross:after{background:linear-gradient(135deg,#fce092,#dca842);box-shadow:0 0 12px #dca84299}.arena-preview.gold-board .preview-cell .piece.ring:before{border-color:#65dac7;box-shadow:0 0 12px #65dac780}.demo-win-line{pointer-events:none;z-index:5;width:calc(100% - 32px);height:calc(100% - 32px);position:absolute;inset:16px;overflow:visible}.demo-win-line line{stroke-dasharray:250;stroke-dashoffset:250px;animation:.6s cubic-bezier(.16,1,.3,1) forwards demo-win-stroke}@keyframes demo-win-stroke{to{stroke-dashoffset:0}}.arena-preview .demo-status{color:#f7d58b;letter-spacing:1.5px;text-transform:uppercase;text-shadow:0 0 10px #f7d58b73;font-size:10px;font-weight:800;position:absolute;bottom:12px;right:16px}.demo-place{will-change:transform, opacity;animation:.38s cubic-bezier(.2,.9,.3,1.2) forwards demo-place-smooth}.demo-win{animation:1.4s ease-in-out infinite alternate demo-win-pulse;box-shadow:inset 0 0 0 1.5px #f5d060,0 0 28px #f5d06066;background:linear-gradient(140deg,#44371f,#1e282a)!important}.demo-fade .piece{will-change:transform, opacity;animation:.75s ease-out forwards demo-fade-smooth}@keyframes demo-place-smooth{0%{opacity:0;transform:scale(.35)translate(0,0)}75%{opacity:1;transform:scale(1.08)translate(0,0)}to{opacity:1;transform:scale(1)translate(0,0)}}@keyframes demo-win-pulse{0%{box-shadow:inset 0 0 0 1.5px #f5d060,0 0 18px #f5d0604d}to{transform:translateY(-2px);box-shadow:inset 0 0 0 2px #ffe599,0 0 32px #f5d060a6}}@keyframes demo-fade-smooth{0%{opacity:.9;filter:blur();transform:scale(1)translate(0,0)}40%{opacity:.45;filter:blur(1px);transform:scale(.9)translate(0,0)}to{opacity:0;filter:blur(3px);transform:scale(.4)translate(0,0)}}.progress-card{flex-direction:column;gap:10px;max-width:480px;margin-top:22px;display:flex}.progress-card small{color:#aab7b9;font-size:12px}.progress-card form,.progress-card label{flex-direction:column;gap:12px;display:flex}.progress-card input{color:#fff;background:#13282c;border:1px solid #567;border-radius:8px;width:100%;min-width:0;padding:10px}.progress-card .settings-dialog{box-sizing:border-box;background:linear-gradient(145deg,#1b2d38,#162630);border:1px solid #48626d;border-radius:20px;width:min(430px,100vw - 32px);max-width:min(430px,90vw);max-height:calc(100dvh - 32px);padding:28px;overflow-y:auto;box-shadow:0 28px 90px #000b}.progress-card .settings-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#02080dcc}.progress-card .settings-dialog h2{letter-spacing:-.7px;margin:0 0 6px;font-size:25px}.progress-card .settings-dialog h2:after{content:"Sign in to keep your profile, progress and rewards safe.";color:#aebfc3;letter-spacing:0;margin-top:7px;font-size:12px;font-weight:400;line-height:1.5;display:block}.progress-card .settings-dialog form{gap:14px;margin-top:22px}.progress-card .settings-dialog label{color:#e9f0ec;gap:7px;font-size:13px;font-weight:700}.progress-card .settings-dialog input{background:#10272b;border-color:#496d73;border-radius:10px;min-height:48px;padding:11px 48px 11px 13px}.progress-card .settings-dialog input:focus{border-color:#68dbc8;outline:2px solid #68dbc844}.password-field>span{display:block;position:relative}.password-toggle{color:#8fe8d5;background:0 0;border:0;border-radius:7px;min-height:32px;padding:4px 8px;font-size:11px;font-weight:800;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.password-toggle:hover{background:#ffffff0d}.password-hint{margin-top:-6px;color:#aab9bd!important}.auth-submit{width:100%;margin-top:4px}.auth-error{color:#ffb4a8;background:#3c2425;border:1px solid #ff958466;border-radius:9px;padding:9px 11px;font-size:12px;margin:13px 0 0!important}.auth-switch{color:#aebfc3;justify-content:center;align-items:center;gap:4px;margin-top:15px;font-size:12px;display:flex}.auth-switch .button{color:#75e3d1;min-height:32px;padding:4px 6px;font-weight:750}.progress-card.compact{flex-direction:row;align-items:center;gap:10px;margin-top:16px;display:flex}.progress-card.compact strong{font-size:13px}.player-chip{align-items:center;gap:7px;display:flex}.player-chip>i{color:#70e3cd;border:1px solid #5acdb8;border-radius:50%;place-items:center;width:28px;height:28px;font-style:normal;display:grid}.player-chip span{gap:0;display:grid!important}.player-chip b{font-size:12px}.player-chip small{color:var(--muted);font-size:10px}.player-chip em{color:#f2d28b;white-space:nowrap;font-size:11px;font-style:normal}.progress-card.compact>span{color:var(--muted);font-size:12px}.progress-card.compact .button{min-height:34px;margin-left:4px;padding:6px 12px}.division-card{background:linear-gradient(125deg,#143a39,#132329);border:1px solid #386f68;border-radius:14px;gap:6px;max-width:420px;margin-top:18px;padding:14px;display:grid}.division-card b{color:#f2d28b;letter-spacing:1.4px;font-size:12px}.division-card span,.division-card small{color:var(--muted);font-size:12px}.division-card>i{background:#071419;border-radius:99px;height:7px;overflow:hidden}.division-card>i>i{background:linear-gradient(90deg, #e6b957, var(--teal));border-radius:inherit;height:100%;display:block}.reward-card{background:linear-gradient(135deg,#173936,#132329);border:1px solid #3c756f;border-radius:14px;width:min(420px,100%);padding:14px 16px;box-shadow:0 14px 35px #0005}.reward-card.loading{color:var(--muted);text-align:center}.reward-kicker{color:var(--teal);letter-spacing:1.8px;font-size:10px;font-weight:800}.reward-gains{gap:20px;margin:8px 0;display:flex}.reward-gains strong:last-child{color:#f7cf6d}.level-track{letter-spacing:.8px;color:var(--muted);grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:9px;display:grid}.level-track>div{background:#071419;border-radius:999px;height:7px;overflow:hidden}.level-track i{border-radius:inherit;background:linear-gradient(90deg, var(--teal), #b1f3cf);height:100%;animation:.9s ease-out reward-fill;display:block}.reward-card p{color:#d8e5df;margin:9px 0 0;font-size:11px}@keyframes reward-fill{0%{width:0!important}}.play-options{flex-wrap:wrap}.room-setup{border-top:1px solid #345154;max-width:520px;margin-top:24px;padding-top:18px}.room-setup h2{margin-bottom:8px;font-size:18px}.room-setup p{color:#a9bdbb;font-size:13px}.room-setup form{flex-wrap:wrap;align-items:end;gap:10px;margin-top:12px;display:flex}.room-setup label{flex-direction:column;gap:6px;font-size:12px;display:flex}.room-setup input{color:#fff;letter-spacing:.1em;background:#162e32;border:1px solid #43646a;border-radius:8px;width:180px;padding:10px}.lobby-secondary{align-items:center;gap:10px;margin-top:18px;display:flex}.friend-button{margin:0}.friend-dialog,.guide-dialog{width:min(500px,100vw - 32px)}.settings-dialog.friend-dialog{border-color:#45616d;border-radius:18px;width:min(560px,100vw - 32px);max-width:560px;padding:26px}.friend-dialog .dialog-heading{border-bottom:1px solid #96cad329;align-items:flex-start;padding-bottom:16px}.friend-dialog .dialog-heading h2{max-width:18ch;font-size:clamp(22px,3vw,28px);line-height:1.15}.friend-dialog>p{color:#c7d8dc;max-width:50ch;margin:16px 0 0;line-height:1.5}.friend-dialog .friend-choices{margin:20px 0 4px}.friend-dialog .friend-choices .button{min-height:52px}.friend-dialog .room-form{gap:18px;margin-top:16px}.guide-dialog{max-height:min(80svh,700px);overflow:auto}.dialog-heading h2{margin:0}.friend-choices{grid-template-columns:1fr 1fr;gap:10px;margin:22px 0;display:grid}.friend-choices [aria-pressed=true]{border-color:var(--teal);background:#1e4041}.room-form{gap:14px;display:grid}.room-setup-back{color:var(--teal);font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:13px;font-weight:700}.room-setup-back:before{content:"← "}.room-config-section{gap:8px;display:grid}.room-config-label{color:#dce9e8;font-size:13px;font-weight:750}.series-selector,.stake-selector{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px;display:grid}.series-selector .button,.stake-selector .button{min-height:42px;margin:0;padding:8px}.stake-selector .button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.stake-selector .currency-icon{width:16px;height:16px}.series-selector .button.selected,.stake-selector .button.selected{border-color:var(--teal);background:color-mix(in srgb, var(--teal) 16%, #13282c);color:#e8fffb}.stake-escrow-hint{border-left:2px solid var(--teal);background:color-mix(in srgb, var(--teal) 8%, transparent);color:#b9d1d0;margin:0;padding:9px 10px;font-size:12px}@media (width<=600px){.settings-dialog.friend-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:20px}.friend-dialog .dialog-heading{padding-bottom:12px}.friend-dialog .dialog-heading h2{font-size:22px}.friend-dialog>p{margin-top:12px;font-size:14px}.series-selector,.stake-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.series-selector .button:last-child{grid-column:1/-1}}.room-form label{gap:7px;font-weight:650;display:grid}.room-form input,.room-form select{width:100%;color:var(--text);background:#13282c;border:1px solid #567;border-radius:8px;padding:12px}.guide-dialog p{color:var(--muted);line-height:1.55}.learn-line{color:var(--teal);letter-spacing:8px;justify-content:center;gap:16px;padding:12px;font-size:28px;font-weight:800;display:flex}.learn-line span{color:var(--coral)}@media (width<=767px){.guest-save-reminder{grid-template-columns:1fr auto;width:auto;padding:12px;position:fixed;inset:auto 12px 12px}.guest-save-reminder div{grid-column:1/-1}.lobby-shell{height:auto;min-height:100svh;overflow:visible}.lobby-shell .lobby-cta{width:100%;min-height:54px}.lobby-shell .landing{gap:0;padding-top:22px;padding-bottom:76px}.lobby-shell .arena-preview,.lobby-shell .rules-strip,.lobby-shell footer{display:none}.lobby-shell .progress-card{gap:5px;margin-top:12px}.lobby-shell .progress-card>small,.lobby-shell .progress-card>span{display:none}.lobby-shell .guest-note{margin-top:12px;font-size:11px}.lobby-shell .lede{margin:12px 0 18px;line-height:1.45}.lobby-shell h1{margin:12px 0;font-size:clamp(34px,10vw,46px)}.lobby-shell .play-options{margin:10px 0}.progress-card.compact{margin-top:10px}.progress-card.compact>span{display:none}.reward-card{padding:10px 12px}}.account-summary{border-block:1px solid #ffffff20;gap:10px;margin:24px 0;padding:18px 0;display:grid}.inbox-button{color:#dce8e9;background:#101c24;border:1px solid #ffffff20;border-radius:10px;place-items:center;width:44px;height:44px;font-size:19px;display:grid;position:relative}.inbox-button b{background:var(--coral);color:#111;border-radius:12px;min-width:19px;padding:2px 5px;font-size:10px;position:absolute;top:-6px;right:-6px}.inbox-dialog{width:min(92vw,620px);max-height:min(82vh,760px)}.feedback-button{border:1px solid var(--line);width:44px;height:44px;min-height:44px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;place-items:center;padding:0;font-size:18px;display:grid}.feedback-button:hover{border-color:color-mix(in srgb, var(--teal) 50%, var(--line));background:color-mix(in srgb, var(--teal) 9%, transparent)}.topbar .header-tools{gap:12px}.header-tools .feedback-button svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;display:block}.header-tools .feedback-button,.header-tools .inbox-button{border:1px solid var(--line);width:44px;height:44px;color:var(--muted);background:0 0;border-radius:50%;flex:0 0 44px;place-items:center;padding:0;display:grid}.profile-account-settings{border-top:1px solid var(--line);margin-top:24px}.profile-account-settings summary{cursor:pointer;padding:18px 0;font-weight:700}.profile-account-settings summary span{color:var(--muted);margin-top:6px;font-size:12px;font-weight:400;display:block}.progress-card .settings-dialog.inventory-dialog{width:min(680px,100vw - 32px);max-width:none}.inventory-dialog .dialog-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.progress-card .inventory-dialog h2:after{display:none}.inventory-dialog .cosmetic-item{border-radius:12px;gap:12px;padding:16px}.inventory-dialog .cosmetic-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-dialog .cosmetic-actions .button{min-height:44px;margin:0;padding:10px;font-size:13px}.inventory-dialog .cosmetic-item small{letter-spacing:.03em;font-size:11px}.cosmetic-showcase>p{color:var(--muted);font-size:14px;line-height:1.5}.showcase-comparison{grid-template-columns:1fr 1fr;gap:12px;margin:22px 0;display:grid}.showcase-comparison figure{min-width:0;margin:0}.showcase-comparison figcaption{text-align:center;color:var(--muted);margin-bottom:12px;font-size:12px}.showcase-styled figcaption{color:var(--teal);font-weight:700}.showcase-cube{aspect-ratio:1;background:#13242c;border:1px solid #39535b;border-radius:12px}.showcase-cube svg{width:100%;height:100%;display:block;overflow:visible}.showcase-x{fill:none;stroke:var(--teal);stroke-width:9px;stroke-linecap:round}.showcase-trace{filter:drop-shadow(0 0 6px #69ded0)drop-shadow(10px 0 8px #69ded052);transform-origin:50%;animation:1.1s ease-out both showcase-place}.showcase-shield{fill:#69ded00a;stroke:#8fe6d6;stroke-width:2px;transform-origin:50%;animation:1.1s ease-out both showcase-place}.showcase-identity{background:#13242c;border:1px solid #39535b;border-radius:10px;justify-items:center;gap:8px;padding:24px 8px;display:grid}.showcase-styled .showcase-identity{border-color:#d9b978;box-shadow:inset 0 0 0 2px #d9b978,0 0 12px #d9b97820}.showcase-avatar{width:48px;height:48px;color:var(--teal);background:#20383e;border-radius:50%;place-items:center;font-weight:800;display:grid}.showcase-identity small{color:var(--muted);font-size:12px}.cosmetic-showcase .button{width:100%}@keyframes showcase-place{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}@media (width<=767px){.topbar .header-tools{gap:6px}}@media (width<=380px){.header-tools .player-chip em{display:none}.header-tools .player-chip{gap:4px;padding-inline:0}}.feedback-dialog{width:min(520px,100vw - 28px)}.feedback-dialog form,.feedback-dialog label{gap:8px;display:grid}.feedback-dialog form{gap:16px}.feedback-dialog select,.feedback-dialog textarea{box-sizing:border-box;border:1px solid var(--line);width:100%;color:var(--text);font:inherit;background:#0b161d;border-radius:8px}.feedback-dialog select{min-height:44px;padding-inline:12px}.feedback-dialog textarea{resize:vertical;min-height:140px;padding:12px}.feedback-dialog .feedback-consent{color:var(--muted);grid-template-columns:auto 1fr;align-items:center;font-size:12px}.feedback-consent input{width:18px;height:18px}.player-support-history{border-top:1px solid var(--line);gap:10px;margin-top:20px;padding-top:18px;display:grid}.player-support-history h3,.player-support-history p{margin:0}.player-support-history article{border:1px solid var(--line);background:#0b161d;border-radius:9px;gap:6px;padding:12px;display:grid}.player-support-history span,.player-support-history small{overflow-wrap:anywhere;color:var(--muted);font-size:10px}.player-support-history blockquote,.support-queue blockquote{border-left:3px solid var(--teal);background:#12242a;gap:5px;margin:6px 0 0;padding:12px;display:grid}@media (width<=767px){.topbar .brand-title{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.topbar .header-tools{gap:6px;min-width:0}.feedback-button{width:42px;height:42px;min-height:42px}}.inbox-list{gap:12px;display:grid;overflow:auto}.inbox-list article{background:#101c24;border:1px solid #ffffff18;border-radius:12px;padding:18px}.inbox-list article.unread{border-left:3px solid var(--teal)}.inbox-list article.maintenance{border-left-color:#f4c56c}.inbox-list article.gift{background:linear-gradient(135deg,#112a2a,#101c24)}.inbox-list h3{margin:7px 0}.inbox-list small{color:#83a1ab;letter-spacing:1.2px;font-size:10px}.inbox-gift{color:#f4c56c;border-top:1px solid #ffffff18;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;padding-top:14px;display:flex}.account-summary strong{color:#69ded0;font-size:24px}.account-summary span{color:#bdcdd1;line-height:1.5}.cosmetic-inventory{gap:.75rem}.next-level-reward{border-left:2px solid var(--teal);background:color-mix(in srgb, var(--teal) 8%, transparent);gap:.2rem;padding:.7rem;display:grid}.next-level-reward b{color:var(--teal);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.cosmetic-item{border:1px solid color-mix(in srgb, var(--teal) 18%, transparent);background:color-mix(in srgb, var(--panel) 88%, transparent);grid-template-columns:3.25rem minmax(0,1fr);align-items:center;gap:.55rem;padding:.65rem;display:grid}.cosmetic-item>span{gap:.15rem;display:grid}.cosmetic-actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.cosmetic-actions .button{width:100%;min-width:0}.cosmetic-availability{border:1px dashed color-mix(in srgb, var(--teal) 24%, transparent);min-height:42px;color:var(--muted);letter-spacing:.05em;text-align:center;text-transform:uppercase;place-items:center;padding:.25rem .5rem;font-size:.72rem;display:grid}.cosmetic-item small{text-transform:uppercase;letter-spacing:.08em;opacity:.7}.cosmetic-swatch{border:1px solid color-mix(in srgb, var(--teal) 35%, transparent);background:#102027;place-items:center;width:3.1rem;height:3.1rem;display:grid}.cosmetic-swatch.cosmetic-profile-foundry-frame{box-shadow:inset 0 0 0 2px #d9b978,0 0 10px #d9b97820}.cosmetic-swatch i{font:800 1.7rem/1 var(--display);color:var(--teal);font-style:normal}.cosmetic-piece-signal-trace i{text-shadow:0 0 5px var(--teal), 8px 0 12px color-mix(in srgb, var(--teal) 45%, transparent)}.cosmetic-shield-hex-lattice i{color:#9af5df;filter:drop-shadow(0 0 5px #64dcc8)}.cosmetic-profile-foundry-frame{box-shadow:inset 0 0 0 2px #ff8d7f,0 0 12px #ff8d7f59}.cosmetic-board-preview{background:#0b171d;grid-template-columns:repeat(3,2.6rem);justify-content:center;gap:.2rem;padding:.8rem;display:grid;position:relative}.cosmetic-board-preview[hidden]{display:none}.cosmetic-board-preview>i{border:1px solid #28414b;place-items:center;width:2.6rem;height:2.6rem;display:grid;position:relative}.cosmetic-board-preview .preview-mark{isolation:isolate}.cosmetic-board-preview .preview-mark:after{content:"×";color:var(--teal);font:800 2rem/1 var(--display)}.cosmetic-board-preview.cosmetic-piece-signal-trace .preview-mark:after{text-shadow:0 0 5px var(--teal), 10px 0 12px color-mix(in srgb, var(--teal) 50%, transparent);animation:2.4s ease-in-out infinite cosmetic-trace-mark}.cosmetic-board-preview.cosmetic-piece-signal-trace .preview-mark:before{z-index:-1;content:"";background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--teal) 15%, transparent) 34%, var(--teal) 50%, color-mix(in srgb, var(--teal) 15%, transparent) 66%, transparent 100%);filter:blur(1px);opacity:0;animation:2.4s ease-in-out infinite cosmetic-signal-sweep;position:absolute;inset:-.55rem -2.8rem;transform:translate(-1.4rem)scaleX(.25)}.cosmetic-board-preview.cosmetic-shield-hex-lattice .preview-mark{clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);border:2px solid #72e5d0;animation:2.8s ease-in-out infinite cosmetic-hex-shield;box-shadow:inset 0 0 12px #72e5d055}.cosmetic-board-preview.cosmetic-shield-hex-lattice .preview-mark:before{content:"";clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);opacity:0;border:1px solid #9af5df;animation:2.8s ease-out infinite cosmetic-shield-pulse;position:absolute;inset:-.35rem}.cosmetic-board-preview>small{text-align:center;grid-column:1/-1;margin-top:.35rem}.cosmetic-live-loop{color:color-mix(in srgb, var(--teal) 68%, white);letter-spacing:.08em;text-transform:uppercase;font-size:.6rem;font-weight:750;position:absolute;bottom:.55rem;right:.65rem}.preview-profile-card{color:#ffe1db;background:#182a33;border:1px solid #ff9b8e;align-items:center;gap:.55rem;padding:.45rem;animation:2.5s ease-in-out infinite cosmetic-foundry-frame;display:none;position:absolute;inset:1.2rem 1.2rem auto;box-shadow:inset 0 0 0 2px #ff8d7f,0 0 #ff8d7f00}.preview-profile-card b{color:#6ce4d1;border:1px solid #ff8d7f;place-items:center;width:2rem;height:2rem;font-size:.78rem;display:grid}.preview-profile-card small{color:#ffd0c8;letter-spacing:.1em;text-transform:uppercase;font-size:.58rem;font-weight:800}.cosmetic-board-preview.cosmetic-profile-foundry-frame .preview-profile-card{display:flex}.cosmetic-board-preview.cosmetic-profile-foundry-frame .preview-mark{opacity:.35}@keyframes cosmetic-trace-mark{0%,to{opacity:.78;transform:translate(-.15rem)}42%,58%{opacity:1;transform:translate(.18rem)scale(1.12)}}@keyframes cosmetic-signal-sweep{0%,20%{opacity:0;transform:translate(-1.4rem)scaleX(.25)}42%,64%{opacity:.9;transform:translate(1.35rem)scaleX(1)}to{opacity:0;transform:translate(1.7rem)scaleX(.4)}}@keyframes cosmetic-hex-shield{0%,to{filter:brightness(.9);box-shadow:inset 0 0 12px #72e5d055}45%,60%{filter:brightness(1.35);box-shadow:inset 0 0 22px #9af5dfcc,0 0 14px #72e5d0aa}}@keyframes cosmetic-shield-pulse{0%,38%{opacity:0;transform:scale(.7)}54%{opacity:.9;transform:scale(1.38)}72%,to{opacity:0;transform:scale(1.55)}}@keyframes cosmetic-foundry-frame{0%,to{transform:translateY(0);box-shadow:inset 0 0 0 2px #ff8d7f,0 0 #ff8d7f00}50%{transform:translateY(-2px);box-shadow:inset 0 0 0 2px #ffe2bb,0 0 18px 3px #ff8d7f66}}.cosmetic-preview-dialog{width:min(430px,100vw - 32px);max-height:calc(100dvh - 32px);padding:1.25rem}.cosmetic-preview-dialog .dialog-heading{justify-content:space-between;align-items:start;gap:1rem;display:flex}.cosmetic-preview-dialog .dialog-heading small{color:var(--teal);letter-spacing:.14em;text-transform:uppercase;font-size:.7rem;font-weight:800}.cosmetic-preview-dialog .dialog-heading h2{margin:.15rem 0 0}.progress-card .settings-dialog.cosmetic-preview-dialog h2:after{display:none}.cosmetic-preview-dialog .cosmetic-board-preview{border:1px solid color-mix(in srgb, var(--teal) 28%, transparent);min-height:15rem;margin-top:1rem}.cosmetic-preview-copy{color:#c7d5d7;margin:.8rem 0 0;font-size:.92rem;line-height:1.5}.cosmetic-preview-dialog .cosmetic-board-preview{background:radial-gradient(circle at 50% 42%,#15323a 0,#0a151a 62%);border-color:#31535d;grid-template-columns:repeat(3,3.5rem);gap:.3rem;min-height:17rem;padding:2.7rem 1rem 1rem;overflow:hidden}.cosmetic-preview-dialog .cosmetic-board-preview>i{background:#0d1b21;border-color:#294d57;width:3.5rem;height:3.5rem}.preview-context{color:#8da8ad;letter-spacing:.12em;text-transform:uppercase;font-size:.62rem;font-weight:800;position:absolute;top:.75rem;left:.8rem}.cosmetic-preview-dialog .cosmetic-board-preview>small{color:#aabec2;margin-top:.65rem;font-size:.7rem}.cosmetic-preview-dialog .preview-mark:after{font-size:2.75rem}.cosmetic-preview-dialog .cosmetic-piece-signal-trace .preview-mark:after{text-shadow:0 0 6px #69ded0,12px 0 #3e9e97,24px 0 16px #287a78}.cosmetic-preview-dialog .cosmetic-piece-signal-trace .preview-mark:before{z-index:-1;filter:blur(2px);background:linear-gradient(90deg,#0000 0 25%,#75f2df 47%,#0000 72%);animation-duration:3s;inset:.35rem -3.75rem}.cosmetic-preview-dialog .cosmetic-shield-hex-lattice .preview-mark{background:radial-gradient(circle,#4ab7ad55,#0000 65%);border-width:2px;box-shadow:inset 0 0 20px #9af5df88,0 0 18px #72e5d077}.preview-impact{background:var(--coral);width:.6rem;height:.6rem;box-shadow:0 0 12px var(--coral);border-radius:50%;animation:3s ease-in-out infinite cosmetic-shield-impact;position:absolute;top:50%;left:calc(50% + 5.2rem);transform:translateY(-50%)}.cosmetic-profile-showcase{background:radial-gradient(circle at 50% 35%,#263a41,#0a151a 68%);border:1px solid #31535d;align-content:center;gap:.75rem;min-height:15rem;margin-top:1rem;padding:1rem;display:grid}.profile-showcase-kicker{color:#9faeb2;letter-spacing:.12em;text-align:center;text-transform:uppercase;font-size:.62rem;font-weight:800}.profile-showcase-card{background:#172932;border:2px solid #ff9a8b;align-items:center;gap:.8rem;padding:.8rem;animation:3s ease-in-out infinite cosmetic-foundry-frame;display:flex;box-shadow:inset 0 0 0 2px #ffdfc9,0 0 #ff8d7f00}.profile-showcase-card>b{color:#67dfcf;width:3rem;height:3rem;font:800 1rem/1 var(--display);border:1px solid #ff9a8b;place-items:center;display:grid}.profile-showcase-card span{gap:.22rem;display:grid}.profile-showcase-card strong{color:#fff3e7}.profile-showcase-card small,.cosmetic-profile-showcase>small{color:#b8c8cc;font-size:.7rem}.cosmetic-profile-showcase>small{text-align:center}@keyframes cosmetic-shield-impact{0%,20%{opacity:0;transform:translate(2.4rem,-50%)scale(.7)}43%{opacity:1;transform:translate(-2.4rem,-50%)scale(1)}48%{opacity:0;transform:translate(-2.8rem,-50%)scale(2.5)}to{opacity:0;transform:translate(-2.8rem,-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.cosmetic-board-preview .preview-mark:before,.cosmetic-board-preview .preview-mark:after,.preview-profile-card{animation:none}}@media (width<=560px){.cosmetic-actions{grid-template-columns:1fr}}.button.danger{border-color:color-mix(in srgb, var(--coral) 70%, transparent);background:color-mix(in srgb, var(--coral) 16%, #111b22);color:#ffd8d2}.button.danger:hover{background:color-mix(in srgb, var(--coral) 24%, #111b22)}.lobby-shell .button.lobby-cta{align-items:center;justify-content:initial;text-align:left;border-style:solid;border-width:1px;grid-template-columns:minmax(0,1fr) 24px;gap:12px;width:240px;height:56px;min-height:56px;padding:0 20px;font:750 16px/1.2 Inter,ui-sans-serif,system-ui,sans-serif;display:grid}.lobby-shell .button.lobby-cta.primary{border-color:#0000}.lobby-shell .button.lobby-cta .cta-arrow{text-align:center;font-size:21px}.lobby-shell .lobby-secondary{flex-direction:column;align-items:flex-start;gap:8px;margin-top:12px}.button.guide-button{justify-content:center;gap:8px;width:max-content;min-height:44px;padding:8px 12px;font-size:14px;line-height:20px;display:inline-flex}.lobby-shell .button.guide-button{margin:0;position:static}.button.guide-button .help-glyph{flex:0 0 16px}@media (width<=767px){.lobby-shell .button.lobby-cta{width:100%;height:52px;min-height:52px}.lobby-shell .lobby-secondary{gap:4px;margin-top:10px}.lobby-shell .landing{padding-bottom:16px}}.brand-mark{width:28px;height:28px;stroke:var(--teal);stroke-width:2.5px;fill:none}.brand>.brand-title:last-child{color:var(--text);font-weight:800}.brand-title b{color:var(--muted);font-weight:400}.header-tools{align-items:center;gap:var(--space-6);display:flex}.icon-button{border:1px solid var(--line);width:44px;height:44px;color:var(--muted);background:0 0;border-radius:50%;flex-shrink:0;place-items:center;font-size:26px;display:grid}.icon-button:hover{background:var(--panel);color:var(--text)}.icon-button svg{stroke:currentColor;stroke-width:1.6px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.button{border-radius:var(--radius-control);min-height:48px;transition:transform var(--motion-press), background .15s;border:1px solid #0000;justify-content:center;align-items:center;gap:28px;padding:12px 22px;font-weight:750;display:inline-flex}.button:active{transform:scale(.98)}.button.primary{background:var(--teal);color:#112b28;box-shadow:0 3px #3d897a}.button.primary:hover{background:#87ecd9}.button.secondary{background:var(--panel);color:var(--text);border-color:#52616a}.button.quiet{color:var(--muted);background:0 0}.button:disabled{opacity:.55;box-shadow:none}.play-options{border:1px solid var(--line);border-radius:var(--radius-cell);background:#0c1319;gap:4px;width:fit-content;margin-top:30px;padding:4px;display:flex}.mode-choice{color:var(--muted);border-radius:var(--radius-small);background:0 0;border:0;min-height:44px;padding:11px 14px;font-size:13px;font-weight:650}.mode-choice[aria-pressed=true]{color:var(--text);background:#293942;box-shadow:0 2px 5px #0003}.mode-choice:disabled{opacity:.6}.mode-description{color:var(--muted);margin:12px 0 20px;font-size:13px}.play-button{justify-content:space-between;min-width:240px;font-size:17px}.play-button>span{font-size:24px;font-weight:400}.guest-note{color:var(--muted);align-items:center;gap:8px;margin-top:22px;font-size:11px;display:flex}.error-message{border-left:3px solid var(--coral);color:#ffd5cd;background:#ff998a0b;max-width:480px;padding:12px 16px;font-size:14px}.center-state{text-align:center;justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;min-height:65vh;padding:32px;display:flex}.center-state h1{letter-spacing:-1px;font-size:32px}.center-state p{max-width:460px}.loader{border:2px solid var(--line);border-top-color:var(--teal);border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin;display:inline-block}.loader.small{width:14px;height:14px}.settings-dialog{border-radius:var(--radius-panel);color:var(--text);background:#192630;border:1px solid #455660;width:calc(100% - 32px);max-width:420px;max-height:min(90dvh,900px);padding:28px;overflow:auto;box-shadow:0 30px 90px #0008}.settings-dialog::backdrop{background:#03080dbb}.dialog-heading{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.dialog-heading h2{margin:0;font-size:24px}.toggle-label{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:60px;margin:24px 0 12px;font-weight:650;display:flex}.toggle-label input{width:24px;height:24px;accent-color:var(--teal)}.range-label{margin:24px 0;font-size:14px;display:block}.range-label output{float:right;color:var(--muted)}.range-label input{width:100%;min-height:44px;accent-color:var(--teal);display:block}@keyframes spin{to{transform:rotate(360deg)}}.balance-compact{display:none}.auth-dialog .auth-close{place-items:center;width:44px;height:44px;display:grid;top:20px;right:28px}.career-level progress::-moz-progress-bar{background:var(--teal)}.progress-card.compact .settings-dialog .button{min-height:44px;margin-left:0}.career-profile .career-identity{grid-template-columns:auto minmax(0,1fr) 44px;display:grid}.career-identity .career-edit{flex-shrink:0;justify-self:end;width:44px;height:44px;margin-left:8px}.career-edit svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.arena-page .session-score{text-align:center;flex-direction:column;justify-content:center;justify-self:center;gap:4px}.room-reactions>summary{cursor:pointer;align-items:center;gap:8px;min-height:44px;font-size:12px;display:flex}.room-reactions>summary svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:20px;height:20px}.room-page .arena-tool{justify-content:center;min-width:44px;min-height:44px}.room-page .arena-tool svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.header-secondary{gap:8px}.header-nav-link{min-height:44px;color:var(--muted);white-space:nowrap;background:0 0;border:0;align-items:center;padding:8px;font-size:12px;font-weight:650;display:flex}.compact-home{display:none}.header-secondary .guide-button svg{width:21px;height:21px;display:block}.lobby-shell .topbar{flex-wrap:nowrap}@media (width<=1100px){.lobby-shell .topbar{min-height:80px;padding-block:12px;display:block}.lobby-shell .topbar>.brand{display:none}.lobby-shell .topbar .header-tools{flex-wrap:nowrap;gap:8px;width:100%;display:flex}.header-tools .progress-card.compact{display:contents}.header-tools .progress-card .player-chip{flex:auto;min-width:44px;max-width:220px;padding:6px 8px}.header-tools .progress-card>.currency-balances{flex-wrap:nowrap;flex:0 auto;min-width:0;margin-left:auto}.header-tools .progress-card>.currency-balances .currency-balance{gap:5px;padding:6px}.header-tools .progress-card>.currency-balances .balance-full{display:none}.header-tools .progress-card>.currency-balances .balance-compact{display:inline}.topbar .header-tools .header-menu-toggle{order:3;place-items:center;display:grid}.topbar .header-secondary{z-index:40;background:#15252dfc;border:1px solid #647b864a;border-radius:16px;width:min(300px,100vw - 32px);max-height:calc(100dvh - 96px);padding:8px;display:none;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 14px 40px #0006}.topbar .header-secondary.is-open{gap:4px;display:grid}.topbar .header-secondary .header-menu-item>button,.header-secondary>.header-nav-link,.header-secondary .header-guide>button{background:0 0;border:0;border-radius:10px;justify-content:flex-start;align-items:center;gap:14px;width:100%;height:auto;min-height:48px;margin:0;padding:10px 14px;font-size:14px;display:flex}.topbar .header-secondary .header-menu-item>button:after{content:attr(data-menu-label);color:var(--text);font-size:14px;font-weight:600;position:static}.header-secondary .header-guide>button{justify-content:space-between}.header-secondary .header-menu-item{display:contents}body:has(.lobby-shell){height:auto;overflow:auto}.lobby-shell{height:auto;min-height:100svh;overflow:visible}.lobby-shell .landing{align-items:start;gap:32px;min-height:0;padding-block:clamp(24px,4vw,48px)}.lobby-shell .landing h1{margin-top:0}}@media (width<=480px){.career-profile .career-identity{grid-template-columns:48px minmax(0,1fr) 44px;gap:12px;padding:16px!important}.career-profile .career-identity h3{white-space:nowrap;text-overflow:ellipsis;font-size:17px;overflow:hidden}.career-profile .career-identity small{letter-spacing:0;overflow-wrap:anywhere}.arena-page .player-details{min-width:0}.arena-page .player-details>b{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.arena-page .player-details>span{letter-spacing:0;flex-wrap:wrap;font-size:9px}.arena-page .player-colour-name,.arena-page .player-details>span>i{display:none}.arena-page .player-seconds{font-size:10px}.header-tools .progress-card .player-chip span{display:none!important}.header-tools .progress-card .player-chip{flex:0 0 44px;height:44px;min-height:44px;padding:4px}.header-tools .progress-card .player-chip>i{width:34px;height:34px}.header-tools .progress-card>.currency-balances .currency-icon{width:20px;height:20px}.header-tools .progress-card>.currency-balances{gap:5px}.topbar .header-tools .header-menu-toggle{width:44px;height:44px}.lobby-shell .landing{padding-top:24px}}@media (height<=500px) and (orientation:landscape){.lobby-shell .topbar{min-height:64px;padding-block:6px}.lobby-shell .landing{grid-template-columns:minmax(0,1fr) minmax(180px,.8fr);gap:24px;padding-top:18px}.lobby-shell .landing h1{margin-bottom:12px;font-size:32px}.lobby-shell .lede{margin-bottom:12px;font-size:13px}.lobby-shell .arena-preview{justify-self:center;width:min(240px,100%);display:grid}.lobby-shell .lobby-cta{min-height:44px}}@media (width<=700px){.shop-preview-dialog .shop-preview-layout{flex-direction:column;display:flex}.shop-preview-dialog .collection-list{flex-shrink:0;width:100%;display:flex;overflow-x:auto}.shop-preview-dialog .collection-list>button{flex:0 0 160px;min-width:160px}.shop-preview-dialog .collection-stage{width:100%;min-width:0}}@media (width<=1199px){.arena-page:has(.bg-result) .ability-panel{display:none}.arena-page .bg-result{grid-area:result;grid-template-columns:minmax(0,1fr);width:min(560px,100%);max-width:100%;margin-top:16px;position:static}.arena-page .bg-result>*{grid-column:1}.arena-page .bg-result .bg-result-actions{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.arena-page .bg-result .button{grid-area:auto;width:100%}.arena-page .bg-result .result-back{justify-content:center;align-items:center;min-height:44px;display:flex}}@media (width>=900px) and (width<=1199px){.arena-page:has(.bg-result) .live-arena{--board-size:min(440px, calc(100vw - 360px), calc(100svh - 260px));align-content:start;width:100%;max-width:1000px;padding-right:320px}.arena-page .bg-result{grid-area:auto;width:280px;position:absolute;top:100px;left:auto;right:20px}}@media (width<=899px){.arena-page:has(.bg-result){padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}.arena-page .bg-result .bg-result-actions{z-index:20;left:8px;right:8px;bottom:max(8px, env(safe-area-inset-bottom,0px));background:#102128;border:1px solid #345057;border-radius:12px;padding:8px;position:fixed}}@media (width<=600px) and (orientation:portrait){.arena-page .ability-panel .ability-options{grid-template-columns:repeat(4,minmax(0,1fr))}.arena-page:has(.ability-panel) .live-arena{align-content:start}}@media (orientation:landscape) and (height<=600px){.room-page:has(.ability-panel) .arena-toolbar{flex-wrap:wrap;grid-area:3/1;place-self:start center;gap:4px;width:100%}.room-page:has(.ability-panel) .session-score{grid-area:4/2;align-self:start;margin:0;padding:0}.arena-page.room-page:has(.ability-panel) .arena-turn{grid-area:5/1/auto/-1}.room-page:has(.ability-panel) .ability-help{grid-row:6}.room-page:has(.ability-panel) .arena-player{gap:4px;padding-block:6px}.room-page:has(.ability-panel) .arena-avatar{width:28px;height:28px}.arena-page:has(.ability-panel) .live-arena{grid-template-columns:minmax(90px,1fr) auto minmax(128px,1fr);column-gap:12px}.arena-page:has(.ability-panel) .arena-player.player-O{grid-area:2/1;align-self:start}.arena-page:has(.ability-panel) .board-stage{grid-row:1/4}.arena-page .ability-panel{display:contents}.arena-page .ability-panel .ability-options{grid-area:1/3/4;grid-template-columns:repeat(2,minmax(0,1fr));align-self:start;gap:4px}.arena-page .ability-panel .ability-button{gap:0;height:48px;min-height:48px;padding:3px;font-size:10px}.arena-page .ability-panel .ability-icon{width:18px;height:18px}.arena-page .ability-help{grid-area:5/1/auto/-1}.arena-page:has(.ability-panel) .arena-turn{grid-area:4/2}.arena-page.arena-finished .live-arena{--board-size:min(300px, calc(100svh - 116px))}}