.draft-selector{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:12px 0 24px;font-size:12px}.draft-selector label{display:flex;align-items:center;gap:12px;color:#b7c7ce}.draft-selector select{max-width:100%;padding:10px 32px 10px 12px;border:1px solid #738675;background:#182b2e;color:#f0e9d8;border-radius:7px;font:inherit}.draft-selector>span{color:#91a5ac;font-size:11px}.draft-selector a{color:#e6cc94}.draft-library{max-width:1200px;margin:28px auto 50px}.draft-library-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}.draft-library h2{font:29px Georgia,serif;margin:10px 0}.draft-library .eyebrow{font-size:10px;letter-spacing:2px;color:#c7bb9a}.featured-sets{display:grid;grid-template-columns:1fr 1fr;gap:20px}.featured-set{display:flex;position:relative;overflow:hidden;gap:26px;padding:30px;border:1px solid #9aafba66;border-radius:12px;transition:transform .18s,border-color .18s;background:radial-gradient(ellipse at 0 0,#36567090,transparent 70%),#142936}.featured-set.fra{background:radial-gradient(ellipse at 100% 100%,#6c573449,transparent 75%),#1c292e}.featured-set.trk:after{content:'';position:absolute;pointer-events:none;inset:-30% 0;background:linear-gradient(120deg,transparent 48%,#90bddc10 49%,transparent 50%);transform:rotate(-12deg)}.featured-set:hover{border-color:#cfbd91;transform:translateY(-2px)}.featured-set h3{font:32px Georgia,serif;margin:12px 0}.featured-set p{font-size:13px;color:#b9cbd2;margin:8px 0}.featured-set small{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#e7d3a6}.set-symbol{font-size:65px;color:#9fbcd2;line-height:1.3}.fra .set-symbol{color:#d3be88}.set-detail{display:block;color:#a3b7c0;font-size:11px}.featured-set b{display:block;margin-top:24px;color:#f0d89f;font-size:13px}.draft-archive{margin-top:38px;padding-top:26px;border-top:1px solid #86969540}.draft-archive>div>p{font-size:13px;color:#a7bbc4;line-height:1.7}.archive-set{display:flex;gap:18px;align-items:center;padding:20px;border:1px solid #65857977;border-radius:9px;background:linear-gradient(110deg,#263e34,#172830);margin:20px 0 12px;max-width:690px}.archive-monogram{display:grid;place-items:center;width:50px;height:50px;border:1px solid #b2aa7955;border-radius:50%;font:29px Georgia;color:#e1cf9e}.archive-set strong{font:23px Georgia}.archive-set small{display:block;font-size:11px;color:#b4c5bc;margin-top:7px}.archive-set b{margin-left:auto;white-space:nowrap;color:#d8c89d;font-size:12px}.archive-caption{color:#91a5af;font-size:11px}.archive-set:hover{border-color:#c4bc91}.draft-library a:focus-visible,.draft-selector a:focus-visible,.draft-selector select:focus-visible{outline:3px solid #d9c488;outline-offset:4px}.archive-status{font-size:12px;color:#bdcbbf;margin:12px 0 18px}.archive-rating{font-size:11px;color:#c7cfc0}.archive-pending{padding:14px;border:1px solid #baa36b66;background:#3c362377;border-radius:6px}.archive-pending p{margin:5px 0}.archive-download{margin:12px 0}.archive-draft-app dialog{padding:28px;border:1px solid #88a196;border-radius:10px;background:#152b30;color:#e9eee5;max-width:90vw;max-height:90vh}.archive-draft-app[data-size=readable] .trk-pack-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.archive-draft-app[data-size=speed] .trk-pack-grid{grid-template-columns:repeat(auto-fit,minmax(85px,1fr))}.archive-draft-app button:focus-visible{outline:3px solid #d9c488;outline-offset:2px}.archive-draft-app button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:750px){.featured-sets{grid-template-columns:1fr}.draft-library-heading{align-items:start;flex-direction:column}.featured-set{padding:23px}.draft-selector>span{width:100%}.draft-selector label{max-width:100%;flex-wrap:wrap}.draft-selector select{min-width:0}.archive-set{padding:15px;gap:10px}.archive-monogram{width:38px;height:38px;flex-shrink:0}.archive-set strong{font-size:21px}.archive-set b{font-size:11px}.draft-library-heading .action{font-size:13px}}
@media(prefers-reduced-motion:reduce){.featured-set{transition:none}}
/* Shared card-art loading treatment: engraved frame, soft sweep, no layout shift. */
.card-art{position:relative;isolation:isolate;aspect-ratio:488/680;overflow:hidden;border-radius:6px;background:#102231}
.card-art.art-loading>img,.card-art.art-error>img{opacity:0}
.card-art.art-ready>img{animation:card-art-reveal .22s ease-out}
.card-art-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px;pointer-events:none;background:radial-gradient(ellipse at 50% 35%,#35536270,transparent 67%),linear-gradient(145deg,#1d3340,#101b28);color:#c1bb9b}
.card-art-placeholder:before{content:'';position:absolute;inset:7px;border:1px solid #aeac793d;border-radius:4px;box-shadow:inset 0 0 0 3px #101f2a,inset 0 0 0 4px #a2aa7822}
.card-art-placeholder:after{content:'';position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 40%,#c7d8bd13 48%,#d4e4e322 50%,transparent 59%);transform:translateX(-65%);animation:card-art-sweep 2.6s ease-in-out infinite}
.art-engraving{display:flex;align-items:center;gap:8px;width:72%;opacity:.85}.art-engraving i{height:1px;flex:1;background:linear-gradient(90deg,transparent,#d6c38b)}.art-engraving i:last-child{transform:rotate(180deg)}.art-engraving b{display:grid;place-items:center;width:30px;height:40px;border:1px solid #b6b08066;border-radius:4px;font:27px Georgia;box-shadow:0 0 20px #b2d6da0c;transform:rotate(-7deg)}
.art-loading-label{font:600 8px/1.4 'Segoe UI',sans-serif;text-transform:uppercase;letter-spacing:1.1px;color:#c2cfce;text-align:center}.art-loading-name{position:absolute;bottom:15px;left:13px;right:13px;font:10px/1.4 Georgia,serif;text-align:center;color:#b7c4c5}.art-error .card-art-placeholder:after{animation:none;display:none}.art-error .art-loading-label{color:#dec99d}
@keyframes card-art-sweep{0%,15%{transform:translateX(-65%)}85%,100%{transform:translateX(65%)}}
@keyframes card-art-reveal{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.card-art-placeholder:after,.card-art.art-ready>img{animation:none}}
/* Draft workspaces: compact chrome, stable card sizes and local overflow. */
body:has(#hob-app,#trk-app,#run.active-draft)>.shell{width:min(1760px,calc(100% - 40px))}
body:has(#hob-app,#trk-app,#run.active-draft) .top{min-height:52px}body:has(#hob-app,#trk-app,#run.active-draft) .top nav{gap:18px}body:has(#hob-app,#trk-app,#run.active-draft) .top nav a{padding-block:16px 12px;font-size:12px}body:has(#hob-app,#trk-app,#run.active-draft) .brand{font-size:20px}
#hob-app,#trk-app{--draft-card-width:110px;padding-bottom:0}#hob-app[data-size=readable],#trk-app[data-size=readable]{--draft-card-width:156px}#hob-app[data-size=speed],#trk-app[data-size=speed]{--draft-card-width:84px}
#hob-app[data-size] .trk-pack-grid,#trk-app[data-size] .trk-pack-grid{grid-template-columns:repeat(auto-fill,var(--draft-card-width));gap:10px;justify-content:start}
.draft-workbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 20px;background:none;color:inherit;border:0;padding:10px 0 8px}
.draft-workbar .draft-selector{margin:0;gap:12px}.draft-workbar .draft-selector select{padding:7px 28px 7px 9px}.draft-workbar .draft-selector>span{display:none}.draft-workbar .draft-stages{margin:0;gap:10px;justify-content:flex-end;font-size:11px}.draft-workbar .trk-heading{grid-column:1/-1;gap:12px}.draft-workbar .trk-heading>div{display:flex;gap:14px;align-items:baseline;min-width:0}.draft-workbar .trk-heading h1{font-size:25px;margin:0;letter-spacing:-.5px}.draft-workbar .trk-heading .eyebrow{display:none}.draft-workbar .trk-heading p{margin:0;font-size:11px}.draft-workbar .trk-heading>button{font-size:11px;padding:6px 10px;border:1px solid #7893a755;background:#172e3c;border-radius:5px;white-space:nowrap}
#hob-app .trk-controls,#trk-app .trk-controls{margin:4px 0 6px;gap:10px}#hob-app .trk-controls button,#trk-app .trk-controls button{padding:6px 9px}.trk-controls .pick-modes{padding:2px}.trk-controls .trk-research-link{margin-left:auto;order:2;font-size:10px}.trk-controls label{margin-left:auto}.trk-controls .trk-toggle[aria-pressed=true]{border-color:#a0c8aa;background:#264739;color:#d9efdb}.trk-progress{padding:8px 0;margin-bottom:10px}.trk-progress b{font:20px Georgia}
.trk-layout{grid-template-columns:160px minmax(0,1fr) 210px;gap:14px}.trk-pool,.trk-coach{padding:12px}.trk-pool h2,.trk-coach h2{font-size:22px;margin:7px 0}.trk-coach p{line-height:1.5}.trk-pool-card{padding:7px 0}.trk-coach .action{margin-top:10px}.trk-fine{margin-top:10px;line-height:1.4}.trk-gap{padding:8px 0}.trk-gap b{font-size:23px}.trk-card-info{padding:5px;font-size:8px}.trk-card-info small{font-size:8px}.trk-draft-card{padding:5px;font-size:10px}
.draft-reference{margin-top:10px;font-size:11px;color:#9eb6c2}.draft-reference>summary{cursor:pointer;width:fit-content;padding:6px 0}.draft-reference .trk-research{margin-top:8px}.draft-reference[open]{padding-bottom:12px}.trk-notice{margin:5px 0;padding:8px 12px;font-size:12px}
@media(min-width:1000px){.trk-pool,.trk-pack,.trk-layout>.trk-coach{max-height:calc(100dvh - 220px);overflow:auto;scrollbar-width:thin;scrollbar-color:#526e7d transparent}.trk-pool{overscroll-behavior:contain}.trk-pack{padding:2px}.trk-layout>.trk-coach{position:sticky;top:10px}body:has(#hob-app,#trk-app,#run.active-draft)>footer{display:none}}
@media(max-width:999px){.trk-layout{grid-template-columns:130px minmax(0,1fr) 185px;gap:10px}.draft-workbar .trk-heading p{display:none}.draft-workbar .draft-selector label{font-size:0}.draft-workbar .draft-selector select{font-size:12px}}
@media(max-width:750px){.draft-workbar{grid-template-columns:1fr;gap:7px}.draft-workbar .draft-stages{justify-content:flex-start}.draft-workbar .trk-heading{grid-column:1}.draft-workbar .trk-heading h1{font-size:23px}.trk-layout{grid-template-columns:1fr}.trk-coach{order:-1}.trk-pool{order:2;max-height:200px}.trk-controls label{margin-left:0}.trk-progress{align-items:start;flex-direction:column;gap:3px}.trk-layout>.trk-coach .trk-fine{display:none}.trk-layout>.trk-coach .action{width:auto}.trk-layout>.trk-coach .trk-gap{padding:0;border:0}.trk-layout>.trk-coach .trk-gap b,.trk-layout>.trk-coach .trk-gap span{display:inline;margin-right:8px}}
/* The easy path stays visible above optional deck editing. */
.build-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:8px 0 12px}.build-step{padding:13px;border:1px solid #607a885c;border-radius:8px;background:#152c39;min-width:0}.build-step.is-next{border-color:#c5b47c;background:linear-gradient(125deg,#42524477,#172d39);box-shadow:inset 0 2px #d5c28d}.build-step-heading{display:flex;align-items:center;gap:8px}.build-step-heading>span{display:grid;place-items:center;width:24px;height:24px;border:1px solid #809ca0;border-radius:50%;font-size:12px;color:#d7dfd0}.build-step.is-next .build-step-heading>span{background:#d9c58f;color:#1b2a31;border-color:#d9c58f}.build-step h2{font:17px Georgia;margin:0}.build-step-heading>small{margin-left:auto;font-size:10px;color:#e7dba7}.build-step>p{font-size:11px;color:#b1c3ca;margin:8px 0 12px;line-height:1.5}.build-step .action{display:block;width:100%;padding:9px 6px;font-size:12px;text-align:center;box-sizing:border-box}.land-step-controls{display:flex;align-items:center;gap:8px}.land-step-controls label{display:flex;gap:5px;align-items:center;font-size:11px;color:#b8cbd0}.land-step-controls input{width:49px;padding:7px 3px;border:1px solid #637e89;border-radius:4px;background:#10232f;color:#edf1e6;font-size:12px;font-family:inherit}.build-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 12px}.build-status strong{font:24px Georgia}.build-status small{font:12px 'Segoe UI',sans-serif;color:#b1c4ca}.build-status>span{font-size:12px;color:#c9d8bf}.trk-build-grid{grid-template-columns:minmax(0,1fr) 280px;gap:16px}.build-card-panel{min-width:0}.build-card-panel>.trk-actions{margin-bottom:8px}.build-card-panel>.trk-actions>small{margin-left:auto;font-size:11px;color:#9bb0bb}.build-card-panel .trk-deck-list{max-height:calc(100dvh - 390px);overflow:auto;scrollbar-width:thin;scrollbar-color:#607a88 transparent;border:1px solid #617b8844;border-radius:7px}.build-card-panel .trk-deck-row{padding:3px 8px;min-height:33px;font-size:12px}.build-card-panel .trk-deck-row button{padding:5px;font-size:12px}.build-lands{padding:12px 15px;background:#162e3c;border:1px solid #607a8855;border-radius:8px}.build-lands h2{font:20px Georgia;margin:0}.build-lands>p{font-size:11px;color:#b0c2c9;margin:7px 0 10px}.build-lands .trk-basic{margin:0;padding:4px 0;font-size:12px;gap:10px}.build-lands .trk-basic input{width:60px;padding:5px;background:#102330;color:#e4eddf;border:1px solid #647d86;border-radius:4px}.build-lands>.quiet{display:block;font-size:11px;margin:10px 0 7px;padding:5px 0;color:#dfd0aa}.build-lands>small{display:block;font-size:10px;line-height:1.5;color:#9bb1bd}.builder-pod{margin-top:10px;font-size:11px;color:#a5bac5}.builder-pod summary{cursor:pointer;width:fit-content;padding:5px 0}.build-step button:disabled{opacity:.48;cursor:not-allowed}.build-path a:focus-visible,.build-path button:focus-visible,.build-path input:focus-visible{outline:3px solid #e2cc8e;outline-offset:3px}
@media(max-width:1000px){.build-step{padding:10px}.build-step h2{font-size:15px}.build-step-heading>small{display:none}.build-path{gap:8px}.land-step-controls{gap:4px}.land-step-controls label{font-size:0}.land-step-controls input{font-size:12px;width:42px}}
@media(max-width:750px){.build-path{grid-template-columns:1fr 1fr}.trk-build-grid{grid-template-columns:1fr}.build-status{align-items:start;flex-direction:column}.build-status strong{font-size:21px}.build-card-panel .trk-deck-list{max-height:350px}.build-lands{order:-1}.build-card-panel>.trk-actions>small{display:none}}
@media(min-width:751px){.trk-build-grid{max-width:none;align-items:start}.build-card-panel .trk-deck-list{max-height:calc(100dvh - 485px);min-height:150px}.build-lands{min-height:0}.builder-pod{margin-top:7px}.build-lands .trk-basic{padding:3px 0}.build-lands>small{font-size:10px}}
/* Reality Fracture retains its lesson steps, with the same visible easy path. */
body:has(#run.deck-builder)>.shell{width:min(1760px,calc(100% - 40px))}body:has(#run.deck-builder) .top{min-height:52px}body:has(#run.deck-builder) .top nav a{padding-block:16px 12px;font-size:12px}body:has(#run.deck-builder)>footer{display:none}body:has(#run.deck-builder) .draft-selector,body:has(#run.active-draft) .draft-selector{margin:8px 0;gap:12px}body:has(#run.deck-builder) .draft-selector>span,body:has(#run.active-draft) .draft-selector>span{display:none}#run.deck-builder{padding-top:0}#run.deck-builder .build-step h2{font:17px Georgia;margin:0}#run.deck-builder .build-step>p{font-size:11px;line-height:1.5;margin:8px 0 12px}#run.deck-builder h1{font-size:26px;margin:8px 0}#run.deck-builder .deck-status,#run.deck-builder .deck-cue{margin:8px 0;font-size:12px}#run.deck-builder .deck-list{max-height:calc(100dvh - 420px);overflow:auto;scrollbar-width:thin}#run.deck-builder .split-list{max-width:900px}#run.deck-builder .split-row{padding:7px 0}#run.deck-builder .auto-build-tools{display:none}#run.deck-builder .auto-land-tools{margin:8px 0;padding:8px 12px}#run.deck-builder .auto-land-tools p{display:none}#run.deck-builder .deck-actions{margin:12px 0}#run.deck-builder .run-set{display:none}
#run.active-draft{padding-top:0}#run.active-draft .draft-stages{margin:0 0 8px}#run.active-draft h1{font-size:25px;margin:3px 0}#run.active-draft .pick-track{margin-top:5px}#run.active-draft .run-cue{margin:6px 0 12px;font-size:12px}#run.active-draft .pod-status{margin:6px 0;padding:5px 10px}#run.active-draft .draft-layout{grid-template-columns:160px minmax(0,1fr) 210px;gap:14px}#run.active-draft .draft-pool-panel{padding:12px}#run.active-draft .draft-coach{padding:12px}#run.active-draft .draft-pack-heading{margin:6px 0}#run.active-draft .draft-inspect-hint{margin-top:8px}#run.active-draft .pack-grid{grid-template-columns:repeat(auto-fill,110px);gap:10px}body[data-card-size=readable] #run.active-draft .pack-grid{grid-template-columns:repeat(auto-fill,156px)}body[data-card-size=speed] #run.active-draft .pack-grid{grid-template-columns:repeat(auto-fill,84px)}
@media(min-width:1000px){#run.active-draft .draft-pool-panel,#run.active-draft .draft-coach{max-height:calc(100dvh - 240px);overflow:auto;scrollbar-width:thin}#run.active-draft .draft-pack .pack-grid{max-height:calc(100dvh - 350px);overflow:auto;padding:5px;scrollbar-width:thin}}
@media(max-width:750px){#run.active-draft .draft-layout{grid-template-columns:1fr}#run.deck-builder .build-step h2{font-size:15px}#run.deck-builder .deck-list{max-height:350px}}
@media(min-width:1000px){#run.active-draft{position:relative}#run.active-draft>.draft-stages{position:absolute;right:0;top:-37px}#run.active-draft .draft-pack{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:start}#run.active-draft .draft-pack .pick-controls{grid-column:1;margin:0;justify-content:flex-start}#run.active-draft .draft-size{grid-column:2;grid-row:1;margin:0}#run.active-draft .draft-pack-heading,#run.active-draft .pack-grid,#run.active-draft .draft-inspect-hint{grid-column:1/-1}#run.active-draft .draft-pack .pack-grid{max-height:calc(100dvh - 310px)}#run.active-draft .draft-coach .guided-pick{padding:10px 0 0}#run.active-draft .draft-coach .featured-card{display:none}#run.active-draft .draft-coach .guided-pick h2{font-size:23px;margin:10px 0}#run.active-draft .draft-coach .guided-pick p{font-size:12px;line-height:1.5}#run.active-draft .draft-coach .race-margin{margin:10px 0;padding:10px 0}#run.active-draft .draft-coach .guided-copy>.action{margin-top:10px;padding:10px;font-size:12px}#run.active-draft .draft-coach>.draft-panel-label{padding:8px 0 12px}#run.active-draft .draft-card-rail>span:first-child{font-size:0}#run.active-draft .recommended .draft-card-rail>span:first-child:before{content:'◆';font-size:9px}#run.active-draft .draft-card-rail .pick-ev{font-size:8px}#run.active-draft .draft-card-rail{margin-top:5px;min-height:20px;padding:3px}}