:root{--brand-font-family: "Source Serif 4", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--brand-heading-font-family: "Source Serif 4", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--brand-ui-font-family: "Source Serif 4", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--brand-page: #f6f0e3;--brand-surface: #fffaf0;--brand-surface-muted: #f3ebd9;--brand-badge-surface: #e6edd7;--brand-text-color: #292722;--brand-muted-color: #676155;--brand-border-color: #6e6a5e;--brand-studio-color: #0d8a73;--brand-product-color: #2b241b;--brand-accent-color: #2f7f6a;--brand-focus-ring: rgba(47, 127, 106, .18);--brand-radius: 8px;--brand-header-logo-url: none;--brand-header-logo-display: none;--brand-page-image: none;--brand-panel-image: none}:root{font-family:var(--brand-font-family);color:var(--brand-text-color);background:var(--brand-page);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--brand-page);background-image:var(--brand-page-image);background-attachment:fixed;background-position:center;background-size:cover}button,input,textarea,select{font:inherit;font-family:var(--brand-ui-font-family, var(--brand-font-family))}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed}input,textarea,select{width:100%;border:2px solid #b9c4b7;border-radius:var(--brand-radius);padding:11px 12px;color:var(--brand-text-color);background:var(--brand-surface)}input:focus,textarea:focus,select:focus{border-color:var(--brand-studio-color);box-shadow:0 0 0 3px var(--brand-focus-ring);outline:0}label{display:grid;gap:6px;color:var(--brand-muted-color);font-size:14px;font-weight:700}h1,h2,p{margin:0}h1,h2,h3{font-family:var(--brand-heading-font-family, var(--brand-font-family))}h1{font-size:30px;line-height:1.1}.brand-lockup{display:flex;flex-wrap:nowrap;align-items:baseline;gap:10px;min-width:0;font-size:30px;line-height:1.1}.brand-lockup:before{content:"";display:var(--brand-header-logo-display);flex:0 0 36px;width:36px;height:36px;align-self:center;background-image:var(--brand-header-logo-url);background-position:center;background-repeat:no-repeat;background-size:contain}.brand-studio{color:var(--brand-studio-color);font-weight:700}.brand-link{text-decoration:none}.brand-divider{color:var(--brand-muted-color);font-weight:700}.brand-product{color:var(--brand-product-color);font-weight:700}h2{font-size:20px;line-height:1.2}.app-shell{min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px clamp(16px,4vw,48px);border-bottom:4px solid var(--brand-border-color);background:var(--brand-surface)}.topbar-actions{display:flex;gap:12px;align-items:center}.suite-links{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.suite-link{border:2px solid var(--brand-border-color);border-radius:var(--brand-radius);padding:9px 13px;background:#fffaf0d1;color:var(--brand-text-color);text-decoration:none;font-weight:600}.eyebrow{color:#d13a2f;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:0}.status-chip{border:2px solid var(--brand-border-color);border-radius:var(--brand-radius);padding:9px 12px;background:var(--brand-badge-surface);color:var(--brand-text-color);font-weight:600;white-space:nowrap;box-shadow:4px 4px 0 var(--brand-border-color)}.menu-button{display:none;width:46px;height:42px;border:2px solid var(--brand-border-color);border-radius:var(--brand-radius);padding:8px;background:var(--brand-surface);box-shadow:3px 3px 0 var(--brand-border-color)}.menu-button span{display:block;height:3px;margin:4px 0;background:var(--brand-border-color)}.page-nav{display:flex;gap:8px;overflow-x:auto;padding:12px clamp(16px,4vw,48px);border-bottom:2px solid var(--brand-border-color);background:var(--brand-surface-muted)}.page-nav button,.mobile-menu-row{display:block;border:2px solid var(--brand-border-color);border-radius:var(--brand-radius);padding:11px 14px;background:var(--brand-surface);color:var(--brand-text-color);font-weight:600;white-space:nowrap;text-decoration:none}.page-nav button.active,.mobile-menu-row.active{background:#2f7f6a24;color:#214d43;border-color:#2f7f6a3d}.mobile-menu{display:none}.page-layout{display:grid;gap:16px;padding:22px clamp(16px,4vw,48px) 34px}.workspace,.stack{display:grid;gap:16px}.workspace{align-content:start;width:min(1180px,100%);margin:0 auto}.draft-page{display:grid;gap:16px;width:min(1120px,100%);margin:0 auto}.setup-page{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:22px;align-items:start}.landing-page{display:grid;gap:18px}.landing-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,420px);gap:16px;align-items:end;background:var(--brand-surface-muted)}.landing-hero h2{font-size:38px;line-height:1.05}.landing-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.landing-card{min-height:100%}.panel,.empty-state,.turn-banner{border:2px solid var(--brand-border-color);border-radius:var(--brand-radius);padding:18px;background-color:var(--brand-surface);background-image:var(--brand-panel-image);background-position:center;background-size:cover;box-shadow:5px 5px 0 var(--brand-border-color)}.panel h2{display:inline-flex;align-items:center;min-height:28px}.panel-heading,.turn-banner{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading{margin-bottom:12px}.panel.wide{grid-column:1 / -1}.tabs{display:flex;gap:8px;overflow-x:auto;padding:0 0 7px;border-bottom:2px solid var(--brand-border-color)}.draft-section-nav{margin-top:4px}.tabs button,.ghost,.secondary,.primary,.danger{border-radius:var(--brand-radius);padding:10px 14px;font-weight:600;letter-spacing:0}.tabs button{border:2px solid var(--brand-border-color);background:#fffaf0d1;color:var(--brand-text-color);white-space:nowrap}.tabs button.active{background:#2f7f6a24;color:#214d43;border-color:#2f7f6a3d}.primary{border:2px solid var(--brand-border-color);background:#3f675b;color:#fffdf7;box-shadow:none}.secondary{border:2px solid var(--brand-border-color);color:var(--brand-text-color);background:#efe5d2}.ghost{border:2px solid var(--brand-border-color);color:var(--brand-text-color);background:#fffaf0bd}.danger{border:2px solid var(--brand-border-color);color:#fffaf2;background:#81514a}.primary:disabled,.secondary:disabled,.ghost:disabled,.danger:disabled{opacity:.55;box-shadow:none}.notice{border:2px solid var(--brand-border-color);border-radius:var(--brand-radius);padding:12px 14px;font-weight:700}.notice.success{background:#d7f3ed;color:#15483d}.notice.error{background:#ffd8d1;color:#811f18}.draft-list,.mini-list,.card-list{display:grid;gap:9px}.draft-row,.card-row{width:100%;border:2px solid var(--brand-border-color);border-radius:var(--brand-radius);background:var(--brand-surface);color:var(--brand-text-color);text-align:left}.draft-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px}.draft-row-main{display:grid;gap:4px;min-width:0;padding:2px;background:transparent;color:var(--brand-text-color);text-align:left}.draft-row-actions{display:grid;grid-template-columns:repeat(2,max-content);gap:8px;align-items:center}.draft-row.active{background:#d7f3ed;box-shadow:inset 6px 0 0 var(--brand-accent-color)}.card-row.selected,.image-card-tile.selected{background:#d7f3ed;box-shadow:4px 4px 0 var(--brand-accent-color)}.draft-row:hover,.card-row:hover,.image-card-tile:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--brand-border-color)}.draft-row span,.card-row strong,.pick-tile strong,.player-tile strong{overflow-wrap:anywhere}.draft-row small,.muted,.field-note,.player-tile small,.pick-tile span,.card-row small{color:var(--brand-muted-color)}.field-note{font-size:13px;font-weight:700}.subpanel{display:grid;gap:12px;border:2px solid var(--brand-border-color);border-radius:var(--brand-radius);padding:12px;background:#f6faef}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.split,.button-row,.join-form{display:grid;gap:12px}.split{grid-template-columns:repeat(2,minmax(0,1fr))}.button-row{grid-template-columns:repeat(3,minmax(0,1fr))}.button-row.two,.button-row.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.export-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.join-form{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;margin-bottom:16px}.join-form.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.room-code-panel{gap:8px}.room-code-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.share-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;border:2px solid var(--brand-border-color);border-radius:var(--brand-radius);padding:12px;background:var(--brand-surface-muted)}.share-box p{grid-column:1 / -1}.room-code{display:inline-flex;width:fit-content;gap:8px;align-items:baseline;border:2px solid var(--brand-border-color);border-radius:var(--brand-radius);padding:8px 10px;background:var(--brand-badge-surface);color:var(--brand-text-color);font-weight:700}.identity-panel.compact{gap:8px;padding:14px}.identity-badge{border:2px solid var(--brand-border-color);border-radius:var(--brand-radius);padding:9px 12px;background:var(--brand-badge-surface);color:var(--brand-text-color);font-weight:700}.account-email-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.status-chip.mini{width:fit-content;padding:5px 8px;font-size:12px;box-shadow:2px 2px 0 var(--brand-border-color)}.status-chip.good{background:#dff2cf}.status-chip.warning{background:#fff0c8}.notice-panel{display:grid;gap:10px;border:2px solid var(--brand-border-color);border-radius:var(--brand-radius);padding:12px;background:var(--brand-surface-muted)}.notice-panel.subtle{background:#f6faef}.inline-action{justify-self:start}.checkbox-row{display:flex;gap:10px;align-items:center}.checkbox-row input{width:auto}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.metric{display:grid;gap:4px;min-height:76px;border:2px solid var(--brand-border-color);border-radius:var(--brand-radius);padding:12px;background:#f6faef}.stat-grid.compact .metric{min-height:54px;padding:8px 10px}.draft-state-panel{padding:12px}.metric span{color:var(--brand-muted-color);font-size:13px;font-weight:700}.metric strong{overflow-wrap:anywhere}.turn-banner{background:#fff4c7}.turn-banner.live{background:#d7f3ed;box-shadow:5px 5px 0 var(--brand-accent-color)}.mini-row{display:grid;grid-template-columns:84px 1fr 80px;gap:8px;border-bottom:2px solid #dce4d8;padding:10px 0}.cards-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:16px;align-items:start}.mobile-pick-bar{display:none}.card-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:14px 0;padding:12px;border:2px solid var(--brand-border-color);border-radius:var(--brand-radius);background:var(--brand-surface-muted)}.filter-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;align-items:end;margin:0 0 14px;padding:12px;border:2px solid var(--brand-border-color);border-radius:var(--brand-radius);background:#f6faef}.inline-filter{display:grid;grid-template-columns:84px minmax(0,1fr);gap:8px}.mana-cost{display:inline-flex;flex-wrap:wrap;gap:3px;align-items:center;min-width:0}.mana-text{display:inline;white-space:pre-wrap}.mana-symbol{position:relative;display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid var(--brand-border-color);border-radius:50%;background:#fff4c7;color:var(--brand-text-color);font-size:11px;font-weight:900;line-height:1}.mana-symbol img{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:50%;object-fit:contain}.view-toggle{display:grid;grid-template-columns:repeat(2,minmax(70px,1fr));gap:6px}.view-toggle button{border:2px solid var(--brand-border-color);border-radius:var(--brand-radius);padding:11px 12px;background:#fffaf0d1;color:var(--brand-text-color);font-weight:600}.view-toggle button.active{background:#2f7f6a24;color:#214d43;border-color:#2f7f6a3d}.card-row{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:12px;padding:10px}.card-row>img,.image-placeholder,.pick-tile>img{width:54px;height:74px;border:2px solid var(--brand-border-color);border-radius:var(--brand-radius);object-fit:cover;background:#eff4eb}.image-placeholder,.large-placeholder{display:grid;place-items:center;border:2px solid var(--brand-border-color);color:var(--brand-muted-color);background:#eff4eb;font-weight:900}.card-row>span,.pick-tile>div{display:grid;gap:4px;min-width:0}.image-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(146px,1fr));gap:14px}.image-card-tile{display:grid;gap:9px;width:100%;border:2px solid var(--brand-border-color);border-radius:var(--brand-radius);padding:10px;background:var(--brand-surface);color:var(--brand-text-color);text-align:left}.image-card-tile>img,.image-card-placeholder{width:100%;aspect-ratio:5 / 7;border:2px solid var(--brand-border-color);border-radius:var(--brand-radius);object-fit:contain;background:#eff4eb}.image-card-placeholder{display:grid;place-items:center;color:var(--brand-muted-color);font-weight:900;text-align:center}.image-card-tile>span{display:grid;gap:4px;min-width:0}.image-card-tile strong{overflow-wrap:anywhere}.image-card-tile small{color:var(--brand-muted-color)}.mobile-pick-bar span{display:grid;gap:3px;min-width:0}.mobile-pick-bar strong,.mobile-pick-bar small{overflow-wrap:anywhere}.mobile-pick-bar small{color:var(--brand-muted-color)}.preview-panel{position:sticky;top:16px;background:#f9fbf5}.card-image,.large-placeholder{width:100%;max-height:460px;border-radius:var(--brand-radius);object-fit:contain;background:#eff4eb;margin-bottom:14px}.card-image{border:1px solid var(--brand-border-color)}.large-placeholder{min-height:280px;border:2px solid var(--brand-border-color)}.oracle{white-space:pre-wrap;line-height:1.5}.pick-grid,.player-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.player-grid.compact{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.deck-builder-panel{gap:14px}.deck-summary{display:flex;flex-wrap:wrap;gap:8px;justify-content:end}.deck-summary span{border:2px solid var(--brand-border-color);border-radius:var(--brand-radius);padding:6px 8px;background:var(--brand-badge-surface);color:var(--brand-text-color);font-size:13px;font-weight:700}.basic-land-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.basic-land-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:2px solid var(--brand-border-color);border-radius:var(--brand-radius);padding:10px;background:var(--brand-surface-muted)}.basic-land-row>span{display:inline-flex;gap:6px;align-items:center;min-width:0;font-weight:700}.basic-land-controls{display:grid;grid-template-columns:36px 32px 36px;gap:6px;align-items:center;text-align:center}.deck-builder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}.deck-column{display:grid;gap:10px;border:2px solid var(--brand-border-color);border-radius:var(--brand-radius);padding:12px;background:#f6faef}.deck-column h3{margin:0;font-size:16px}.main-deck-column{background:#d7f3ed}.deck-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;border:2px solid var(--brand-border-color);border-radius:var(--brand-radius);padding:9px;background:var(--brand-surface)}.deck-card>img,.deck-card>.image-placeholder{width:48px;height:66px;object-fit:cover}.deck-card-body{display:grid;gap:3px;min-width:0}.deck-card-body strong,.deck-card-body span,.deck-card-body small{overflow-wrap:anywhere}.deck-actions{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.player-accordion-list{display:grid;gap:12px}.player-accordion-item{display:grid;gap:8px}.pick-tile,.player-tile{display:grid;gap:8px;border:2px solid var(--brand-border-color);border-radius:var(--brand-radius);padding:12px;background:var(--brand-surface)}.player-button{width:100%;color:var(--brand-text-color);text-align:left}.player-button.active{background:#d7f3ed;box-shadow:4px 4px 0 var(--brand-accent-color)}.player-picks-dropdown{border:2px solid var(--brand-border-color);border-radius:var(--brand-radius);padding:12px;background:var(--brand-surface-muted)}.player-stats{display:grid;gap:12px;margin-bottom:12px}.color-identity-bar{display:flex;height:9px;overflow:hidden;border:2px solid var(--brand-border-color);border-radius:var(--brand-radius);background:#dce4d8}.color-identity-bar.empty:before{content:"";width:100%;background:#dce4d8}.color-segment{min-width:8px}.color-w{background:#f5e7ae}.color-u{background:#59a7d8}.color-b{background:#34303b}.color-r{background:#d95c45}.color-g{background:#3f9d66}.color-c{background:#a7afa5}.player-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stat-bars{display:grid;gap:7px}.stat-bars h3{margin:0;font-size:14px}.stat-bar-row{display:grid;grid-template-columns:92px minmax(0,1fr) 24px;gap:8px;align-items:center;font-size:13px;font-weight:800}.stat-bar-track{height:11px;border:1px solid var(--brand-border-color);border-radius:var(--brand-radius);background:var(--brand-surface);overflow:hidden}.stat-bar-fill{height:100%;background:var(--brand-accent-color)}.pick-tile{grid-template-columns:54px minmax(0,1fr)}.empty-state{display:grid;gap:8px;min-height:180px;align-content:center;justify-items:start;background:#f9fbf5}@media(max-width:900px){.setup-page,.landing-hero,.landing-choices,.grid.two,.cards-layout,.card-toolbar,.filter-panel,.join-form,.join-form.compact,.player-stats-grid,.share-box{grid-template-columns:1fr}.preview-panel{position:static}.cards-layout.has-selection{padding-bottom:96px}.cards-layout.has-selection .preview-panel{order:-1}.mobile-pick-bar{position:fixed;right:14px;bottom:14px;left:14px;z-index:20;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;border:2px solid var(--brand-border-color);border-radius:var(--brand-radius);padding:10px;background:var(--brand-surface);box-shadow:4px 4px 0 var(--brand-border-color)}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.topbar{align-items:center;flex-wrap:nowrap;gap:8px}.brand-lockup{flex:1 1 auto;font-size:18px;gap:5px;overflow:hidden;white-space:nowrap}.menu-button{width:40px;height:38px}.desktop-nav{display:none}.menu-button{display:block}.status-chip{max-width:170px;overflow:hidden;text-overflow:ellipsis}.mobile-menu{position:fixed;inset:0;z-index:40;display:block}.mobile-menu-backdrop{position:absolute;inset:0;background:#1c1f1b6b}.mobile-menu-panel{position:absolute;top:0;right:0;bottom:0;display:grid;grid-auto-rows:max-content;gap:10px;width:min(82vw,320px);padding:18px;border-left:4px solid var(--brand-border-color);background:var(--brand-surface);box-shadow:-5px 0 0 var(--brand-border-color)}.mobile-menu-row{width:100%;text-align:left}.mobile-menu-group{display:grid;gap:8px}.page-layout{padding:14px}.split,.button-row,.button-row.two,.stat-grid,.draft-row,.room-code-form,.discord-link-card.compact,.deck-builder-grid,.basic-land-row{grid-template-columns:1fr}.draft-row-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-row{grid-template-columns:1fr}.panel,.empty-state,.turn-banner,.status-chip,.mobile-pick-bar{box-shadow:3px 3px 0 var(--brand-border-color)}}.draft-state-grid{display:grid;gap:12px}.compact-turn{padding:12px 14px}.compact-turn h2{font-size:18px}.compact-button{padding:9px 11px}.compact-state-panel{padding:12px}.compact-state-panel h2{margin-bottom:8px;font-size:16px}.draft-state-metrics .metric{min-height:48px;padding:7px 9px}.card-search-field{flex:1 1 320px;min-width:0}.toolbar-menu{position:relative;display:grid;gap:8px;flex:0 1 190px;min-width:150px}.toolbar-menu>button{width:100%;min-height:47px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ghost.active{background:#2f7f6a24;color:#214d43;border-color:#2f7f6a3d}.toolbar-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:15;display:grid;gap:12px;min-width:min(340px,86vw);border:2px solid var(--brand-border-color);border-radius:var(--brand-radius);padding:12px;background:var(--brand-surface);box-shadow:4px 4px 0 var(--brand-border-color)}.dropdown-panel{margin-top:-2px}.mana-cost{display:inline-flex;flex-direction:row;width:max-content;max-width:100%;white-space:normal}.mana-symbol{flex:0 0 22px;vertical-align:text-bottom}.card-toolbar>*{min-width:0}.view-toggle{flex:0 0 auto;min-width:154px;align-self:end}.view-toggle button{min-height:47px;display:inline-flex;align-items:center;justify-content:center}.curve-histogram{display:flex;gap:8px;align-items:end;min-height:150px;padding-top:8px}.curve-column{display:grid;flex:1 1 34px;gap:6px;min-width:28px;justify-items:center;font-size:12px}.curve-track{display:flex;align-items:end;width:100%;height:118px;border:1px solid var(--brand-border-color);border-radius:var(--brand-radius);overflow:hidden;background:var(--brand-surface)}.curve-fill{display:grid;place-items:start center;width:100%;min-height:10px;padding-top:4px;background:var(--brand-accent-color);color:#fbfdf8;font-size:11px;font-weight:900}.color-breakdown{align-content:start}.color-breakdown-row{display:grid;gap:5px;font-size:13px;font-weight:800}.color-breakdown-main{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:8px;align-items:center}.color-breakdown-symbol .mana-text{display:inline-flex}.color-breakdown-row small{color:var(--brand-muted-color)}.draft-switcher{padding:12px}.join-draft-panel{background:#f6faef}:root[data-theme=dark]{color:#f4f7f2;background:#151a16}:root[data-theme=dark] body,:root[data-theme=dark] .app-shell{background:#151a16;color:#f4f7f2}:root[data-theme=dark] .topbar,:root[data-theme=dark] .page-nav,:root[data-theme=dark] .panel,:root[data-theme=dark] .empty-state,:root[data-theme=dark] .subpanel,:root[data-theme=dark] .deck-column,:root[data-theme=dark] .deck-card,:root[data-theme=dark] .basic-land-row,:root[data-theme=dark] .share-box,:root[data-theme=dark] .toolbar-dropdown,:root[data-theme=dark] .card-toolbar,:root[data-theme=dark] .filter-panel,:root[data-theme=dark] .player-picks-dropdown,:root[data-theme=dark] .mobile-menu-panel,:root[data-theme=dark] .mobile-pick-bar{background:#20271f;color:#f4f7f2;border-color:#dce4d8}:root[data-theme=dark] input,:root[data-theme=dark] textarea,:root[data-theme=dark] select,:root[data-theme=dark] .draft-row,:root[data-theme=dark] .card-row,:root[data-theme=dark] .player-tile,:root[data-theme=dark] .pick-tile,:root[data-theme=dark] .image-card-tile,:root[data-theme=dark] .page-nav button,:root[data-theme=dark] .mobile-menu-row,:root[data-theme=dark] .view-toggle button,:root[data-theme=dark] .tabs button,:root[data-theme=dark] .ghost{background:#151a16;color:#f4f7f2;border-color:#dce4d8}:root[data-theme=dark] .brand-product,:root[data-theme=dark] .draft-row-main,:root[data-theme=dark] .card-row,:root[data-theme=dark] .player-button,:root[data-theme=dark] .tabs button,:root[data-theme=dark] .view-toggle button{color:#f4f7f2}:root[data-theme=dark] .muted,:root[data-theme=dark] .field-note,:root[data-theme=dark] .player-tile small,:root[data-theme=dark] .pick-tile span,:root[data-theme=dark] .card-row small,:root[data-theme=dark] .color-breakdown-row small{color:#bdc8b8}:root[data-theme=dark] .primary,:root[data-theme=dark] .tabs button.active,:root[data-theme=dark] .mobile-menu-row.active,:root[data-theme=dark] .page-nav button.active,:root[data-theme=dark] .ghost.active{background:#00a98533;color:#f4f7f2;border-color:#dce4d8}:root[data-theme=dark] .secondary,:root[data-theme=dark] .turn-banner{background:#312d22;color:#f4f7f2;border-color:#dce4d8}:root[data-theme=dark] .danger{background:#6f413c;color:#fdf8f4;border-color:#dce4d8}:root[data-theme=dark] .turn-banner.live,:root[data-theme=dark] .notice.success,:root[data-theme=dark] .join-draft-panel,:root[data-theme=dark] .draft-row.active,:root[data-theme=dark] .card-row.selected,:root[data-theme=dark] .image-card-tile.selected,:root[data-theme=dark] .player-button.active{background:#163c35;color:#f4f7f2}:root[data-theme=dark] .metric,:root[data-theme=dark] .stat-bar-track,:root[data-theme=dark] .curve-track,:root[data-theme=dark] .image-placeholder,:root[data-theme=dark] .large-placeholder,:root[data-theme=dark] .image-card-placeholder{background:#151a16;color:#f4f7f2;border-color:#dce4d8}:root[data-theme=dark] .topbar,:root[data-theme=dark] .page-nav,:root[data-theme=dark] .tabs{border-color:#dce4d8}@media(max-width:900px){.toolbar-dropdown{position:static;min-width:0}}@media(max-width:560px){.topbar-actions{flex:0 0 auto}.suite-links{display:none}.brand-studio,.brand-product,.brand-divider{white-space:nowrap}.compact-turn{align-items:start}.compact-turn p{font-size:13px}.draft-state-metrics .metric{min-height:42px}.mobile-pick-bar{grid-template-columns:minmax(0,1fr) auto}.mobile-pick-bar .primary{grid-column:1 / -1}}.turn-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:end}@media(max-width:560px){.turn-actions{justify-content:start}}.card-row .mana-cost,.image-card-tile .mana-cost,.pick-tile .mana-cost,.preview-panel .mana-cost{display:inline-flex;flex-direction:row;flex-wrap:wrap;width:fit-content;align-items:center}.card-row .mana-symbol,.image-card-tile .mana-symbol,.pick-tile .mana-symbol,.preview-panel .mana-symbol{display:inline-grid;flex:0 0 22px}.designer-page{display:grid;gap:16px}.designer-intro{background:var(--brand-surface-muted)}.designer-actions{min-width:min(280px,100%)}.designer-copy-status{margin-top:12px}.designer-grid{display:grid;grid-template-columns:minmax(260px,420px) minmax(0,1fr);gap:16px;align-items:start}.designer-token-panel,.designer-preview{align-content:start}.designer-token-grid{display:grid;gap:12px}.designer-token-row{border:2px solid var(--brand-border-color);border-radius:var(--brand-radius);padding:12px;background:var(--brand-surface-muted)}.designer-token-control{display:grid;grid-template-columns:54px minmax(0,1fr);gap:8px;align-items:center}.designer-token-control input[type=color]{width:54px;min-height:46px;padding:4px}.designer-preview{display:grid;gap:16px;background:var(--brand-page)}.designer-preview-header{display:grid;gap:6px;border:2px solid var(--brand-border-color);border-radius:var(--brand-radius);padding:16px;background:var(--brand-surface)}.designer-preview-band,.designer-card-preview-grid{display:grid;gap:12px}.designer-preview-band{grid-template-columns:repeat(3,minmax(0,1fr))}.designer-card-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.designer-preview-card{display:grid;gap:10px;min-height:180px;border:2px solid var(--brand-border-color);border-radius:var(--brand-radius);padding:14px;background:var(--brand-surface);box-shadow:4px 4px 0 var(--brand-border-color)}.designer-preview-card h3{margin:0}.designer-preview-card.accent{background:var(--brand-surface-muted)}.designer-mini-card{width:86px;aspect-ratio:5 / 7;border:2px solid var(--brand-border-color);border-radius:var(--brand-radius);background:linear-gradient(145deg,var(--brand-surface),var(--brand-accent-color))}.designer-css-output textarea{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px}@media(max-width:900px){.designer-grid,.designer-preview-band,.designer-card-preview-grid{grid-template-columns:1fr}}.discord-link-card{display:grid;gap:12px;border:2px solid var(--brand-border-color);border-radius:var(--brand-radius);padding:12px;background:var(--brand-surface-muted)}.discord-link-card.standalone{box-shadow:none}.discord-link-card.compact{grid-template-columns:minmax(0,1fr) auto;align-items:center}.discord-link-card.compact .link-code-box{grid-column:1 / -1}.link-code-box{display:grid;gap:4px;border:2px solid var(--brand-border-color);border-radius:var(--brand-radius);padding:10px;background:var(--brand-surface)}.link-code-box strong{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:16px}.link-code-box span,.link-code-box small{color:var(--brand-muted-color);font-weight:800}.howto-page{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.howto-hero{grid-column:1 / -1;background:var(--brand-surface-muted)}.howto-hero h2{max-width:820px;font-size:34px;line-height:1.08}.howto-card{align-content:start}.howto-list{display:grid;gap:9px;margin:12px 0 0;padding-left:22px}.howto-list li{line-height:1.45}.designer-font-control{display:grid;gap:8px}.font-preview{display:block;border:2px solid var(--brand-border-color);border-radius:var(--brand-radius);padding:10px;background:var(--brand-surface);color:var(--brand-text-color);font-size:18px;font-weight:800}.designer-image-grid{display:grid;gap:12px;margin-top:18px}.designer-image-row{display:grid;gap:10px;border:2px solid var(--brand-border-color);border-radius:var(--brand-radius);padding:12px;background:var(--brand-surface-muted)}.designer-image-preview{min-height:92px;border:2px dashed var(--brand-border-color);border-radius:var(--brand-radius);background-color:var(--brand-surface);background-position:center;background-repeat:no-repeat;background-size:contain}.designer-upload-button{display:grid;place-items:center;min-height:45px;text-align:center;cursor:pointer}.designer-upload-button input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.brand-logo-sample{display:inline-block;width:34px;height:34px;margin-right:8px;vertical-align:middle;background-position:center;background-repeat:no-repeat;background-size:contain}@media(max-width:900px){.howto-page{grid-template-columns:1fr}}@media(max-width:560px){.howto-hero h2{font-size:28px}}.page-intro{display:grid;gap:10px;padding:4px 0 18px;border-bottom:1px solid rgba(110,106,94,.18)}.page-intro h2{font-size:clamp(28px,4vw,38px);line-height:1.06}.page-intro-draft{gap:6px;padding-bottom:12px}.intro-action{width:fit-content}.setup-workspace{gap:20px}.setup-editor-grid{align-items:start}.setup-detail-flow,.setup-section{gap:12px}.setup-section{padding-top:14px;border-top:1px solid rgba(110,106,94,.18)}.draft-switcher-row{display:grid;gap:8px;max-width:320px}.draft-page-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);gap:18px;align-items:end}.draft-overview{display:grid;gap:16px;padding:18px 0 20px;border-bottom:1px solid rgba(110,106,94,.18)}.draft-overview.live .eyebrow{color:var(--brand-accent-color)}.draft-overview-copy{display:grid;gap:6px}.draft-overview-copy h2{font-size:28px}.draft-overview-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.overview-stat{display:grid;gap:4px;padding:12px 14px;border:1px solid rgba(110,106,94,.2);border-radius:var(--brand-radius);background:#fffaf0e6}.overview-stat span{color:var(--brand-muted-color);font-size:12px;font-weight:700}.overview-stat strong{font-size:15px}.draft-overview-actions{justify-content:start}.landing-hero{padding:10px 0 20px;border-bottom:1px solid rgba(110,106,94,.18);background:transparent}:root{color-scheme:light}body,.app-shell{color:var(--brand-text-color)}input,textarea,select{border-width:1px;border-color:#6e6a5e59;background:#fffaf0f5}.topbar{padding:18px clamp(16px,4vw,48px);border-bottom-width:1px;background:#fffaf0e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand-lockup{align-items:center}.page-nav{gap:10px;padding-top:10px;padding-bottom:10px;border-bottom-width:1px;background:transparent}.panel,.empty-state,.turn-banner,.status-chip,.menu-button,.page-nav button,.mobile-menu-row,.tabs button,.primary,.secondary,.ghost,.danger,.notice,.draft-row,.card-row,.subpanel,.share-box,.identity-badge,.notice-panel,.metric,.player-tile,.pick-tile,.preview-panel,.filter-panel,.toolbar-dropdown,.mobile-pick-bar,.mobile-menu-panel,.designer-token-panel{box-shadow:none}.panel,.empty-state,.turn-banner{border-width:1px;border-color:#6e6a5e33;background-color:#fffaf0eb}.panel{padding:20px}.panel-heading{margin-bottom:14px}.tabs{gap:10px;padding-bottom:10px;border-bottom-width:1px}.tabs button,.page-nav button,.mobile-menu-row,.primary,.secondary,.ghost,.danger,.menu-button{border-width:1px}.primary{background:#3f675b;border-color:#2c474042}.secondary{background:#efe5d2;border-color:#6e6a5e38}.ghost{background:#fffaf0bd;border-color:#6e6a5e2e}.draft-row,.card-row,.player-tile,.pick-tile,.subpanel,.share-box,.notice-panel,.metric,.preview-panel,.filter-panel,.toolbar-dropdown{border-width:1px;border-color:#6e6a5e2e}.draft-row.active,.card-row.selected,.image-card-tile.selected,.player-button.active{box-shadow:inset 3px 0 0 var(--brand-accent-color)}.draft-row:hover,.card-row:hover,.image-card-tile:hover{transform:none;box-shadow:none;border-color:#17574752;background:#e6efe5b8}.status-chip{border-width:1px;background:#e4f4dce0}.notice-panel.subtle,.join-draft-panel,.subpanel{background:#f3ebd9b8}.draft-page,.workspace,.stack{gap:20px}@media(max-width:900px){.draft-overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}h1{font-size:28px}.brand-lockup{font-size:26px}.landing-hero h2{font-size:clamp(28px,4vw,34px)}.page-intro h2{font-size:clamp(22px,3vw,30px)}.draft-overview-copy h2{font-size:24px}.howto-page{grid-template-columns:1fr;gap:18px}.howto-hero{display:grid;gap:14px}.howto-hero-copy{display:grid;gap:8px;max-width:760px}.howto-hero h2{max-width:760px;font-size:clamp(24px,3vw,30px);line-height:1.12}.howto-hero-badges{display:flex;flex-wrap:wrap;gap:8px}.howto-card{display:grid;gap:16px}.howto-section-copy{display:grid;gap:6px;max-width:760px}.howto-path-grid,.howto-step-grid,.howto-detail-grid{display:grid;gap:12px}.howto-path-grid,.howto-detail-grid,.howto-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.howto-path-card,.howto-step-card,.howto-detail-card{display:grid;gap:8px;align-content:start;border:1px solid rgba(110,106,94,.18);border-radius:var(--brand-radius);padding:16px;background:#fffaf0c7}.howto-path-card h3,.howto-step-card h3,.howto-detail-card h3{font-size:17px}.howto-step-number{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;background:var(--brand-badge-surface);color:var(--brand-text-color);font-size:13px;font-weight:900}.howto-inline-list{display:grid;gap:6px;margin:0;padding-left:18px}.howto-inline-list li{line-height:1.45}.howto-note{border-top:1px solid rgba(110,106,94,.18);padding-top:12px;color:var(--brand-muted-color);line-height:1.5}@media(max-width:900px){.howto-path-grid,.howto-step-grid,.howto-detail-grid{grid-template-columns:1fr}}@media(max-width:560px){.brand-lockup{font-size:16px}.page-intro h2{font-size:24px}.draft-overview-copy h2{font-size:22px}.howto-hero h2{font-size:24px}}.hub-shell,.rules-shell{display:grid;gap:20px;width:min(1200px,100%);margin:0 auto;padding:clamp(16px,4vw,36px);box-sizing:border-box}.site-header,.hub-hero,.rules-hero,.rules-cube-hero{display:grid;gap:14px}.site-header{grid-template-columns:minmax(0,1fr) auto;align-items:end;padding:8px 0 14px;border-bottom:1px solid rgba(110,106,94,.18)}.site-header-copy,.hub-hero-copy,.rules-hero-copy,.rules-cube-heading{display:grid;gap:8px;max-width:760px}.site-header h1,.hub-hero h2{font-size:clamp(28px,4vw,40px);line-height:1.06}.site-header-nav{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}.site-nav-link{border:2px solid var(--brand-border-color);border-radius:var(--brand-radius);padding:10px 14px;color:var(--brand-text-color);text-decoration:none;font-weight:600;background:#fffaf0c7}.site-nav-link.active{background:#2f7f6a24;color:#214d43;border-color:#2f7f6a3d;box-shadow:none}.hub-hero{padding:12px 0 18px;border-bottom:1px solid rgba(110,106,94,.18)}.hub-product-grid,.hub-path-grid,.hub-overview-grid,.rules-feature-band,.rules-tool-band,.rules-basics-band,.rules-library-layout,.rules-feature-grid,.rules-guide-grid,.rules-entry-grid,.rules-cube-summary,.rules-reference-grid{display:grid;gap:16px}.hub-product-grid,.rules-entry-grid,.rules-feature-grid,.rules-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-overview-grid{grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);align-items:start}.rules-feature-band,.rules-tool-band,.rules-basics-band,.rules-library-layout{grid-template-columns:1fr;align-items:start}.rules-tool-band{grid-template-columns:minmax(0,1fr) minmax(300px,420px);padding:20px;border:1px solid rgba(110,106,94,.14);border-radius:calc(var(--brand-radius) + 2px);background:#ffffff75}.rules-basics-main,.rules-guide-panel{display:grid;gap:16px;align-items:start}.rules-feature-band,.rules-basics-band,.rules-reference-grid,.rules-cube-summary{padding:20px;border:1px solid rgba(110,106,94,.14);border-radius:calc(var(--brand-radius) + 2px)}.rules-feature-band{background:#f3ebd99e}.rules-basics-band{background:#e6efe58f}.rules-reference-grid{background:#ffffff75}.rules-card-lookup-result{display:grid;gap:18px}.rules-card-lookup-layout{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:18px;align-items:start}.rules-card-lookup-preview,.rules-card-lookup-copy,.rules-card-lookup-matches{display:grid;gap:12px}.rules-card-lookup-preview img{display:block;width:100%;height:auto;border:1px solid rgba(110,106,94,.2);border-radius:14px;background:#eff4eb}.rules-card-lookup-placeholder{min-height:320px;display:grid;place-items:center;border:1px solid rgba(110,106,94,.2);border-radius:14px;background:#f6faefdb;color:var(--brand-muted-color);text-align:center;padding:16px}.rules-card-lookup-head,.rules-card-lookup-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.rules-card-lookup-type,.rules-card-lookup-cost{margin:0}.rules-card-lookup-oracle{display:grid;gap:8px;padding:14px;border:1px solid rgba(110,106,94,.16);border-radius:var(--brand-radius);background:#f6faefb8}.rules-card-lookup-oracle p{margin:0}.rules-cube-summary{background:#f3ebd98f}.rules-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rules-feature-intro,.rules-basics-intro,.rules-library-sidebar{max-width:900px}.hub-product-card,.hub-path-card,.hub-note-card,.rules-guide-card,.rules-library-panel,.rules-entry-card,.rules-lookup-panel,.rules-reference-card{align-content:start}.hub-product-card,.hub-path-card,.rules-entry-card,.rules-feature-card,.rules-reference-card,.rules-feature-intro,.rules-basics-intro,.rules-library-sidebar{display:grid;gap:10px}.hub-hero-actions,.hub-link-button,.inline-link-button{width:fit-content;text-decoration:none}.hub-hero-actions,.rules-quick-actions,.rules-reference-links{display:flex;flex-wrap:wrap;gap:10px}.rules-cube-actions,.rules-card-list,.rules-guide-heading,.rules-library-heading,.rules-entry-heading{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.rules-feature-card{width:100%;border:2px solid rgba(110,106,94,.18);border-radius:var(--brand-radius);padding:14px;background:#fafcf6eb;text-align:left;color:var(--brand-text-color)}.rules-feature-card strong{font-size:18px}.rules-hero{grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:18px;align-items:start;padding:10px 0 18px;border-bottom:1px solid rgba(110,106,94,.18)}.rules-hero h2,.rules-cube-hero h2,.rules-guide-card h2,.rules-library-panel h2,.rules-reference-card h2{font-size:clamp(24px,3vw,30px);line-height:1.1}.rules-lookup-panel{display:grid;gap:12px}.rules-guide-grid{grid-template-columns:1fr}.rules-guide-grid.compact{grid-template-columns:1fr;gap:18px}.rules-jump-nav{display:grid;gap:8px;align-content:start}.rules-jump-nav .eyebrow{margin:0}.rules-jump-links{display:flex;flex-wrap:wrap;gap:8px}.rules-jump-link{width:fit-content;text-align:left}.rules-jump-link.active,.rules-jump-link:hover{border-color:#2f7f6a47;background:#e6efe5d1}.rules-guide-card{display:grid;gap:14px}.rules-visual-card{display:grid;gap:14px;border:1px solid rgba(110,106,94,.16);border-radius:var(--brand-radius);padding:16px;background:#f6faefdb}.rules-anatomy-layout,.rules-land-layout,.rules-stack-layout{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:16px;align-items:start}.rules-card-anatomy,.rules-turn-table,.rules-stack-stage,.rules-land-compare{min-width:0}.rules-card-preview,.rules-mini-card{position:relative}.rules-card-photo,.rules-mini-card-photo{position:relative;isolation:isolate}.rules-card-photo img,.rules-mini-card-photo img{display:block;width:100%;height:auto;border:1px solid rgba(110,106,94,.2);border-radius:14px;background:#eff4eb}.rules-card-sample-note{margin:0 0 8px;color:var(--brand-muted-color);font-size:13px;font-weight:700}.rules-card-frame,.rules-mini-card-frame,.rules-stack-card,.rules-stack-note{border:1px solid rgba(110,106,94,.2);border-radius:7px;background:#fffaf0f5}.rules-card-frame,.rules-mini-card-frame{display:grid;gap:8px;padding:12px}.rules-card-row,.rules-card-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:7px 9px;border:1px solid rgba(110,106,94,.18);border-radius:6px;background:#ffffffb3}.rules-card-name,.rules-card-type,.rules-card-footer{font-weight:700}.rules-card-art{min-height:112px;border:1px solid rgba(110,106,94,.18);border-radius:6px;padding:12px;background:linear-gradient(145deg,#2f7f6a29,#fff4c7e6),#ffffffbf;color:var(--brand-muted-color);font-size:13px;line-height:1.45}.rules-card-textbox{display:grid;gap:8px;min-height:126px;border:1px solid rgba(110,106,94,.18);border-radius:6px;padding:10px;background:#ffffffc2}.rules-card-textbox.compact{min-height:78px}.rules-card-textbox p{margin:0;line-height:1.45}.rules-marker,.rules-callout-marker,.rules-image-marker{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:999px;border:2px solid rgba(21,72,61,.22);background:#fffffff5;box-shadow:0 6px 16px #22352d2e;color:#15483d;font-size:13px;font-weight:800;line-height:1}.rules-marker,.rules-image-marker{position:absolute;z-index:2}.marker-name{top:-10px;left:18px}.marker-cost{top:-10px;right:18px}.marker-type{top:162px;left:-10px}.marker-text{top:238px;right:-10px}.marker-pt{right:10px;bottom:-10px}.marker-basic,.marker-nonbasic{top:-10px;left:18px}.marker-card-name{top:10px;left:12px}.marker-card-cost{top:12px;right:54px}.marker-card-type{top:56%;left:0;transform:translate(-30%,-50%)}.marker-card-text{top:74%;right:0;transform:translate(30%,-50%)}.marker-card-pt{right:10px;bottom:10px}.marker-forest-basic,.marker-garden-nonbasic{top:56%;left:0;transform:translate(-30%,-50%)}.marker-forest-subtype,.marker-garden-forest{top:56%;right:0;transform:translate(30%,-50%)}.rules-callout-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.rules-callout-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:10px 12px;border:1px solid rgba(110,106,94,.16);border-radius:7px;background:#ffffffb8}.rules-callout-item p,.rules-stack-note p{margin:4px 0 0;line-height:1.5}.rules-callout-title{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:baseline}.rules-callout-number{color:var(--brand-studio-color);font-weight:800}.rules-land-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rules-land-explainer{display:grid;gap:10px;padding:14px;border:1px solid rgba(110,106,94,.16);border-radius:7px;background:#ffffffc7}.rules-land-explainer h3,.rules-land-explainer p{margin:0}.rules-land-explainer p{line-height:1.55}.rules-mana-legend{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.rules-mana-symbol-card{display:grid;gap:8px;min-width:0;padding:12px;border:1px solid rgba(110,106,94,.16);border-radius:7px;background:#ffffffc7}.rules-mana-symbol-card.wide{grid-column:1 / -1}.rules-mana-symbol-card p{margin:0;line-height:1.45}.rules-cost-sample{display:inline-flex;width:fit-content;align-items:center;gap:6px;font-size:18px;font-weight:700}.rules-mini-card{display:grid;gap:8px}.rules-mini-card-label{font-size:13px;font-weight:700;color:var(--brand-muted-color)}.rules-mini-card .rules-card-art{min-height:92px}.rules-turn-legend{display:grid;gap:8px}.rules-turn-table{display:grid;gap:10px}.rules-turn-row{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(220px,.82fr);gap:14px;align-items:start;padding:14px;border:1px solid rgba(110,106,94,.16);border-radius:7px;background:#ffffffc7}.rules-turn-row>*{min-width:0}.rules-turn-phase,.rules-turn-copy{display:grid;gap:6px}.rules-turn-outline,.rules-turn-sublist{margin:0;padding-left:18px}.rules-turn-outline{display:grid;gap:8px;margin-top:0}.rules-turn-outline>li,.rules-turn-sublist>li{line-height:1.55}.rules-turn-sublist{display:grid;gap:6px;margin-top:6px}.rules-turn-detail-grid{display:grid;grid-template-columns:1fr;gap:12px;min-width:0}.rules-turn-column-label{color:var(--brand-muted-color);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.rules-turn-phase strong{display:block;margin:0;font-size:15px}.rules-turn-copy p{margin:0;line-height:1.5;overflow-wrap:anywhere}.rules-turn-stack-copy{padding:10px 12px;border:1px solid rgba(110,106,94,.16);border-radius:7px;background:#f3ebd985}.rules-deck-primer{gap:16px}.rules-deck-primer-intro{display:grid;gap:8px}.rules-deck-primer-intro p{margin:0;line-height:1.5}.rules-deck-primer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.rules-deck-primer-card{display:grid;gap:12px;padding:14px;border:1px solid rgba(110,106,94,.16);border-radius:7px;background:#ffffffc7}.rules-deck-primer-card p{margin:0;line-height:1.5}.rules-curve-chart{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;align-items:end;min-height:138px;padding:12px;border:1px solid rgba(110,106,94,.16);border-radius:7px;background:#f3ebd985}.rules-curve-slot{display:grid;gap:6px;justify-items:center;align-items:end;min-width:0}.rules-curve-bar{display:block;width:100%;max-width:28px;min-height:10px;border-radius:999px 999px 0 0;background:var(--brand-accent-color)}.rules-curve-count,.rules-curve-label{color:var(--brand-muted-color);font-size:11px;font-weight:700}.rules-stack-layout{grid-template-columns:minmax(320px,1.18fr) minmax(220px,.82fr);gap:12px}.rules-stack-stage{position:relative;display:grid;gap:10px;align-content:start;padding-top:26px}.rules-stack-card{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:start;padding:12px;border-left-width:5px}.rules-stack-card img,.rules-stack-note img{display:block;width:100%;border:1px solid rgba(110,106,94,.18);border-radius:10px;background:#eff4eb}.rules-stack-card-copy{display:grid;gap:6px}.rules-stack-card p,.rules-stack-card small{margin:0;line-height:1.45}.rules-stack-card small{color:var(--brand-muted-color)}.stack-layer-1{margin-left:0;background:#d7f3edf5}.stack-layer-2{margin-left:18px}.stack-layer-3{margin-left:36px}.stack-blue{border-color:#4668c76b;background:#e2ebffc7}.stack-green{border-color:#468f5d6b;background:#e1f1e4c7}.stack-red{border-color:#b8584c6b;background:#f8e4e0c7}.rules-stack-arrow{position:absolute;top:0;right:0;display:inline-flex;align-items:center;gap:8px;color:var(--brand-muted-color);font-size:12px;font-weight:700}.rules-stack-arrow-glyph{position:relative;display:inline-block;width:10px;height:38px}.rules-stack-arrow-glyph:before{content:"";position:absolute;left:50%;top:0;width:2px;height:28px;background:currentColor;transform:translate(-50%)}.rules-stack-arrow-glyph:after{content:"";position:absolute;left:50%;bottom:0;width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translate(-50%) rotate(45deg)}.rules-stack-notes{display:grid;gap:8px}.rules-stack-note{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px;align-items:start;padding:10px;border-left-width:5px}.rules-stack-note>div{display:grid;gap:6px}.rules-topic-stack,.rules-topic{display:grid;gap:8px}.rules-bullet-list{display:grid;gap:6px;margin:0;padding-left:18px}.rules-bullet-list.compact{gap:4px}.rules-library-panel{display:grid;gap:14px}.rules-library-sidebar{align-content:start;position:static}.rules-library-controls{display:grid;grid-template-columns:minmax(220px,1fr) minmax(160px,220px);gap:12px}.rules-library-controls.compact{grid-template-columns:minmax(220px,1fr)}.rules-library-sidebar .rules-library-controls{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.rules-library-controls.compact{grid-template-columns:1fr}.rules-entry-grid{align-items:start}.rules-entry-card h3,.rules-topic h3,.howto-path-card h3,.howto-step-card h3,.howto-detail-card h3{margin:0;font-size:17px}.rules-entry-statement{margin:0;line-height:1.55;font-weight:700}.rules-tag-wrap{display:flex;flex-wrap:wrap;gap:8px}.rules-tag{border:1px solid rgba(110,106,94,.22);border-radius:999px;padding:6px 10px;background:#e6efe5b8;color:var(--brand-text-color);font-size:13px;font-weight:800}.rules-cube-page{display:grid;gap:22px}.rules-cube-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.rules-entry-heading>div,.rules-guide-heading>div,.rules-library-heading>div{display:grid;gap:4px}@media(max-width:900px){.hub-product-grid,.hub-path-grid,.hub-overview-grid,.rules-feature-band,.rules-tool-band,.rules-basics-band,.rules-library-layout,.rules-feature-grid,.rules-reference-grid,.rules-entry-grid,.rules-guide-grid,.rules-hero,.rules-cube-summary,.rules-library-controls,.draft-page-header,.rules-anatomy-layout,.rules-land-layout,.rules-stack-layout,.rules-card-lookup-layout,.rules-turn-row,.rules-turn-detail-grid,.rules-land-compare,.rules-mana-legend,.rules-deck-primer-grid,.rules-stack-note{grid-template-columns:1fr}.rules-library-sidebar{position:static}.rules-card-anatomy,.rules-land-compare,.rules-stack-stage,.rules-card-lookup-preview{justify-items:center}.rules-card-photo{width:min(100%,320px)}.rules-mini-card{width:min(100%,260px)}.rules-stack-stage{padding-top:0}.rules-stack-arrow{position:static;justify-content:flex-end;margin-bottom:2px}.rules-stack-card{grid-template-columns:88px minmax(0,1fr);padding:10px}.rules-stack-note{grid-template-columns:56px minmax(0,1fr)}.stack-layer-2{margin-left:10px}.stack-layer-3{margin-left:20px}.rules-feature-band,.rules-tool-band,.rules-basics-band,.rules-reference-grid,.rules-cube-summary{padding:14px}.site-header{grid-template-columns:1fr;align-items:start}}@media(max-width:560px){.site-header h1,.hub-hero h2,.rules-hero h2,.rules-cube-hero h2,.rules-guide-card h2,.rules-library-panel h2,.rules-reference-card h2{font-size:24px}.hub-shell,.rules-shell{padding:12px;gap:14px}.rules-shell .panel{padding:14px;box-shadow:4px 4px 0 var(--brand-border-color)}.rules-feature-band,.rules-tool-band,.rules-basics-band,.rules-reference-grid,.rules-cube-summary,.rules-visual-card{padding:10px;gap:12px}.rules-card-photo{width:min(100%,300px)}.rules-mini-card{width:100%}.rules-mini-card-photo{max-width:240px;margin:0 auto}.rules-stack-card{grid-template-columns:76px minmax(0,1fr);gap:10px}.rules-stack-note{grid-template-columns:48px minmax(0,1fr)}.stack-layer-2{margin-left:6px}.stack-layer-3{margin-left:12px}.rules-turn-row,.rules-callout-item,.rules-land-explainer,.rules-card-lookup-oracle,.rules-stack-note,.rules-stack-card,.rules-mana-symbol-card{padding:10px}.rules-card-lookup-head,.rules-card-lookup-meta{align-items:flex-start}.rules-card-lookup-cost{width:100%}.rules-topic-stack,.rules-topic{gap:6px}}