:root{--iron-0: #070606;--iron-1: #100d0d;--iron-2: #171313;--iron-3: #2a2221;--iron-4: #3d3431;--gold-0: #7a5f2c;--gold-1: #a9802f;--gold-2: #c9a15a;--gold-3: #e5c983;--ember: #ff8a2e;--ember-2: #ffb15a;--crystal: #7fe3ff;--gold: #ffd75e;--blood: #3a0f0e;--blood-2: #5a1512;--text: #e8dcc8;--muted: #9a8d78;--ok: #7fd98a;--bad: #ff8a7a;--font: "Crimson Pro", Georgia, serif;--serif: "IM Fell English", Georgia, serif;--display: "Metamorphous", "Cinzel", serif;--noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.26 0 0 0 0 0.18 0 0 0 0.35 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 10' preserveAspectRatio='none'%3E%3Cpath d='M0 5 H80 L100 1 L120 5 H200' fill='none' stroke='%23a9802f' stroke-width='1'/%3E%3Ccircle cx='100' cy='5' r='2' fill='%23f3d98a'/%3E%3C/svg%3E")}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(ellipse 900px 420px at 18% -8%,rgba(120,30,20,.3),transparent 60%),var(--iron-0);color:var(--text);font:17px/1.5 var(--font);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:var(--noise);opacity:.45;pointer-events:none;z-index:0}#root{position:relative;z-index:1}a{color:var(--gold-2)}a:hover{color:var(--gold-3)}button{font:inherit;color:inherit;cursor:pointer}input,select{font:inherit}::selection{background:#d9b25a59}.muted{color:var(--muted)}.gold{color:var(--gold)}.crystal{color:var(--crystal)}.error{color:var(--bad)}.ok{color:var(--ok)}.r-common{color:#b9b9b9}.r-uncommon{color:#5fd35f}.r-rare{color:#4f9dff}.r-epic{color:#b56bff}.r-legendary{color:#ff9a2e}.r-mythic{color:#ff3b3b}.num{font-family:var(--display);font-variant-numeric:tabular-nums}.masthead{position:sticky;top:0;z-index:10;background:linear-gradient(180deg,#171010,#0b0909);border-bottom:1px solid var(--gold-0);box-shadow:0 10px 30px #0009}.masthead:after{content:"";position:absolute;left:50%;bottom:-6px;width:260px;height:10px;transform:translate(-50%);background:var(--divider) no-repeat center / 100% 10px;pointer-events:none}.masthead .inner{max-width:1180px;margin:0 auto;padding:0 28px;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"brand purse" "nav nav";align-items:center;column-gap:28px}.brand{grid-area:brand;display:flex;align-items:center;gap:12px;text-decoration:none;padding:14px 0}.brand svg{width:34px;height:34px;filter:drop-shadow(0 0 8px rgba(255,138,46,.5))}.brand .word{font-family:var(--display);font-weight:400;font-size:19px;letter-spacing:.16em;color:var(--gold-3);line-height:1;text-shadow:0 1px 0 #000,0 0 18px rgba(201,161,90,.35)}.brand .word small{display:block;font:600 9px var(--font);letter-spacing:.38em;color:var(--muted);margin-top:3px}.nav{grid-area:nav;display:flex;gap:18px;flex-wrap:wrap;border-top:1px solid var(--iron-3)}.navgroup{display:flex;align-items:center;gap:2px}.navgroup .gl{font-family:var(--display);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-1);margin-right:10px;white-space:nowrap}.nav a{color:var(--muted);text-decoration:none;padding:12px 7px;font-family:var(--display);font-size:10px;letter-spacing:.08em;text-transform:uppercase;position:relative;white-space:nowrap}.nav a:hover{color:var(--text)}.nav a.active{color:var(--gold-3)}.nav a.active:after{content:"";position:absolute;left:9px;right:9px;bottom:-1px;height:2px;background:var(--gold-2);box-shadow:0 0 10px #c9a15a99}.purse{grid-area:purse;display:flex;align-items:center;justify-content:flex-end;gap:8px}.purse .who{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2;margin-right:8px;font-size:12px;color:var(--muted)}.purse .who b{font-family:var(--display);font-size:12px;color:var(--gold-3);letter-spacing:.05em}.purse .coin,.purse .gem{display:inline-flex;align-items:center;gap:6px;font-family:var(--display);font-variant-numeric:tabular-nums;font-size:14px;padding:5px 10px;border:1px solid var(--gold-0);background:#00000059;text-decoration:none}.purse .coin{color:var(--gold)}.purse .gem{color:var(--crystal)}.purse svg{width:13px;height:13px}.play{background-image:linear-gradient(180deg,#ffbe9629,#961e1457 40%,#500c0a80),url(/art/tex-iron.jpg);background-size:auto,380px;background-position:center;color:#f4e6cf;font-family:var(--display);font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:9px 16px;text-decoration:none;border:1px solid #1a0806;box-shadow:0 1px #ffc8a024 inset,0 -2px #0000008c inset,0 0 0 1px var(--gold-0),0 6px 14px #0009;text-shadow:0 1px 1px #000;margin-left:6px}.play:hover{filter:brightness(1.3);color:#fff}.textbtn{background:none;border:none;color:var(--muted);font-size:12px;padding:4px 6px;letter-spacing:.06em}.textbtn:hover{color:var(--gold-3)}.page{max-width:1180px;margin:0 auto;padding:32px 28px 70px}.folio{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--iron-3);position:relative}.folio:after{content:"";position:absolute;left:0;bottom:-1px;width:140px;height:1px;background:var(--gold-2)}h1{font-family:var(--display);font-size:30px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;margin:0;background:linear-gradient(180deg,#f3e9d2,#cdbc9c 45%,#8f8168 55%,#d9cbae);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 rgba(255,240,210,.25)) drop-shadow(0 3px 0 #000) drop-shadow(0 6px 10px rgba(0,0,0,.8))}h1 .muted,h1 .crystal{font-family:var(--font);font-weight:500;letter-spacing:0;text-transform:none;-webkit-text-fill-color:currentColor;background:none}.folio .lede,.lede{color:var(--muted);font-family:var(--serif);font-style:italic;font-size:17px;margin:0}h2{font-family:var(--display);font-size:13px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-2);margin:28px 0 12px;display:flex;align-items:center;gap:12px}h2:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--gold-0),transparent)}h2.ct{margin:0 0 14px;font-size:11px}h2 .muted{text-transform:none;letter-spacing:0;font-family:var(--font);font-size:13px}h2 .pill{letter-spacing:0;text-transform:none;font-family:var(--font)}h3{font-family:var(--display);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-1);margin:16px 0 6px}p{margin:0 0 10px}.card{position:relative;background:linear-gradient(180deg,#ffffff06,#00000038),var(--iron-1);border:1px solid var(--gold-0);padding:18px 20px;margin-bottom:16px;box-shadow:0 0 0 4px #0a0808,0 0 0 5px var(--iron-3),0 12px 30px #00000080}.card:before{content:"";position:absolute;left:14px;right:14px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-1),transparent)}.card:after{content:"✦";position:absolute;right:8px;bottom:4px;font-size:10px;color:var(--gold-0);pointer-events:none}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-bottom:16px}.cards .card{margin-bottom:0}.stat{display:flex;align-items:baseline;gap:10px;padding:6px 0;font-size:14px}.stat>:first-child{flex:1;display:flex;align-items:baseline;gap:10px;color:var(--muted);min-width:0}.stat>:first-child:after{content:"";flex:1;border-bottom:1px dotted var(--iron-4);transform:translateY(-4px);min-width:12px}.stat>:last-child{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:14px;white-space:nowrap}.stat>b:not([class]){color:var(--gold-3)}.stat .btn{font-family:var(--font)}.numeral{font-family:var(--display);font-size:30px;font-variant-numeric:tabular-nums;letter-spacing:.02em;line-height:1.1;color:var(--text)}.numeral small{font:500 13px var(--font);color:var(--muted);letter-spacing:0;margin-left:6px}.numeral.gold{color:var(--gold)}.numeral.crystal{color:var(--crystal);text-shadow:0 0 16px rgba(127,227,255,.3)}.klabel{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-1);font-weight:600}.hero{position:relative;display:grid;grid-template-columns:150px 1fr auto;gap:30px;align-items:center;padding:26px 30px;margin-bottom:18px;background:linear-gradient(90deg,rgba(120,30,20,.25),transparent 45%),linear-gradient(180deg,#171010,#0d0a0a);border:1px solid var(--gold-0);box-shadow:0 0 0 4px #0a0808,0 0 0 5px var(--iron-3);overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--noise);opacity:.5;pointer-events:none}.hero>*{position:relative}.sigil{display:grid;place-items:center;border-radius:50%;border:1px solid var(--gold-0);background:radial-gradient(circle at 50% 40%,#2a1c12,#0b0908 72%)}.hero .sigil{width:150px;height:150px;box-shadow:0 0 0 6px #0b0908,0 0 0 7px var(--gold-0),0 0 40px #ff8a2e40}.hero .sigil svg{width:92px;height:92px}.hero .name{font-family:var(--display);font-size:30px;font-weight:400;text-transform:uppercase;color:var(--gold-3);letter-spacing:.05em;line-height:1;text-shadow:0 2px 0 #000,0 0 24px rgba(243,217,138,.2);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero .cls{font-family:var(--serif);font-style:italic;color:var(--muted);font-size:16px;margin-top:8px}.hero .cls b{font-style:normal;color:var(--text);font-family:var(--font);font-weight:600}.figures{display:flex;gap:36px;margin-top:20px;flex-wrap:wrap}.figures>div{display:flex;flex-direction:column}.figures .numeral{font-size:26px}.figures .klabel{margin-top:2px}.hero .actions{display:flex;flex-direction:column;gap:8px;align-items:stretch;min-width:170px}.tag{display:inline-block;font:700 10px var(--display);letter-spacing:.14em;text-transform:uppercase;padding:3px 8px;border:1px solid}.tag.hc{color:var(--bad);border-color:#6b2a1e}.tag.dead{color:var(--muted);border-color:var(--iron-4)}.tag.on{color:var(--ok);border-color:#2a5a34}.roster{display:grid;gap:8px}.roster a{display:grid;grid-template-columns:40px 1fr auto auto;align-items:center;gap:14px;padding:10px 14px;text-decoration:none;color:var(--text);background:var(--iron-1);border:1px solid var(--iron-3)}.roster a:hover{border-color:var(--gold-0)}.roster .sigil{width:40px;height:40px}.roster .sigil svg{width:24px;height:24px}.roster .nm{font-family:var(--display);font-size:14px;color:var(--gold-3);letter-spacing:.03em}.roster .nm small{display:block;font:400 12px var(--font);color:var(--muted);letter-spacing:0}.roster .fig{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:13px;color:var(--muted);text-align:right}.roster .fig b{color:var(--text);display:block;font-size:15px}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-family:var(--display);font-weight:700;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-1);padding:8px;border-bottom:1px solid var(--gold-0)}td{padding:9px 8px;border-bottom:1px solid var(--iron-3);vertical-align:middle}tbody tr:nth-child(2n) td{background:#ffffff04}tbody tr:hover td{background:#ff8a2e0d}td b{font-family:var(--display);font-variant-numeric:tabular-nums}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;background-image:linear-gradient(180deg,#7870698c,#28232099,#0a0808cc),url(/art/tex-iron.jpg);background-size:auto,380px;background-position:center;border:1px solid #1a0806;color:#f4e6cf;padding:9px 18px;font:400 12px/1.2 var(--display);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;text-shadow:0 1px 1px #000;box-shadow:0 1px #ffc8a024 inset,0 -2px #0000008c inset,0 0 0 1px var(--gold-0),0 6px 14px #0009;cursor:pointer;transition:filter .15s}.btn:hover{filter:brightness(1.3);color:#fff}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background-image:linear-gradient(180deg,#ffbe9629,#961e1457 40%,#500c0a80),url(/art/tex-iron.jpg);color:#f4e6cf;text-shadow:0 1px 1px #000;font-weight:400}.btn.small{padding:5px 10px;font-size:12px}.btn.danger{color:var(--bad);border-color:#6b2a1e}.btn:focus-visible,.input:focus-visible,.nav a:focus-visible,.tabs button:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.input{background:linear-gradient(180deg,#0a0806,#100c09);border:1px solid var(--iron-4);color:var(--text);padding:9px 12px;width:100%;font:16px var(--font);box-shadow:0 2px 6px #0009 inset}.input:focus{outline:none;border-color:var(--gold-1);box-shadow:0 2px 6px #0009 inset,0 0 0 1px #d9b25a40}.input::placeholder{color:#6f5f4e}select.input{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1 L5 5 L9 1' fill='none' stroke='%23d9b25a' stroke-width='1.5'/%3E%3C/svg%3E"),linear-gradient(180deg,#0a0806,#100c09);background-repeat:no-repeat;background-position:right 10px center,0 0;background-size:10px 6px,100% 100%}select.input option{background:#15100d}.filters{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.filters .input{width:auto;min-width:150px}.filters .btn.small{border-radius:999px;padding:4px 12px;font-size:12px;color:var(--muted);background:var(--iron-1);border-color:var(--iron-4);box-shadow:none;text-shadow:none}.filters .btn.small:hover{color:var(--gold-2);border-color:var(--gold-0)}.filters .btn.small.primary{background:linear-gradient(180deg,#3d2a18,#2a1a0e);color:var(--gold-3);border-color:var(--gold-1);box-shadow:0 0 8px #ff8a2e33}.pill{display:inline-block;padding:1px 9px;border-radius:999px;font-size:12px;border:1px solid var(--iron-4);color:var(--muted);margin:2px 4px 2px 0}.pill.warn{border-color:#7a5a1a;color:var(--gold-2)}.pill.vip{border-color:var(--gold);color:var(--gold)}.pill.gold{border-color:var(--gold-0)}.pill.crystal{border-color:#2a5a6a}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--gold-0);margin-bottom:16px}.tabs button{position:relative;padding:10px 14px;margin-bottom:-1px;border:1px solid transparent;border-bottom:none;background:none;color:var(--muted);font-family:var(--display);font-size:11px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.tabs button:hover{color:var(--gold-2)}.tabs button.active{color:var(--gold-3);border-color:var(--gold-0);background:linear-gradient(180deg,var(--iron-3),var(--iron-1))}.tabs button.active:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;background:var(--gold-2);box-shadow:0 0 8px #c9a15a99}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:10px}.center{display:grid;place-items:center;min-height:100vh}.banner{position:relative;display:flex;align-items:center;gap:14px;padding:10px 16px 10px 18px;margin-bottom:18px;border:1px solid var(--gold-0);border-left:3px solid var(--blood-2);background:linear-gradient(90deg,rgba(255,138,46,.08),transparent 60%),var(--iron-1);color:var(--gold-3);font-family:var(--serif);font-style:italic;font-size:15px}.banner:before{content:"";width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ffb15a,#a9520f);box-shadow:0 0 8px #ff8a2e99;flex:none}.stamp{display:inline-block;font:700 11px var(--display);letter-spacing:.2em;text-transform:uppercase;color:#d86a4a;border:2px solid #b5452f;padding:5px 10px;transform:rotate(-2deg);opacity:.85;margin-left:12px}.packs{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin-bottom:8px}.pack{position:relative;text-align:center;padding:22px 16px 18px;background:linear-gradient(180deg,#1a130e,#110d0a);border:1px solid var(--iron-3);overflow:hidden;display:flex;flex-direction:column;gap:4px;align-items:center}.pack:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid rgba(217,178,90,.14);pointer-events:none}.pack .n{font-family:var(--display);font-size:28px;color:var(--crystal);text-shadow:0 0 18px rgba(127,227,255,.35);font-variant-numeric:tabular-nums}.pack .usd{font-family:var(--display);font-size:16px;color:var(--gold-3);margin:6px 0 10px}.pack.best{border-color:var(--gold-1);box-shadow:0 0 24px #ff8a2e26}.pack.best:after{content:attr(data-ribbon);position:absolute;top:14px;right:-38px;transform:rotate(45deg);background:var(--blood-2);color:#fff;border:1px solid var(--gold-0);font:700 9px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;padding:5px 44px}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.shop-card{position:relative;background:linear-gradient(180deg,#1a130e,#110d0a);border:1px solid var(--iron-3);padding:16px 14px 14px;text-align:center;font-size:13px;display:flex;flex-direction:column;gap:6px;align-items:center}.shop-card:hover{border-color:var(--gold-1)}.shop-card>b:first-child{font-family:var(--display);font-size:13px;color:var(--gold-3);letter-spacing:.03em}.shop-card .muted{font-family:var(--serif);font-style:italic;font-size:13px;flex:1}.shop-card b.p{color:var(--crystal);font-family:var(--display);font-size:15px}.pay{max-width:760px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.cardform{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cardform .full{grid-column:1 / -1}.auth{max-width:440px;margin:56px auto}.auth h1{margin-bottom:14px}.auth .col{gap:10px}.foot{max-width:1180px;margin:0 auto;padding:0 28px 30px;color:var(--muted);font-size:12px;font-family:var(--serif);font-style:italic;display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap}@media(max-width:960px){.nav{flex-wrap:nowrap;overflow-x:auto;gap:16px}.purse .who{display:none}}@media(max-width:760px){.hero{grid-template-columns:1fr}.hero .sigil{width:100px;height:100px}.pay{grid-template-columns:1fr}.page{padding:22px 16px 60px}.masthead .inner{padding:0 16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}body{background-image:linear-gradient(180deg,rgba(11,9,8,.35),rgba(11,9,8,.82) 60%,var(--iron-0) 100%),url(/art/hearth-bg.jpg),radial-gradient(ellipse 900px 420px at 18% -8%,rgba(255,138,46,.16),transparent 60%);background-size:auto,cover,auto;background-position:0 0,center top,0 0;background-attachment:fixed,fixed,fixed;background-repeat:no-repeat}.hero{min-height:250px;background-image:linear-gradient(90deg,#130e0b 26%,#130e0bb3 44%,#130e0b14 70%,#130e0b00),linear-gradient(180deg,#130e0b59,#130e0b00 30%,#130e0b00 70%,#130e0b73),var(--art, none),linear-gradient(180deg,#1a130e,#110d0a);background-size:auto,auto,cover,auto;background-position:0 0,0 0,right 30%,0 0;background-repeat:no-repeat}.gate{position:relative;margin:-32px calc(50% - 50vw) 0;padding:40px calc(50vw - 50%) 60px;background:linear-gradient(180deg,rgba(11,9,8,.25),rgba(11,9,8,.55) 60%,var(--iron-0) 100%),url(/art/gate.jpg) center 30% / cover no-repeat;min-height:calc(100vh - 150px)}.vault{position:relative;padding:22px;margin-bottom:18px;border:1px solid var(--gold-0);background:linear-gradient(180deg,#0b090859,#0b0908b3),url(/art/vault.jpg) center 60% / cover no-repeat,var(--iron-1)}.vault .pack{background:linear-gradient(180deg,#1a130eeb,#110d0af2)}.vault .packs{margin:0}.brand-logo{height:40px;width:auto;filter:drop-shadow(0 3px 8px rgba(0,0,0,.6))}.brand .word small{display:block;margin-top:2px}