/* v0.5 — a quiet station, clear lanes, and a distinct identity for every rarity. */
:root{--paper:#eff2ed;--paper-deep:#e6ebe4;--white:#fcfdf9;--ink:#243d45;--muted:#6f8588;--gold:#aa8e59;--line:#d6e0d9;--teal:#397a79;--dream:#8576a8;--shadow:0 12px 40px #254b4310}
.station-overlay .station-scenery{opacity:.14;filter:saturate(.5)}
.station-overlay{background:linear-gradient(120deg,#edf3ed,#f6f5ee);color:var(--ink)}
.station-overlay:before{display:none}
.station-overlay .station-header{position:fixed;top:0;left:0;right:0;height:84px;padding:18px 32px;border-bottom:1px solid #d5dfd8;background:#f8faf5e8;backdrop-filter:blur(16px);z-index:30}
.station-overlay .station-brand{color:var(--ink)}
.station-overlay .station-brand strong{font-size:24px;letter-spacing:5px}
.station-overlay .station-brand small{color:var(--muted);letter-spacing:2px;font-size:7px}
.station-overlay .station-sigil{color:var(--teal);border-color:#97b5aa;width:38px;height:38px;font-size:30px}
.station-overlay .station-account,.station-overlay .station-icon,.station-overlay .station-avatar{color:var(--ink);background:#edf2ec;border-color:var(--line);border-radius:8px;min-height:44px}
.station-overlay .station-window{position:fixed;inset:84px 0 0 192px;border:0;border-radius:0;background:transparent;box-shadow:none;clip-path:none}
.station-overlay .station-window:before,.station-overlay .station-window:after{display:none}
.station-overlay .station-window-frame{position:absolute;inset:0;overflow:auto;padding:34px clamp(22px,3.2vw,58px) 60px;background:transparent;border:0;scrollbar-gutter:stable}
.station-overlay .station-window .page{padding:0;max-width:1500px;margin:0 auto;color:var(--ink)}
.station-overlay .station-nav{position:fixed;top:84px;bottom:0;left:0;right:auto;width:192px;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;gap:5px;padding:25px 14px 32px;background:#f8faf5b3;border-right:1px solid var(--line);transform:none;overflow:auto;z-index:25}
.station-overlay .station-nav button{width:100%;text-align:left;justify-content:flex-start;min-height:44px;padding:12px 17px;font-size:12px;letter-spacing:1px;border:0;border-radius:8px;background:transparent;color:#627c7f;white-space:nowrap}
.station-overlay .station-nav button:hover{background:#e7eee7;color:var(--ink)}
.station-overlay .station-nav button.active{background:#274d53;color:#fff;box-shadow:0 4px 12px #24444812}
.station-overlay .station-nav .station-more{display:none}.station-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.station-more-grid .btn{min-height:54px;font-size:12px}
.station-overlay .station-version{display:none}
.station-window .eyebrow{color:#7a957d;font-size:9px;letter-spacing:2.4px}
.station-window .section-heading h2{font-size:29px;color:var(--ink);letter-spacing:2px}
.station-window .section-heading p{color:var(--muted);font-size:12px;max-width:760px;line-height:1.9}
.station-window .panel,.station-window .configuration,.station-window .lesson{border:1px solid var(--line);background:#fcfdf9;border-radius:14px;box-shadow:0 5px 18px #29433c04}
.station-window input,.station-window select{background:#f7faf4;border-color:var(--line);color:var(--ink);border-radius:8px;min-height:44px}
.station-window .btn{background:#2a5559;color:#fff;border-radius:8px;min-height:44px;letter-spacing:.5px;box-shadow:none}
.station-window .btn.light,.station-window .btn.ghost{color:var(--ink);background:#f3f7ef;border:1px solid var(--line)}
.station-window .btn.gold{background:#aa8e59;color:white}
.station-window .text-link{color:#416e6d;border-color:#a4bcb2;min-height:34px;letter-spacing:0}
.station-window .notice{background:#eaf1e9;border-left-color:#92b2a0;border-radius:8px;color:#5d7879;font-size:11px}
.station-window .hero-choice{height:270px;border-radius:14px}
.station-window .hero-choice.chosen{border-color:#8ca897;box-shadow:0 0 0 3px #dbe8dc}
.station-window .hero-choice .hero-label{color:#fff}
.station-window .hero-label h3{font-size:28px}
.station-window .fineprint{color:var(--muted);font-size:11px;line-height:1.9}
.station-window .filterbar{padding:14px;background:#f8fbf5;border:1px solid var(--line);border-radius:12px;gap:10px}
.station-window .card-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:18px}
.station-window .collection-layout{grid-template-columns:minmax(0,1fr) 290px;gap:24px}
.station-window .collection-cards{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}
.station-window .collection-card-tools{color:#607b7e;font-size:10px;background:#edf3ec;border:1px solid #dbe4da;border-radius:0 0 9px 9px;padding:10px 8px}
.station-window .collection-card .card{width:100%;height:100%;min-height:285px}
.station-window .collection-card{display:flex;flex-direction:column}
.station-window .collection-card>.card{flex:1}
.station-window .deck-editor{position:sticky;top:0;max-height:calc(100dvh - 150px);overflow:auto;padding:20px}
.station-window .deck-tile{background:#f6faf3;border-color:var(--line);color:var(--ink);border-radius:10px}
.station-window .deck-tile small,.station-window .deck-tile em{color:var(--muted)}
.station-window .wallet-chip{background:#f8f8e9;border:1px solid #e2ddbe;color:#8c743f;border-radius:30px;padding:9px 14px}
.station-window .mana-curve{grid-template-columns:repeat(10,1fr)}
.station-window .account-notice{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:22px}
.station-window .account-notice p{width:100%}
.station-home .station-version{font-size:10px;letter-spacing:2px}
.desk-archive{flex-wrap:wrap;max-width:620px;row-gap:0}
.desk-archive button{min-height:44px}
.station-home .desk-kicker{letter-spacing:3px}
.shop-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}
.shop-pack{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:13px;padding:26px}
.shop-pack h3{font-size:24px;letter-spacing:2px}
.shop-pack>p{font-size:12px;line-height:1.9;min-height:46px;color:var(--muted)}
.product-emblem{height:116px;border-radius:9px;display:grid;place-content:center;font:64px serif;color:#e3e6c6;background:radial-gradient(circle at 60% 40%,#668c8a,#284951);border:1px solid #738f80;box-shadow:inset 0 0 0 8px #26455133}
.product-D0_PACK .product-emblem{background:radial-gradient(circle at 60% 40%,#9d9b70,#5a7063)}
.product-E1_PACK .product-emblem{background:radial-gradient(circle at 60% 40%,#9d94bb,#57536f);color:#efdbba}
.shop-pack .product-price{margin:0;font-size:11px;color:#879178}
.shop-pack .product-price b{font-size:29px;color:var(--ink);font-family:serif}
.shop-pack .button-row{gap:8px}.shop-pack .btn{padding:11px 14px;font-size:11px;flex:1}
.pack-owned{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px;margin-top:auto;font-size:11px;color:var(--muted)}
.secret-product{position:relative;overflow:hidden;display:grid;grid-template-columns:210px 1fr;gap:35px;background:linear-gradient(120deg,#e8e6f2,#f5f3f7 50%,#e8f1ec)!important;border-color:#d5cee7!important;padding:32px}
.secret-copy h3{font-size:32px;margin:12px 0;letter-spacing:3px;color:#5b5278}
.secret-copy>p{color:#7e7790;line-height:1.9;font-size:12px;max-width:650px}
.secret-metrics{display:flex;flex-wrap:wrap;gap:25px;margin:22px 0;font-size:11px;color:#817a91}
.secret-metrics b{font-family:serif;color:#655781;font-size:26px;font-weight:400;margin-right:5px}
.station-window .secret-button{background:linear-gradient(110deg,#6b638c,#537f89);border:1px solid #8e86a8;color:#fff}
.secret-copy .pity-label{font-size:11px;color:#847994}.pity-label strong{color:#655781;font-size:16px}
.secret-copy>small{display:block;font-size:10px;line-height:1.8;color:#8a809b}
.secret-progress{display:block;max-width:420px;width:100%;height:5px;margin:18px 0 10px;accent-color:#9687b6}
.secret-orbit{position:relative;align-self:center;justify-self:center;width:160px;height:160px;display:grid;place-content:center;border-radius:50%;background:radial-gradient(circle,#f9f5ff,#d5d5e466 55%,transparent 70%);color:#9987b3;font:100px serif}
.secret-orbit:before,.secret-orbit:after,.secret-orbit i{position:absolute;content:'';inset:10px;border:1px solid #aaa1c18a;border-radius:45%;transform:rotate(45deg)}
.secret-orbit:after{inset:-10px;border-style:dashed;opacity:.55;transform:rotate(12deg)}
.secret-orbit i{inset:-23px;border-color:#adb9ae55;transform:rotate(73deg);border-radius:50%}
.secret-orbit i:last-child{inset:35px;transform:rotate(20deg)}
.secret-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;width:100%;align-self:center;align-items:center}
.secret-preview-card{position:relative;display:flex;flex-direction:column;padding:3px 3px 8px;border:1px solid #b7a8d0;border-radius:8px;background:linear-gradient(150deg,#f8e5f5,#e7eef8,#e8f7ed);box-shadow:0 3px 12px #9580b526;text-align:center;min-width:0;transition:transform .2s}
.secret-preview-card:hover{transform:translateY(-5px)}.secret-preview-card:nth-child(2){transform:translateY(-15px)}.secret-preview-card:nth-child(2):hover{transform:translateY(-20px)}
.secret-preview-card>img{width:100%;height:110px;border-radius:5px;object-fit:cover;object-position:center}
.secret-preview-card strong{display:block;font-family:serif;font-size:10px;color:#725a87;line-height:1.6;margin-top:7px;overflow-wrap:anywhere;letter-spacing:0}
.secret-preview-card small{font-size:7px;color:#94869e;display:block;line-height:1.6;margin-top:4px}
.secret-preview-cost{position:absolute;left:-4px;top:-6px;display:grid;place-content:center;width:22px;height:25px;clip-path:polygon(50% 0,100% 20%,100% 80%,50% 100%,0 80%,0 20%);background:#827296;color:#fff;font-family:serif;font-size:17px}
.card{isolation:isolate;border-width:2px;background:#f7f6ef;border-color:#afbeb4;box-shadow:0 5px 13px #294b3d0c;overflow:visible}
.card.rarity-common{border-color:#8da494}.card.rarity-rare{border-color:#6da4bf;box-shadow:0 0 0 1px #b2d2dc,0 5px 18px #508da512}
.card.rarity-epic{border-color:#a28ab5;box-shadow:0 0 0 1px #c5b5d4,0 5px 18px #8f73aa20}
.card.rarity-legendary{border-color:#bb984e;box-shadow:0 0 0 1px #e1d09c,0 5px 20px #b99c4128}
.card.rarity-rare .card-cost{background:#397594}.card.rarity-epic .card-cost{background:#826495}.card.rarity-legendary .card-cost{background:#9a7836}
.card.rarity-epic .card-title{color:#73538a}.card.rarity-legendary .card-title{color:#927131}
.card.rarity-secret{border-color:#bba4d4;background:linear-gradient(135deg,#fff0f1,#edf4ff 30%,#edfff5 60%,#f8eaff);box-shadow:0 0 0 1px #e2d3ef,0 0 21px #baa5d566}
.card.rarity-secret:before{content:'';position:absolute;inset:-3px;z-index:-1;border-radius:11px;background:conic-gradient(from var(--prism-angle,0deg),#dca6c5,#aaade7,#9ed3d2,#dee0a7,#e8b2d4,#aaaee8,#dca6c5);animation:prism-turn 8s linear infinite}
.card.rarity-secret:after{content:'✦';position:absolute;right:10px;top:10px;display:grid;place-content:center;width:27px;height:27px;color:#fff5ff;text-shadow:0 0 8px #fff;background:#776093a8;border-radius:50%;z-index:2;pointer-events:none}
.card.rarity-secret .card-cost{background:linear-gradient(135deg,#8a658d,#6989a6);color:white}.card.rarity-secret .card-title{color:#79628e}.card.rarity-secret .card-art{filter:saturate(1.12)}
.card.rarity-secret .card-art:after{background:#ffffff33}
.minion.rarity-rare{border-color:#80afcb!important}.minion.rarity-epic{border-color:#b597d0!important;box-shadow:0 0 13px #a276bd33!important}.minion.rarity-legendary{border-color:#d4b464!important;box-shadow:0 0 16px #dab86533!important}
.minion.rarity-secret{border-color:#d1aee3!important;box-shadow:0 0 0 2px #93c9d38a,0 0 21px #d29bc777!important;animation:secret-aura 4s ease-in-out infinite}
.secret-reveal-heading{text-align:center;padding:18px 0 8px;color:#80719e}.secret-reveal-heading>span{font:64px serif;display:block;filter:drop-shadow(0 0 16px #bb9fd0)}.secret-reveal-heading h3{font-size:20px;letter-spacing:2px;margin-top:13px}
.pack-reveal.secret-reveal{justify-content:center;grid-template-columns:minmax(190px,270px);padding:30px 20px;background:radial-gradient(ellipse,#e6dfee7a,transparent 70%)}
.pack-reveal.secret-reveal article:last-child{grid-column:auto;width:100%;justify-self:stretch}
.secret-reveal .card{min-height:360px;animation:secret-arrival 1.4s ease both}.secret-reveal .card-art{aspect-ratio:1.05}
.pack-reveal article>p{font-size:11px;line-height:1.8}.reveal-secret>p{color:#9473a6}
.friends-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);gap:24px}.friends-layout section.panel,.friends-layout .panel{margin-bottom:20px}.friends-layout h3{margin-bottom:15px}.friends-layout .form-stack{margin:18px 0}.friends-layout .panel-title h3{margin:0}
.friend-row,.session-row{display:flex;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.friend-row:last-child,.session-row:last-child{border:0}.friend-avatar{width:42px;height:42px;display:grid;place-content:center;border-radius:15px;background:#e5eee6;color:#6c9582;font:20px serif;flex:none}.friend-identity{min-width:0;flex:1}.friend-identity strong{display:block;font-size:13px;overflow-wrap:anywhere}.friend-identity small{display:block;font-size:10px;color:var(--muted);margin-top:5px;line-height:1.8}.presence.online{color:#4c9273}.presence.online:before{content:'● ';font-size:7px}.friend-row .button-row{margin-left:auto;gap:6px}.friend-row .btn{padding:8px 11px;min-height:40px;font-size:10px}.session-list{margin:20px 0}.session-row>div{flex:1}.session-row strong{font-size:13px}.session-row small{display:block;font-size:10px;color:var(--muted);line-height:1.8;margin-top:5px}.reward-breakdown{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:15px 0 24px}.reward-breakdown span{font-size:11px;background:#ebf1e8;border:1px solid #d5e0d0;border-radius:20px;padding:7px 12px;color:#6b8275}.reward-breakdown b{margin-left:4px;color:#a78e52}
/* A six-row board reserves its own space for heroes, both lanes, world controls and hand. */
.arena-fullscreen .battle-header{height:52px;left:18px;right:18px}.arena-fullscreen .battle-header .turn-counter{font-size:11px}
.battle-scene{--hand-space:58px;--unit-w:clamp(37px,min(8.5vw,10dvh),98px);--unit-h:calc(var(--unit-w)*1.2);--hero-w:clamp(45px,9dvh,90px);--hero-h:calc(var(--hero-w)*1.06);top:max(52px,env(safe-area-inset-top));bottom:env(safe-area-inset-bottom,0px);display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr) 68px minmax(0,1fr) minmax(0,1.1fr) var(--hand-space);align-items:center;justify-items:center;gap:0;padding:10px 12px 0;overflow:hidden}
.battle-scene.hand-is-open{--hand-space:245px;--unit-w:clamp(30px,min(7vw,7.5dvh),72px);--hero-w:clamp(38px,7.5dvh,70px)}
.arena-fullscreen .hero-station{position:relative;left:auto;top:auto;bottom:auto;transform:none;align-self:center;z-index:8;max-height:100%}
.arena-fullscreen .hero-station.enemy-hero{grid-row:1;grid-column:1}.arena-fullscreen .hero-station.own-hero{grid-row:5;grid-column:1}
.arena-fullscreen .hero-caption{font-size:10px;letter-spacing:1px;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis}.arena-fullscreen .hero-caption small{font-size:8px}
.arena-fullscreen .hero-token{min-height:0}.arena-fullscreen .hero-health{width:36px;height:36px;font-size:23px;right:-17px;bottom:-5px}
.arena-fullscreen .board-row{position:relative;left:auto;top:auto;bottom:auto;transform:none;max-width:76%;width:auto;height:var(--unit-h);align-self:center;gap:clamp(6px,1.1vw,16px);z-index:6}
.arena-fullscreen .board-row.enemy-row{grid-row:2;grid-column:1;top:auto}.arena-fullscreen .board-row.own-row{grid-row:4;grid-column:1;top:auto}
.arena-fullscreen .world-axis{position:relative;top:auto;left:auto;transform:none;grid-row:3;grid-column:1;flex-direction:row;align-items:center;gap:14px;z-index:7}
.arena-fullscreen .world-seal{width:auto;min-width:108px;height:46px;min-height:44px;border-radius:23px;display:flex;flex-direction:row;gap:9px;padding:8px 16px;background:#1d3b46d9;box-shadow:0 0 0 4px #adbd9f10;pointer-events:auto}
.arena-fullscreen .world-seal:before,.arena-fullscreen .world-seal:after{display:none}.arena-fullscreen .world-seal>span{font-size:24px}.arena-fullscreen .world-seal strong{font-size:14px;letter-spacing:3px}.arena-fullscreen .world-seal small{display:none}
.arena-fullscreen .world-axis .turn-indicator{margin:0;font-size:10px;letter-spacing:1px;background:none;padding:0}
.arena-fullscreen .shift-control,.arena-fullscreen .end-turn-control{position:relative;top:auto;bottom:auto;left:auto;right:auto;transform:none;grid-row:3;grid-column:1;z-index:8;min-height:44px;max-height:58px}
.arena-fullscreen .shift-control{justify-self:start;margin-left:5%;min-width:86px;border-radius:10px;display:grid;grid-template-columns:24px 1fr;padding:8px 13px;column-gap:6px;min-height:52px}.arena-fullscreen .shift-control>span{grid-row:1/3;align-self:center;font-size:24px}.arena-fullscreen .shift-control strong{font-size:12px}.arena-fullscreen .shift-control small{font-size:9px;margin:1px 0 0}
.arena-fullscreen .end-turn-control{justify-self:end;margin-right:4%;min-width:100px;font-size:11px;letter-spacing:1px;border-radius:10px;padding:12px 14px}
.arena-fullscreen .contract-mana{position:relative;top:auto;bottom:auto;left:auto;transform:none;grid-column:1;justify-self:start;margin-left:calc(50% + 100px);gap:9px;align-self:center}
.arena-fullscreen .contract-mana.enemy-mana{grid-row:1;top:auto}.arena-fullscreen .contract-mana.own-mana{grid-row:5;bottom:auto}
.arena-fullscreen .contract-crystal{width:clamp(10px,1.4vw,18px);height:clamp(18px,2.8vw,28px)}.arena-fullscreen .crystal-rack{gap:3px}.arena-fullscreen .mana-number{font-size:10px;white-space:nowrap}.arena-fullscreen .mana-number b{font-size:24px}
.arena-fullscreen .hero-power-control{position:relative;top:auto;bottom:auto;left:auto;transform:none;grid-row:5;grid-column:1;justify-self:end;margin-right:calc(50% + 77px);width:60px;height:60px;z-index:10}.arena-fullscreen .hero-power-control>span{font-size:21px}.arena-fullscreen .hero-power-control strong{font-size:10px}.arena-fullscreen .hero-power-control small{font-size:8px}
.arena-fullscreen .table-deck,.arena-fullscreen .table-grave{position:relative;top:auto;bottom:auto;left:auto;right:auto;transform:none;grid-column:1;max-height:100%;z-index:5}.arena-fullscreen .table-deck{justify-self:end;margin-right:3%}.arena-fullscreen .table-grave{justify-self:start;margin-left:3%}.arena-fullscreen .enemy-zone{grid-row:2}.arena-fullscreen .own-zone{grid-row:4}
.arena-fullscreen .table-deck.enemy-zone,.arena-fullscreen .table-grave.enemy-zone,.arena-fullscreen .table-deck.own-zone,.arena-fullscreen .table-grave.own-zone{top:auto}
.arena-fullscreen .table-meridian{top:49%;left:3%;right:3%}.arena-fullscreen .opponent-hand{position:absolute;top:3px;left:24%;width:auto;max-width:22%;transform:none;justify-content:center;opacity:.6}.arena-fullscreen .card-back{width:18px;height:27px}
.arena-fullscreen .action-review-slot{left:2%;top:2%;width:17%;max-width:170px;z-index:12}.action-review-slot .dm-action-recap{max-height:100px;overflow:auto}
.arena-fullscreen .table-objective{position:absolute;top:5px;right:2%;left:auto;width:25%;padding:8px 10px;min-height:0;max-height:80px;font-size:10px;z-index:15}.arena-fullscreen .table-objective>span{font-size:9px;max-height:40px;overflow:auto}.arena-fullscreen .table-objective b{font-size:10px}
.arena-fullscreen .hand-orbit{position:relative;grid-row:6;grid-column:1;bottom:auto;left:auto;transform:none;align-self:stretch;width:100%;height:100%;display:flex;flex-direction:column;pointer-events:none;z-index:20}
.arena-fullscreen .hand-orbit .hand-toggle{position:relative;bottom:auto;left:auto;transform:none;align-self:center;min-height:40px;height:40px;margin:0 0 4px;min-width:160px;pointer-events:auto;border-radius:20px;font-size:11px}
.arena-fullscreen .hand-orbit.tucked .hand{display:none}.arena-fullscreen .hand-orbit.expanded .hand{position:relative;display:flex;align-items:stretch;justify-content:flex-start;gap:12px;overflow-x:auto;overflow-y:hidden;width:min(1120px,100%);height:calc(100% - 44px);padding:4px 18px 12px;pointer-events:auto;margin:0 auto;scroll-snap-type:x proximity}
.arena-fullscreen .hand-orbit.expanded .fan-card{position:relative;left:auto;bottom:auto;transform:none!important;width:148px;height:100%;min-height:0;flex:0 0 148px;scroll-snap-align:center;z-index:1}
.arena-fullscreen .hand-orbit.expanded:before{position:absolute;left:0;right:0;bottom:0;height:100%;background:linear-gradient(transparent,#0d27378c);z-index:-1}
.arena-fullscreen .hand-orbit.expanded .fan-card:first-child{margin-left:auto}.arena-fullscreen .hand-orbit.expanded .fan-card:last-child{margin-right:auto}
.arena-fullscreen .hand-orbit.expanded .fan-card .card{height:100%;width:100%;overflow:hidden}.arena-fullscreen .hand .card-art{height:44%;aspect-ratio:auto}.arena-fullscreen .hand .card-title{font-size:12px}.arena-fullscreen .hand .card-class{font-size:7px}.arena-fullscreen .hand .card-text{font-size:9px;line-height:1.5;min-height:0;margin-top:5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.arena-fullscreen .hand .card-stats{margin-top:auto;padding-top:4px}.arena-fullscreen .hand .card-body{padding:7px}.arena-fullscreen .hand .card-stats strong{font-size:15px}
.arena-fullscreen .hand-detail{top:5px;right:5px;width:30px;height:30px}
.arena-fullscreen .table-hint{position:absolute;left:0;right:0;bottom:calc(var(--hand-space) + 2px);font-size:9px;letter-spacing:.5px;z-index:11;pointer-events:none}
.arena-fullscreen .selection-ribbon{left:50%;bottom:calc(var(--hand-space) + 1px);max-width:700px;min-height:54px;padding:6px 12px;z-index:19;font-size:10px}.arena-fullscreen .selection-ribbon strong{font-size:13px}.arena-fullscreen .selection-ribbon p{font-size:10px;line-height:1.5}.arena-fullscreen .selection-ribbon .btn{min-height:40px;font-size:10px;padding:9px 12px}
.arena-fullscreen .table-connection{top:0;z-index:35}.arena-fullscreen .replay-bar{position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:30}.arena-fullscreen .sandbox-label{top:0;right:2%;font-size:8px}
@property --prism-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes prism-turn{to{--prism-angle:360deg}}
@keyframes secret-aura{50%{filter:drop-shadow(0 0 8px #a6d2cd);border-color:#a1d9db}}
@keyframes secret-arrival{from{opacity:0;transform:translateY(18px) scale(.9);filter:brightness(1.5)}to{opacity:1;transform:none;filter:none}}
@media(min-width:1600px){.station-window .collection-layout{grid-template-columns:minmax(0,1fr) 320px}.station-window .collection-cards{grid-template-columns:repeat(auto-fill,minmax(175px,1fr))}}
@media(max-width:1100px){.station-overlay .station-nav{width:156px;padding:20px 10px}.station-overlay .station-window{left:156px}.station-overlay .station-window-frame{padding:26px 24px 45px}.station-overlay .station-nav button{font-size:11px;padding:10px 14px}.shop-products{gap:13px}.shop-pack{padding:18px}.secret-product{grid-template-columns:150px 1fr;gap:23px;padding:25px}.secret-orbit{width:120px;height:120px;font-size:78px}.station-window .collection-layout{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.station-window .collection-cards{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.station-window .filterbar select{min-width:95px}}
@media(max-width:850px){.station-window .collection-layout{grid-template-columns:1fr}.station-window .deck-editor{position:relative;max-height:none;order:-1}.station-window .deck-entry-list{max-height:210px}.station-window .collection-cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.shop-products{grid-template-columns:1fr}.shop-pack{display:grid;grid-template-columns:110px 1fr;column-gap:22px;gap:10px 22px}.product-emblem{grid-column:1;grid-row:1/6;height:100%;min-height:160px}.shop-pack>.eyebrow,.shop-pack>h3,.shop-pack>p,.shop-pack>.product-price,.shop-pack>.button-row{grid-column:2}.shop-pack .pack-owned{grid-column:1/3}.shop-pack h3{font-size:23px}.shop-pack>p{min-height:0}.friends-layout{grid-template-columns:1fr}.secret-metrics{gap:14px}.arena-fullscreen .contract-mana{margin-left:calc(50% + 68px);flex-direction:column;align-items:start;gap:3px}.arena-fullscreen .contract-crystal{width:12px;height:22px}.arena-fullscreen .mana-number b{font-size:18px}.arena-fullscreen .hero-power-control{margin-right:calc(50% + 63px);width:54px;height:54px}}
@media(max-width:700px){.station-overlay .station-header{height:72px;padding:12px 18px}.station-overlay .station-brand strong{font-size:21px;letter-spacing:3px}.station-overlay .station-brand small{font-size:6px;letter-spacing:1.5px}.station-overlay .station-sigil{width:30px;height:34px;font-size:26px}.station-overlay .station-header-actions{gap:7px}.station-overlay .station-account{font-size:10px;max-width:110px;padding:8px 10px}.station-overlay .station-icon{font-size:23px;min-width:40px}.station-overlay .station-avatar{display:none}.station-overlay .station-window{inset:72px 0 66px 0}.station-overlay .station-window-frame{padding:24px 18px 34px;scrollbar-gutter:auto}.station-overlay .station-nav{top:auto;bottom:0;left:0;right:0;width:100%;height:66px;flex-direction:row;align-items:center;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;border-top:1px solid var(--line);border-right:0;padding:8px 10px max(8px,env(safe-area-inset-bottom));gap:5px;background:#f8faf5f2;backdrop-filter:blur(14px)}.station-overlay .station-nav button{width:auto;min-width:75px;flex:none;padding:10px 12px;min-height:44px;font-size:10px;text-align:center}.station-window .section-heading{gap:14px;align-items:start;flex-wrap:wrap}.station-window .section-heading h2{font-size:26px}.station-window .section-heading p{font-size:11px}.station-window .section-heading .wallet{margin-left:auto}.station-window .filterbar{padding:11px;gap:8px}.station-window .filterbar input{width:100%;max-width:none;margin:0}.station-window .filterbar select{flex:1;min-width:85px;font-size:10px}.station-window .hero-choice{height:235px}.station-window .hero-select{gap:12px}.station-window .hero-choice .hero-label{left:15px;bottom:18px}.station-window .hero-label h3{font-size:25px}.station-window .hero-label small{font-size:7px;letter-spacing:1px}.station-window .form-grid{grid-template-columns:1fr 1fr;gap:15px}.station-window .configuration{padding:18px}.secret-product{grid-template-columns:1fr;gap:10px;padding:23px}.secret-orbit{position:absolute;width:130px;height:130px;right:-28px;top:-17px;opacity:.22;pointer-events:none}.secret-copy{position:relative;z-index:1}.secret-copy h3{font-size:26px}.secret-copy .eyebrow{font-size:8px}.secret-copy>p{font-size:11px}.secret-metrics{gap:20px;margin:19px 0}.secret-metrics b{font-size:23px}.secret-metrics span{font-size:9px}.secret-copy .button-row{gap:12px}.secret-copy>small{font-size:9px}.shop-pack{grid-template-columns:80px 1fr;padding:20px;gap:10px 16px}.product-emblem{font-size:46px;min-height:180px}.shop-pack h3{font-size:22px}.shop-pack>.button-row .btn{font-size:10px}.shop-pack>p{font-size:11px}.station-window .disclosure-grid{grid-template-columns:1fr}.pack-disclosure{padding:20px!important}.station-window .card-grid,.station-window .collection-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.station-window .collection-card .card{min-height:275px}.station-window .card-text{font-size:10px}.station-window .card-title{font-size:13px;letter-spacing:0}.station-window .collection-card-tools{padding:8px;font-size:9px}.friend-row{flex-wrap:wrap}.friend-row .button-row{gap:8px}.station-window .tutorial-grid{grid-template-columns:1fr 1fr}.station-window .lesson{padding:20px}.station-window .lesson h3{font-size:18px}.station-window .lobby-layout{grid-template-columns:1fr}.station-window .quest-grid{grid-template-columns:1fr}.station-window .room-code{font-size:36px}.station-home .station-version{font-size:7px;letter-spacing:1px}.arena-fullscreen .battle-header{height:48px;left:8px;right:8px}.arena-fullscreen .battle-header .turn-counter{font-size:9px}.battle-scene{top:max(48px,env(safe-area-inset-top));--hand-space:52px;--unit-w:clamp(32px,12vw,62px);--hero-w:clamp(45px,8.5dvh,66px);grid-template-rows:minmax(0,1fr) minmax(0,1fr) 60px minmax(0,1fr) minmax(0,1.1fr) var(--hand-space);padding:8px 5px 0}.battle-scene.hand-is-open{--hand-space:238px;--unit-w:clamp(29px,10.2vw,45px);--hero-w:clamp(34px,6dvh,50px)}.arena-fullscreen .board-row{max-width:76%;gap:7px}.arena-fullscreen .world-axis{flex-direction:column;gap:4px}.arena-fullscreen .world-seal{min-width:92px;min-height:40px;height:40px;padding:6px 12px;gap:7px}.arena-fullscreen .world-seal strong{font-size:12px;letter-spacing:2px}.arena-fullscreen .world-seal>span{font-size:21px}.arena-fullscreen .world-axis .turn-indicator{font-size:8px}.arena-fullscreen .shift-control{margin-left:3%;min-width:70px;min-height:44px;padding:7px 9px;grid-template-columns:19px 1fr}.arena-fullscreen .shift-control>span{font-size:20px}.arena-fullscreen .shift-control strong{font-size:11px}.arena-fullscreen .shift-control small{font-size:8px}.arena-fullscreen .end-turn-control{margin-right:2%;min-width:82px;padding:10px;font-size:10px;letter-spacing:0;gap:5px}.arena-fullscreen .end-turn-control b{font-size:14px}.arena-fullscreen .hero-health{width:30px;height:30px;font-size:20px;right:-13px}.arena-fullscreen .hero-health small{font-size:5px}.arena-fullscreen .hero-caption{font-size:8px;max-width:130px;margin-bottom:3px}.arena-fullscreen .hero-caption small{display:none}.arena-fullscreen .contract-mana{margin-left:calc(50% + 55px);gap:4px}.arena-fullscreen .crystal-rack{gap:2px}.arena-fullscreen .contract-crystal{width:11px;height:20px}.arena-fullscreen .mana-number{font-size:8px}.arena-fullscreen .mana-number b{font-size:18px}.arena-fullscreen .hero-power-control{margin-right:calc(50% + 52px);width:47px;height:47px;gap:1px}.arena-fullscreen .hero-power-control>span{font-size:18px}.arena-fullscreen .hero-power-control strong{font-size:9px}.arena-fullscreen .hero-power-control small{font-size:7px}.arena-fullscreen .table-deck{margin-right:1%}.arena-fullscreen .table-grave{margin-left:1%}.arena-fullscreen .table-deck,.arena-fullscreen .table-grave{font-size:7px;min-width:30px}.arena-fullscreen .deck-stack{width:22px;height:32px;font-size:22px}.arena-fullscreen .grave-ring{width:28px;height:28px;font-size:23px}.arena-fullscreen .minion-name{font-size:6px;bottom:16px}.arena-fullscreen .minion-stats b{width:21px;height:21px;font-size:15px}.arena-fullscreen .minion-tags span{font-size:6px}.arena-fullscreen .minion-detail{width:20px;height:20px;right:0;bottom:0}.arena-fullscreen .opponent-hand{left:23%;top:0;max-width:16%;opacity:.45}.arena-fullscreen .card-back{width:12px;height:20px}.arena-fullscreen .table-objective{left:auto;right:1%;top:0;width:28%;max-height:60px;padding:5px;gap:5px;display:grid;grid-template-columns:1fr 26px}.arena-fullscreen .table-objective>span{display:none}.arena-fullscreen .table-objective b{font-size:8px;line-height:1.6}.arena-fullscreen .table-objective .btn{grid-column:1/3;min-height:25px;padding:4px;font-size:7px}.arena-fullscreen .objective-help{width:25px;height:25px;min-width:25px;font-size:10px}.arena-fullscreen .action-review-slot{left:1%;top:1%;width:22%;max-width:95px}.action-review-slot .dm-action-recap{max-height:70px!important;padding:5px!important;overflow:hidden;font-size:7px!important}.action-review-slot .dm-action-recap p{display:none}.action-review-slot .dm-action-recap img{max-width:35px!important;max-height:35px!important}.action-review-slot .dm-action-recap h3,.action-review-slot .dm-action-recap strong{font-size:8px!important}.arena-fullscreen .hand-orbit.expanded .hand{gap:10px;padding:4px 10px 12px}.arena-fullscreen .hand-orbit.expanded .fan-card{width:137px;flex-basis:137px}.arena-fullscreen .hand-orbit .hand-toggle{min-height:40px;height:40px;font-size:10px;margin:0 0 4px}.arena-fullscreen .hand .card-body{padding:6px}.arena-fullscreen .hand .card-text{font-size:9px}.arena-fullscreen .hand-detail{width:30px;height:30px}.arena-fullscreen .selection-ribbon{width:96%;padding:5px 8px;min-height:46px;gap:7px}.arena-fullscreen .selection-ribbon p{font-size:8px}.arena-fullscreen .selection-ribbon strong{font-size:11px}.arena-fullscreen .selection-ribbon .btn{min-height:36px;max-width:90px;font-size:9px;padding:8px}.arena-fullscreen .selection-cancel,.arena-fullscreen .selection-detail{width:32px;height:36px;min-width:32px}.arena-fullscreen .table-hint{font-size:7px;bottom:calc(var(--hand-space) + 2px)}.arena-fullscreen .table-connection{max-width:98%;font-size:9px}.arena-fullscreen .replay-bar .btn{min-height:26px;font-size:8px;padding:5px 10px}.arena-fullscreen .replay-bar{top:0}.arena-fullscreen .sandbox-label{max-width:27%;white-space:normal;line-height:1.5;font-size:6px;top:2px}}
@media(max-height:560px){.arena-fullscreen .battle-header{height:40px}.battle-scene{top:40px;--hand-space:42px;--unit-w:clamp(29px,9dvh,45px);--hero-w:clamp(30px,9dvh,43px);grid-template-rows:minmax(0,1fr) minmax(0,1fr) 46px minmax(0,1fr) minmax(0,1.05fr) var(--hand-space);padding-top:3px}.battle-scene.hand-is-open{--hand-space:134px;--unit-w:clamp(24px,7dvh,35px);--hero-w:clamp(25px,7dvh,35px)}.arena-fullscreen .hero-caption{font-size:7px;margin-bottom:1px}.arena-fullscreen .hero-caption small{display:none}.arena-fullscreen .hero-health{width:25px;height:25px;font-size:17px;right:-10px;bottom:-3px}.arena-fullscreen .hero-health small{display:none}.arena-fullscreen .world-axis{flex-direction:row;gap:8px}.arena-fullscreen .world-seal{min-height:36px;height:36px;min-width:92px;padding:5px 10px}.arena-fullscreen .world-seal strong{font-size:11px}.arena-fullscreen .world-seal>span{font-size:19px}.arena-fullscreen .world-axis .turn-indicator{font-size:8px}.arena-fullscreen .shift-control{min-height:36px;max-height:40px;padding:5px 10px}.arena-fullscreen .shift-control strong{font-size:10px}.arena-fullscreen .shift-control small{font-size:7px}.arena-fullscreen .end-turn-control{min-height:36px;font-size:10px;padding:8px 12px}.arena-fullscreen .contract-mana{flex-direction:row;gap:7px;margin-left:calc(50% + 60px)}.arena-fullscreen .contract-crystal{width:10px;height:17px}.arena-fullscreen .mana-number b{font-size:17px}.arena-fullscreen .mana-number{font-size:8px}.arena-fullscreen .hero-power-control{width:39px;height:39px;gap:0;margin-right:calc(50% + 55px)}.arena-fullscreen .hero-power-control>span{font-size:15px}.arena-fullscreen .hero-power-control strong{font-size:8px}.arena-fullscreen .hero-power-control small{font-size:7px}.arena-fullscreen .table-deck,.arena-fullscreen .table-grave{font-size:6px;gap:3px}.arena-fullscreen .deck-stack{width:18px;height:25px;font-size:17px}.arena-fullscreen .grave-ring{width:22px;height:22px;font-size:17px}.arena-fullscreen .table-deck b,.arena-fullscreen .table-grave b{font-size:9px}.arena-fullscreen .minion-name{font-size:5px;bottom:13px}.arena-fullscreen .minion-stats b{width:17px;height:17px;font-size:12px}.arena-fullscreen .minion-tags span{font-size:5px;padding:1px}.arena-fullscreen .minion-detail{width:16px;height:16px}.arena-fullscreen .hand-orbit .hand-toggle{height:32px;min-height:32px;font-size:9px;margin-bottom:2px}.arena-fullscreen .hand-orbit.expanded .hand{height:calc(100% - 34px);padding:2px 12px 5px}.arena-fullscreen .hand-orbit.expanded .fan-card{width:98px;flex-basis:98px;height:100%}.arena-fullscreen .hand .card-art{height:48%}.arena-fullscreen .hand .card-text,.arena-fullscreen .hand .card-class{display:none}.arena-fullscreen .hand .card-cost{width:19px;height:22px;font-size:15px;top:4px;left:4px}.arena-fullscreen .hand .card-title{font-size:9px;letter-spacing:0}.arena-fullscreen .hand .card-body{padding:4px}.arena-fullscreen .hand .card-stats{padding:2px 0 0;margin-top:auto}.arena-fullscreen .hand .card-stats strong{font-size:12px}.arena-fullscreen .hand .card-stats .affinity{font-size:5px}.arena-fullscreen .hand .card-spell{font-size:6px;padding-top:2px}.arena-fullscreen .hand-detail{width:23px;height:23px;font-size:10px}.arena-fullscreen .table-objective{max-height:45px;top:0;padding:4px;width:27%}.arena-fullscreen .table-objective b{font-size:7px}.arena-fullscreen .table-objective>span{display:none}.arena-fullscreen .action-review-slot{top:0;width:17%;max-width:150px}.action-review-slot .dm-action-recap{max-height:47px!important;overflow:hidden;padding:4px!important}.action-review-slot .dm-action-recap img{max-height:31px!important;max-width:29px!important}.action-review-slot .dm-action-recap p{display:none}.arena-fullscreen .table-hint{font-size:6px;bottom:calc(var(--hand-space) + 1px)}.arena-fullscreen .selection-ribbon{min-height:39px;padding:3px 8px;max-width:500px;gap:5px}.arena-fullscreen .selection-ribbon strong{font-size:10px}.arena-fullscreen .selection-ribbon p{font-size:7px}.arena-fullscreen .selection-mark{font-size:15px}.arena-fullscreen .selection-ribbon .btn{min-height:30px;font-size:8px;padding:6px 9px}.arena-fullscreen .selection-cancel,.arena-fullscreen .selection-detail{width:29px;min-width:29px;height:30px;font-size:15px}}
@media(max-width:400px){.station-overlay .station-window-frame{padding-inline:12px}.station-window .card-grid,.station-window .collection-cards{gap:10px}.station-window .collection-card .card{min-height:260px}.station-window .form-grid{grid-template-columns:1fr}.secret-metrics{gap:12px}.secret-metrics b{font-size:20px}.arena-fullscreen .contract-mana{margin-left:calc(50% + 45px)}.arena-fullscreen .contract-crystal{width:9px;height:18px}.arena-fullscreen .crystal-rack{gap:2px}.arena-fullscreen .board-row{gap:6px}.arena-fullscreen .hero-power-control{margin-right:calc(50% + 45px)}.arena-fullscreen .end-turn-control{min-width:74px}.arena-fullscreen .shift-control{min-width:64px}.arena-fullscreen .world-seal{min-width:82px}}
.battle-scene{grid-template-columns:minmax(0,1fr);min-width:0;max-width:100%}
.arena-fullscreen .hand-orbit,.arena-fullscreen .hand-orbit.expanded .hand{min-width:0;max-width:100%;width:100%}
.arena-fullscreen .board-row,.arena-fullscreen .world-axis,.arena-fullscreen .hero-station{min-width:0}
.low-motion .card.rarity-secret:before,.low-motion .minion.rarity-secret,.low-motion .secret-reveal .card{animation:none}
@media(max-width:700px){.station-overlay .station-nav{gap:3px;padding-inline:5px;overflow:hidden}.station-overlay .station-nav button{min-width:0;flex:1;padding:10px 4px;font-size:9px;letter-spacing:0;text-align:center;justify-content:center}.station-overlay .station-nav button:is([data-nav="home"],[data-nav="quests"],[data-nav="catalog"],[data-nav="tutorials"],[data-nav="history"],[data-nav="settings"]){display:none}.station-overlay .station-nav .station-more{display:block}}
@media(max-width:1100px) and (min-width:701px){.secret-preview{gap:6px}.secret-preview-card>img{height:85px}.secret-preview-card strong{font-size:9px}.secret-preview-card small{font-size:6px}.secret-preview-cost{width:18px;height:21px;font-size:14px}}
@media(max-width:700px){.secret-preview{order:2;gap:9px;margin-top:7px}.secret-preview-card{flex-direction:row;text-align:left;padding:4px;gap:6px;min-height:66px;align-items:center;border-radius:8px}.secret-preview-card:nth-child(2),.secret-preview-card:nth-child(2):hover{transform:none}.secret-preview-card>img{width:34px;height:52px;object-fit:cover;flex:none}.secret-preview-card>span:last-child{min-width:0}.secret-preview-card strong{font-size:8px;line-height:1.5;margin:0}.secret-preview-card small{font-size:6px;line-height:1.4;margin-top:4px}.secret-preview-cost{width:17px;height:20px;top:-3px;left:-3px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.card.rarity-secret:before,.minion.rarity-secret,.secret-reveal .card{animation:none}.card,.btn{transition:none}}