:root{color-scheme:dark;--site-bg:#0c1119;--site-panel:#131d2b;--site-text:#e8edf4;--site-muted:#aab8ca;--site-border:#2a394c;--site-accent:#8cbfff}*{box-sizing:border-box}body{margin:0;background:var(--site-bg);color:var(--site-text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}a{color:var(--site-accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bcd9ff;outline-offset:4px}.skip-link{position:absolute;top:-100px;left:12px;z-index:100;background:#fff;color:#111;padding:8px}.skip-link:focus{top:12px}.discovery-header{display:flex;align-items:center;gap:28px;flex-wrap:wrap;max-width:1280px;margin:auto;padding:24px 32px;border-bottom:1px solid var(--site-border)}.discovery-brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:800;color:var(--site-text)}.brand-light{font-weight:400}.discovery-header nav{display:flex;gap:22px;flex-wrap:wrap;flex:1}.discovery-account{border:1px solid var(--site-border);padding:7px 16px;border-radius:20px}.discovery-content{max-width:1280px;margin:auto;padding:32px}.discovery-intro{padding:24px 0 36px;max-width:1000px}.discovery-intro h1{font-size:clamp(30px,4vw,48px);line-height:1.15;margin:14px 0 18px}.discovery-intro p{font-size:18px;color:var(--site-muted);max-width:800px}.eyebrow{display:block;font-size:12px;letter-spacing:2px;color:var(--site-accent);font-weight:700}.back-link{display:block;margin-bottom:24px}.discovery-game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.discovery-game,.discovery-panel{background:var(--site-panel);border:1px solid var(--site-border);border-radius:14px;padding:26px}.discovery-game{display:flex;flex-direction:column}.discovery-game h2{font-size:23px;line-height:1.3}.discovery-game p{color:var(--site-muted);flex:1}.game-emblem{font-size:34px;color:var(--site-accent)}.discovery-panel{margin:24px 0}.discovery-panel h2{margin-top:0}.discovery-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:18px 0}.discovery-button{display:inline-block;border:1px solid #7099cc;background:#19324d;color:#eaf2ff;border-radius:7px;padding:10px 16px;font-weight:650;cursor:pointer;text-align:center}.discovery-button:hover{background:#254665;text-decoration:none}.discovery-button:disabled{opacity:.7;cursor:wait}.summary-list{list-style:none;margin:0;padding:0}.summary-list li{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--site-border);padding:12px 0}.summary-list span{color:var(--site-muted)}.discovery-quests{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:24px}.discovery-quests progress{width:100%;accent-color:var(--site-accent)}.archive-filters{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap;margin-bottom:32px}.archive-filters label{display:flex;flex-direction:column;gap:8px}.archive-filters input,.archive-filters select{background:#111c29;color:var(--site-text);border:1px solid var(--site-border);border-radius:6px;padding:10px;max-width:100%}.archive-filters input{min-width:280px}.archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:26px}.archive-grid article{min-width:0}.archive-grid img{display:block;width:100%;height:auto;aspect-ratio:180/250;object-fit:contain;background:#080c13;border-radius:7px}.archive-grid h2,.archive-grid h3{font-size:15px;line-height:1.4;margin:10px 0 5px}.archive-grid p,.archive-grid small{color:var(--site-muted);font-size:12px;margin:4px 0}.pagination{display:flex;justify-content:center;gap:30px;margin:40px 0}.card-placeholder{aspect-ratio:180/250;background:var(--site-panel);display:grid;place-items:center;padding:14px}.breadcrumbs{font-size:13px;margin:10px 0 30px}.card-detail{display:grid;grid-template-columns:minmax(240px,360px) 1fr;gap:48px;align-items:start}.detail-image{display:block;width:100%;height:auto;object-fit:contain}.card-detail h1{font-size:clamp(30px,4vw,45px);line-height:1.15;margin:16px 0}.card-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:16px;margin:25px 0}.card-details dt{color:var(--site-muted);font-size:12px}.card-details dd{margin:0;overflow-wrap:anywhere}.rules-text{white-space:pre-wrap;font-size:17px}.card-lore{color:var(--site-muted);font-style:italic}.site-notice{max-width:1216px;margin:18px auto;padding:14px 20px;border:1px solid var(--site-border);border-radius:8px}.discovery-footer{max-width:1280px;margin:40px auto 0;padding:26px 32px;border-top:1px solid var(--site-border);display:flex;flex-wrap:wrap;gap:20px;color:var(--site-muted)}.discovery-footer small{width:100%;font-size:12px}#root{min-height:0}#root .app{background:transparent}.discovery-content:has(.arena-app){max-width:none;padding:0}.discovery-content:has(.arena-app)>.discovery-intro{display:none}@media(max-width:650px){.discovery-header{padding:18px;gap:18px}.discovery-header nav{order:3;flex-basis:100%;gap:16px;font-size:14px}.discovery-account{margin-left:auto}.discovery-content{padding:20px}.discovery-game-grid{grid-template-columns:1fr}.card-detail{grid-template-columns:1fr;gap:24px}.detail-image{max-width:320px;margin:auto}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.archive-filters label,.archive-filters input,.archive-filters select{width:100%;min-width:0}.archive-filters label{flex-basis:100%}.discovery-footer{padding:20px}}

/* Preserve the existing tabletop visual shell for server-rendered pages. */
.server-page{line-height:normal;background:#0b1018}.classic-shell .discovery-content{max-width:none;padding:0}.server-signin{margin-left:auto}.server-page [hidden]{display:none!important}.server-page:has(#server-summary:not([hidden])) #root .loading-screen{display:none}.server-page .site-header .back-link{margin-bottom:0}.server-page .site-header a:hover{text-decoration:none}

body[data-lobby-shell]:not([data-lobby-ready]) #root{display:none}#lobby-hero-actions-ssr,#lobby-hero-actions-client{display:contents}.lobby-loading-reserve{min-height:420px;padding-top:38px}

body[data-lobby-shell] #root .app{min-height:0}

body[data-workspace-shell]:not([data-workspace-ready]) #root{position:absolute;visibility:hidden;left:0;top:0;width:100%}body[data-workspace-shell] #root .app{min-height:0}#workspace-static{padding-bottom:0}.workspace-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:24px 20px;min-height:1000px}.workspace-card-placeholder>div{aspect-ratio:2.5/3.5;border:1px solid var(--line);border-radius:7px;background:linear-gradient(145deg,var(--panel2),var(--panel))}.workspace-card-placeholder>span{display:block;height:64px;margin-top:9px}.workspace-pack-placeholder{border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,var(--panel2),var(--panel))}@media(max-width:520px){.workspace-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px}}

body[data-workspace-shell="shop"] .workspace-pack-placeholder{width:153px;justify-self:center}@media(max-width:520px){body[data-workspace-shell="shop"] .workspace-pack-placeholder{width:77px}}

[data-shop-live-ssr],[data-shop-live-client]{display:contents}body:not([data-workspace-ready]) [data-shop-live-client]{display:none}.history-grid a.history-pack{text-decoration:none}

/* Card archives share the tabletop palette without requiring a client mount. */
.card-page{--site-accent:#58d7bc;--site-muted:#9caab9;line-height:1.6}.card-breadcrumbs{margin:0 0 30px;font-size:13px;line-height:1.6}.card-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:7px 0;list-style:none;padding:0;margin:0}.card-breadcrumbs li{display:flex;align-items:center;color:#9caab9;min-width:0;overflow-wrap:anywhere}.card-breadcrumbs li+li:before{content:'›';color:#536173;margin:0 12px}.card-breadcrumbs a{color:#9caab9}.card-breadcrumbs a:hover{color:#58d7bc}.card-breadcrumbs [aria-current]{color:#e7edf5}.card-page .card-detail{grid-template-columns:minmax(240px,340px) minmax(0,1fr);gap:clamp(28px,5vw,64px)}.card-artwork{padding:20px;background:radial-gradient(ellipse at top,#1b2c32,#101720 75%);border:1px solid #26343f;border-radius:16px}.card-artwork .detail-image{border-radius:9px;box-shadow:0 12px 32px #0008}.artwork-caption{display:block;text-align:center;color:#82939f;font-size:11px;margin-top:16px}.card-title{border-bottom:1px solid #26343f;padding:2px 0 24px}.card-page .eyebrow{color:#58d7bc;font-size:10px;letter-spacing:1.8px}.card-page h1{letter-spacing:-1px;margin:10px 0 12px;font-size:clamp(32px,4vw,46px)}.card-set-label{margin:0;font-size:13px;color:#9caab9}.card-set-label a{color:#58d7bc}.card-page .card-details{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:1px;background:#121b25;border:1px solid #26343f;border-radius:10px;overflow:hidden;margin:24px 0}.card-page .card-details>div{background:#121b25;padding:12px 16px}.card-page .card-details dt{text-transform:uppercase;letter-spacing:1px;font-size:10px;color:#8e9fac;margin-bottom:5px}.card-page .card-details dd{font-size:14px;color:#e7edf5;font-weight:550;line-height:1.5}.card-rules{padding:22px 24px;background:#121b25;border:1px solid #26343f;border-radius:12px}.card-page h2{font-size:18px;font-weight:650;letter-spacing:-.2px;margin:0 0 14px}.card-rules h3{font-size:14px;color:#9caab9;margin-top:24px}.card-page .rules-text{font-size:15px;line-height:1.8;margin:0}.card-page .card-lore{font-size:13px;line-height:1.7;margin:20px 0 0;padding-top:16px;border-top:1px solid #26343f}.card-set-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding:18px 22px;border:1px solid #2b4947;background:linear-gradient(110deg,#152b2b,#121b25);border-radius:12px}.card-set-panel p{margin:5px 0 0;font-size:16px}.card-set-panel p a{font-weight:650;color:#58d7bc}.card-set-action{font-size:13px;white-space:nowrap;color:#58d7bc}.card-related{margin-top:48px;padding-top:30px;border-top:1px solid #26343f}.card-related .archive-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}.card-related h2{margin-bottom:24px}.card-related .archive-grid h3{color:#e7edf5}.card-page .site-notice{font-size:13px;line-height:1.6;margin:20px 0}@media(max-width:760px){.card-page .card-detail{grid-template-columns:1fr;gap:26px}.card-artwork{max-width:340px;width:100%;margin:auto}.card-related .archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card-breadcrumbs li+li:before{margin:0 8px}.card-rules{padding:18px}.card-set-panel{padding:16px;flex-wrap:wrap}}@media(max-width:400px){.card-related .archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.card-page .discovery-intro{padding:0 0 24px}.card-page .discovery-intro h1{margin:0 0 14px}.card-page .discovery-intro p{margin:0;font-size:16px;line-height:1.6}.card-page .archive-grid h2{font-size:15px;line-height:1.4;margin:10px 0 5px}

.alternate-art{margin-top:24px;padding-top:20px;border-top:1px solid var(--site-border)}.alternate-art p,.alternate-art figcaption{font-size:12px;color:var(--site-muted)}.alternate-art figure{margin:16px 0 0}.alternate-art figcaption{text-align:center;margin-top:12px}.alt-art-pill{display:inline-block;padding:2px 8px;margin-bottom:6px;border:1px solid var(--site-border);border-radius:12px;font-size:11px;color:var(--site-accent)}

/* Open PvP tables waiting: Play lights up and carries a count. */
.site-header nav a.play-open, .site-header nav a.active.play-open { color: #ffd166; font-weight: 700; }
.site-header nav a.play-open:hover { color: #ffe29a; }
.open-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: #ffd166; color: #10161f; font-size: 11px; font-weight: 800; line-height: 1; margin-left: -2px; }

.card-provenance{margin-top:20px;padding:18px 22px;border:1px solid #26343f;border-radius:12px;background:#121b25}.card-provenance p{font-size:14px;line-height:1.7;margin:0 0 12px}.card-provenance dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:0 0 12px}.card-provenance dt{text-transform:uppercase;letter-spacing:1px;font-size:10px;color:#8e9fac;margin-bottom:4px}.card-provenance dd{margin:0;font-size:14px;color:#e7edf5}.card-page .card-provenance .provenance-sources{font-size:12px;color:#9caab9;margin:0}
