/* Account, collection and commerce surfaces share the station's paper and brass. */
:root{--rare:#4279b4;--epic:#925bb0;--legendary:#c38830}
button,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #438d94;outline-offset:3px}button:disabled{cursor:not-allowed}
.station-nav{gap:3px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;overscroll-behavior-x:contain}.station-nav button{flex:0 0 auto;padding-inline:13px;white-space:nowrap}.station-header-actions{min-width:0}.station-window .section-heading{flex-wrap:wrap}.station-window .section-heading>div:first-child{min-width:0}
.wallet{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.wallet>span{display:flex;align-items:center;gap:5px;background:#fffbf0;border:1px solid #d7c795;padding:9px 11px;border-radius:6px;font-size:10px;white-space:nowrap}.wallet i{color:#a67d33;font-style:normal;font-size:17px}.wallet b{font-size:17px;font-variant-numeric:tabular-nums;color:#293f47}.account-notice{margin-bottom:20px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.account-notice p{width:100%;margin:0;line-height:1.8;font-size:11px}
.collection-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start}.collection-main{min-width:0}.deck-library{margin:0 0 23px}.deck-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.deck-tile{display:flex;position:relative;align-items:center;text-align:left;gap:13px;padding:10px 14px 10px 9px;min-height:86px;border:1px solid #c7b58c;background:linear-gradient(110deg,#fffaf1,#eee7d9);border-radius:7px;overflow:hidden;color:#2a3c4d}.deck-tile>img{width:55px;height:65px;object-fit:cover;object-position:50% 15%;border-radius:3px;flex:0 0 55px}.deck-tile span{display:grid;min-width:0;gap:5px}.deck-tile small{font-size:9px;letter-spacing:1px;color:#826c47}.deck-tile strong{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-tile em{font-size:9px;font-style:normal;color:#6f7b83}.deck-tile:hover{border-color:#4f7d83;box-shadow:0 3px 15px #30475115;transform:translateY(-1px)}
.collection-filters{margin-bottom:11px;gap:8px}.collection-filters input[type=text],.collection-filters>input{flex:1 1 160px;min-width:120px;width:100%;max-width:none}.collection-filters select{min-width:90px;font-size:11px;padding-inline:8px}.owned-filter{display:flex;align-items:center;gap:5px;font-size:10px;white-space:nowrap}.owned-filter input{width:16px;height:16px;accent-color:#438d94}.collection-meta{font-size:10px;color:#6f7882;letter-spacing:1px;margin-bottom:16px}.collection-cards{grid-template-columns:repeat(auto-fill,minmax(157px,1fr));gap:16px}.collection-card{min-width:0;display:flex;flex-direction:column}.collection-card>.card{width:100%;flex:1;min-width:0}.collection-card .card-art{height:auto;aspect-ratio:1.35;object-fit:cover}.collection-card .card-body{min-height:143px}.collection-card .card-text{min-height:70px;font-size:10px;line-height:1.7}.collection-card .card-title{font-size:13px}.collection-card.unowned>.card{filter:saturate(.4);opacity:.78}.collection-card-tools{display:grid;gap:7px;padding:9px 4px;color:#6b6e76;text-align:center;font-size:9px;line-height:1.6}.quantity-stepper{display:flex;justify-content:center;align-items:center;gap:14px}.quantity-stepper button{width:36px;height:34px;min-height:34px;border:1px solid #b4bcae;background:#fffaf1;border-radius:4px;color:#314e50;font-size:20px;line-height:1}.quantity-stepper b{font-size:14px;min-width:12px}.quantity-stepper button:disabled{opacity:.3}.craft-link{min-height:30px;font-size:10px}.card.rarity-common{border-color:#aaa995}.card.rarity-rare{border-color:var(--rare);box-shadow:0 3px 10px #4279b425}.card.rarity-epic{border-color:var(--epic);box-shadow:0 3px 13px #925bb02b}.card.rarity-legendary{border-color:var(--legendary);box-shadow:0 4px 16px #c388303b}.card.rarity-rare .card-class{color:var(--rare)}.card.rarity-epic .card-class{color:var(--epic)}.card.rarity-legendary .card-class{color:#986221}
.deck-editor{position:sticky;top:0;padding:19px!important;min-width:0}.deck-editor .panel-title{margin-bottom:15px;gap:8px}.deck-editor h3{font-size:16px}.deck-total{font-size:27px;color:#897042;white-space:nowrap}.deck-total small{font-size:12px}.deck-total.complete{color:#386b62}.deck-editor .form-stack{gap:12px}.deck-editor .form-stack label{font-size:10px}.deck-editor .form-stack input{padding:10px;font-size:12px}.deck-editor-class{font-size:10px;color:#7b765f}.mana-curve{height:89px;display:flex;gap:6px;align-items:flex-end;padding:4px 2px 0;border-bottom:1px solid #bcbca7}.mana-curve>div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:3px}.mana-curve b{font-size:8px;font-weight:500}.mana-curve i{display:block;width:100%;max-width:19px;height:calc(var(--curve)*52px);min-height:2px;background:linear-gradient(#7ca3a1,#3a6672);border-radius:3px 3px 0 0}.mana-curve small{font-size:9px;padding:4px 0;color:#6b7373}.deck-entry-list{max-height:360px;overflow:auto;scrollbar-width:thin}.deck-entry{display:flex;gap:7px;align-items:center;min-height:34px;border-bottom:1px solid #b8b49c44;font-size:10px}.entry-cost{background:#426a76;color:#fff7dc;min-width:22px;height:24px;display:grid;place-items:center;border-radius:3px;font-size:13px}.entry-title{border:0;background:none;color:inherit;text-align:left;flex:1;min-width:0;padding:7px 0;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-entry>button:last-child{border:0;background:#697f7712;width:29px;height:29px;color:#6f6b5d;font-size:17px;border-radius:3px}.deck-entry b{font-size:9px;color:#5b6968}.deck-entry.rarity-rare .entry-title{color:var(--rare)}.deck-entry.rarity-epic .entry-title{color:var(--epic)}.deck-entry.rarity-legendary .entry-title{color:#a57022}.deck-validation{font-size:10px;line-height:1.8;color:#637a69}.deck-editor .btn{width:100%;padding-inline:10px;font-size:11px}.deck-editor .button-row{gap:8px;flex-wrap:wrap}.deck-editor .text-link{font-size:9px;min-height:32px}.editor-empty{text-align:center;padding:21px 0;line-height:1.9}.editor-empty>div{font-size:49px;color:#b39b62;margin-bottom:15px}.editor-empty h3{font-size:17px}.editor-empty p{font-size:11px;color:#777e7b;margin:15px 0 23px}
.shop-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px;margin:22px 0}.pack-product{display:flex;gap:35px;align-items:center;padding:28px!important;min-width:0}.pack-art{position:relative;flex:0 0 165px;width:165px;min-height:235px;padding:25px 11px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;text-align:center;border:1px solid #caad69;outline:1px solid #8d8055;outline-offset:-9px;border-radius:7px;background:radial-gradient(ellipse at 50% 27%,#5b6a80,#263e51 55%,#102a39);color:#e5cc90;box-shadow:8px 10px 0 -3px #c0b080,12px 15px 29px #183c4a30;transform:rotate(-5deg)}.pack-art>span{font:69px Georgia,serif;color:#f0dca6;filter:drop-shadow(0 0 12px #d3b77566)}.pack-art>b{font-size:18px;letter-spacing:4px}.pack-art>small{font-size:5px;letter-spacing:1px}.pack-art>i{display:grid;place-items:center;border:1px solid #c5b77f;border-radius:50%;height:29px;width:29px;position:absolute;right:13px;bottom:16px;font-size:16px;font-style:normal}.pack-copy{min-width:0}.pack-copy h3{font-size:23px;margin:12px 0;letter-spacing:2px}.pack-copy>p{font-size:11px;line-height:1.9;color:#68767a}.product-price{margin:17px 0;font-size:11px;color:#8b743f}.product-price b{font-size:29px}.pack-copy .button-row{gap:8px;flex-wrap:wrap}.pack-copy .btn{font-size:10px;padding-inline:12px}.pack-copy .fineprint{font-size:9px;margin-top:15px}.pack-inventory{text-align:center;display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:25px!important}.pack-inventory h3{font-size:16px;margin-top:17px}.inventory-count{font:64px Georgia,serif;color:#a78944;margin:22px 0}.inventory-count small{font-size:13px;margin-left:8px}.pack-inventory>p{font-size:10px;line-height:1.9;color:#777e7c;margin:16px 0}.pack-inventory .btn{font-size:11px;padding-inline:10px}.pack-disclosure{margin-top:22px}.disclosure-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.disclosure-grid h4{font-size:13px;color:#526b6b}.disclosure-grid p{font-size:11px;line-height:1.9;color:#737b78;margin-top:11px}.pack-reveal{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:24px 0}.pack-reveal article{min-width:0;animation:contract-reveal .5s both;animation-delay:calc(var(--reveal-index)*90ms)}.pack-reveal .card{width:100%;height:100%}.pack-reveal .card-text{font-size:9px;line-height:1.8;min-height:73px}.pack-reveal .card-title{font-size:12px}.pack-reveal article>p{font-size:9px;text-align:center;color:#71816c;margin-top:9px}.pack-reveal~.button-row{margin-top:33px;justify-content:center}@keyframes contract-reveal{from{opacity:0;transform:translateY(20px) rotateY(50deg)}to{opacity:1;transform:none}}
.quest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:22px 0}.quest-grid .panel{padding:23px}.quest-grid h3{font-size:18px;margin:14px 0}.quest-grid p{font-size:11px;color:#76817c;line-height:1.9}.quest-symbol{font-size:40px;color:#b7984d;margin:12px 0}.daily-quest .btn{margin-top:16px;font-size:11px}.quest-reward{font-size:32px;color:#a78638;margin:25px 0}.quest-reward small{font-size:11px}.quest-card progress{width:100%;height:7px;border:0;border-radius:5px;accent-color:#688b78;margin-bottom:14px}.quest-card progress::-webkit-progress-bar{background:#d4d8c8;border-radius:5px}.quest-card progress::-webkit-progress-value{background:#688b78;border-radius:5px}.reward-guide{margin:22px 0}.reward-guide h3{font-size:17px}.reward-guide p{font-size:12px;line-height:1.9;color:#69797a;margin:14px 0}.reward-guide .button-row{flex-wrap:wrap;gap:17px}.ledger-panel{margin-top:22px}.ledger-row{display:flex;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid #c4c1a855;font-size:11px}.ledger-row>span{flex:1}.ledger-row>small{font-size:9px;color:#7b827c}.ledger-row>strong{color:#9a7d36;font-weight:500}.account-security{border-top:1px solid #c4c1a8;padding-top:18px;margin-top:10px}.account-security h3{font-size:14px;margin-bottom:13px}.result-reward{padding:15px;border:1px solid #bcaa74;border-radius:4px;background:#e2e4d529!important;color:#d9c58d}
.pack-original-art{padding:0;background:none;border:0;outline:0;box-shadow:none;transform:none}.pack-original-art>img{display:block;width:100%;max-width:185px;height:auto;border-radius:8px;filter:drop-shadow(8px 14px 10px #17374c40)}
.pack-reveal article{display:flex;flex-direction:column}.pack-reveal .card{height:auto;flex:1}.practice-resume-list{margin-bottom:22px}.practice-resume-list .room-row:last-child{border-bottom:0}
@media(max-width:1100px){.station-nav button{padding-inline:9px;font-size:10px}.collection-layout{grid-template-columns:minmax(0,1fr) 250px;gap:16px}.collection-cards{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px}.shop-layout{grid-template-columns:minmax(0,1fr) 220px;gap:15px}.pack-product{gap:22px;padding:22px!important}.pack-art{flex-basis:130px;width:130px;min-height:205px}.pack-copy h3{font-size:19px}}
@media(max-width:800px){.station-nav{justify-content:flex-start;left:12px;right:12px;bottom:max(15px,env(safe-area-inset-bottom));padding-bottom:4px}.station-nav button{padding:10px 12px;min-height:44px;font-size:10px}.station-window{bottom:80px}.station-window-frame{inset:13px 5px 13px 10px;padding:5px 13px 15px 6px}.collection-layout{grid-template-columns:1fr}.deck-editor{position:static;grid-row:1;padding:16px!important}.deck-entry-list{max-height:200px}.deck-editor .form-stack{gap:10px}.deck-editor .mana-curve{height:65px}.deck-editor .mana-curve i{height:calc(var(--curve)*35px)}.deck-tiles{grid-template-columns:1fr 1fr}.shop-layout{grid-template-columns:1fr}.pack-inventory{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;text-align:left;align-items:center}.pack-inventory .eyebrow,.pack-inventory h3{grid-column:1;margin:0}.inventory-count{grid-column:2;grid-row:1 / 3;text-align:right;margin:0;font-size:48px}.pack-inventory .btn,.pack-inventory p,.pack-inventory .text-link{grid-column:1 / -1}.pack-reveal{grid-template-columns:repeat(3,minmax(0,1fr))}.quest-grid{gap:12px}.quest-grid .panel{padding:18px}.quest-grid h3{font-size:15px}.wallet{gap:5px}.wallet>span{padding:6px 8px;font-size:9px}.wallet b{font-size:15px}}
@media(max-width:550px){.station-home{overflow:auto}.station-home .contract-desk{top:22%;padding-bottom:150px}.station-home .station-platform{position:fixed;bottom:20px;pointer-events:none;background:linear-gradient(transparent,#142d3ee8 35%);padding-top:22px}.station-home .station-platform button{pointer-events:auto}.station-home .desk-archive{max-width:310px}.station-home .station-version{display:none}.station-window .section-heading p{font-size:11px}.collection-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.collection-card .card-body{min-height:158px;padding:9px 7px 6px}.collection-card .card-title{font-size:12px}.collection-card .card-text{font-size:10px;min-height:90px}.collection-card .card-class{font-size:8px}.collection-card-tools{font-size:9px;padding-inline:0}.quantity-stepper button{min-width:44px;min-height:44px}.collection-card .card-stats .affinity{font-size:7px}.collection-card .card-stats strong{font-size:16px}.deck-tile{gap:8px;padding:8px;min-height:77px}.deck-tile>img{width:38px;height:57px;flex-basis:38px}.deck-tile strong{font-size:11px}.deck-tile small,.deck-tile em{font-size:7px;line-height:1.5;letter-spacing:0}.collection-filters input{flex-basis:100%;min-height:44px}.collection-filters select{font-size:10px;min-height:44px}.owned-filter{font-size:10px;min-height:44px}.deck-editor>.panel-title{margin-bottom:10px}.deck-entry>button:last-child{min-height:36px;min-width:36px}.deck-entry .entry-title{min-height:36px}.deck-editor .text-link{min-height:44px;font-size:10px}.deck-editor .btn{min-height:44px;font-size:12px}.deck-total{font-size:25px}.pack-product{padding:22px 17px!important;gap:22px;flex-direction:column}.pack-art{flex-basis:auto;min-height:200px;width:143px}.pack-copy{width:100%}.pack-copy h3{font-size:22px}.pack-copy p,.disclosure-grid p{font-size:12px}.pack-copy .btn{font-size:11px;min-height:44px}.pack-copy .fineprint{font-size:10px}.disclosure-grid{grid-template-columns:1fr;gap:20px}.pack-reveal{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.pack-reveal .card{height:auto}.pack-reveal .card-text{font-size:10px;min-height:80px}.pack-reveal .card-class{font-size:8px}.pack-reveal .card-cost{top:7px;left:7px}.pack-reveal .card-title{font-size:12px}.pack-reveal article>p{font-size:9px}.pack-reveal article:last-child{grid-column:1 / -1;width:calc(50% - 5px);justify-self:center}.quest-grid{grid-template-columns:1fr;gap:14px}.quest-grid .panel{padding:22px}.daily-quest{display:grid;grid-template-columns:1fr auto;column-gap:16px}.daily-quest .eyebrow,.daily-quest h3,.daily-quest p,.daily-quest .btn{grid-column:1}.daily-quest .quest-symbol{grid-column:2;grid-row:1 / 5;align-self:center;margin:0;font-size:57px}.quest-card .quest-reward{font-size:28px;margin:17px 0}.quest-grid h3{font-size:18px}.reward-guide p{font-size:12px}.reward-guide .button-row{gap:8px}.ledger-row{gap:8px;flex-wrap:wrap}.ledger-row>small{width:100%;font-size:9px}.wallet{width:100%;gap:6px}.wallet>span{flex:1;justify-content:center;padding:8px 5px}.account-notice .btn{width:100%}.pack-disclosure .panel-title{flex-wrap:wrap;gap:8px}}
@media(max-height:500px) and (min-width:650px){.station-window{bottom:70px;top:70px}.station-nav{bottom:12px}.station-nav button{min-height:40px}.deck-editor{position:static}.deck-entry-list{max-height:150px}.station-home .desk-archive{flex-wrap:wrap;max-width:470px}}
@media(prefers-reduced-motion:reduce){.pack-reveal article,.deck-tile{animation:none;transition:none}}.low-motion .pack-reveal article{animation:none}

/* Reserve separate rows for navigation and the platform so neither can cover the other. */
.station-home{display:grid;grid-template-rows:86px minmax(0,1fr)86px;overflow:hidden}.station-home .contract-desk{position:relative;top:auto;left:auto;grid-row:2;align-self:center;margin-left:8.5%;padding-bottom:0;max-height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.station-home .station-platform{position:relative;bottom:auto;left:auto;right:auto;grid-row:3;margin:0 6% 14px;padding-top:14px;min-height:0;pointer-events:auto;background:none}.station-home .contract-desk h1{font-size:clamp(28px,2.6vw,40px);line-height:1.4;margin-top:12px}.station-home .contract-desk>p{margin:12px 0 18px;line-height:1.8}.station-home .departure-button{height:74px}.station-home .desk-secondary{margin-top:16px}.station-home .desk-secondary>button{min-height:62px;padding-block:11px}.station-home .desk-archive{display:grid;grid-template-columns:repeat(3,max-content);max-width:100%;margin-top:10px;gap:0}.station-home .desk-archive button{border-right:0;min-height:44px;text-align:left;padding:8px 13px 8px 0;font-size:10px}.station-home .desk-archive button:nth-child(3n+2),.station-home .desk-archive button:nth-child(3n+3){padding-left:10px}
@media(max-width:650px) and (min-height:501px){.station-home{grid-template-rows:85px minmax(0,1fr)102px}.station-home .contract-desk{width:84%;margin-left:8%;max-height:100%;align-self:center}.station-home .contract-desk h1{font-size:28px;line-height:1.55;letter-spacing:3px}.station-home .contract-desk>p{font-size:10px;margin:12px 0 17px}.station-home .station-platform{display:flex;flex-wrap:wrap;gap:8px 12px;margin:0 8% 12px;padding-top:12px;align-content:start}.station-home .platform-marker>span{font-size:24px}.station-home .platform-profile{padding-left:12px}.station-home .platform-status{font-size:7px}.station-home .desk-archive button{font-size:10px}.station-home .desk-secondary{margin-top:15px}.station-home .desk-secondary>button{min-height:62px}.station-home .station-version{display:none}}
@media(max-height:650px){.station-home{grid-template-rows:68px minmax(0,1fr)24px}.station-home .station-platform{display:none}.station-home .contract-desk{align-self:center;max-height:100%}.station-home .contract-desk h1{font-size:27px;line-height:1.35;margin-top:8px;margin-bottom:10px}.station-home .contract-desk>p{display:none}.station-home .departure-button{height:56px}.station-home .desk-secondary{margin-top:12px}.station-home .desk-secondary>button{min-height:46px;padding-block:8px}.station-home .desk-archive{margin-top:5px;grid-template-columns:repeat(3,max-content)}.station-home .desk-archive button{font-size:9px;padding-block:5px;min-height:40px}}
@media(min-width:801px){.deck-editor{max-height:calc(100dvh - 260px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.deck-editor .deck-entry-list{max-height:clamp(110px,24dvh,280px)}.deck-editor .form-stack>.btn{position:sticky;bottom:0;z-index:1;box-shadow:0 -5px 10px #f4eddf;background:#325b65}.deck-editor .form-stack>.btn:disabled{background:#82918b}}
@media(max-width:800px){.deck-editor{max-height:none;overflow:visible}.deck-editor .form-stack>.btn{position:static}}

/* Keep scroll affordances visible, using the station's brass and ink palette. */
.station-shell,.station-shell *,.mulligan-overlay,.mulligan-overlay *,.modal,.modal *,.hand-orbit,.hand-orbit *{scrollbar-color:#af9863 #233e4a;scrollbar-width:thin}
.station-window-frame,.station-window-frame *,.modal,.modal *{scrollbar-color:#a99566 #e6dfcc}
.station-shell ::-webkit-scrollbar,.mulligan-overlay ::-webkit-scrollbar,.modal::-webkit-scrollbar,.modal ::-webkit-scrollbar,.hand-orbit ::-webkit-scrollbar{width:8px;height:8px}
.station-shell ::-webkit-scrollbar-track,.mulligan-overlay ::-webkit-scrollbar-track,.hand-orbit ::-webkit-scrollbar-track{background:#233e4a;border-radius:5px}
.station-shell ::-webkit-scrollbar-thumb,.mulligan-overlay ::-webkit-scrollbar-thumb,.hand-orbit ::-webkit-scrollbar-thumb{background:#af9863;border:2px solid #233e4a;border-radius:5px}
.station-window-frame::-webkit-scrollbar-track,.station-window-frame ::-webkit-scrollbar-track,.modal::-webkit-scrollbar-track,.modal ::-webkit-scrollbar-track{background:#e6dfcc}
.station-window-frame::-webkit-scrollbar-thumb,.station-window-frame ::-webkit-scrollbar-thumb,.modal::-webkit-scrollbar-thumb,.modal ::-webkit-scrollbar-thumb{background:#a99566;border:2px solid #e6dfcc;border-radius:5px}