*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:PT Sans,ui-sans-serif,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html{--accent: #246bff;--accent-text: #4d87ff;--on-accent: #ffffff;--cta: #cc5c5c;--on-cta: #101113}html[data-accent=warrior]{--accent: #c69b6d;--accent-text: #c69b6d;--on-accent: #160f09}html[data-accent=paladin]{--accent: #f48cba;--accent-text: #f48cba;--on-accent: #1a1015}html[data-accent=hunter]{--accent: #aad372;--accent-text: #aad372;--on-accent: #10170a}html[data-accent=rogue]{--accent: #fff468;--accent-text: #fff468;--on-accent: #151505}html[data-accent=priest]{--accent: #ffffff;--accent-text: #ffffff;--on-accent: #111111}html[data-accent=death-knight]{--accent: #c41e3a;--accent-text: #ff8ca1;--on-accent: #fff1de}html[data-accent=shaman]{--accent: #0070dd;--accent-text: #63b3ff;--on-accent: #ffffff}html[data-accent=mage]{--accent: #3fc7eb;--accent-text: #3fc7eb;--on-accent: #071519}html[data-accent=warlock]{--accent: #8788ee;--accent-text: #8788ee;--on-accent: #0e0e19}html[data-accent=monk]{--accent: #00ff98;--accent-text: #00ff98;--on-accent: #04170f}html[data-accent=druid]{--accent: #ff7c0a;--accent-text: #ff7c0a;--on-accent: #190b03}html[data-accent=demon-hunter]{--accent: #a330c9;--accent-text: #dd92f4;--on-accent: #fff1de}html[data-accent=evoker]{--accent: #33937f;--accent-text: #72d2bd;--on-accent: #071512}html[data-accent=black]{--accent: #383838;--accent-text: #a0a0a0;--on-accent: #ffffff}html[data-accent]:not([data-accent=fullsend]){--cta: var(--accent);--on-cta: var(--on-accent)}html{color-scheme:dark;scroll-behavior:smooth;scroll-padding-top:4.5rem}body{min-height:100vh;background-color:#101113;color:#f1f4f9;font-family:PT Sans,ui-sans-serif,system-ui,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Poppins,ui-sans-serif,system-ui,sans-serif}::-moz-selection{background:color-mix(in srgb,var(--accent) 45%,transparent);color:#fff}::selection{background:color-mix(in srgb,var(--accent) 45%,transparent);color:#fff}:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}[hidden]{display:none!important}html:has(dialog[open]){overflow:hidden}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{animation:none!important;transition:none!important}}.container{width:100%;max-width:80rem;margin-inline:auto;padding-inline:1rem}@media(min-width:640px){.container{padding-inline:1.5rem}}.skip-link{position:absolute;top:-4rem;left:1rem;z-index:60;border-radius:8px;background:var(--accent);padding:.5rem 1rem;color:var(--on-accent);font-weight:700}.skip-link:focus{top:1rem}.text-accent,.eyebrow,.list-heading,.btn,.switch,.hotspot,.point-n,.progress>span,.tab{transition-property:color,background-color,border-color,transform,opacity;transition-duration:.2s;transition-timing-function:ease}.site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid #2c3038;background:#101113e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:inline-flex;align-items:center;gap:.625rem;border-radius:8px;font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-size:1.0625rem;font-weight:700;white-space:nowrap}.brand img{width:2.25rem;height:2.25rem}.nav-link{display:inline-flex;align-items:center;min-height:2.5rem;padding-inline:.75rem;border-radius:8px;color:#a7aebc;font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-size:.8125rem;font-weight:700;transition:color .16s ease}.nav-link:hover{color:#f1f4f9}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid transparent;border-radius:8px;font-family:PT Sans,ui-sans-serif,system-ui,sans-serif;font-weight:700;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.btn-sm{min-height:2.5rem;padding:0 1rem;font-size:.75rem}.btn-lg{min-height:3.25rem;padding:0 1.5rem;font-size:.8125rem}.btn-cta{background:var(--cta);color:var(--on-cta)}.btn-cta:hover{background:color-mix(in srgb,var(--cta) 82%,white)}.btn-ghost{border-color:#3c424d;color:#f1f4f9}.btn-ghost:hover{border-color:var(--accent-text);color:var(--accent-text)}.icon{width:1rem;height:1rem;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-sm{width:.8125rem;height:.8125rem}.icon-button{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid #3c424d;border-radius:8px;color:#a7aebc;transition:border-color .16s ease,color .16s ease}.icon-button:hover{border-color:var(--accent-text);color:var(--accent-text)}.kbd{overflow-wrap:anywhere;border:1px solid #2c3038;border-radius:5px;background:#111318;padding:.05rem .4rem;color:#f1f4f9;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85em}.eyebrow{display:flex;align-items:center;gap:.625rem;color:var(--accent-text);font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.hero-title{margin-top:1.25rem;color:#f1f4f9;font-size:clamp(2.5rem,5.4vw,4.5rem);font-weight:800;line-height:1;letter-spacing:-.03em}.section-title{margin-top:1rem;color:#f1f4f9;font-size:clamp(2rem,4.4vw,3.25rem);font-weight:700;line-height:1.04;letter-spacing:-.025em}.lede{color:#a7aebc;font-size:1.125rem;line-height:1.65}.\!section{padding-block:5rem!important}.section{padding-block:5rem}@media(min-width:1024px){.\!section{padding-block:7rem!important}.section{padding-block:7rem}}.facts{display:flex;flex-wrap:wrap;gap:.75rem 2rem;margin-top:2.5rem;color:#a7aebc;font-size:.9375rem}.facts strong{margin-right:.3rem;color:#f1f4f9;font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-size:1.125rem;font-weight:700}.showcase{overflow:hidden;border:1px solid #2c3038;border-radius:16px;background:#17181b}.legend{border-top:1px solid #2c3038;padding:1rem}@media(min-width:640px){.legend{padding:1.25rem 1.5rem}}.legend-item.is-active{border-color:var(--accent);background:#20242c;color:#f1f4f9}.legend-item.is-active .point-n{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.legend-desc.is-active{display:block}.\!window{overflow:hidden!important;border:1px solid #2c3038!important;border-radius:12px!important;background:#17181b!important}.window{overflow:hidden;border:1px solid #2c3038;border-radius:12px;background:#17181b}.tabs{display:flex;min-width:0;overflow-x:auto;scrollbar-width:none}.tab{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.125rem;min-height:3.75rem;padding:.625rem 1.125rem;border-bottom:2px solid transparent;text-align:left;white-space:nowrap}@media(max-width:639px){.tab{padding-inline:.75rem}.tab-title{font-size:.875rem}}.tab:hover .tab-title{color:#f1f4f9}.tab[aria-selected=true]{border-bottom-color:var(--accent);background:#17181b}.tab[aria-selected=true] .tab-title{color:#f1f4f9}.hotspot{position:absolute;z-index:1;display:grid;place-items:center;width:1.75rem;height:1.75rem;border:2px solid var(--accent);border-radius:999px;background:#0b0c0ee0;color:#fff;font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-size:.75rem;font-weight:700;line-height:1;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #0b0c0e8c}.hotspot:hover,.hotspot.is-active{background:var(--accent);color:var(--on-accent);transform:translate(-50%,-50%) scale(1.14)}@media(max-width:639px){.hotspot{width:1.375rem;height:1.375rem;border-width:1.5px;font-size:.625rem}}.setup{display:grid;gap:2.5rem}@media(min-width:1024px){.setup{grid-template-columns:20rem minmax(0,1fr);gap:3rem}}.chip-button{border:1px solid #3c424d;border-radius:6px;padding:.375rem .75rem;color:#a7aebc;font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:border-color .16s ease,color .16s ease}.chip-button:hover{border-color:var(--accent-text);color:var(--accent-text)}.progress{grid-column:1 / -1;height:3px;overflow:hidden;background:#2c3038}.progress>span{display:block;height:100%;background:var(--accent);transform-origin:left;transition-duration:.3s}.\!readout{min-height:3.25rem!important;margin-top:1.25rem!important;border-left:2px solid #3c424d!important;padding:.375rem 0 .375rem .875rem!important;color:#8992a3!important;font-size:.9375rem!important;line-height:1.45!important}.readout{min-height:3.25rem;margin-top:1.25rem;border-left:2px solid #3c424d;padding:.375rem 0 .375rem .875rem;color:#8992a3;font-size:.9375rem;line-height:1.45}.\!readout.is-live{border-left-color:var(--accent)!important;color:#a7aebc!important}.readout.is-live{border-left-color:var(--accent);color:#a7aebc}.\!readout strong{color:#f1f4f9!important;font-family:Poppins,ui-sans-serif,system-ui,sans-serif!important;font-weight:700!important}.readout strong{color:#f1f4f9;font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-weight:700}.setup-groups{display:grid;gap:1.75rem;margin-top:1.25rem}@media(min-width:768px){.setup-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-group:first-child{grid-column:1 / -1}.setup-group:first-child .toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1280px){.setup-groups{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)}.setup-group:first-child{grid-column:auto}}.\!toggle{display:flex!important;width:100%!important;align-items:center!important;justify-content:space-between!important;gap:.75rem!important;border-bottom:1px solid color-mix(in srgb,#2c3038 60%,transparent)!important;padding:.5625rem .25rem!important;color:#a7aebc!important;font-size:.9375rem!important;text-align:left!important;transition:color .16s ease!important}.toggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.75rem;border-bottom:1px solid color-mix(in srgb,#2c3038 60%,transparent);padding:.5625rem .25rem;color:#a7aebc;font-size:.9375rem;text-align:left;transition:color .16s ease}.toggle:hover,.toggle[aria-checked=true]{color:#f1f4f9}.\!toggle:hover,.\!toggle[aria-checked=true]{color:#f1f4f9!important}.\!toggle[aria-checked=false]{color:#8992a3!important}.toggle[aria-checked=false]{color:#8992a3}.switch{position:relative;width:2.125rem;height:1.125rem;flex-shrink:0;border:1px solid #3c424d;background:#111318}.switch:after{content:"";position:absolute;top:2px;left:2px;width:.75rem;height:.75rem;background:#8f96a3;transition:transform .16s ease,background-color .16s ease}.\!toggle[aria-checked=true] .switch{border-color:var(--accent)!important;background:var(--accent)!important}.toggle[aria-checked=true] .switch,.switch--on{border-color:var(--accent);background:var(--accent)}.\!toggle[aria-checked=true] .switch:after{background:#0b0c0e!important;transform:translate(1rem)!important}.toggle[aria-checked=true] .switch:after,.switch--on:after{background:#0b0c0e;transform:translate(1rem)}.meter{margin-top:1rem;border:1px solid #2c3038;background:#0b0c0e;padding:.375rem}.settings{display:grid}@media(min-width:1024px){.settings{grid-template-columns:19rem minmax(0,1fr)}}.settings-item.is-active{border-left-color:var(--accent);background:#20242c}.settings-page.is-active{display:flex;animation:fade-in .22s ease-out}.site-footer{border-top:1px solid #2c3038}.footer-link{color:#a7aebc;transition:color .16s ease}.footer-link:hover{color:var(--accent-text)}.\!lightbox{width:min(96rem,calc(100% - 1.5rem))!important;max-width:none!important;max-height:none!important;margin:auto!important;padding:0!important;border:0!important;background:transparent!important;color:inherit!important;overflow:visible!important}.lightbox{width:min(96rem,calc(100% - 1.5rem));max-width:none;max-height:none;margin:auto;padding:0;border:0;background:transparent;color:inherit;overflow:visible}.\!lightbox[open]{animation:fade-in .18s ease-out!important}.lightbox[open]{animation:fade-in .18s ease-out}.\!lightbox::backdrop{background:#101113f2!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}.lightbox::backdrop{background:#101113f2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lightbox-panel{display:flex;max-height:94vh;flex-direction:column;overflow:hidden;border:1px solid #2c3038;border-radius:12px;background:#17181b}.lightbox-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid #2c3038;padding:.75rem 1rem}.lightbox-caption{margin-top:.125rem;color:var(--accent-text);font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.lightbox-body{display:flex;min-height:0;flex:1;align-items:center;justify-content:center;background:#0b0c0e;padding:.75rem}@media(min-width:640px){.lightbox-body{padding:1.25rem}}.lightbox-body img{max-width:100%;max-height:80vh;-o-object-fit:contain;object-fit:contain}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.page-title{margin-top:.75rem;color:#f1f4f9;font-size:clamp(1.875rem,3.6vw,2.75rem);font-weight:800;line-height:1.08;letter-spacing:-.025em}.text-link{display:inline-flex;align-items:center;gap:.25rem;color:var(--accent-text);text-underline-offset:3px}.text-link:hover{text-decoration:underline}.nav-link.is-active{color:#f1f4f9}.preview-bar{border-bottom:1px solid #2c3038;background:#131519;color:#a7aebc;font-size:.8125rem}.preview-bar .container{display:flex;align-items:center;gap:.5rem;padding-block:.5rem}.preview-bar strong{color:#d7a85c}.avatar{flex-shrink:0;border-radius:999px;background:#20242c}.avatar--20{width:1.25rem;height:1.25rem;font-size:.625rem}.avatar--24{width:1.5rem;height:1.5rem;font-size:.6875rem}.avatar--28{width:1.75rem;height:1.75rem;font-size:.75rem}.avatar--32{width:2rem;height:2rem;font-size:.875rem}.avatar--72{width:4.5rem;height:4.5rem;font-size:1.75rem}.avatar--initial{position:relative;display:inline-grid;place-items:center;overflow:hidden;color:#a7aebc;font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-weight:700;line-height:1}.avatar--initial>img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.member-badge{display:inline-flex;align-items:center;border:1px solid currentColor;border-radius:6px;padding:0 .375rem;font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-size:.6875rem;font-weight:700;letter-spacing:.04em;line-height:1.5;text-transform:uppercase;vertical-align:middle}.member-badge--rare{color:#3c9cff}.member-badge--epic{color:#b968f2}.member-badge--legendary{color:#ff8b1a}.menu{position:relative}.header-favorites{display:inline-flex;width:2.5rem;height:2.5rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:8px;color:#a7aebc;transition:color .16s ease,background-color .16s ease}.header-favorites:hover{background:#ff9fae14;color:#ff9fae}.header-favorites.is-active{color:#ff9fae}.header-favorites.is-active .icon{fill:currentColor}.menu-trigger{display:flex;cursor:pointer;list-style:none;border-radius:999px}.menu-trigger::-webkit-details-marker{display:none}.menu-panel{position:absolute;top:calc(100% + .5rem);right:0;z-index:50;width:13rem;border:1px solid #2c3038;border-radius:10px;background:#17181b;padding:.375rem;box-shadow:0 20px 50px #00000073}.menu-name{overflow:hidden;padding:.5rem .625rem;color:#f1f4f9;font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-size:.875rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.menu-item{display:flex;align-items:center;gap:.625rem;border-radius:6px;padding:.5rem .625rem;color:#a7aebc;font-size:.9375rem;text-align:left}.menu-item:hover{background:#20242c;color:#f1f4f9}.game-tabs{display:flex;flex-wrap:wrap;gap:.5rem 1.75rem;border-bottom:1px solid #2c3038}.game-tab{position:relative;padding-bottom:.875rem;color:#a7aebc;font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-size:1rem;font-weight:700;transition:color .16s ease}.game-tab:hover,.game-tab[aria-current=page]{color:#f1f4f9}.game-tab[aria-current=page]:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--accent)}.count-dot{margin-left:.375rem;border-radius:999px;background:var(--cta);padding:0 .4rem;color:var(--on-cta);font-size:.75rem}.browse{display:grid;gap:1.25rem;margin-top:2rem}@media(min-width:1024px){.browse{grid-template-columns:19rem minmax(0,1fr);align-items:start;gap:1.5rem}}.filters{overflow:hidden;border:1px solid #2c3038;border-radius:12px;background:#17181b}.filters-head{display:flex;cursor:pointer;align-items:center;gap:.625rem;padding:.875rem 1.25rem;list-style:none}.filters-head::-webkit-details-marker{display:none}.filters[open]>.filters-head{border-bottom:1px solid #2c3038}.filters-head:focus-visible{outline:2px solid var(--accent-text);outline-offset:-2px}.filters-clear{margin-left:auto;color:#8992a3;font-size:.875rem;transition:color .16s ease}.filters-clear:hover{color:#f1f4f9}.filters-chevron{margin-left:auto;color:#8992a3;transition:transform .22s cubic-bezier(.2,.8,.2,1)}.filters-clear+.filters-chevron{margin-left:0}.filters[open] .filters-chevron{transform:rotate(90deg)}@media(min-width:1024px){.filters-head,.browse-results .fs-panel-head{min-height:4.75rem}.filters-head{cursor:default}.filters-chevron{display:none}}.filter-count{border-radius:999px;background:var(--accent);padding:0 .4rem;color:var(--on-accent);font-size:.6875rem}.filters-section{padding:1rem 1.25rem 1.125rem}.filters-section+.filters-section{border-top:1px solid #2c3038}.filters-section fieldset{min-width:0}.filters-section .filter-title{margin-bottom:.625rem}.filters-apply{padding:0 1.25rem 1.25rem}.filter-block{min-width:0;border:0;padding:0}.filter-title{margin-bottom:.5rem;color:#8992a3;font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.filter-option{position:relative;display:flex;cursor:pointer;align-items:center;gap:.625rem;margin-inline:-.5rem;border-radius:6px;padding:.375rem .5rem;color:#a7aebc;font-size:.9375rem;transition:background-color .16s ease,color .16s ease}.filter-option:hover{background:#ffffff08;color:#f1f4f9}.filter-option input{position:absolute;opacity:0;pointer-events:none}.filter-check{position:relative;width:.875rem;height:.875rem;flex-shrink:0;border:1px solid #3c424d;background:#111318;transition:background-color .16s ease,border-color .16s ease}:is(.filter-option,.feature-option,.agree) input:checked~.filter-check{border-color:var(--accent);background:var(--accent)}:is(.filter-option,.feature-option,.\!agree) input:checked~.filter-check{border-color:var(--accent)!important;background:var(--accent)!important}:is(.filter-option,.feature-option,.agree) input:checked~.filter-check:not(.filter-check--radio):after{content:"";position:absolute;top:1px;left:4px;width:4px;height:8px;border:solid var(--on-accent);border-width:0 2px 2px 0;transform:rotate(45deg);animation:check-in .18s cubic-bezier(.2,.8,.2,1)}:is(.filter-option,.feature-option,.\!agree) input:checked~.filter-check:not(.filter-check--radio):after{content:""!important;position:absolute!important;top:1px!important;left:4px!important;width:4px!important;height:8px!important;border:solid var(--on-accent)!important;border-width:0 2px 2px 0!important;transform:rotate(45deg)!important;animation:check-in .18s cubic-bezier(.2,.8,.2,1)!important}:is(.filter-option,.feature-option) input:checked~.filter-check--radio:after{content:"";position:absolute;top:3px;left:3px;width:6px;height:6px;border-radius:999px;background:var(--on-accent);animation:check-in .18s cubic-bezier(.2,.8,.2,1)}.filter-option input:checked~.filter-label{color:#f1f4f9}:is(.filter-option,.feature-option,.agree) input:focus-visible~.filter-check{outline:2px solid var(--accent-text);outline-offset:2px}:is(.filter-option,.feature-option,.\!agree) input:focus-visible~.filter-check{outline:2px solid var(--accent-text)!important;outline-offset:2px!important}.filter-option:has(input:disabled){cursor:not-allowed;opacity:.45}.filter-icon{width:1.125rem;height:1.125rem;flex-shrink:0}.pick-tile{--tone: var(--accent);position:relative;isolation:isolate;display:flex;cursor:pointer;align-items:center;justify-content:center;border:1px solid #2c3038;border-radius:8px;background:#111318;color:#a7aebc;font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-size:.6875rem;font-weight:700;transition:border-color .45s ease,background-color .45s ease,color .45s ease}.pick-tile:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:color-mix(in srgb,var(--tone) 16%,transparent);opacity:0;pointer-events:none;transition:opacity .45s ease}.pick-tile input{position:absolute;opacity:0;pointer-events:none}.pick-tile img{opacity:.75;transition:opacity .45s ease,transform .45s cubic-bezier(.2,.8,.2,1),filter .45s ease}.pick-tile:hover{border-color:color-mix(in srgb,var(--tone) 45%,#3c424d);color:#f1f4f9;transition-duration:.15s}.pick-tile:hover:before{opacity:1;transition-duration:.15s}.pick-tile:hover img{transition-duration:.15s,.22s,.15s}.pick-tile:hover img,.pick-tile:has(input:checked) img{opacity:1}.pick-tile:has(input:checked){border-color:var(--accent);background:#1d2a44;color:#f1f4f9}.pick-tile--any:has(input:checked){border-color:#3c424d;background:#20242c}.pick-tile:has(input:focus-visible){outline:2px solid var(--accent-text);outline-offset:2px}.role-tiles{display:flex;justify-content:space-between;max-width:19rem}.role-tile[data-role=tank]{--tone: #3cddec}.role-tile[data-role=healer]{--tone: #44eca3}.role-tile[data-role=melee],.role-tile[data-role=ranged]{--tone: #fb3337}.role-tile{flex-direction:column;gap:.4375rem;min-width:3.75rem;padding:.375rem .25rem .25rem;border:0;background:none;font-size:.625rem;letter-spacing:.08em;text-transform:uppercase}.role-tile:before{display:none}.role-tile img{width:2.25rem;height:2.25rem;opacity:.45;filter:grayscale(.6)}.role-tile:hover img{opacity:.9;filter:none;transform:translateY(-1px)}.role-tile:after{content:"";width:5px;height:5px;border-radius:50%;background:transparent;transition:background-color .15s ease}.role-tile:has(input:checked){border:0;background:none;color:var(--tone)}.role-tile:has(input:checked) img{opacity:1;filter:drop-shadow(0 0 .5rem color-mix(in srgb,var(--tone) 40%,transparent))}.role-tile:has(input:checked):after{background:var(--tone)}.role-tile:has(input:focus-visible){outline-color:var(--tone)}.option-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));-moz-column-gap:.375rem;column-gap:.375rem;max-width:24rem}.option-tile{min-width:0;padding-inline:.625rem}.option-tile span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(pointer:coarse){.option-tile{min-height:1.75rem}}.class-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.3125rem;max-width:24rem}.class-tile{aspect-ratio:1}.class-tile img{width:1.375rem;height:1.375rem}.sort-toggle{display:inline-flex;flex:none;align-self:stretch;gap:.125rem;border:1px solid #3c424d;border-radius:8px;background:#111318;padding:.1875rem}.sort-toggle label{display:inline-flex;cursor:pointer;align-items:center;border-radius:6px;padding:0 .875rem;color:#8992a3;font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-size:.8125rem;font-weight:700;white-space:nowrap;transition:color .16s ease,background-color .16s ease}.sort-toggle input{position:absolute;opacity:0;pointer-events:none}.sort-toggle label:hover{color:#f1f4f9}.sort-toggle label:has(input:checked){background:#1d2a44;color:#f1f4f9}.sort-toggle label:has(input:focus-visible){outline:2px solid var(--accent-text);outline-offset:1px}.search-field{display:flex;min-width:min(100%,18rem);flex:1 1 18rem;align-items:center;gap:.5rem;border:1px solid #3c424d;border-radius:8px;background:#111318;padding-inline:.75rem;color:#8992a3}.search-field:focus-within{border-color:var(--accent-text)}.search-field input{min-width:0;flex:1;border:0;background:transparent;padding-block:.5625rem;color:#f1f4f9;outline:none}.select-field select{height:100%;min-height:2.5rem;border:1px solid #3c424d;border-radius:8px;background:#111318;padding:0 2rem 0 .75rem;color:#f1f4f9;font-size:.9375rem}.tag-picker{display:grid;gap:1.5rem}@media(min-width:640px){.tag-picker{grid-template-columns:repeat(3,minmax(0,1fr))}}.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 2rem}.display-title{margin-top:.5rem;color:#f1f4f9;font-size:clamp(2.75rem,6vw,4.5rem);font-weight:800;line-height:.95;letter-spacing:-.035em}.page-tagline{max-width:24rem;color:#f1f4f9;font-size:1.25rem;line-height:1.4}@media(min-width:768px){.page-tagline{border-left:1px solid #3c424d;padding:.25rem 0 .25rem 1.5rem}}.segmented{display:inline-flex;gap:.25rem;border:1px solid #3c424d;border-radius:8px;background:#111318;padding:.25rem}.segmented a{border-radius:6px;padding:.4375rem 1.125rem;color:#8992a3;font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-size:.875rem;font-weight:700;transition:color .16s ease,background-color .16s ease}.segmented a:hover{color:#f1f4f9}.segmented a[aria-current=page]{background:#1d2a44;color:#f1f4f9}.fs-panel{overflow:hidden;border:1px solid #2c3038;border-radius:12px;background:#17181b}.fs-panel-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;border-bottom:1px solid #2c3038;padding:1rem 1.25rem}.fs-panel-title{color:#f1f4f9;font-size:1.125rem;font-weight:700}.fs-panel-body{padding:1.25rem}.browse-tools{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem}@media(min-width:640px){.browse-tools{flex-wrap:nowrap}}.browse-tools .search-field{width:16rem;min-width:0;flex:0 1 auto}.fs-panel .empty-state{margin:1.25rem}.filter-title--toggle{display:flex;cursor:pointer;align-items:center;gap:.5rem;margin-bottom:0;list-style:none;transition:color .16s ease}.filter-title--toggle::-webkit-details-marker{display:none}.filter-title--toggle:hover{color:#f1f4f9}.filter-chevron{margin-left:auto;transition:transform .22s cubic-bezier(.2,.8,.2,1)}.feature-filter[open] .filter-chevron{transform:rotate(90deg)}.feature-filter::details-content{block-size:0;overflow:clip;transition:block-size .28s cubic-bezier(.2,.8,.2,1),content-visibility .28s allow-discrete}.feature-filter[open]::details-content{block-size:auto}.feature-filter-body{padding-top:.75rem}.feature-search{display:flex;align-items:center;gap:.375rem;border-bottom:1px solid #3c424d;padding-bottom:.375rem;color:#8992a3;transition:border-color .16s ease}.feature-search:focus-within{border-color:var(--accent-text)}.feature-search input{min-width:0;flex:1;border:0;background:transparent;color:#f1f4f9;font-size:.8125rem;outline:none}.feature-hint{margin:.5rem 0 .375rem;color:#8992a3;font-size:.75rem;line-height:1.4}.feature-options{display:grid}@media(min-width:640px)and (max-width:1023px){.feature-options{grid-template-columns:repeat(2,minmax(0,1fr));-moz-column-gap:1rem;column-gap:1rem}}.feature-option{position:relative;display:flex;cursor:pointer;align-items:center;gap:.5rem;margin-inline:-.375rem;border-radius:4px;padding:.1875rem .375rem;color:#a7aebc;font-size:.8125rem;line-height:1.3;transition:background-color .45s ease,color .45s ease}.feature-option:hover{background:color-mix(in srgb,var(--accent) 12%,transparent);color:#f1f4f9;transition-duration:.15s}.feature-option input{position:absolute;opacity:0;pointer-events:none}.feature-option .filter-check{width:.75rem;height:.75rem}.feature-option input:checked~.filter-check:after{top:0;left:3px;width:3.5px;height:7px}.feature-option input:checked~.feature-option-label{color:#f1f4f9}.browse-results{transition:opacity .2s ease}.browse-results.is-loading{opacity:.55}.preset-rows>li+li{border-top:1px solid #2c3038}.preset-row{display:grid;grid-template-columns:7rem minmax(0,1fr);align-items:center;gap:.875rem 1.25rem;padding:.875rem 1.25rem;transition:background-color .16s ease}@media(min-width:640px){.preset-row{grid-template-columns:10.5rem minmax(0,1fr) auto}}@media(min-width:1024px){.preset-row{grid-template-columns:11.5rem minmax(0,1fr) auto 1rem}}.preset-row:hover{background:#ffffff06}.preset-rows>li.has-action{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.has-action .preset-row{padding-right:.5rem;transition:background-color .16s ease,opacity .45s ease,filter .45s ease}.has-action.is-removed .preset-row{opacity:.4;filter:grayscale(.7)}.row-unfavorite{display:inline-flex;width:2.5rem;height:2.5rem;margin-right:.875rem;align-items:center;justify-content:center;border-radius:8px;color:#ff9fae;transition:color .45s ease,background-color .45s ease}.row-unfavorite .icon{fill:currentColor;transition:fill .45s ease}.row-unfavorite:hover{background:#ff9fae1a;transition-duration:.15s}.row-unfavorite[aria-pressed=false]{color:#8992a3}.row-unfavorite[aria-pressed=false] .icon{fill:transparent}.row-unfavorite:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}.row-thumb{display:block;aspect-ratio:16 / 9;overflow:hidden;border-radius:6px;background:#0b0c0e}.row-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.row-thumb-empty{display:grid;height:100%;place-items:center;color:#3c424d}.row-main{display:flex;min-width:0;flex-direction:column;gap:.375rem}.row-title{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .625rem;color:#f1f4f9;font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-size:1.0625rem;font-weight:700;line-height:1.25}.row-sub{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1rem;font-size:.875rem}.spec-line{display:inline-flex;align-items:center;gap:.4375rem;font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-weight:700}.spec-icon{flex-shrink:0;border-radius:999px}.row-author{display:inline-flex;align-items:center;gap:.4375rem;color:#a7aebc}.row-tags{color:#8992a3;font-size:.8125rem}.row-meta{display:none}@media(min-width:640px){.row-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.375rem;color:#8992a3;font-size:.8125rem;white-space:nowrap}}.row-roles{display:flex;gap:.25rem}.row-res{border:1px solid #3c424d;border-radius:4px;padding:0 .375rem;color:#a7aebc;font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.row-go{display:none;color:#8992a3;transition:color .16s ease,transform .16s ease}@media(min-width:1024px){.row-go{display:block}}.preset-row:hover .row-go{color:var(--accent-text);transform:translate(2px)}.badge{display:inline-flex;align-items:center;gap:.25rem;border-radius:6px;background:#20242c;padding:.125rem .5rem;color:#a7aebc;font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.badge--hidden{background:#4a2328;color:#ffb4bd}.empty-state{display:flex;flex-direction:column;align-items:center;border:1px dashed #3c424d;border-radius:12px;padding:3.5rem 1.5rem;color:#8992a3;text-align:center}.empty-state>.icon{width:2rem;height:2rem}.empty-title{margin-top:1rem;color:#f1f4f9;font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-size:1.125rem;font-weight:700}.empty-text{margin-top:.375rem}.notice{display:flex;align-items:flex-start;gap:.5rem;margin-top:1.5rem;border:1px solid #2c3038;border-left-width:3px;border-radius:8px;background:#17181b;padding:.75rem 1rem;color:#f1f4f9;font-size:.9375rem}.notice--error{border-left-color:#e26378}.notice--success{border-left-color:#4bc5a5}.notice--info{border-left-color:#78a7f2}.error-list{display:grid;gap:.25rem}.back-link{display:inline-flex;align-items:center;gap:.375rem;color:#a7aebc;font-size:.875rem}.back-link:hover{color:#f1f4f9}.showcase-panel{display:grid;overflow:hidden;margin-top:1.25rem;border:1px solid #2c3038;border-top:2px solid #246bff;border-radius:12px;background:#17181b}@media(min-width:1024px){.showcase-panel{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.showcase-media{border-left:1px solid #2c3038}}.showcase-copy{display:flex;min-width:0;flex-direction:column;gap:0;padding:1.75rem}@media(min-width:1024px){.showcase-copy{padding:2.25rem}}.showcase-title{margin-top:.75rem;color:#f1f4f9;font-size:clamp(1.875rem,3.4vw,2.75rem);font-weight:800;line-height:1.05;letter-spacing:-.025em;overflow-wrap:anywhere}.showcase-byline{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-top:1rem;font-size:.9375rem}.showcase-tags{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:.875rem;color:#a7aebc;font-size:.875rem}.role-chip{display:inline-flex;align-items:center;gap:.375rem;color:#f1f4f9;font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-weight:700}.fact-list{margin-top:1.5rem}.fact-list>div{display:flex;min-height:2.75rem;align-items:center;justify-content:space-between;gap:1.5rem;padding-block:.5rem}.fact-list>div+div{border-top:1px solid #2c3038}.fact-list dt{flex:none;color:#8992a3;font-size:.875rem}.fact-list dd{min-width:0;color:#f1f4f9;font-size:.9375rem;font-weight:700;text-align:right;overflow-wrap:anywhere}.fact-list dd .text-dim{font-weight:400}.showcase-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;margin-bottom:.875rem}.showcase-media{min-width:0;background:#0b0c0e;padding:1.25rem}.showcase-media .viewer{border-color:#2c3038}.showcase-media .\!viewer{border-color:#2c3038!important}.feature-strip{grid-column:1 / -1;border-top:1px solid #2c3038}.feature-strip-head{display:flex;cursor:pointer;align-items:center;gap:.5rem;padding:1rem 1.75rem;color:#8992a3;list-style:none;transition:color .16s ease,background-color .16s ease}.feature-strip-head::-webkit-details-marker{display:none}.feature-strip-head:hover{background:#20242c;color:#f1f4f9}.feature-strip-head:focus-visible{outline:2px solid var(--accent-text);outline-offset:-2px}.feature-strip-title{font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.feature-strip-title span{color:#f1f4f9}.feature-strip-chevron{margin-left:auto;transition:transform .22s cubic-bezier(.2,.8,.2,1)}.feature-strip[open] .feature-strip-chevron{transform:rotate(90deg)}.feature-strip::details-content{block-size:0;overflow:clip;transition:block-size .28s cubic-bezier(.2,.8,.2,1),content-visibility .28s allow-discrete}.feature-strip[open]::details-content{block-size:auto}.feature-strip .feature-list{padding:.25rem 1.75rem 1.5rem}@media(min-width:1024px){.feature-strip-head,.feature-strip .feature-list{padding-inline:2.25rem}}.detail-columns{display:grid;gap:1.5rem;margin-top:1.5rem}@media(min-width:1024px){.detail-columns{grid-template-columns:minmax(0,1fr) 22rem;align-items:start}}.detail-body,.detail-side{display:grid;min-width:0;gap:1.5rem}.detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem;color:#a7aebc;font-size:.9375rem}.detail-author{display:inline-flex;align-items:center;gap:.5rem;color:#f1f4f9;font-weight:700}.detail-author:hover{color:var(--accent-text)}.detail-heading{display:flex;align-items:baseline;gap:.5rem;margin-bottom:1rem;color:#f1f4f9;font-size:1.125rem;font-weight:700}.prose{max-width:46rem;color:#a7aebc;font-size:1rem;line-height:1.7;overflow-wrap:anywhere}.prose p+p{margin-top:.875rem}.policy-date{color:#8992a3;font-size:.875rem}.policy h2{margin-top:2.25rem;margin-bottom:.625rem;color:#f1f4f9;font-size:1.125rem;font-weight:700}.policy h2:first-child{margin-top:0}.policy ul{display:grid;gap:.5rem;padding-left:1.25rem;list-style:disc}.policy ul+p{margin-top:.875rem}.policy li::marker{color:#8992a3}.policy code{color:#f1f4f9;font-size:.875em}.feature-list{display:grid;gap:.5rem 1.5rem;color:#f1f4f9;font-size:.9375rem}@media(min-width:640px){.feature-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.feature-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.feature-list li{display:flex;align-items:baseline;gap:.75rem}.feature-n{min-width:1.25rem;color:var(--accent-text);font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-size:.8125rem;font-weight:700;font-variant-numeric:tabular-nums}.\!viewer{display:block!important;overflow:hidden!important;border:1px solid #2c3038!important;border-radius:12px!important;background:#0b0c0e!important}.viewer{display:block;overflow:hidden;border:1px solid #2c3038;border-radius:12px;background:#0b0c0e}.\!viewer img{width:100%!important;height:auto!important;max-height:75vh!important;-o-object-fit:contain!important;object-fit:contain!important}.viewer img{width:100%;height:auto;max-height:75vh;-o-object-fit:contain;object-fit:contain}.viewer--empty{display:flex;aspect-ratio:16 / 9;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:#8992a3}.thumbs{display:flex;gap:.5rem;margin-top:.75rem;overflow-x:auto;padding-bottom:.25rem}.thumb{width:7.5rem;flex-shrink:0;overflow:hidden;border:2px solid transparent;border-radius:8px;opacity:.65;transition:opacity .16s ease,border-color .16s ease}.thumb img{aspect-ratio:16 / 9;width:100%;-o-object-fit:cover;object-fit:cover}.thumb:hover{opacity:1}.thumb[aria-pressed=true]{border-color:var(--accent);opacity:1}.\!panel{border:1px solid #2c3038!important;border-radius:12px!important;background:#17181b!important;padding:1rem!important}.panel{border:1px solid #2c3038;border-radius:12px;background:#17181b;padding:1rem}.panel-title{display:flex;align-items:center;gap:.375rem;margin-bottom:.75rem;color:#f1f4f9;font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-size:.875rem;font-weight:700}.favorite-button[aria-pressed=true]{border-color:#e26378;color:#ff9fae}.favorite-button[aria-pressed=true] .icon{fill:currentColor}.string-box{display:block;width:100%;resize:vertical;border:1px solid #3c424d;border-radius:8px;background:#111318;padding:.625rem .75rem;color:#a7aebc;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;line-height:1.5;word-break:break-all}.string-box:focus{border-color:var(--accent-text);outline:none}.btn.is-done{background:#2f8f74;color:#fff}.btn-danger{border-color:#6b2a33;color:#ff9fae}.btn-danger:hover{border-color:#e26378;background:#e263781f}.field-hint{color:#8992a3;font-size:.8125rem;line-height:1.5}.field-error{margin-top:.5rem;color:#ff9fae;font-size:.875rem}.action-panel{display:grid;gap:.5rem}.mod-actions{display:grid;gap:.5rem;margin-top:.5rem;border-top:1px solid #2c3038;padding-top:.875rem}.icon-button--sm{width:2rem;height:2rem;border-color:transparent}.icon-button:disabled{cursor:not-allowed;opacity:.35}.comment-form{display:grid;gap:.625rem}.signin-prompt{border:1px solid #2c3038;border-radius:8px;padding:.875rem 1rem;color:#a7aebc}.comment-list{display:grid;gap:.25rem;margin-top:1.25rem}.\!comment{border-top:1px solid #2c3038!important;padding-block:1rem!important}.comment{border-top:1px solid #2c3038;padding-block:1rem}.comment-head{display:flex;flex-wrap:wrap;align-items:center;gap:.625rem;font-size:.875rem}.comment-author{display:inline-flex;align-items:center;gap:.5rem;color:#f1f4f9;font-weight:700}.comment-body{margin-top:.5rem;color:#a7aebc;line-height:1.6;overflow-wrap:anywhere}.comment-body p+p{margin-top:.5rem}.report{position:relative}.report>summary{list-style:none;cursor:pointer}.report>summary::-webkit-details-marker{display:none}.report-panel{position:absolute;right:0;bottom:calc(100% + .5rem);z-index:30;display:grid;width:18rem;gap:.5rem;border:1px solid #3c424d;border-radius:10px;background:#17181b;padding:.875rem;box-shadow:0 20px 50px #00000073}.\!comment .report-panel{top:calc(100% + .5rem)!important;bottom:auto!important}.comment .report-panel{top:calc(100% + .5rem);bottom:auto}.report-title{color:#f1f4f9;font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-size:.875rem;font-weight:700}.radio-row{display:flex;align-items:center;gap:.5rem;color:#a7aebc;font-size:.875rem}.radio-row input{accent-color:var(--accent)}.upload-layout input[type=text],.upload-layout textarea:not(.string-box),.comment-form textarea,.report-panel textarea,.dev-login input[type=text]{display:block;width:100%;border:1px solid #3c424d;border-radius:8px;background:#111318;padding:.625rem .75rem;color:#f1f4f9;font-size:.9375rem;transition:border-color .16s ease,box-shadow .16s ease}.upload-layout input[type=text]:focus,.upload-layout textarea:focus,.comment-form textarea:focus,.report-panel textarea:focus,.dev-login input[type=text]:focus{border-color:var(--accent-text);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent);outline:none}.upload-layout{display:grid;gap:2.5rem;margin-top:2.5rem}@media(min-width:1024px){.upload-layout{grid-template-columns:minmax(0,1fr) 20rem;align-items:start;gap:3.5rem}}.steps{display:grid}.\!step{position:relative!important;display:grid!important;grid-template-columns:2.25rem minmax(0,1fr)!important;gap:1.25rem!important;padding-bottom:2.5rem!important}.step{position:relative;display:grid;grid-template-columns:2.25rem minmax(0,1fr);gap:1.25rem;padding-bottom:2.5rem}.\!step:last-child{padding-bottom:0!important}.step:last-child{padding-bottom:0}.\!step:not(:last-child):before{content:""!important;position:absolute!important;top:2.5rem!important;bottom:.25rem!important;left:calc(1.125rem - .5px)!important;width:1px!important;background:#2c3038!important;transition:background-color .3s ease!important}.step:not(:last-child):before{content:"";position:absolute;top:2.5rem;bottom:.25rem;left:calc(1.125rem - .5px);width:1px;background:#2c3038;transition:background-color .3s ease}.\!step[data-done]:not(:last-child):before{background:color-mix(in srgb,var(--accent) 55%,#2c3038)!important}.step[data-done]:not(:last-child):before{background:color-mix(in srgb,var(--accent) 55%,#2c3038)}.step-marker{position:relative;display:grid;width:2.25rem;height:2.25rem;place-items:center;border:1px solid #3c424d;border-radius:999px;background:#101113;transition:background-color .22s ease,border-color .22s ease}.step-n{color:var(--accent-text);font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-size:.75rem;font-weight:700;transition:opacity .16s ease}.step-check{position:absolute;width:1rem;height:1rem;color:var(--on-accent);opacity:0;transform:scale(.4);transition:opacity .18s ease,transform .26s cubic-bezier(.2,.8,.2,1.4)}.\!step[data-done] .step-marker{border-color:var(--accent)!important;background:var(--accent)!important}.step[data-done] .step-marker{border-color:var(--accent);background:var(--accent)}.\!step[data-done] .step-n{opacity:0!important}.step[data-done] .step-n{opacity:0}.\!step[data-done] .step-check{opacity:1!important;transform:none!important}.step[data-done] .step-check{opacity:1;transform:none}.step-title{padding-top:.25rem;color:#f1f4f9;font-size:1.25rem;font-weight:700;line-height:1.3}.step-hint{margin-top:.25rem;color:#a7aebc;font-size:.9375rem;line-height:1.5}.step-content{margin-top:1.125rem}.upload-preview{display:none}@media(min-width:1024px){.upload-preview{display:block}.preview-sticky{position:sticky;top:5.5rem}}.preview-card{overflow:hidden;border:1px solid #2c3038;border-radius:12px;background:#17181b}.preview-media{display:grid;aspect-ratio:16 / 9;place-items:center;background:#0b0c0e}.preview-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.preview-media img.is-entering{animation:fade-in .32s ease-out}.preview-media-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;color:#8992a3;font-size:.8125rem;text-align:center}.preview-body{display:grid;gap:.5rem;padding:1rem 1.125rem 1.125rem}.preview-title{color:#f1f4f9;font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-size:1.125rem;font-weight:700;line-height:1.25;overflow-wrap:anywhere}.preview-spec{display:flex;min-height:1.25rem;align-items:center;gap:.4375rem;color:#8992a3;font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-size:.875rem;font-weight:700}.preview-facts{display:grid;gap:.375rem;margin-top:.25rem;border-top:1px solid #2c3038;padding-top:.75rem;font-size:.8125rem;animation:fade-in .26s ease-out}.preview-facts>div{display:flex;justify-content:space-between;gap:1rem}.preview-facts dt{color:#8992a3}.preview-facts dd{color:#f1f4f9;text-align:right}.preview-checklist{display:grid;gap:.5rem;margin-top:1.25rem;color:#8992a3;font-size:.875rem}.preview-checklist li{display:flex;align-items:center;gap:.5rem;transition:color .2s ease}.preview-checklist .icon{border-radius:999px;background:#20242c;padding:2px;color:transparent;transition:background-color .2s ease,color .2s ease}.preview-checklist li[data-done]{color:#f1f4f9}.preview-checklist li[data-done] .icon{background:var(--accent);color:var(--on-accent)}.field-label{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.5rem;color:#f1f4f9;font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-size:.9375rem;font-weight:700}.field-label .text-dim{font-family:PT Sans,ui-sans-serif,system-ui,sans-serif;font-size:.8125rem;font-weight:400}.upload-layout .field-hint{margin-top:.375rem}.string-check{margin-top:.75rem;border:1px solid #2c3038;border-left-width:3px;border-radius:8px;padding:.75rem 1rem}.string-check.is-fresh{animation:rise-in .24s cubic-bezier(.2,.8,.2,1)}.string-check.is-ok{border-left-color:#4bc5a5}.string-check.is-error{border-left-color:#e26378}.string-check-title{display:flex;align-items:center;gap:.5rem;color:#f1f4f9;font-weight:700}.string-check.is-ok .string-check-title .icon{color:#4bc5a5}.string-check.is-error .string-check-title .icon{color:#e26378}.string-check-facts{display:flex;flex-wrap:wrap;gap:.25rem 1rem;margin-top:.375rem;color:#a7aebc;font-size:.875rem}.image-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.image-list:empty{display:none}@media(min-width:640px){.image-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.image-item{position:relative;overflow:hidden;border:1px solid #2c3038;border-radius:8px;background:#0b0c0e}.image-item.is-entering{animation:tile-in .28s cubic-bezier(.2,.8,.2,1)}.image-item img{aspect-ratio:16 / 9;width:100%;-o-object-fit:cover;object-fit:cover}.image-cover{position:absolute;top:.5rem;left:.5rem;border-radius:6px;background:var(--accent);padding:.0625rem .5rem;color:var(--on-accent);font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-size:.6875rem;font-weight:700;text-transform:uppercase}.image-controls{display:flex;justify-content:flex-end;gap:.25rem;border-top:1px solid #2c3038;background:#17181b;padding:.25rem}.image-keep{display:flex;align-items:center;gap:.375rem;padding:.375rem .5rem;color:#a7aebc;font-size:.8125rem}.file-drop{display:flex;cursor:pointer;flex-direction:column;align-items:center;gap:.5rem;margin-top:.75rem;border:1px dashed #3c424d;border-radius:10px;padding:1.75rem 1rem;color:#a7aebc;text-align:center;transition:border-color .16s ease,background-color .16s ease}.file-drop:hover,.file-drop.is-over{border-color:var(--accent-text);background:color-mix(in srgb,var(--accent) 8%,transparent)}.file-drop .icon{width:1.5rem;height:1.5rem}.file-drop strong{color:#f1f4f9}.file-drop-hint{color:#8992a3;font-size:.8125rem}.file-drop .icon{transition:transform .22s cubic-bezier(.2,.8,.2,1)}.file-drop:hover .icon,.file-drop.is-over .icon{transform:translateY(-2px)}.file-drop{position:relative}.file-drop input{position:absolute;width:1px;height:1px;opacity:0}.file-drop:focus-within{outline:2px solid var(--accent-text);outline-offset:2px}.\!agree{position:relative!important;display:flex!important;cursor:pointer!important;align-items:flex-start!important;gap:.75rem!important;color:#a7aebc!important;line-height:1.5!important}.agree{position:relative;display:flex;cursor:pointer;align-items:flex-start;gap:.75rem;color:#a7aebc;line-height:1.5}.\!agree input{position:absolute!important;opacity:0!important;pointer-events:none!important}.agree input{position:absolute;opacity:0;pointer-events:none}.\!agree .filter-check{margin-top:.3rem!important}.agree .filter-check{margin-top:.3rem}.form-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.btn.is-busy{cursor:progress;opacity:.8}.author-head{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem}.author-head .page-title{margin-top:0}.dev-login{border-top:1px solid #2c3038;padding-top:1.5rem}.table-wrap{overflow-x:auto;border:1px solid #2c3038;border-radius:10px}.admin-table{width:100%;border-collapse:collapse;font-size:.875rem}.admin-table th{border-bottom:1px solid #2c3038;background:#131519;padding:.625rem .875rem;color:#8992a3;font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-size:.6875rem;letter-spacing:.06em;text-align:left;text-transform:uppercase}.admin-table td{border-bottom:1px solid #2c3038;padding:.75rem .875rem;color:#a7aebc;vertical-align:middle}.admin-table tr:last-child td{border-bottom:0}.report-list{display:grid;gap:.875rem}.report-target{margin-top:.75rem;border-left:2px solid #3c424d;padding-left:.875rem}.report-quote{margin-top:.375rem;color:#a7aebc;font-size:.9375rem;overflow-wrap:anywhere}.home-hero{display:grid;gap:2.5rem;padding-top:3rem}@media(min-width:1024px){.home-hero{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:3.5rem;padding-top:4.5rem}}.home-title{margin-top:1rem;color:#f1f4f9;font-size:clamp(2.75rem,5.4vw,4.5rem);font-weight:800;line-height:.98;letter-spacing:-.035em}.home-title-line{display:block;margin-top:.75rem;color:var(--cta);font-size:clamp(1.5rem,2.5vw,2.125rem);font-weight:700;line-height:1.12;letter-spacing:-.02em}.home-lede{max-width:36rem;margin-top:1.25rem}.home-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.home-hero-media{overflow:hidden;border:1px solid #2c3038;border-radius:12px;background:#0b0c0e}.home-hero-media img{display:block;width:100%;height:auto}.home-block{margin-top:4rem}@media(min-width:1024px){.home-block{margin-top:5rem}}.home-more{display:inline-flex;align-items:center;gap:.25rem;color:#a7aebc;font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-size:.8125rem;font-weight:700;transition:color .16s ease}.home-more:hover{color:var(--accent-text)}.home-heading{color:#f1f4f9;font-size:clamp(1.5rem,2.4vw,1.875rem);font-weight:800;letter-spacing:-.02em}.home-sub{margin-top:.5rem;color:#a7aebc}.home-steps{display:grid;margin-top:1.5rem;border-top:1px solid #2c3038}.home-steps>li{display:flex;gap:1rem;border-bottom:1px solid #2c3038;padding-block:1.5rem}@media(min-width:1024px){.home-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.home-steps>li{padding:1.75rem 1.75rem 1.75rem 0}.home-steps>li+li{border-left:1px solid #2c3038;padding-left:1.75rem}}.home-step-n{flex:none;padding-top:.1875rem;color:var(--accent-text);font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-size:.875rem;font-weight:800;letter-spacing:.04em}.home-step-title{color:#f1f4f9;font-size:1.0625rem;font-weight:700}.home-step-text{margin-top:.375rem;color:#a7aebc;font-size:.9375rem;line-height:1.6}.home-features{display:grid;gap:2rem;margin-top:1.5rem}@media(min-width:768px){.home-features{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)}}.home-feature-title{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;border-bottom:1px solid #2c3038;padding-bottom:.75rem;color:#f1f4f9;font-size:.9375rem;font-weight:700}.home-feature-title span{color:#8992a3}.home-feature-list{-moz-columns:2;columns:2;-moz-column-gap:1.5rem;column-gap:1.5rem;margin-top:.5rem;color:#a7aebc;font-size:.9375rem}.home-feature-list li{-moz-column-break-inside:avoid;break-inside:avoid;padding-block:.3125rem}@media(min-width:768px){.home-feature-group+.home-feature-group .home-feature-list{-moz-columns:1;columns:1}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.\!visible{visibility:visible!important}.visible{visibility:visible}.static{position:static}.-mt-1{margin-top:-.25rem}.mb-3{margin-bottom:.75rem}.mb-6{margin-bottom:1.5rem}.ml-auto{margin-left:auto}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-24{margin-top:6rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.\!grid{display:grid!important}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.min-h-screen{min-height:100vh}.w-12{width:3rem}.w-14{width:3.5rem}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-2xl{max-width:42rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-2{row-gap:.5rem}.whitespace-nowrap{white-space:nowrap}.border{border-width:1px}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.pt-10{padding-top:2.5rem}.pt-16{padding-top:4rem}.pt-8{padding-top:2rem}.font-display{font-family:Poppins,ui-sans-serif,system-ui,sans-serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.lowercase{text-transform:lowercase}.text-accent{color:var(--accent-text)}.text-brand{--tw-text-opacity: 1;color:rgb(36 107 255 / var(--tw-text-opacity, 1))}.text-dim{--tw-text-opacity: 1;color:rgb(137 146 163 / var(--tw-text-opacity, 1))}.text-muted{--tw-text-opacity: 1;color:rgb(167 174 188 / var(--tw-text-opacity, 1))}.\!filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{interpolate-size:allow-keywords}#main{animation:page-in .32s cubic-bezier(.2,.8,.2,1) both}.row-enter{animation:rise-in .32s cubic-bezier(.2,.8,.2,1) both}.row-thumb img{transition:transform .5s cubic-bezier(.2,.8,.2,1)}.preset-row:hover .row-thumb img{transform:scale(1.04)}.viewer img{transition:opacity .22s ease}.viewer img.is-swapping{opacity:.3}.notice{animation:rise-in .28s cubic-bezier(.2,.8,.2,1) both}.lightbox[open] .lightbox-panel{animation:zoom-in .22s cubic-bezier(.2,.8,.2,1)}.btn:active:not(:disabled){transform:translateY(1px)}.is-popping{animation:pop .42s cubic-bezier(.2,.8,.2,1)}.favorite-button.is-popping .icon,.header-favorites.is-popping .icon,.row-unfavorite.is-popping .icon{animation:heart .46s cubic-bezier(.2,.8,.2,1.6)}.header-favorites.is-popping{color:#ff9fae}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes rise-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes tile-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes zoom-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}@keyframes check-in{0%{opacity:0;transform:rotate(45deg) scale(.4)}to{opacity:1;transform:rotate(45deg)}}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes heart{0%{transform:scale(1)}35%{transform:scale(1.35)}to{transform:scale(1)}}.class-text--death-knight{color:#ff8ca1}.class-text--demon-hunter{color:#dd92f4}.class-text--druid{color:#ff7c0a}.class-text--evoker{color:#72d2bd}.class-text--hunter{color:#aad372}.class-text--mage{color:#3fc7eb}.class-text--monk{color:#00ff98}.class-text--paladin{color:#f48cba}.class-text--priest{color:#fff}.class-text--rogue{color:#fff468}.class-text--shaman{color:#63b3ff}.class-text--warlock{color:#8788ee}.class-text--warrior{color:#c69b6d}@media(min-width:640px){.sm\:inline{display:inline}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-6{gap:1.5rem}.sm\:pt-14{padding-top:3.5rem}.sm\:pt-24{padding-top:6rem}}