@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url("./media/cinzel-latin-ext-600-normal-DIVEZCLH.woff2") format("woff2"),url("./media/cinzel-latin-ext-600-normal-ZI2V6JI2.woff") format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url("./media/cinzel-latin-600-normal-WQO7HZ7B.woff2") format("woff2"),url("./media/cinzel-latin-600-normal-VYZYUMLA.woff") format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url("./media/cinzel-latin-ext-700-normal-XIVUGQ3M.woff2") format("woff2"),url("./media/cinzel-latin-ext-700-normal-DE47GKOF.woff") format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url("./media/cinzel-latin-700-normal-OANOFTBI.woff2") format("woff2"),url("./media/cinzel-latin-700-normal-3TEUQPFT.woff") format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel Decorative;font-style:normal;font-display:swap;font-weight:700;src:url("./media/cinzel-decorative-latin-ext-700-normal-QJBYZOJD.woff2") format("woff2"),url("./media/cinzel-decorative-latin-ext-700-normal-C5W3CGG7.woff") format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel Decorative;font-style:normal;font-display:swap;font-weight:700;src:url("./media/cinzel-decorative-latin-700-normal-O4FKGIAV.woff2") format("woff2"),url("./media/cinzel-decorative-latin-700-normal-OJU5ATIA.woff") format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Marcellus;font-style:normal;font-display:swap;font-weight:400;src:url("./media/marcellus-latin-ext-400-normal-QGSRNUJY.woff2") format("woff2"),url("./media/marcellus-latin-ext-400-normal-67UE4KBW.woff") format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Marcellus;font-style:normal;font-display:swap;font-weight:400;src:url("./media/marcellus-latin-400-normal-K5OCE72B.woff2") format("woff2"),url("./media/marcellus-latin-400-normal-KDNCCOPB.woff") format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--font-head: "Cinzel", "Trajan Pro", Georgia, serif;--font-title: "Cinzel Decorative", "Cinzel", Georgia, serif;--font-body: "Marcellus", Georgia, "Times New Roman", serif;--gold: #ffd100;--gold-dim: #a8862a;--gold-light: #fff3b0;--text: #e8dcc0;--text-dim: #a89c84;--ink: #2b1a08;--parchment: linear-gradient(135deg, #e9d4a4, #d8bd84 55%, #c9a86a);--frame-dark: #3b3127;--stone: #1b1815;--alliance: #4a8cff;--horde: #e0372b;--legendary: #ff8000;--q-epic: #a335ee;--q-rare: #0070dd;--q-uncommon: #1eff00;--q-common: #ffffff;--tooltip-green: #1eff00;--accent: var(--gold)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font-body);font-size:17px;line-height:1.45;color:var(--text);background-color:#0d0b09;background-image:radial-gradient(ellipse at 50% -10%,rgba(255,190,90,.16),transparent 55%),radial-gradient(ellipse at 50% 120%,rgba(0,0,0,.9),transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.45 0 0 0 0 0.38 0 0 0 0.22 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(#1d1915,#0b0907);background-attachment:fixed}app-root[data-faction=alliance]{--accent: var(--alliance)}app-root[data-faction=horde]{--accent: var(--horde)}app-root[data-faction=alliance]:before,app-root[data-faction=horde]:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 60%)}h1,h2,h3{font-family:var(--font-head);font-weight:700;letter-spacing:.02em;line-height:1.2}h1.title,.title{font-family:var(--font-title);font-size:clamp(2rem,7vw,3.6rem);background:linear-gradient(#fff6c8,#ffd100 45%,#b07a12 75%,#6b4407);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 2px #000) drop-shadow(0 0 18px rgba(255,160,0,.25))}h2{font-size:clamp(1.25rem,3.6vw,1.7rem);color:var(--gold);text-shadow:0 2px 2px #000}a{color:var(--gold)}a:hover{color:var(--gold-light)}.panel{position:relative;background:linear-gradient(#120f0ceb,#0a0806f2),var(--stone);border:3px solid transparent;border-radius:6px;background-clip:padding-box;box-shadow:0 0 0 1px #000,0 0 0 3px #6d5a3a,0 0 0 4px #000,0 0 0 6px #b89a5a,0 0 0 7px #2a2116,0 12px 40px #000c,inset 0 0 40px #000000d9;margin:7px}.panel:before,.panel:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff1b8,#c99a2e 45%,#5b3d0a);box-shadow:0 1px 2px #000;top:-10px;left:-10px}.panel:after{left:auto;right:-10px}.btn{--b1: #3a332b;--b2: #1a1612;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:8px 22px;font:700 .95rem var(--font-head);letter-spacing:.06em;color:var(--gold);text-shadow:0 1px 1px #000;background:linear-gradient(var(--b1),var(--b2));border:2px solid var(--gold-dim);border-radius:4px;box-shadow:inset 0 1px #ffffff2e,inset 0 -2px 4px #0009,0 2px 4px #000000b3;cursor:pointer;transition:filter .15s,box-shadow .15s,transform .05s}.btn:hover{filter:brightness(1.2);border-color:var(--gold);box-shadow:inset 0 1px #ffffff40,0 0 12px #ffd10059}.btn:active{transform:translateY(1px);box-shadow:inset 0 2px 6px #000c}.btn:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--gold-light);outline-offset:2px}.btn-primary{--b1: #b3261e;--b2: #5a0a06}.btn-big{font-size:1.15rem;padding:12px 38px;min-height:52px}.btn-ghost{background:none;border-color:transparent;box-shadow:none;color:var(--text-dim)}.btn-ghost:hover{color:var(--gold);border-color:transparent;box-shadow:none}.icon-tile{--size: 44px;position:relative;display:inline-block;width:var(--size);height:var(--size);border:2px solid #7a6440;border-radius:4px;overflow:hidden;background:#000;box-shadow:0 0 0 1px #000,0 2px 4px #000000b3}.icon-tile img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.08)}.icon-tile:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 6px #000000d9,inset 0 1px #ffffff2e;pointer-events:none}.icon-tile.size-sm{--size: 30px;border-width:1px}.icon-tile.size-lg{--size: 56px}.icon-tile.size-xl{--size: 72px;border-width:3px}.badge{display:inline-block;padding:1px 8px;border-radius:3px;font:700 .7rem var(--font-head);letter-spacing:.08em;text-transform:uppercase;border:1px solid}.badge-new{color:var(--tooltip-green);border-color:#1eff0080;background:#1eff0014}.badge-reworked{color:#8fd3ff;border-color:#8fd3ff73;background:#8fd3ff14}.badge-pack{color:var(--legendary);border-color:#ff800080;background:#ff800014}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
