:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0810;--rail:#110c18;--panel:#15101d;--raised:#261d33;--line:#2c2436;--edge:#4a3e5a;--text:#ece4d3;--soft:#c9bfd6;--muted:#b9afc6;--gold:#e4c27c;--gold-hi:#f3dcaa;--ember:#e8836b;--ember-text:#ffb4a0;--verdigris:#a7e8d8;--verdigris-bg:#1a3a33;--amber:#ffb347;--verdant:#96d68c;--mono:"IBM Plex Mono", ui-monospace, Consolas, monospace;--gothic:"Grenze Gotisch", Georgia, serif}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.5 IBM Plex Sans,system-ui,sans-serif}#root{position:relative}a{color:var(--gold)}a:hover{color:var(--gold-hi)}p{margin:8px 0}ul,ol{margin:8px 0;padding-left:22px}.grain{opacity:.08;pointer-events:none;z-index:50;width:100%;height:100%;position:fixed;inset:0}.gothic{font-family:var(--gothic);margin:0;font-weight:700;line-height:.98}.gothic.xl{font-size:clamp(48px,7vw,72px)}.gothic.lg{font-size:40px}.gothic.md{font-size:32px}.gothic.sm{font-size:27px}.eyebrow{font:12px var(--mono);letter-spacing:.16em;color:var(--gold);margin:0}.label{font:500 12px var(--mono);letter-spacing:.12em;color:var(--muted);margin:0 0 8px}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center;justify-content:center}.gold{color:var(--gold)}.ember{color:var(--ember-text)}.verdigris{color:var(--verdigris)}.amber{color:var(--amber)}.verdant{color:var(--verdant)}.error{color:var(--ember-text)}.grow{flex:1;min-width:0}.empty{text-align:center;color:var(--soft);border:1px dashed var(--edge);border-radius:6px;padding:40px 18px}.banner{color:var(--amber);background:#271e10;margin:0;padding:6px 20px;font-size:13px}button,.button{font:inherit;color:var(--text);border:1px solid var(--edge);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;min-height:44px;padding:0 14px;text-decoration:none;display:inline-flex}button:hover:not(:disabled),.button:hover{border-color:var(--gold)}button:disabled{opacity:.42;cursor:default}button[aria-pressed=true]{background:#2f2640}.accent{color:#1a1320;background:linear-gradient(#f0cf8c,#c99f52);border-color:#fff0c9;font-weight:600}.accent:hover:not(:disabled),a.accent:hover{background:var(--gold-hi);color:#1a1320}label.button.accent{color:#1a1320;flex-direction:row;font-size:15px}.accent.big{min-height:54px;font-size:17px}.outline{border-color:var(--gold);color:var(--gold);font-weight:600}.danger{color:var(--ember-text)}.flat{color:var(--muted);border:0;padding:0 8px}.emberbtn{border-color:var(--ember);color:var(--ember-text)}.emberbtn[aria-pressed=true]{background:var(--ember);color:#1a1320}:focus-visible{outline-offset:2px;outline:2px solid var(--gold)!important}input:not([type=checkbox]),select,textarea{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--edge);border-radius:4px;max-width:100%;padding:9px 10px}textarea{width:100%;font-family:var(--mono);resize:vertical;font-size:13px}label{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}label.check{color:var(--text);flex-direction:row;align-items:center;gap:8px;font-size:14px}label.inline{flex-direction:row;align-items:center;gap:8px}.row{align-items:center;gap:10px;margin:12px 0;display:flex}.wrap{flex-wrap:wrap}.head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;display:flex;position:relative}.engraved{outline-offset:-6px;background:var(--panel);border:1px solid var(--edge);outline:1px solid #e4c27c2b;position:relative}.engraved:before,.engraved:after{content:"";background:var(--gold);width:7px;height:7px;position:absolute;top:-4px;transform:rotate(45deg)}.engraved:before{left:20px}.engraved:after{right:20px}.panel{flex-direction:column;gap:12px;margin:18px 0;padding:22px;display:flex}.scroll{border:1px solid var(--edge);max-height:62vh;margin-top:8px;overflow:auto}.scroll.short{max-height:40vh;margin:0}table{border-collapse:collapse;width:100%}th{background:var(--panel);text-align:left;font:500 12px var(--mono);color:var(--muted);position:sticky;top:0}th,td{border-bottom:1px solid var(--line);white-space:nowrap;padding:7px 11px}td select{max-width:320px;padding:3px 6px}.diamond{align-items:center;gap:8px;margin:18px 0;display:flex}.diamond span{background:var(--edge);flex:1;height:1px}.diamond i{background:var(--gold);width:7px;height:7px;transform:rotate(45deg)}.chip{background:var(--verdigris-bg);color:var(--verdigris);font:13px var(--mono);border-radius:3px;margin:0 5px 5px 0;padding:1px 9px;display:inline-block}.face{aspect-ratio:63/88;background:#050308;border-radius:4.75%/3.4%;position:relative;overflow:hidden;box-shadow:0 8px 18px #0000008c;container-type:inline-size}.face img{object-fit:cover;width:100%;height:100%;display:block}.foil{mix-blend-mode:screen;pointer-events:none;background:linear-gradient(118deg,#78ffd600 18%,#78ffd63d 34%,#96aaff47 48%,#ff96e142 60%,#ffe28c33 72%,#ffe28c00 86%);position:absolute;inset:0}.qty{background:var(--gold);color:#1a1320;min-width:16cqw;font:500 clamp(11px, 8cqw, 16px)/1.35 var(--mono);text-align:center;border-radius:9cqw;padding:.6cqw 2.4cqw;position:absolute;top:16cqw;right:4cqw;box-shadow:0 2px 7px #000000b3}.face.wanted{outline:1px dashed var(--ember);outline-offset:-1px}.face.wanted img{filter:saturate(.5)brightness(.8)}.stamp{color:var(--ember-text);font:700 clamp(14px, 13cqw, 34px)/1 var(--gothic);letter-spacing:.03em;background:#100608c2;border:.9cqw double #ff9c84;border-radius:1.2cqw;padding:.8cqw 4cqw;position:absolute;top:36%;left:50%;transform:translate(-50%,-50%)rotate(-11deg)}.sigil{text-align:center;background:radial-gradient(circle at 40% 40%,#3a2252,#120c18 70%);flex-direction:column;justify-content:space-between;gap:6px;height:100%;padding:7cqw 6cqw;display:flex}.sigil strong{font:700 clamp(14px, 10cqw, 26px)/1 var(--gothic)}.sigil span{color:var(--soft);font-size:clamp(11px,6cqw,14px)}.sigil svg{flex:1;min-height:0}.sigil circle,.sigil polygon{fill:none;stroke:var(--gold);stroke-width:1px}.tile{all:unset;cursor:pointer;width:100%;min-width:0;transition:transform .16s,filter .16s;display:block}.tile:hover{filter:drop-shadow(0 12px 18px #e4c27c3d);transform:translateY(-7px)rotate(-1deg)scale(1.02)}.tile[aria-pressed=true]:not(.off) .face{box-shadow:0 0 0 2px var(--gold), 0 8px 18px #0000008c}.tile.off{opacity:.3}.cap{font:12px var(--mono);color:var(--soft);justify-content:space-between;align-items:center;gap:6px;padding:7px 3px 0;display:flex}.friend{background:var(--verdigris-bg);color:var(--verdigris);white-space:nowrap;border-radius:3px;padding:1px 7px}.wall{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px 12px;margin-top:16px;display:grid;position:relative}.owned{min-width:0}.chips-owned{margin-top:7px}.vault{flex-wrap:wrap;min-height:100vh;display:flex;position:relative;overflow:hidden}.rail{background:var(--rail);border-right:1px solid var(--line);flex-direction:column;flex:244px;gap:20px;padding:24px 18px;display:flex}.rail-stats{flex-direction:column;gap:20px;display:flex}.rail-stats .diamond{margin:0}.wordmark{color:var(--gold);font:700 44px/1 var(--gothic);align-items:center;gap:10px;text-decoration:none;display:flex}.sign circle,.sign polygon{fill:none;stroke:var(--gold);stroke-width:1px}.railnav{flex-direction:column;gap:2px;display:flex}.railnav a{min-height:46px;color:var(--soft);border-radius:6px;justify-content:space-between;align-items:center;padding:0 12px;text-decoration:none;display:flex}.railnav a:hover{background:#1e1729}.railnav a[aria-current=page]{background:var(--raised);box-shadow:inset 2px 0 0 var(--gold);color:var(--text);font-weight:600}.web{width:100%;max-width:208px;margin:0 auto;display:block}.web .ring{fill:none;stroke:#3a3047;stroke-width:.8px}.web .shape{fill:#e4c27c38;stroke:var(--gold);stroke-width:1.4px}.web text{font:500 11px var(--mono);text-anchor:middle}.web .pip-W{fill:#f0e6c0}.web .pip-U{fill:#8fc0f2}.web .pip-B{fill:#c7a8ea}.web .pip-R{fill:#f59a7a}.web .pip-G{fill:#96d68c}.rarity{font:12px/22px var(--mono);color:var(--soft);text-transform:capitalize;grid-template-columns:12px 1fr auto;align-items:center;gap:8px;display:grid}.gem{width:8px;height:8px;transform:rotate(45deg)}.gem.common{background:#8d8d9c}.gem.uncommon{background:#c9d6e4}.gem.rare{background:var(--gold)}.gem.mythic{background:#f59a7a}.setbar{font:12px var(--mono);color:var(--soft);margin-bottom:8px}.setbar>div:first-child{justify-content:space-between;display:flex}.setbar .track{background:#2f2640;height:4px;margin-top:3px}.setbar .track div{background:var(--verdigris);height:4px}.vault-main{flex:999 560px;min-width:0;padding:26px 26px 48px;position:relative}.astrolabe{opacity:.3;pointer-events:none;width:460px;height:460px;position:absolute;top:-130px;right:-90px}.astrolabe path,.astrolabe circle,.astrolabe polygon{fill:none;stroke:var(--gold);stroke-width:.7px}.statgrid{background:#3a3047;border:1px solid #3a3047;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1px;margin-top:18px;display:grid;position:relative}.statgrid>div{background:var(--panel);padding:10px 14px}.statgrid span{font:11px var(--mono);letter-spacing:.12em;color:var(--muted);display:block}.statgrid strong{font:500 24px var(--mono)}.prompt{background:var(--panel);border:1px solid var(--edge);border-radius:4px;flex-direction:row;align-items:center;gap:10px;min-height:54px;margin-top:16px;padding:0 14px;position:relative}.prompt>span:first-child{font:500 16px var(--mono);color:var(--gold)}.prompt input{outline:none;flex:1;min-width:0;font:15px var(--mono)!important;background:0 0!important;border:0!important;padding:0!important}kbd{border:1px solid var(--edge);font:12px var(--mono);color:var(--soft);border-radius:3px;padding:1px 7px}.chips{min-height:30px;font:12px var(--mono);color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex;position:relative}.hint,.parsed{border:1px solid var(--edge);min-height:28px;color:var(--gold);font:12px var(--mono);background:#1e1729;border-radius:3px;align-items:center;padding:0 9px;display:inline-flex}.pip{width:44px;height:44px;font:500 14px var(--mono);border-radius:50%;padding:0}.pip-W{color:#f0e6c0;border-color:#f0e6c0}.pip-U{color:#8fc0f2;border-color:#8fc0f2}.pip-B{color:#c7a8ea;border-color:#c7a8ea}.pip-R{color:#f59a7a;border-color:#f59a7a}.pip-G{color:#96d68c;border-color:#96d68c}.pip-C{color:#c6c6d4;border-color:#c6c6d4}.pip-M{color:#f0cf8c;border-color:#f0cf8c}.pip[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:#1a1320}.segment{border:1px solid var(--edge);border-radius:4px;display:flex;overflow:hidden}.segment button{border:0;border-radius:0;font-size:13px;font-weight:500}.segment button[aria-pressed=true]{background:var(--gold);color:#1a1320}.binder{border-radius:6px;flex-wrap:wrap;margin-top:16px;display:flex;position:relative}.binder>section{flex:300px;min-width:0;padding:18px 16px}.binder>section:first-of-type{border-right:1px solid #000}.pockets{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.pocket{aspect-ratio:63/88;background:#ffffff09;border:1px solid #ffffff21;border-radius:6px;padding:3px}.inspector{background:var(--rail);border-left:1px solid var(--line);flex-direction:column;flex:318px;gap:14px;padding:26px 20px;display:flex;position:relative}.inspector .row{margin:0}.inspector .close{display:none}.facts{font:13px var(--mono);grid-template-columns:auto minmax(0,1fr);gap:3px 14px;margin:0;display:grid}.facts dt{color:var(--muted)}.facts dd{text-transform:capitalize;margin:0}.price{justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.price .label{margin:0}.price strong{font:500 24px var(--mono);color:var(--gold)}.decklink{align-items:center;min-height:32px;font-size:14px;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--rail);flex-wrap:wrap;align-items:center;gap:18px;padding:12px 30px;display:flex;position:relative}.brand{font:700 36px/1 var(--gothic);color:var(--gold);text-decoration:none}.topbar nav{flex-wrap:wrap;flex:1;gap:14px;display:flex}.topbar nav a{color:var(--soft);padding:12px 4px;text-decoration:none}.topbar nav a[aria-current=page]{color:var(--text);box-shadow:inset 0 -2px 0 var(--gold);font-weight:600}.page{max-width:1440px;margin:0 auto;padding:24px 30px 60px;position:relative}.signin{max-width:360px;margin:14vh auto 0;padding:0 16px}.signin form,.settings-form{flex-direction:column;gap:12px;display:flex}.deckcards{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;margin:18px 0;padding:0;list-style:none;display:grid}.deckcards a{color:var(--text);flex-direction:column;gap:3px;padding:18px 20px;text-decoration:none;display:flex}.deckcards a:hover{border-color:var(--gold)}.hero{flex-wrap:wrap;gap:30px;display:flex}.commander{flex:0 0 262px;max-width:100%}.hero .grow{flex:999 420px}.trio{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-top:16px;display:grid}.stat-panel{padding:16px 18px}.curve{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;height:116px;display:grid}.curve>div{text-align:center;font:12px var(--mono);color:var(--soft);flex-direction:column;justify-content:flex-end;gap:3px;display:flex}.curve i{background:linear-gradient(#f0cf8c,#8a6a30);display:block;box-shadow:inset 0 1px #fff3cf}.role,.odd{font:12px/22px var(--mono);color:var(--soft);align-items:center;gap:8px;display:grid}.role{grid-template-columns:62px minmax(0,1fr) 46px}.odd{grid-template-columns:56px minmax(0,1fr) 44px;margin-top:6px;font-size:13px}.role>:last-child,.odd>:last-child{text-align:right}.track{background:#2f2640;height:7px;display:block}.track i{height:100%;display:block}.track i.low{background:var(--amber)}.track i.ok{background:var(--verdant)}.odd .track{height:10px}.odd .track i{background:var(--verdigris)}.crestwrap{align-items:center;gap:14px;display:flex}.crest{flex:none;width:92px;height:92px}.crest .outer{fill:#241a12;stroke:var(--gold);stroke-width:2px}.crest .inner{fill:none;stroke:var(--gold);stroke-width:.7px}.crest text{fill:#f0cf8c;font:700 52px var(--gothic);text-anchor:middle}.handrow{flex-wrap:wrap;gap:26px;margin-top:28px;display:flex}.handrow>.grow{flex:999 560px}.oddspanel{flex:320px;align-self:flex-start}.fan{justify-content:center;padding:34px 0 22px 40px;display:flex}.fan>div{flex:0 158px;min-width:0;margin-left:-40px;transition:transform .16s}.fan>div:hover{z-index:9;position:relative;transform:translateY(-22px)scale(1.1)!important}.tabs{border-bottom:1px solid var(--edge);flex-wrap:wrap;gap:4px;margin:14px 0;display:flex}.tabs button{color:var(--muted);border:0;border-bottom:2px solid #0000;border-radius:0}.tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--gold)}.stacks{grid-template-columns:repeat(auto-fit,minmax(176px,1fr));align-items:start;gap:16px;margin-top:14px;display:grid}.stackhead{font:500 13px var(--mono);color:var(--gold);border-bottom:1px solid #3a3047;margin:0 0 8px;padding-bottom:5px}.stackhead span{color:var(--muted)}.slab{aspect-ratio:63/15;position:relative;overflow:hidden}.slab.full,.slab:hover{aspect-ratio:63/88}.slab .face{box-shadow:none}.slab .stamp{display:none}.slab.full .stamp,.slab:hover .stamp{display:block}.slab.dim{opacity:.26}.tuned{flex-direction:column;gap:24px;display:flex}.rings{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-top:14px;display:grid}.rings a{background:var(--panel);color:var(--text);border:1px solid #3a3047;align-items:center;gap:10px;padding:8px 10px;font-size:13px;line-height:1.25;text-decoration:none;display:flex}.rings svg{flex:none;width:46px;height:46px}.rings circle{fill:none;stroke-width:5px}.rings .track{stroke:#2f2640;background:0 0;height:auto}.rings .done{stroke:var(--verdant)}.rings .near{stroke:var(--gold)}.rings .far{stroke:var(--ember)}.rings text{fill:var(--text);font:500 14px var(--mono);text-anchor:middle}.toggles{margin-top:14px}.bounty{flex-wrap:wrap;align-items:flex-start;gap:28px;display:flex}.bounty>.wall{flex:999 560px;grid-template-columns:repeat(auto-fill,minmax(162px,1fr));min-width:0;margin-top:0}.ledger{flex-direction:column;flex:340px;gap:14px;padding:22px;display:flex}.ledger .diamond{margin:0}.lines{max-height:340px;overflow:auto}.line{font:13px var(--mono);align-items:baseline;gap:6px;padding:4px 0;display:flex}.line .nm{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.line i{border-bottom:1px dotted #5c4f6d;flex:1;min-width:12px}.sum{justify-content:space-between;align-items:baseline;display:flex}.sum strong{font:500 32px var(--mono);color:var(--gold)}.steps{color:var(--soft);flex-direction:column;gap:6px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.steps b{width:28px;font:13px var(--mono);color:var(--gold);display:inline-block}.threeup{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.borrow{background:var(--verdigris-bg);color:#c5f2e6;margin:0;padding:10px 12px;font-size:14px}@media (width<=1115px){.inspector{z-index:40;border-top:1px solid var(--gold);border-left:0;flex:none;max-height:82vh;display:none;position:fixed;bottom:0;left:0;right:0;overflow:auto}.inspector.open{display:flex}.inspector.open .close{display:inline-flex}.inspector .face{width:100%;max-width:240px;margin:0 auto}}@media (width<=820px){.rail{flex-basis:100%;gap:10px;padding:14px}.rail-stats{display:none}.wordmark{font-size:34px}.railnav{flex-flow:wrap}.railnav a{gap:8px;min-height:44px}.wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 7px}.bounty>.wall{grid-template-columns:repeat(3,minmax(0,1fr))}.vault-main,.page{padding-left:14px;padding-right:14px}.topbar{gap:6px;padding:8px 14px}.cap{flex-direction:column;align-items:flex-start;gap:3px}.astrolabe{width:320px;height:320px;top:-90px;right:-110px}.fan{padding-left:24px}.fan>div{margin-left:-24px}}@media (prefers-reduced-motion:reduce){.tile,.fan>div{transition:none}.tile:hover{transform:none}}
