:root{color-scheme:dark;--bg:#111316;--bg-deep:#0b0d10;--panel:#191c21;--panel-2:#20242b;--panel-raised:#272c34;--border:#3a414c;--border-soft:rgba(255,255,255,.1);--text:#f2f0e9;--muted:#a9adb5;--subtle:#7f858f;--accent:#4ea3ff;--validation-blue:#4ea3ff;--deck-unvalidated:#4ea3ff;--deck-validated:#4fb477;--policy-pillar-blue:#4ea3ff;--accent-strong:color-mix(in srgb,var(--accent) 78%,#000);--accent-faint:color-mix(in srgb,var(--accent) 15%,transparent);--accent-contrast:#fff;--gold:#b99a55;--gold-faint:rgba(185,154,85,.16);--success:#4fb477;--warning:#d7a64a;--danger:#bb5a5a;--shadow:0 18px 48px rgba(0,0,0,.3);--radius:14px;--radius-sm:9px;--mana-w:#e9e3cc;--mana-u:#4b9bd6;--mana-b:#4d4a4d;--mana-r:#c75a4a;--mana-g:#5d9d66;--mana-c:#9299a2}
html[data-theme="light"]{color-scheme:light;--bg:#f3f0e8;--bg-deep:#e8e3d8;--panel:#fffdf7;--panel-2:#ece7dc;--panel-raised:#fff;--border:#c8c0b2;--border-soft:rgba(40,37,31,.12);--text:#28251f;--muted:#676159;--subtle:#7b746a;--accent:#246aa8;--validation-blue:#246aa8;--deck-unvalidated:#246aa8;--deck-validated:#2d7d4a;--policy-pillar-blue:#246aa8;--accent-strong:color-mix(in srgb,var(--accent) 78%,#000);--accent-faint:color-mix(in srgb,var(--accent) 12%,transparent);--gold:#7b5b1f;--gold-faint:rgba(123,91,31,.12);--success:#2d7d4a;--warning:#9a6716;--danger:#9d3d3d;--shadow:0 18px 45px rgba(77,64,43,.14)}
*,*::before,*::after{box-sizing:border-box}
html{min-height:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 12% 0%,rgba(78,163,255,.08),transparent 26rem),radial-gradient(circle at 88% 8%,rgba(185,154,85,.09),transparent 24rem),linear-gradient(135deg,transparent 48%,rgba(255,255,255,.012) 49%,transparent 50%);background-size:auto,auto,36px 36px}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{color:inherit}
img{max-width:100%;display:block}
[hidden]{display:none!important}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{line-height:1.12;letter-spacing:-.025em}
h1{font-size:clamp(2rem,4vw,4.25rem)}
h2{font-size:clamp(1.35rem,2.3vw,2.15rem)}
h3{font-size:1rem}
code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:var(--panel-2);border:1px solid var(--border-soft);border-radius:5px;padding:.1em .35em}
pre{overflow:auto;background:var(--bg-deep);border:1px solid var(--border);padding:.7rem;border-radius:var(--radius-sm)}
pre code{background:transparent;border:0;padding:0}
.page,.content-shell,.home-shell{width:100%;max-width:none;margin-inline:0;padding:var(--ect-page-edge,clamp(.55rem,.9vw,.85rem))}
.content-shell{width:100%;max-width:none}
.wide-page{width:100%;max-width:none;margin-inline:0}
.panel{background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--panel) 88%,var(--gold) 12%));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--accent)!important;font-weight:800;font-size:.74rem;margin-bottom:.3rem}
.mana-cost-symbols,.leader-identity-symbols{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.16rem;vertical-align:middle}
.mana-token{--mana-bg:#b6b1aa;position:relative;display:inline-grid;place-items:center;width:1.08rem;height:1.08rem;flex:0 0 auto;overflow:hidden;border:1px solid color-mix(in srgb,#000 45%,transparent);border-radius:50%;background:var(--mana-bg);box-shadow:inset 0 1px 1px rgba(255,255,255,.4),0 1px 2px rgba(0,0,0,.3);vertical-align:-.12em;line-height:1}
.mana-token img{display:block;width:78%;height:78%;object-fit:contain;filter:none;opacity:1}
.mana-token.mana-token-image{padding:0;overflow:visible;border:0;background:transparent;box-shadow:none}
.mana-token.mana-token-image img{width:100%;height:100%;border-radius:0;background:transparent}
.mana-token-text{width:auto;min-width:1.08rem;padding:0 .18rem;color:#151515;font-size:.65rem;font-weight:900}
.mana-token-split{background:linear-gradient(135deg,var(--mana-left) 0 50%,var(--mana-right) 50% 100%)}
.mana-token-split .mana-half{position:absolute;width:70%;height:70%}
.mana-half-left{left:2%;top:4%;clip-path:polygon(0 0,100% 0,0 100%)}
.mana-half-right{right:2%;bottom:4%;clip-path:polygon(100% 0,100% 100%,0 100%)}
.mana-token-w{--mana-bg:#eee6c8}
.mana-token-u{--mana-bg:#7eb7d8}
.mana-token-b{--mana-bg:#9a9691}
.mana-token-r{--mana-bg:#dc7456}
.mana-token-g{--mana-bg:#79a779}
.mana-token-c{--mana-bg:#b9b5ae}
.muted{color:var(--muted)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.btn{appearance:none;border:1px solid var(--border);background:var(--panel-2);color:var(--text);min-height:42px;padding:.68rem 1rem;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;font-weight:750;transition:transform .12s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}
.btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--border) 45%,var(--accent) 55%)}
.btn:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 50%,transparent);outline-offset:2px}
.btn-accent{background:var(--accent-strong);border-color:var(--accent);color:var(--accent-contrast,#fff);box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 24%,transparent)}
.btn-ghost{background:transparent}
.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
input,select,textarea{width:100%;background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:9px;min-height:42px;padding:.65rem .75rem;outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-faint)}
label{display:grid;gap:.4rem;color:var(--muted);font-weight:650;font-size:.78rem}
.status-dot{display:inline-block;width:.65rem;height:.65rem;border-radius:99px;margin-right:.45rem;background:var(--subtle);box-shadow:0 0 0 4px color-mix(in srgb,var(--subtle) 18%,transparent)}
.status-dot.ready{background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 18%,transparent)}
.status-dot.pending{background:var(--warning);box-shadow:0 0 0 4px color-mix(in srgb,var(--warning) 18%,transparent)}
.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:10px}
table{width:100%;border-collapse:collapse;min-width:680px}
th,td{text-align:left;padding:.5rem .65rem;border-bottom:1px solid var(--border-soft)}
th{background:var(--panel-2);color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}
}