/* DoeNyForge · estilos base */
*,:after,:before{--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:rgba(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:rgba(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: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:IBM Plex Sans,Segoe UI,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,pre,samp{font-family:IBM Plex Mono,ui-monospace,Consolas,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,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{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}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.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}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-x-\[12\%\]{left:12%;right:12%}.inset-x-\[20\%\]{left:20%;right:20%}.inset-x-\[4\%\]{left:4%;right:4%}.-left-2{left:-.5rem}.-left-\[31px\]{left:-31px}.-left-\[47px\]{left:-47px}.-right-1\.5{right:-.375rem}.-right-2{right:-.5rem}.-top-1\.5{top:-.375rem}.-top-2{top:-.5rem}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.bottom-2{bottom:.5rem}.bottom-\[3\%\]{bottom:3%}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-\[4\%\]{left:4%}.right-0{right:0}.right-14{right:3.5rem}.right-2{right:.5rem}.right-\[4\%\]{right:4%}.top-0{top:0}.top-1{top:.25rem}.top-1\.5{top:.375rem}.top-2{top:.5rem}.top-3{top:.75rem}.top-5{top:1.25rem}.top-\[8\%\]{top:8%}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.order-first{order:-9999}.col-span-2{grid-column:span 2/span 2}.mx-auto{margin-left:auto;margin-right:auto}.-mt-1{margin-top:-.25rem}.-mt-3{margin-top:-.75rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.\!inline{display:inline!important}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-1\/3{height:33.333333%}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[100\%\]{height:100%}.h-\[14\%\]{height:14%}.h-\[200px\]{height:200px}.h-\[240px\]{height:240px}.h-\[260px\]{height:260px}.h-\[300px\]{height:300px}.h-\[5\%\]{height:5%}.h-\[88px\]{height:88px}.h-\[92\%\]{height:92%}.h-\[94\%\]{height:94%}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-56{max-height:14rem}.max-h-72{max-height:18rem}.max-h-\[88vh\]{max-height:88vh}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-4{width:1rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[20\%\]{width:20%}.w-\[30\%\]{width:30%}.w-\[40\%\]{width:40%}.w-\[88px\]{width:88px}.w-\[min\(310px\2c calc\(100vw-32px\)\)\]{width:min(310px,calc(100vw - 32px))}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[560px\]{min-width:560px}.min-w-\[640px\]{min-width:640px}.min-w-\[720px\]{min-width:720px}.min-w-\[760px\]{min-width:760px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-\[340px\]{max-width:340px}.max-w-\[90\%\]{max-width:90%}.max-w-full{max-width:100%}.max-w-none{max-width:none}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.origin-top-left{transform-origin:top left}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1{--tw-translate-y:-0.25rem}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-grab{cursor:grab}.cursor-help{cursor:help}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.scroll-mt-20{scroll-margin-top:5rem}.scroll-mt-24{scroll-margin-top:6rem}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-y-0\.5{row-gap:.125rem}.gap-y-1{row-gap:.25rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem*var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-line>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(30 42 68/var(--tw-divide-opacity,1))}.self-start{align-self:flex-start}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.rounded{border-radius:.25rem}.rounded-\[4px\]{border-radius:4px}.rounded-\[50\%\]{border-radius:50%}.rounded-\[5px\]{border-radius:5px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#2a1d0e\]\/60{border-color:rgba(42,29,14,.6)}.border-\[\#a78bfa\]{--tw-border-opacity:1;border-color:rgb(167 139 250/var(--tw-border-opacity,1))}.border-abyss\/40{border-color:rgba(37,99,235,.4)}.border-abyss\/50{border-color:rgba(37,99,235,.5)}.border-arc\/50{border-color:rgba(124,58,237,.5)}.border-arc\/60{border-color:rgba(124,58,237,.6)}.border-arc2{--tw-border-opacity:1;border-color:rgb(167 139 250/var(--tw-border-opacity,1))}.border-bad\/40{border-color:rgba(244,63,94,.4)}.border-bad\/50{border-color:rgba(244,63,94,.5)}.border-bad\/60{border-color:rgba(244,63,94,.6)}.border-black\/70{border-color:rgba(0,0,0,.7)}.border-hero{--tw-border-opacity:1;border-color:rgb(168 85 247/var(--tw-border-opacity,1))}.border-hero\/40{border-color:rgba(168,85,247,.4)}.border-leg{--tw-border-opacity:1;border-color:rgb(251 191 36/var(--tw-border-opacity,1))}.border-leg\/40{border-color:rgba(251,191,36,.4)}.border-line{--tw-border-opacity:1;border-color:rgb(30 42 68/var(--tw-border-opacity,1))}.border-line\/60{border-color:rgba(30,42,68,.6)}.border-neon{--tw-border-opacity:1;border-color:rgb(34 211 238/var(--tw-border-opacity,1))}.border-neon\/30{border-color:rgba(34,211,238,.3)}.border-neon\/40{border-color:rgba(34,211,238,.4)}.border-neon\/50{border-color:rgba(34,211,238,.5)}.border-neon\/60{border-color:rgba(34,211,238,.6)}.border-rare{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.border-unc{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.border-unc\/40{border-color:rgba(34,197,94,.4)}.border-unc\/50{border-color:rgba(34,197,94,.5)}.border-unc\/60{border-color:rgba(34,197,94,.6)}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/90{border-color:hsla(0,0%,100%,.9)}.bg-\[\#171b22\]{--tw-bg-opacity:1;background-color:rgb(23 27 34/var(--tw-bg-opacity,1))}.bg-\[\#1b2438\]{--tw-bg-opacity:1;background-color:rgb(27 36 56/var(--tw-bg-opacity,1))}.bg-\[\#a855f7\]{--tw-bg-opacity:1;background-color:rgb(168 85 247/var(--tw-bg-opacity,1))}.bg-\[\#d8ceb6\]{--tw-bg-opacity:1;background-color:rgb(216 206 182/var(--tw-bg-opacity,1))}.bg-abyss\/10{background-color:rgba(37,99,235,.1)}.bg-arc\/10{background-color:rgba(124,58,237,.1)}.bg-arc\/30{background-color:rgba(124,58,237,.3)}.bg-arc2{--tw-bg-opacity:1;background-color:rgb(167 139 250/var(--tw-bg-opacity,1))}.bg-bad\/5{background-color:rgba(244,63,94,.05)}.bg-bad\/90{background-color:rgba(244,63,94,.9)}.bg-black\/70{background-color:rgba(0,0,0,.7)}.bg-black\/80{background-color:rgba(0,0,0,.8)}.bg-hero{--tw-bg-opacity:1;background-color:rgb(168 85 247/var(--tw-bg-opacity,1))}.bg-hero\/10{background-color:rgba(168,85,247,.1)}.bg-hero\/5{background-color:rgba(168,85,247,.05)}.bg-ink{--tw-bg-opacity:1;background-color:rgb(2 6 23/var(--tw-bg-opacity,1))}.bg-ink\/60{background-color:rgba(2,6,23,.6)}.bg-ink\/70{background-color:rgba(2,6,23,.7)}.bg-ink\/80{background-color:rgba(2,6,23,.8)}.bg-ink\/85{background-color:rgba(2,6,23,.85)}.bg-ink\/95{background-color:rgba(2,6,23,.95)}.bg-leg{--tw-bg-opacity:1;background-color:rgb(251 191 36/var(--tw-bg-opacity,1))}.bg-leg\/10{background-color:rgba(251,191,36,.1)}.bg-leg\/5{background-color:rgba(251,191,36,.05)}.bg-line{--tw-bg-opacity:1;background-color:rgb(30 42 68/var(--tw-bg-opacity,1))}.bg-neon{--tw-bg-opacity:1;background-color:rgb(34 211 238/var(--tw-bg-opacity,1))}.bg-neon\/10{background-color:rgba(34,211,238,.1)}.bg-neon\/15{background-color:rgba(34,211,238,.15)}.bg-neon\/5{background-color:rgba(34,211,238,.05)}.bg-neon\/50{background-color:rgba(34,211,238,.5)}.bg-panel{--tw-bg-opacity:1;background-color:rgb(11 17 32/var(--tw-bg-opacity,1))}.bg-panel\/60{background-color:rgba(11,17,32,.6)}.bg-panel\/80{background-color:rgba(11,17,32,.8)}.bg-panel\/95{background-color:rgba(11,17,32,.95)}.bg-panel2{--tw-bg-opacity:1;background-color:rgb(17 26 46/var(--tw-bg-opacity,1))}.bg-panel2\/80{background-color:rgba(17,26,46,.8)}.bg-rare{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-rare\/10{background-color:rgba(59,130,246,.1)}.bg-unc{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-unc\/10{background-color:rgba(34,197,94,.1)}.bg-unc\/5{background-color:rgba(34,197,94,.05)}.bg-\[radial-gradient\(ellipse_at_30\%_20\%\2c rgba\(124\2c 58\2c 237\2c 0\.45\)\2c transparent_60\%\)\2c radial-gradient\(ellipse_at_80\%_80\%\2c rgba\(34\2c 211\2c 238\2c 0\.3\)\2c transparent_55\%\)\]{background-image:radial-gradient(ellipse at 30% 20%,rgba(124,58,237,.45),transparent 60%),radial-gradient(ellipse at 80% 80%,rgba(34,211,238,.3),transparent 55%)}.bg-\[radial-gradient\(ellipse_at_50\%_55\%\2c rgba\(124\2c 58\2c 237\2c 0\.3\)\2c transparent_55\%\)\]{background-image:radial-gradient(ellipse at 50% 55%,rgba(124,58,237,.3),transparent 55%)}.bg-\[radial-gradient\(ellipse_at_50\%_55\%\2c rgba\(124\2c 58\2c 237\2c 0\.32\)\2c transparent_60\%\)\]{background-image:radial-gradient(ellipse at 50% 55%,rgba(124,58,237,.32),transparent 60%)}.bg-\[radial-gradient\(ellipse_at_50\%_70\%\2c rgba\(124\2c 58\2c 237\2c 0\.35\)\2c transparent_65\%\)\]{background-image:radial-gradient(ellipse at 50% 70%,rgba(124,58,237,.35),transparent 65%)}.bg-\[radial-gradient\(ellipse_at_50\%_75\%\2c rgba\(124\2c 58\2c 237\2c 0\.38\)\2c transparent_65\%\)\]{background-image:radial-gradient(ellipse at 50% 75%,rgba(124,58,237,.38),transparent 65%)}.bg-\[radial-gradient\(ellipse_at_center\2c rgba\(34\2c 211\2c 238\2c 0\.32\)\2c transparent_70\%\)\]{background-image:radial-gradient(ellipse at center,rgba(34,211,238,.32),transparent 70%)}.bg-\[radial-gradient\(ellipse_at_center\2c rgba\(34\2c 211\2c 238\2c 0\.45\)\2c transparent_70\%\)\]{background-image:radial-gradient(ellipse at center,rgba(34,211,238,.45),transparent 70%)}.bg-\[radial-gradient\(ellipse_at_top_right\2c rgba\(124\2c 58\2c 237\2c 0\.14\)\2c transparent_55\%\)\2c radial-gradient\(ellipse_at_bottom_left\2c rgba\(37\2c 99\2c 235\2c 0\.12\)\2c transparent_55\%\)\]{background-image:radial-gradient(ellipse at top right,rgba(124,58,237,.14),transparent 55%),radial-gradient(ellipse at bottom left,rgba(37,99,235,.12),transparent 55%)}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-abyss{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-arc{--tw-gradient-from:#7c3aed var(--tw-gradient-from-position);--tw-gradient-to:rgba(124,58,237,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-arc\/25{--tw-gradient-from:rgba(124,58,237,.25) var(--tw-gradient-from-position);--tw-gradient-to:rgba(124,58,237,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-ink{--tw-gradient-from:#020617 var(--tw-gradient-from-position);--tw-gradient-to:rgba(2,6,23,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-neon{--tw-gradient-from:#22d3ee var(--tw-gradient-from-position);--tw-gradient-to:rgba(34,211,238,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-neon\/70{--tw-gradient-from:rgba(34,211,238,.7) var(--tw-gradient-from-position);--tw-gradient-to:rgba(34,211,238,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-panel{--tw-gradient-from:#0b1120 var(--tw-gradient-from-position);--tw-gradient-to:rgba(11,17,32,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-arc{--tw-gradient-to:rgba(124,58,237,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#7c3aed var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-arc\/60{--tw-gradient-to:rgba(124,58,237,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(124,58,237,.6) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-arc2{--tw-gradient-to:rgba(167,139,250,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#a78bfa var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-ink\/20{--tw-gradient-to:rgba(2,6,23,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(2,6,23,.2) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-sky{--tw-gradient-to:rgba(56,189,248,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#38bdf8 var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-abyss{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.to-ink\/40{--tw-gradient-to:rgba(2,6,23,.4) var(--tw-gradient-to-position)}.to-neon{--tw-gradient-to:#22d3ee var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.to-unc{--tw-gradient-to:#22c55e var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-white{fill:#fff}.object-contain{-o-object-fit:contain;object-fit:contain}.object-bottom{-o-object-position:bottom;object-position:bottom}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-1\.5{padding-bottom:.375rem}.pb-2{padding-bottom:.5rem}.pl-0\.5{padding-left:.125rem}.pl-1{padding-left:.25rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pl-7{padding-left:1.75rem}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-2\.5{padding-right:.625rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.align-top{vertical-align:top}.align-\[-3px\]{vertical-align:-3px}.align-\[1px\]{vertical-align:1px}.font-display{font-family:Chakra Petch,Segoe UI,system-ui,sans-serif}.font-mono{font-family:IBM Plex Mono,ui-monospace,Consolas,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.1em\]{letter-spacing:.1em}.tracking-\[0\.25em\]{letter-spacing:.25em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-\[\#2a1d0e\]{--tw-text-opacity:1;color:rgb(42 29 14/var(--tw-text-opacity,1))}.text-\[\#6ee7a8\]{--tw-text-opacity:1;color:rgb(110 231 168/var(--tw-text-opacity,1))}.text-\[\#8fa0b6\]{--tw-text-opacity:1;color:rgb(143 160 182/var(--tw-text-opacity,1))}.text-\[\#a78bfa\]{--tw-text-opacity:1;color:rgb(167 139 250/var(--tw-text-opacity,1))}.text-\[\#d7dce4\]{--tw-text-opacity:1;color:rgb(215 220 228/var(--tw-text-opacity,1))}.text-\[\#e7c77b\]{--tw-text-opacity:1;color:rgb(231 199 123/var(--tw-text-opacity,1))}.text-arc2{--tw-text-opacity:1;color:rgb(167 139 250/var(--tw-text-opacity,1))}.text-bad{--tw-text-opacity:1;color:rgb(244 63 94/var(--tw-text-opacity,1))}.text-hero{--tw-text-opacity:1;color:rgb(168 85 247/var(--tw-text-opacity,1))}.text-ink{--tw-text-opacity:1;color:rgb(2 6 23/var(--tw-text-opacity,1))}.text-leg{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.text-mut{--tw-text-opacity:1;color:rgb(123 139 165/var(--tw-text-opacity,1))}.text-neon{--tw-text-opacity:1;color:rgb(34 211 238/var(--tw-text-opacity,1))}.text-neon\/70{color:rgba(34,211,238,.7)}.text-neon\/80{color:rgba(34,211,238,.8)}.text-neon\/90{color:rgba(34,211,238,.9)}.text-rare{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.text-txt{--tw-text-opacity:1;color:rgb(230 237 247/var(--tw-text-opacity,1))}.text-txt2{--tw-text-opacity:1;color:rgb(159 176 200/var(--tw-text-opacity,1))}.text-unc{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/60{color:hsla(0,0%,100%,.6)}.text-white\/70{color:hsla(0,0%,100%,.7)}.text-white\/80{color:hsla(0,0%,100%,.8)}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.decoration-unc\/60{text-decoration-color:rgba(34,197,94,.6)}.underline-offset-2{text-underline-offset:2px}.accent-\[\#22c55e\]{accent-color:#22c55e}.accent-\[\#22d3ee\]{accent-color:#22d3ee}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-35{opacity:.35}.opacity-40{opacity:.4}.opacity-45{opacity:.45}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow-\[0_0_10px_rgba\(34\2c 211\2c 238\2c 0\.8\)\]{--tw-shadow:0 0 10px rgba(34,211,238,.8);--tw-shadow-colored:0 0 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_14px_rgba\(34\2c 211\2c 238\2c 0\.6\)\]{--tw-shadow:0 0 14px rgba(34,211,238,.6);--tw-shadow-colored:0 0 14px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_24px_-10px_rgba\(34\2c 211\2c 238\2c 0\.9\)\]{--tw-shadow:0 0 24px -10px rgba(34,211,238,.9);--tw-shadow-colored:0 0 24px -10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_40px_-20px_rgba\(124\2c 58\2c 237\2c 0\.8\)\]{--tw-shadow:0 0 40px -20px rgba(124,58,237,.8);--tw-shadow-colored:0 0 40px -20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_40px_rgba\(244\2c 63\2c 94\2c 0\.7\)\]{--tw-shadow:0 0 40px rgba(244,63,94,.7);--tw-shadow-colored:0 0 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_60px_-24px_rgba\(124\2c 58\2c 237\2c 0\.9\)\]{--tw-shadow:0 0 60px -24px rgba(124,58,237,.9);--tw-shadow-colored:0 0 60px -24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_60px_-24px_rgba\(34\2c 211\2c 238\2c 0\.9\)\]{--tw-shadow:0 0 60px -24px rgba(34,211,238,.9);--tw-shadow-colored:0 0 60px -24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_60px_-30px_rgba\(124\2c 58\2c 237\2c 0\.7\)\]{--tw-shadow:0 0 60px -30px rgba(124,58,237,.7);--tw-shadow-colored:0 0 60px -30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_80px_-30px_rgba\(124\2c 58\2c 237\2c 0\.8\)\]{--tw-shadow:0 0 80px -30px rgba(124,58,237,.8);--tw-shadow-colored:0 0 80px -30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_8px_rgba\(34\2c 211\2c 238\2c 0\.7\)\]{--tw-shadow:0 0 8px rgba(34,211,238,.7);--tw-shadow-colored:0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_18px_40px_-10px_rgba\(0\2c 0\2c 0\2c 0\.9\)\]{--tw-shadow:0 18px 40px -10px rgba(0,0,0,.9);--tw-shadow-colored:0 18px 40px -10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_2px_6px_rgba\(0\2c 0\2c 0\2c 0\.6\)\]{--tw-shadow:0 2px 6px rgba(0,0,0,.6);--tw-shadow-colored:0 2px 6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_30px_80px_-40px_rgba\(124\2c 58\2c 237\2c 0\.9\)\]{--tw-shadow:0 30px 80px -40px rgba(124,58,237,.9);--tw-shadow-colored:0 30px 80px -40px var(--tw-shadow-color)}.shadow-\[0_30px_80px_-40px_rgba\(124\2c 58\2c 237\2c 0\.9\)\],.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-1{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-black\/60{--tw-ring-color:rgba(0,0,0,.6)}.ring-hero{--tw-ring-opacity:1;--tw-ring-color:rgb(168 85 247/var(--tw-ring-opacity,1))}.ring-neon{--tw-ring-opacity:1;--tw-ring-color:rgb(34 211 238/var(--tw-ring-opacity,1))}.ring-white{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1))}.ring-white\/60{--tw-ring-color:hsla(0,0%,100%,.6)}.brightness-150{--tw-brightness:brightness(1.5)}.brightness-150,.drop-shadow-\[0_0_18px_rgba\(34\2c 211\2c 238\2c 0\.75\)\]{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)}.drop-shadow-\[0_0_18px_rgba\(34\2c 211\2c 238\2c 0\.75\)\]{--tw-drop-shadow:drop-shadow(0 0 18px rgba(34,211,238,.75))}.drop-shadow-\[0_0_28px_rgba\(124\2c 58\2c 237\2c 0\.55\)\]{--tw-drop-shadow:drop-shadow(0 0 28px rgba(124,58,237,.55))}.drop-shadow-\[0_0_28px_rgba\(124\2c 58\2c 237\2c 0\.55\)\],.drop-shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.8\)\]{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)}.drop-shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.8\)\]{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.drop-shadow-\[0_2px_4px_rgba\(0\2c 0\2c 0\2c 0\.8\)\]{--tw-drop-shadow:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.drop-shadow-\[0_2px_4px_rgba\(0\2c 0\2c 0\2c 0\.8\)\],.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)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-\[transform\2c filter\]{transition-property:transform,filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.\[animation\:bmPulse_0\.6s_ease-out\]{animation:bmPulse .6s ease-out}.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.\[text-shadow\:0_0_3px_\#efe6cf\2c 0_0_3px_\#efe6cf\]{text-shadow:0 0 3px #efe6cf,0 0 3px #efe6cf}.\[text-shadow\:0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.8\)\]{text-shadow:0 1px 2px rgba(0,0,0,.8)}.placeholder\:text-mut::-moz-placeholder{--tw-text-opacity:1;color:rgb(123 139 165/var(--tw-text-opacity,1))}.placeholder\:text-mut::placeholder{--tw-text-opacity:1;color:rgb(123 139 165/var(--tw-text-opacity,1))}.hover\:border-arc2:hover{--tw-border-opacity:1;border-color:rgb(167 139 250/var(--tw-border-opacity,1))}.hover\:border-bad:hover{--tw-border-opacity:1;border-color:rgb(244 63 94/var(--tw-border-opacity,1))}.hover\:border-neon:hover{--tw-border-opacity:1;border-color:rgb(34 211 238/var(--tw-border-opacity,1))}.hover\:border-neon\/50:hover{border-color:rgba(34,211,238,.5)}.hover\:border-neon\/60:hover{border-color:rgba(34,211,238,.6)}.hover\:bg-neon\/20:hover{background-color:rgba(34,211,238,.2)}.hover\:bg-neon\/25:hover{background-color:rgba(34,211,238,.25)}.hover\:bg-panel2:hover{--tw-bg-opacity:1;background-color:rgb(17 26 46/var(--tw-bg-opacity,1))}.hover\:text-bad:hover{--tw-text-opacity:1;color:rgb(244 63 94/var(--tw-text-opacity,1))}.hover\:text-neon:hover{--tw-text-opacity:1;color:rgb(34 211 238/var(--tw-text-opacity,1))}.hover\:text-txt:hover{--tw-text-opacity:1;color:rgb(230 237 247/var(--tw-text-opacity,1))}.hover\:opacity-100:hover{opacity:1}.focus-visible\:border-neon:focus-visible{--tw-border-opacity:1;border-color:rgb(34 211 238/var(--tw-border-opacity,1))}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:outline:focus-visible{outline-style:solid}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:opacity-30:disabled{opacity:.3}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.group:hover .group-hover\:scale-105,.group:hover .group-hover\:scale-110{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.group:hover .group-hover\:scale-\[1\.03\]{--tw-scale-x:1.03;--tw-scale-y:1.03;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:420px){.min-\[420px\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:640px){.sm\:order-none{order:0}.sm\:col-span-1{grid-column:span 1/span 1}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:h-10{height:2.5rem}.sm\:h-20{height:5rem}.sm\:h-\[260px\]{height:260px}.sm\:h-\[320px\]{height:320px}.sm\:h-\[380px\]{height:380px}.sm\:h-\[470px\]{height:470px}.sm\:w-10{width:2.5rem}.sm\:w-20{width:5rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.sm\:grid-cols-\[1fr_1fr\]{grid-template-columns:1fr 1fr}.sm\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 300px\)_minmax\(0\2c 1fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,300px) minmax(0,1fr)}.sm\:items-center{align-items:center}.sm\:gap-3{gap:.75rem}.sm\:rounded-xl{border-radius:.75rem}.sm\:p-4{padding:1rem}.sm\:p-5{padding:1.25rem}.sm\:p-6{padding:1.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-xs{font-size:.75rem;line-height:1rem}}@media (min-width:768px){.md\:block{display:block}.md\:grid{display:grid}.md\:hidden{display:none}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-\[1\.3fr_1fr_1fr_auto\]{grid-template-columns:1.3fr 1fr 1fr auto}.md\:grid-cols-\[200px_1fr\]{grid-template-columns:200px 1fr}.md\:grid-cols-\[250px_1fr\]{grid-template-columns:250px 1fr}.md\:grid-cols-\[260px_1fr\]{grid-template-columns:260px 1fr}.md\:flex-col{flex-direction:column}.md\:items-center{align-items:center}.md\:text-center{text-align:center}}@media (min-width:1024px){.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:order-3{order:3}.lg\:h-\[430px\]{height:430px}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-\[1\.2fr_1fr\]{grid-template-columns:1.2fr 1fr}.lg\:grid-cols-\[1fr_1\.05fr\]{grid-template-columns:1fr 1.05fr}.lg\:grid-cols-\[1fr_1\.1fr\]{grid-template-columns:1fr 1.1fr}.lg\:grid-cols-\[1fr_300px\]{grid-template-columns:1fr 300px}.lg\:grid-cols-\[1fr_360px\]{grid-template-columns:1fr 360px}.lg\:grid-cols-\[minmax\(0\2c 1\.35fr\)_minmax\(0\2c 1fr\)\]{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.lg\:grid-cols-\[minmax\(0\2c 1\.3fr\)_minmax\(0\2c 1fr\)\]{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.lg\:grid-cols-\[minmax\(0\2c 1\.4fr\)_minmax\(0\2c 1fr\)\]{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.lg\:grid-cols-\[minmax\(0\2c 1fr\)_320px\]{grid-template-columns:minmax(0,1fr) 320px}.lg\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 1\.3fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}.lg\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 300px\)_minmax\(0\2c 1fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,300px) minmax(0,1fr)}.lg\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 380px\)_minmax\(0\2c 1fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,380px) minmax(0,1fr)}.lg\:flex-col{flex-direction:column}.lg\:items-center{align-items:center}.lg\:px-10{padding-left:2.5rem;padding-right:2.5rem}}@media (min-width:1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-\[1fr_300px\]{grid-template-columns:1fr 300px}.xl\:grid-cols-\[minmax\(0\2c 1fr\)_340px\]{grid-template-columns:minmax(0,1fr) 340px}.xl\:grid-cols-\[minmax\(0\2c 1fr\)_380px\]{grid-template-columns:minmax(0,1fr) 380px}.xl\:grid-cols-\[minmax\(0\2c 1fr\)_400px\]{grid-template-columns:minmax(0,1fr) 400px}}
:root{color-scheme:dark}
html,body{background:#020617;color:#e6edf7}
body{font-family:'Alegreya Sans',"Segoe UI",system-ui,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}
:focus-visible{outline:2px solid #22d3ee;outline-offset:2px}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#1e2a44;border-radius:6px}::-webkit-scrollbar-track{background:#020617}
@keyframes bmPulse{from{transform:scale(.88);opacity:.55}to{transform:scale(1);opacity:1}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.noscript{padding:24px;color:#9fb0c8}

html{font-size:16px}body{background:#020617;color:#e2e8f0}button,input,select,summary{touch-action:manipulation}[hidden]{display:none!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #22d3ee;outline-offset:3px}
.hub-shell{display:grid;grid-template-columns:216px minmax(0,1fr);min-height:100dvh;background:radial-gradient(ellipse at 85% 0,#7c3aed12,transparent 50%),#020617}
.hub-sidebar{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;padding:18px 13px;border-right:1px solid #1e2a44;background:#0b1120;overflow-y:auto}
.hub-brand-button{padding:0;text-align:left}.hub-brand{display:flex;align-items:center;gap:10px}.hub-brand img{width:58px;height:56px;object-fit:contain}.hub-brand strong{display:block;font:700 22px Marcellus,sans-serif;letter-spacing:.01em;color:#e2e8f0}.hub-brand span{font:600 12px 'IBM Plex Mono',monospace;letter-spacing:.2em;color:#22d3ee}
.hub-sidebar-label{font-size:9px;letter-spacing:.13em;color:#8291ad;margin:16px 4px 20px}.hub-sidebar nav{display:grid;gap:6px}.hub-sidebar nav button{display:flex;gap:11px;align-items:center;text-align:left;border:1px solid transparent;border-radius:8px;padding:12px 9px;color:#94a3b8;min-height:61px}.hub-sidebar nav button:hover{background:#111a2e;color:#e2e8f0}.hub-sidebar nav button[aria-current=page]{border-color:#22d3ee80;background:#22d3ee0e;color:#22d3ee;box-shadow:0 0 24px -16px #22d3ee}.hub-nav-number{font:12px 'IBM Plex Mono',monospace}.hub-sidebar nav strong{display:block;font-size:14px;line-height:1.35}.hub-sidebar nav small{display:block;font-size:11px;line-height:1.35;margin-top:3px;color:#8291ad}.hub-sidebar-bottom{margin-top:auto;padding:18px 5px 0;font-size:12px;color:#b5c1d7}.hub-sidebar-bottom small{display:block;font-size:10px;color:#8291ad;margin-top:6px}.hub-live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#22d3ee;margin-right:7px}
.hub-workspace{min-width:0;display:flex;flex-direction:column}main.bm-main{width:100%;max-width:1920px;margin:auto;flex:1;padding:18px clamp(16px,2vw,34px);min-width:0}.hub-footer{font-size:10px;line-height:1.5;color:#7787a3;border-top:1px solid #1e2a4480;padding:12px 24px;display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap}.hub-footer a{color:#94a3b8}.hub-mobile-header{display:none}
main .text-sm{font-size:.9rem;line-height:1.45}main .text-xs{font-size:.78rem;line-height:1.4}.hub-legacy-header{margin-bottom:16px}.hub-legacy-header>div:nth-child(2){padding:16px;gap:20px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.hub-legacy-header h2{font-size:27px}.hub-legacy-header p{margin-top:8px;font-size:14px}.hub-legacy-header>div:nth-child(2)>div:last-child{max-height:180px;overflow:hidden}.hub-legacy-header>div:nth-child(2)>div:last-child>*{max-height:180px}
.bm-planner{--bm-border:#253552;--bm-muted:#94a3b8;color:#e2e8f0;font-size:14px}.bm-planner-header{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:12px}.bm-planner h1{font-family:Marcellus,sans-serif;font-size:28px;font-weight:700;line-height:1.15;margin-top:2px}.bm-eyebrow,.bm-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#a78bfa;font-weight:600}.bm-muted{color:#94a3b8;font-size:12px;line-height:1.45}.bm-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.bm-button{padding:8px 11px;border:1px solid #253552;border-radius:7px;background:#0b1120;color:#cbd5e1;font-size:12px;font-weight:600;line-height:1.3;min-height:34px;transition:border-color .15s,background .15s}.bm-button:hover{border-color:#a78bfa;background:#111a2e}.bm-button:disabled{opacity:.5;cursor:wait}.bm-primary{color:#22d3ee;border-color:#22d3ee80;background:#22d3ee12}.bm-primary:hover{border-color:#22d3ee;background:#22d3ee20}.bm-status{border:1px solid #22d3ee66;border-radius:7px;padding:9px 12px;background:#22d3ee0d;color:#a5f3fc;margin:8px 0;font-size:12px}.bm-error{border-color:#f43f5e80;background:#f43f5e10;color:#fda4af}
.bm-class-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;margin:10px 0}.bm-class{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #253552;border-radius:8px;background:#0b1120;padding:7px;color:#b8c4d8;font-size:13px;min-width:0;min-height:46px}.bm-class img{width:30px;height:30px;object-fit:contain}.bm-class:hover{border-color:#a78bfa}.bm-class.bm-selected{border-color:#22d3ee;color:#22d3ee;background:#22d3ee0c}
.bm-presets{gap:6px;margin:10px 0}.bm-presets .bm-button{font-size:11px;padding:7px 9px}.hub-region-label{margin-left:auto;display:flex;align-items:center;gap:7px;color:#94a3b8;font-size:11px}.hub-region-label select,.hub-item-controls select,.bm-slot-select select{border:1px solid #253552;border-radius:6px;background:#111a2e;color:#cbd5e1;padding:7px;font-size:12px;max-width:100%}
.hub-tabs{display:flex;gap:3px;flex-wrap:wrap;border-bottom:1px solid #253552}.hub-tabs button{position:relative;padding:10px 13px;font-size:13px;color:#94a3b8;border-bottom:2px solid transparent;min-height:38px;white-space:nowrap}.hub-tabs button[aria-selected=true]{border-bottom-color:#22d3ee;color:#22d3ee;background:#22d3ee08}.hub-tabs button:hover{color:#e2e8f0;background:#111a2e}.hub-planner-tabs{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.hub-planner-tabs .hub-tabs{flex:1}.bm-count{white-space:nowrap;font:11px 'IBM Plex Mono',monospace}
.bm-loadout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,1.05fr) minmax(0,1.15fr);align-items:start;gap:14px;padding:14px;border:1px solid #253552;border-radius:12px;background:radial-gradient(ellipse at 50% 20%,#7c3aed20,transparent 50%),#0b1120}
.bm-equipment{display:grid;gap:6px;min-width:0}.bm-equipment h2{padding:0 0 3px}.bm-accessories{grid-template-columns:repeat(2,minmax(0,1fr))}.bm-accessories>h2,.bm-accessories>[data-slot=weapon],.bm-accessories>[data-slot=guard],.bm-accessories>[data-slot=necklace]{grid-column:1/-1}.bm-slot-wrap{position:relative;min-width:0}.bm-slot{display:flex;width:100%;height:58px;align-items:center;gap:8px;padding:6px 29px 6px 7px;border:1px solid #253552;border-radius:7px;background:#0b1120;text-align:left}.bm-slot:hover{border-color:#22d3ee;background:#111a2e}.bm-slot-empty{width:38px;height:38px;object-fit:contain;opacity:.55;flex-shrink:0}.bm-slot-copy{min-width:0;display:flex;flex-direction:column;gap:1px}.bm-slot-copy .bm-label{font-size:9px;letter-spacing:.07em;color:#94a3b8}.bm-slot-name{font-size:13px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bm-slot-detail{font:10px 'IBM Plex Mono',monospace;color:#22d3ee}.hub-item-info{position:absolute;right:3px;top:15px;display:grid;place-items:center;width:25px;height:28px;color:#8ea1c5;border-radius:4px;font-size:17px}.hub-item-info:hover{color:#22d3ee;background:#22d3ee12}
.bm-character{display:flex;flex-direction:column;align-items:center;min-width:0}.bm-portrait{width:100%;height:215px;min-height:0}.bm-character-name{font:700 21px Marcellus,sans-serif;line-height:1.2;margin:0 0 8px}.bm-panel{border:1px solid #253552;border-radius:9px;background:#0b1120;padding:14px;min-width:0}.bm-panel h3{display:flex;align-items:center;gap:7px;font:600 17px Marcellus,sans-serif}.bm-panel-letter{display:inline-grid;place-items:center;border:1px solid #22d3ee66;border-radius:4px;width:22px;height:22px;color:#22d3ee;font:600 11px 'IBM Plex Mono',monospace;flex-shrink:0}.bm-essentials{width:100%;background:#02061788;padding:11px}.bm-essentials>.bm-muted{margin:6px 0;font-size:11px}.bm-essential-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.bm-stat{min-width:0;position:relative}.bm-essential-grid .bm-stat{padding:7px 9px;border:1px solid #253552;border-radius:6px;background:#111a2e50}.bm-stat dt{font-size:12px;color:#b8c4d8;line-height:1.3}.bm-stat dd{font-family:'IBM Plex Mono',monospace;color:#22d3ee;font-size:17px;font-weight:600;margin-top:3px}.bm-stat small{display:none}.bm-note{font-size:11px;color:#94a3b8;line-height:1.55;margin-top:9px}.bm-skill-summary{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;font-size:11px;color:#a78bfa;margin:8px 0 0}.bm-skill-summary .bm-button{min-height:29px;padding:5px 8px;font-size:11px}.hub-inline-link{color:#22d3ee;font-size:11px;margin-top:8px}.hub-planner-help{font-size:11px;color:#8291ad;line-height:1.5;margin:9px 0 0}
.bm-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.bm-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px 20px}.bm-stats-grid .bm-stat{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px;border-bottom:1px solid #25355299;padding:9px 4px;min-height:44px}.bm-stats-grid .bm-stat dd{font-size:14px;color:#e2e8f0;margin:0}.bm-slot-select{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:14px 0;font-size:13px}.bm-matrix-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px;margin:12px 0}.bm-matrix-row{display:grid;grid-template-columns:minmax(0,1fr) 86px 86px;align-items:center;gap:7px;padding:7px;border-bottom:1px solid #25355299}.bm-matrix-row label{font-size:12px}.bm-matrix-row small{display:block;font-size:10px;color:#94a3b8}.bm-matrix-row input{min-width:0;width:100%;padding:7px;border:1px solid #253552;border-radius:5px;background:#020617;color:#e2e8f0;font:12px 'IBM Plex Mono',monospace}.hub-mobile-equipment-tabs{display:none}
.hub-tooltip{position:fixed;z-index:10000;width:min(360px,calc(100vw - 24px));max-height:310px;overflow:hidden;pointer-events:none;border:1px solid #455166;border-radius:8px;background:#121924;padding:13px;box-shadow:0 18px 50px #000b}.hub-tooltip>strong{font-size:14px;display:block}.hub-tooltip>small{font-size:10px;color:#a78bfa;display:block;margin:5px 0}.hub-tooltip .hub-data-rows{margin:10px 0}.hub-tooltip-hint{font-size:11px;color:#b8c4d8;border-top:1px solid #334155;padding-top:8px;line-height:1.4}
.hub-item-dialog{width:min(960px,calc(100vw - 28px));max-height:calc(100dvh - 36px);margin:auto;padding:0;border:1px solid #334766;border-radius:12px;background:#0b1120;color:#e2e8f0;box-shadow:0 30px 120px #000d}.hub-item-dialog::backdrop{background:#020617bb;backdrop-filter:blur(3px)}.hub-item-dialog[open]{display:flex;flex-direction:column}.hub-dialog-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid #253552}.hub-dialog-header>div:nth-child(2){min-width:0;flex:1}.hub-dialog-header h2{font:600 19px Marcellus,sans-serif;line-height:1.3}.hub-dialog-header p{font-size:11px;margin-top:3px}.hub-item-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 16px}.hub-item-controls label{display:flex;align-items:center;gap:8px;font-size:12px;color:#94a3b8}.hub-source-tag{font-size:12px;color:#a78bfa}.hub-item-dialog>.hub-tabs{padding:0 12px}.hub-dialog-body{padding:16px;overflow:auto;overscroll-behavior:contain;min-height:0}.hub-item-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:24px}.hub-dialog-body h3{font:600 16px Marcellus,sans-serif;margin:0 0 10px;color:#a78bfa}.hub-item-columns h3:not(:first-child){margin-top:24px}.hub-data-rows>div{display:flex;justify-content:space-between;gap:15px;padding:5px 0;border-bottom:1px solid #25355288}.hub-data-rows dt{font-size:12px;color:#c4cfdf;line-height:1.4}.hub-data-rows dd{font:12px 'IBM Plex Mono',monospace;color:#e2e8f0;white-space:nowrap}.hub-data-note{padding:10px;border:1px solid #a78bfa44;background:#a78bfa09;font-size:11px;line-height:1.5;color:#b6a6d5;margin-top:12px}.hub-enchant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.hub-enchant-grid>section{padding:10px;border:1px solid #253552;border-radius:6px}.hub-enchant-grid h4{color:#22d3ee;font-weight:600}.hub-source-link{display:inline-block;margin-top:18px}
.hub-home-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px 28px;border:1px solid #253552;border-radius:12px;background:radial-gradient(ellipse at 95% 45%,#7c3aed26,transparent 60%),#0b1120;margin-bottom:18px}.hub-home h1{font:700 clamp(28px,2.6vw,40px) Marcellus,sans-serif;line-height:1.15;margin:6px 0 10px}.hub-home-hero p:not(.bm-eyebrow){font-size:15px;line-height:1.55;color:#b8c4d8;max-width:640px}.hub-home-hero .bm-toolbar{margin-top:16px}.hub-home-logo{width:150px;height:135px;object-fit:contain}.hub-home-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0 22px}.hub-home-card{position:relative;text-align:left;padding:16px;border:1px solid #253552;border-radius:9px;background:#0b1120;min-height:155px}.hub-home-card:hover{border-color:#22d3ee;background:#111a2e}.hub-card-num{font:12px 'IBM Plex Mono',monospace;color:#a78bfa}.hub-home-card h2{font:600 18px Marcellus,sans-serif;line-height:1.25;margin:13px 0 7px}.hub-home-card p{font-size:13px;color:#94a3b8;line-height:1.45}.hub-card-arrow{position:absolute;right:13px;top:13px;color:#22d3ee}.hub-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}.hub-section-title h2{font:600 20px Marcellus,sans-serif}.hub-section-title p{font-size:12px;color:#94a3b8}.hub-home-class-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.hub-home-class-grid button{position:relative;border:1px solid #253552;background:radial-gradient(ellipse at 50% 70%,#7c3aed22,transparent 70%),#0b1120;border-radius:9px;overflow:hidden;min-height:168px}.hub-home-class-grid img{width:100%;height:145px;object-fit:contain;transition:transform .2s}.hub-home-class-grid span{position:absolute;bottom:0;left:0;right:0;background:#0b1120df;padding:8px;font-size:13px;color:#b8c4d8}.hub-home-class-grid button:hover{border-color:#22d3ee}.hub-home-class-grid button:hover img{transform:scale(1.05)}.hub-countdowns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}.hub-global-info{padding-top:4px}
@media(min-width:1800px){.bm-portrait{height:235px}.bm-loadout{gap:20px}.bm-slot{height:62px}.bm-class{font-size:14px}.bm-stat dt{font-size:13px}.bm-slot-name{font-size:14px}}
@media(max-width:1400px){.hub-shell{grid-template-columns:192px minmax(0,1fr)}.hub-brand strong{font-size:20px}.hub-brand img{width:48px;height:48px}main.bm-main{padding:16px}.bm-class{gap:5px;font-size:11px;padding:6px 3px}.bm-class img{width:25px;height:25px}.bm-loadout{gap:10px;padding:10px;grid-template-columns:minmax(0,1fr) minmax(240px,1fr) minmax(0,1.1fr)}.bm-slot{height:57px;padding-left:5px;gap:5px}.bm-slot>div{width:31px!important;height:31px!important}.bm-slot-name{font-size:12px}.bm-slot-copy .bm-label{font-size:8px}.bm-slot-detail{font-size:9px}.bm-portrait{height:190px}.bm-essentials>.bm-muted{font-size:10px}.bm-essential-grid .bm-stat{padding:6px}.bm-stat dt{font-size:11px}.bm-stat dd{font-size:15px}.hub-home-card{padding:13px}.hub-home-card h2{font-size:16px}.hub-home-class-grid img{height:132px}.hub-home-class-grid button{min-height:155px}.hub-home-class-grid span{font-size:11px}}
@media(max-width:1100px){.hub-shell{grid-template-columns:176px minmax(0,1fr)}.hub-sidebar{padding:14px 9px}.hub-brand strong{font-size:18px}.hub-sidebar nav button{padding:11px 6px;gap:8px}.hub-sidebar nav strong{font-size:13px}.bm-class{flex-direction:column;gap:3px}.bm-class-grid{margin:7px 0}.hub-region-label{margin-left:0}.bm-loadout{grid-template-columns:minmax(0,1fr) minmax(220px,1fr) minmax(0,1fr)}.bm-accessories{grid-template-columns:1fr}.bm-accessories>*{grid-column:auto!important}.bm-slot{height:51px}.bm-slot-name{font-size:11px}.bm-slot>div{width:27px!important;height:27px!important}.bm-slot-detail{font-size:8px}.bm-portrait{height:205px}.bm-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bm-matrix-grid{grid-template-columns:1fr}.hub-home-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-home-class-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hub-home-hero{padding:20px}.hub-home-logo{width:110px;height:110px}}
@media(max-width:850px){.hub-shell{display:block}.hub-sidebar{display:none}.hub-mobile-header{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0b1120;border-bottom:1px solid #253552;padding:8px 13px;position:sticky;top:0;z-index:40}.hub-brand-small img{width:37px;height:35px}.hub-brand-small strong{font-size:17px}.hub-brand-small span{font-size:9px}.hub-mobile-select select{max-width:155px;background:#111a2e;border:1px solid #253552;border-radius:6px;padding:8px;color:#cbd5e1;font-size:12px}.hub-legacy-header>div:nth-child(2){grid-template-columns:1fr}.hub-legacy-header>div:nth-child(2)>div:last-child{display:none}.bm-class-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.bm-class{flex-direction:row;min-height:41px;font-size:12px}.bm-loadout{grid-template-columns:repeat(2,minmax(0,1fr))}.bm-character{grid-row:1;grid-column:1/-1;display:grid;grid-template-columns:minmax(110px,.7fr) minmax(0,1.4fr);column-gap:10px}.bm-portrait{grid-column:1;grid-row:1/4;height:180px}.bm-character-name{grid-column:1;grid-row:4;font-size:18px;margin:0;text-align:center}.bm-essentials{grid-column:2;grid-row:1/4;padding:9px}.bm-essentials .bm-muted{display:none}.bm-essential-grid{margin-top:8px}.bm-skill-summary{grid-column:2;grid-row:4;margin-top:5px}.bm-skill-summary>span{display:none}.hub-mobile-equipment-tabs{display:block;grid-row:2;grid-column:1/-1}.bm-character+.bm-equipment{grid-row:3}.bm-loadout[data-mobile-group=armor] .bm-accessories,.bm-loadout[data-mobile-group=accessories] .bm-armor{display:none}.bm-equipment{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.bm-equipment h2{display:none}.bm-accessories>*{grid-column:auto!important}.bm-slot{height:60px}.bm-slot>div{width:35px!important;height:35px!important}.bm-slot-name{font-size:12px}.bm-slot-copy .bm-label{font-size:9px}.bm-slot-detail{font-size:10px}.hub-planner-tabs{display:block;margin-bottom:10px}.bm-count{display:none}.hub-tabs button{font-size:12px;padding:9px 10px}.hub-home-hero{gap:12px}.hub-home h1{font-size:30px}.hub-home-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-home-card:last-child{grid-column:1/-1;min-height:105px}.hub-home-class-grid button{min-height:140px}.hub-home-class-grid img{height:125px}.hub-item-columns{grid-template-columns:1fr;gap:22px}.hub-enchant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-tooltip{display:none}.hub-footer{padding:10px 14px}}
@media(max-width:480px){main.bm-main{padding:12px}.bm-planner-header{gap:8px;margin-bottom:9px}.bm-planner h1{font-size:24px}.bm-planner-header .bm-eyebrow{font-size:8px}.bm-planner-header .bm-toolbar{gap:5px}.bm-planner-header .bm-button{font-size:10px;padding:7px}.bm-class-grid{gap:5px}.bm-class{font-size:10px;gap:4px;min-height:37px}.bm-class img{width:22px;height:22px}.bm-presets{gap:5px}.bm-presets>.bm-label{display:none}.bm-presets .bm-button{font-size:10px;padding:6px;min-height:30px}.hub-region-label{width:100%;margin-top:2px}.hub-region-label select{flex:1;padding:6px;font-size:11px}.hub-tabs button{font-size:11px;padding:8px 9px}.bm-loadout{padding:9px;gap:8px}.bm-character{grid-template-columns:minmax(80px,.65fr) minmax(0,1.4fr);column-gap:7px}.bm-portrait{height:155px}.bm-character-name{font-size:16px}.bm-essentials h3{font-size:14px}.bm-panel-letter{width:18px;height:18px;font-size:9px}.bm-essentials{padding:8px}.bm-essential-grid{gap:4px}.bm-essential-grid .bm-stat{padding:5px}.bm-stat dt{font-size:10px}.bm-stat dd{font-size:14px}.bm-slot{height:60px;gap:5px;padding:5px 24px 5px 5px}.bm-slot>div{width:29px!important;height:29px!important}.bm-slot-name{font-size:11px}.bm-slot-copy .bm-label{font-size:8px}.bm-slot-detail{font-size:9px}.hub-item-info{width:23px;right:1px;top:15px}.bm-stats-grid{grid-template-columns:1fr}.bm-stats-grid .bm-stat dt{font-size:12px}.bm-matrix-row{grid-template-columns:minmax(0,1fr) 65px 65px;padding:7px 0;gap:5px}.bm-panel{padding:11px}.bm-slot-select select{font-size:11px;width:100%}.bm-panel-header>.bm-muted{font-size:10px}.hub-planner-help{font-size:10px}.hub-home-hero{padding:18px}.hub-home-logo{display:none}.hub-home h1{font-size:29px}.hub-home-hero p:not(.bm-eyebrow){font-size:14px}.hub-home-cards{gap:8px;margin:12px 0 18px}.hub-home-card{min-height:150px;padding:12px}.hub-home-card h2{font-size:16px}.hub-home-card p{font-size:12px}.hub-section-title{display:block}.hub-section-title h2{font-size:18px}.hub-section-title p{margin-top:5px}.hub-home-class-grid{gap:6px}.hub-home-class-grid button{min-height:110px}.hub-home-class-grid img{height:95px}.hub-home-class-grid span{padding:6px 2px;font-size:10px}.hub-countdowns{grid-template-columns:1fr}.hub-dialog-header{padding:12px;gap:8px}.hub-dialog-header h2{font-size:16px}.hub-item-dialog{width:calc(100vw - 14px);max-height:calc(100dvh - 20px)}.hub-dialog-body{padding:12px}.hub-data-rows dt,.hub-data-rows dd{font-size:11px}.hub-data-rows>div{gap:8px}.hub-enchant-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.hub-picker{width:min(820px,calc(100vw - 28px))}.hub-picker-filters{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid #253552}.hub-picker-filters input{flex:1;min-width:150px;border:1px solid #253552;border-radius:6px;background:#020617;padding:8px 10px;color:#e2e8f0;font-size:14px}.hub-picker-filters [aria-pressed=true]{border-color:#22d3ee;color:#22d3ee}.hub-picker-list{overflow:auto;overscroll-behavior:contain;min-height:0}.hub-picker-list>li{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid #253552}.hub-picker-list>li[data-equipped=true]{background:#22d3ee07}.hub-picker-icon{flex-shrink:0}.hub-picker-copy{flex:1;min-width:0}.hub-picker-copy h3{font-size:14px;font-weight:600}.hub-picker-copy>.bm-muted{font-size:11px;margin-top:3px}.hub-picker-stats{display:flex;flex-wrap:wrap;gap:3px 12px;margin-top:5px;font-size:11px;color:#a6b6cd}.hub-picker-stats b{color:#e2e8f0;font-weight:400}.hub-picker-copy .hub-inline-link{margin-top:6px}.hub-picker-list>li>.bm-button{flex-shrink:0}
@media(min-width:851px) and (max-height:800px){main.bm-main{padding-top:12px;padding-bottom:12px}.bm-portrait{height:165px}.bm-slot{height:52px}.bm-class-grid,.bm-presets{margin-top:8px;margin-bottom:8px}.hub-footer{padding-top:8px;padding-bottom:8px}.bm-loadout{gap:9px}}
@media(max-width:480px){.hub-picker-filters{padding:10px}.hub-picker-list>li{padding:12px 10px;gap:8px;align-items:start}.hub-picker-copy h3{font-size:13px}.hub-picker-icon>div{width:32px!important;height:32px!important}.hub-picker-list>li>.bm-button{font-size:11px;padding:7px}.hub-picker-stats{gap:3px 7px}}
.hub-tooltip{max-height:calc(100dvh - 24px)}
.hub-mobile-class{display:none}
@media(max-width:480px){.bm-class-grid{display:none}.hub-mobile-class{display:flex;align-items:center;gap:9px;margin:12px 0;padding:5px 9px;border:1px solid #253552;border-radius:7px;background:#0b1120;color:#94a3b8;font-size:12px}.hub-mobile-class img{width:30px;height:30px;object-fit:contain}.hub-mobile-class select{flex:1;min-width:0;background:#0b1120;color:#e2e8f0;font-size:14px;padding:7px}.bm-planner-header .bm-button{font-size:12px}.bm-presets .bm-button{font-size:11px}.hub-region-label,.hub-region-label select{font-size:12px}.bm-slot{height:64px}.bm-slot-name{font-size:12px}.bm-slot-copy .bm-label{font-size:9px}.bm-slot-detail{font-size:10px}.bm-stat dt{font-size:12px}.bm-stat dd{font-size:16px}.hub-tabs button{font-size:12px;padding-left:8px;padding-right:8px}.hub-inline-link,.bm-skill-summary .bm-button{font-size:12px}.hub-data-rows dt,.hub-data-rows dd{font-size:12px}.hub-tooltip{display:none}.hub-planner-help{font-size:11px}.hub-home-class-grid span{font-size:11px}}

/* Balanced page width; no visual element is stretched to fill a monitor. */
img{object-fit:contain}
main.bm-main{max-width:1344px;margin:0 auto;padding:20px 24px}
.hub-footer{width:100%;max-width:1344px;margin:0 auto;padding-left:24px;padding-right:24px}
.hub-legacy-header>div:nth-child(2){grid-template-columns:minmax(0,1fr) minmax(240px,320px);padding:18px;gap:24px;align-items:center}
.hub-legacy-header>div:nth-child(2)>div:last-child{width:100%;max-width:320px;max-height:none;height:auto;overflow:visible;justify-self:end}
.hub-legacy-header>div:nth-child(2)>div:last-child>*{max-height:none}
.hub-legacy-header .hub-character-render{height:210px;max-width:280px}
.hub-map-preview{height:auto!important;max-height:none!important;min-width:0}
.hub-map-preview>img{height:auto;object-fit:contain}
.hub-map-figure{margin:0;min-width:0}
.hub-map-figure>figcaption{font-size:11px;line-height:1.4;color:#94a3b8;margin-top:7px}
.hub-map-frame{max-width:640px}
.hub-map-viewport{aspect-ratio:1/1!important;height:auto!important;max-height:none;box-sizing:content-box;width:calc(100% - 2px)}
.hub-map-layer{aspect-ratio:1/1}
.hub-map-layer>img{object-fit:contain}
.hub-legacy-header p{max-width:68ch}

/* One continuous build sheet: equipment and every statistic stay in view. */
.bm-sheet-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0;color:#94a3b8;font-size:12px}
.bm-sheet-toolbar .bm-button{padding:6px 10px;min-height:31px}
.bm-sheet-summary{font-size:11px;color:#94a3b8;line-height:1.4;margin-top:5px}
.bm-build-sheet{display:grid;grid-template-columns:220px minmax(0,1fr) 236px;grid-template-areas:'armor hero accessories' 'armor totals accessories';grid-template-rows:auto 1fr;gap:12px;padding:14px;border:1px solid #253552;border-radius:12px;background:radial-gradient(ellipse at 48% 14%,#7c3aed1d,transparent 55%),#0b1120;align-items:start}
.bm-sheet-armor{grid-area:armor;min-width:0}
.bm-sheet-hero{grid-area:hero;display:grid;grid-template-columns:minmax(110px,.7fr) minmax(0,1.3fr);align-items:center;gap:12px;min-width:0}
.bm-sheet-character{margin:0;min-width:0}
.bm-sheet-portrait{width:100%;height:154px}
.bm-sheet-character figcaption{font:700 20px Marcellus,sans-serif;text-align:center;margin-top:3px;line-height:1.2}
.bm-sheet-essentials{padding:10px;background:#02061788}
.bm-sheet-essentials>.bm-muted{font-size:11px;line-height:1.4;margin:6px 0 8px}
.bm-sheet-essentials .bm-stat dt{font-size:12px}
.bm-sheet-essentials .bm-stat dd{font-size:17px}
.bm-sheet-essentials .bm-essential-grid{gap:6px}
.bm-sheet-essentials .bm-essential-grid .bm-stat{padding:7px}
.bm-sheet-totals{grid-area:totals;align-self:start;background:#02061788;padding:12px;min-width:0}
.bm-sheet-totals .bm-panel-header{margin-bottom:7px;gap:6px}
.bm-sheet-totals h3{font-size:17px}
.bm-sheet-totals .bm-panel-header>.bm-muted{font-size:10px}
.bm-sheet-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 14px}
.bm-sheet-stats .bm-stat{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;border-bottom:1px solid #25355280;min-height:28px;padding:5px 0}
.bm-sheet-stats .bm-stat dt{font-size:12px;line-height:1.35;overflow-wrap:normal}
.bm-sheet-stats .bm-stat dd{font-size:12px;color:#e2e8f0;line-height:1.35;margin:0;white-space:nowrap}
.bm-sheet-legend{font-size:10px;line-height:1.5;color:#94a3b8;margin-top:9px}
.bm-sheet-accessories{grid-area:accessories}
.bm-build-sheet .bm-equipment{display:grid;grid-template-columns:1fr;gap:6px;min-width:0}
.bm-build-sheet .bm-equipment h2{display:block;font-size:10px;line-height:1.4;margin-bottom:2px;padding:0;grid-column:1/-1}
.bm-build-sheet .bm-slot{height:54px;gap:7px;padding:6px 27px 6px 6px}
.bm-build-sheet .bm-slot>div{width:34px!important;height:34px!important;flex-shrink:0}
.bm-build-sheet .bm-slot-name{font-size:13px;line-height:1.25}
.bm-build-sheet .bm-slot-copy .bm-label{font-size:9px;line-height:1.25}
.bm-build-sheet .bm-slot-detail{font-size:10px;line-height:1.3}
.bm-build-sheet .hub-item-info{top:13px;right:2px;width:24px}
.bm-sheet-talents{display:grid;gap:5px;border:1px solid #253552;border-radius:7px;background:#02061788;padding:10px;margin-top:12px}
.bm-sheet-talents strong{font:600 14px 'IBM Plex Mono',monospace;color:#a78bfa}
.bm-sheet-talents .bm-button{justify-self:start;font-size:12px;min-height:30px;padding:6px 9px}
.bm-calculation-notes,.bm-guide-details{margin-top:10px;color:#94a3b8;font-size:12px}
.bm-calculation-notes summary,.bm-guide-details>summary{cursor:pointer;padding:7px 0;font-size:12px;color:#b8c4d8}
.bm-calculation-notes p{max-width:100ch;line-height:1.6;margin:8px 0}
.bm-guide-details[open]>summary{margin-bottom:12px}
.bm-adjustment-dialog .hub-dialog-header>div{flex:1}
.bm-adjustment-dialog .bm-matrix-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.bm-adjustment-dialog .bm-matrix-row{grid-template-columns:minmax(0,1fr) 75px 75px}
@media(max-width:1550px) and (min-width:1101px){
 .bm-build-sheet{grid-template-columns:192px minmax(0,1fr) 208px;gap:10px;padding:12px}
 .bm-sheet-stats{column-gap:11px;grid-template-columns:repeat(3,minmax(0,1fr))}
 .bm-sheet-stats .bm-stat{padding:4px 0;min-height:25px}
 .bm-sheet-portrait{height:142px}
 .bm-sheet-hero{grid-template-columns:minmax(100px,.65fr) minmax(0,1.35fr);gap:8px}
 .bm-build-sheet .bm-slot{height:52px}
 .bm-sheet-essentials{padding:8px}
 .bm-sheet-essentials .bm-essential-grid .bm-stat{padding:5px}
 .bm-sheet-talents{padding:8px;gap:4px}
 .bm-sheet-essentials>.bm-muted{font-size:10px}
 .bm-sheet-essentials .bm-stat dt{font-size:11px}
 .bm-sheet-essentials .bm-stat dd{font-size:15px}
}
@media(max-width:1100px){
 main.bm-main{padding:16px;max-width:100%}
 .hub-legacy-header>div:nth-child(2){grid-template-columns:minmax(0,1fr) 240px;gap:18px}
 .bm-build-sheet{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:'hero hero' 'armor accessories' 'totals totals';gap:14px}
 .bm-sheet-hero{grid-template-columns:minmax(130px,.65fr) minmax(0,1.35fr);max-width:640px;width:100%;margin:auto}
 .bm-sheet-portrait{height:180px}
 .bm-build-sheet .bm-equipment{grid-column:auto}
 .bm-sheet-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
 .bm-sheet-stats .bm-stat{min-height:32px}
 .bm-build-sheet .bm-slot{height:60px}
 .bm-build-sheet .bm-slot-name{font-size:13px}
}
@media(min-width:980px) and (max-width:1199px){
 .bm-build-sheet{grid-template-columns:170px minmax(0,1fr) 178px;grid-template-areas:'armor hero accessories' 'armor totals accessories';gap:10px;padding:10px}
 .bm-sheet-hero{grid-template-columns:100px minmax(0,1fr);gap:8px}
 .bm-sheet-portrait{height:155px}
 .bm-sheet-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}
 .bm-sheet-stats .bm-stat{min-height:30px;padding:4px 0}
 .bm-sheet-essentials>.bm-muted{display:none}
 .bm-sheet-essentials .bm-essential-grid{margin-top:8px}
 .bm-sheet-essentials .bm-stat dt{font-size:11px}
 .bm-sheet-essentials .bm-stat dd{font-size:14px}
 .bm-build-sheet .bm-slot-name{font-size:12px}
 .bm-build-sheet .bm-slot>div{width:30px!important;height:30px!important}
}
@media(max-width:850px){
 .hub-legacy-header>div:nth-child(2){grid-template-columns:minmax(0,1fr) 220px}
 .hub-legacy-header>div:nth-child(2)>div:last-child{display:block}
 .bm-build-sheet .bm-armor,.bm-build-sheet .bm-sheet-accessories{display:grid}
 .bm-sheet-talents .bm-muted{font-size:11px}
 .bm-adjustment-dialog .bm-matrix-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
 main.bm-main{padding:12px}
 .hub-legacy-header>div:nth-child(2){grid-template-columns:1fr;padding:16px;gap:16px}
 .hub-legacy-header>div:nth-child(2)>div:last-child{justify-self:center;max-width:320px;width:100%}
 .hub-legacy-header h2{font-size:25px}
 .bm-sheet-toolbar{font-size:11px;align-items:center}
 .bm-sheet-toolbar>span{max-width:65%;line-height:1.5}
 .bm-sheet-toolbar .bm-button{font-size:11px}
 .bm-build-sheet{padding:10px;gap:10px}
 .bm-sheet-hero{grid-template-columns:minmax(88px,.65fr) minmax(0,1.35fr);gap:8px}
 .bm-sheet-portrait{height:175px}
 .bm-sheet-character figcaption{font-size:17px}
 .bm-sheet-essentials{padding:9px}
 .bm-sheet-essentials h3{font-size:15px}
 .bm-sheet-essentials>.bm-muted{display:none}
 .bm-sheet-essentials .bm-essential-grid{margin-top:9px;gap:5px}
 .bm-sheet-essentials .bm-essential-grid .bm-stat{padding:6px}
 .bm-sheet-essentials .bm-stat dt{font-size:11px}
 .bm-sheet-essentials .bm-stat dd{font-size:14px}
 .bm-build-sheet .bm-slot{height:68px;padding:6px 23px 6px 5px;gap:5px}
 .bm-build-sheet .bm-slot>div{width:29px!important;height:29px!important}
 .bm-build-sheet .bm-slot-name{font-size:12px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:31px;overflow:hidden}
 .bm-build-sheet .bm-slot-detail{font-size:9px}
 .bm-build-sheet .bm-slot-copy .bm-label{font-size:8px}
 .bm-build-sheet .hub-item-info{top:20px;right:0;width:22px}
 .bm-build-sheet .bm-equipment h2{font-size:9px;min-height:24px;margin:0}
 .bm-sheet-talents{margin-top:10px;padding:9px;gap:7px}
 .bm-sheet-talents strong{font-size:12px}
 .bm-sheet-talents .bm-button{font-size:11px}
 .bm-sheet-totals{padding:10px}
 .bm-sheet-totals h3{font-size:16px}
 .bm-sheet-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
 .bm-sheet-stats .bm-stat{display:flex;justify-content:space-between;align-items:center;min-height:32px;gap:5px}
 .bm-sheet-stats .bm-stat dt{font-size:11px;line-height:1.4}
 .bm-sheet-stats .bm-stat dd{font-size:11px}
 .bm-sheet-legend{font-size:11px}
 .hub-footer{padding:12px}
}

.bm-hover-card{position:fixed;z-index:2147483000;width:min(386px,calc(100vw - 24px));max-height:min(720px,calc(100dvh - 24px));overflow:auto;overscroll-behavior:contain;border:1px solid #65542b;border-radius:8px;background:#181c22;box-shadow:0 16px 48px #000d;color:#e2e8f0;scrollbar-color:#6e5932 #181c22;font:13px/1.45 'Alegreya Sans',sans-serif}
.bm-item-card{min-width:0}.bm-rich-header{display:flex;align-items:center;gap:14px;padding:16px 28px 16px 14px;min-height:104px;background-size:cover;background-position:center;color:#f5e9bb;background-color:#332700}.bm-rich-header>div{flex:1;min-width:0}.bm-rich-header h3{font:700 16px/1.25 Marcellus,sans-serif;margin:0 0 4px;overflow-wrap:anywhere}.bm-rich-header p{font-size:11px;line-height:1.4;margin:3px 0;color:#e0d8bc}.bm-rich-header strong{font-size:12px}.bm-rich-icon{width:78px;height:78px;flex-shrink:0;object-fit:contain;filter:drop-shadow(0 4px 7px #0008)}
.bm-rich-body{padding:12px 14px}.bm-rich-region{color:#aaa3c3;font-size:10px;margin:0 0 9px}.bm-item-card .hub-data-rows{margin:6px 0 12px}.bm-item-card .hub-data-rows>div{padding:4px 0;gap:12px;border-bottom:1px solid #ffffff09}.bm-item-card .hub-data-rows dt,.bm-item-card .hub-data-rows dd{font-size:13px;line-height:1.4}.bm-item-card .hub-data-rows dd{color:#f2f4f8;font-weight:600;white-space:nowrap}.bm-item-card h4{font-size:12px;color:#c7cbd0;font-weight:600;margin:0 0 5px}.bm-item-card section{border-top:1px solid #ffffff1a;padding-top:10px;margin-top:12px}.bm-rich-source p{color:#e7c76f;font-size:12px;line-height:1.5}.bm-rich-source small{display:block;color:#919eaf;font-size:10px;line-height:1.4;margin-top:5px}.bm-item-card .bm-note{color:#9aa6b6;font-size:11px;line-height:1.5;margin:6px 0}.bm-item-card .bm-muted{font-size:12px}.bm-item-card a{font-size:11px;color:#bba2fa}.bm-selected-imprints .hub-data-rows dd,.bm-bonus{color:#4dde91!important}.bm-bonus{font-size:11px}.bm-rich-enchant summary{cursor:pointer;font-size:12px;margin-top:14px;color:#d5bdfb}.bm-hover-close{position:absolute;right:5px;top:4px;color:#ddd;border-radius:4px;width:23px;height:23px;background:#0004;font-size:18px}.bm-hover-close:hover{background:#0009}
.bm-skill-header{background:linear-gradient(125deg,#143949,#242044)}.bm-skill-facts{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.bm-skill-facts span{font-size:11px;padding:4px 7px;background:#0d141d;border:1px solid #334155;border-radius:4px}.bm-skill-description{font-size:13px;line-height:1.6;white-space:pre-line}.bm-skill-upgrade{font-size:12px;padding:7px 0;border-bottom:1px solid #ffffff0b}.bm-skill-upgrade b{color:#a5def0}
.bm-rich-dialog{width:min(670px,calc(100vw - 24px))}.bm-rich-dialog .hub-dialog-body{padding:0}.bm-rich-dialog .hub-dialog-header{justify-content:space-between;flex-shrink:0;padding:10px 14px}.bm-rich-dialog .bm-rich-header h3{font-size:20px}.bm-rich-dialog .bm-rich-icon{width:96px;height:96px}.bm-rich-dialog .bm-rich-body{padding:16px 20px}.bm-rich-dialog select,.bm-upgrades select,.bm-upgrades input{color:#e2e8f0;background:#0b1120;border:1px solid #334155;border-radius:5px;padding:7px;max-width:100%}
.bm-upgrades{margin:18px 0 24px;padding-bottom:18px;border-bottom:1px solid #253552}.bm-upgrades h3{font-size:18px;color:#e2e8f0;font-weight:600}.bm-upgrades h4{margin:15px 0 7px;color:#c4b5fd;font-size:14px}.bm-upgrades label{font-size:13px}.bm-roll-editor{display:grid;grid-template-columns:minmax(140px,1fr) 110px 130px;align-items:center;gap:10px;margin:8px 0}.bm-roll-editor select,.bm-roll-editor input{width:100%;font-size:13px}.bm-roll-editor small{color:#94a3b8;font-size:12px}.bm-adjustment-dialog summary{cursor:pointer;padding:8px 0;color:#b8c4d8}.bm-sheet-stats:empty::after{content:'Equipa objetos con datos para ver sus bonificaciones.';color:#94a3b8;grid-column:1/-1;font-size:13px;padding:12px 0}.bm-essential-grid:empty::after{content:'Sin bonificaciones de equipo disponibles.';color:#94a3b8;grid-column:1/-1;font-size:12px}
[data-bm-skill]:focus-visible,[data-bm-item]:focus-visible,[data-bm-reference]:focus-visible{outline:2px solid #22d3ee;outline-offset:3px}
@media(max-width:600px){.bm-roll-editor{grid-template-columns:minmax(0,1fr) 85px;gap:7px}.bm-roll-editor small{grid-column:1/-1}.bm-hover-card{font-size:13px}.bm-rich-header{min-height:96px}.bm-rich-dialog .bm-rich-header h3{font-size:17px}.bm-item-card .hub-data-rows dt,.bm-item-card .hub-data-rows dd{font-size:12px}}

/* A modest increase in readable content width, without scaling the page or images. */
html{font-size:17px}
main.bm-main,.hub-footer{max-width:1536px}
main.bm-main{padding:22px 24px}
main .text-sm{font-size:.94rem;line-height:1.5}
main .text-xs{font-size:.82rem;line-height:1.45}
main [class~="text-[11px]"]{font-size:12px}
main [class~="text-[10px]"]{font-size:11px}
.hub-sidebar nav strong{font-size:15px}.hub-sidebar nav small{font-size:12px}
.hub-brand strong{font-size:21px;white-space:nowrap}.hub-brand{gap:8px}.hub-brand img{width:50px;height:50px}.hub-sidebar-label{font-size:10px}
.hub-legacy-header h2{font-size:30px}.hub-legacy-header p{font-size:16px}
.bm-button{font-size:13px;min-height:37px}.bm-muted{font-size:13px}
.bm-eyebrow,.bm-label{font-size:11px}.hub-tabs button{font-size:14px}
.bm-class{font-size:15px;min-height:52px}.bm-class img{width:35px;height:35px}
.bm-presets .bm-button{font-size:12px}.hub-region-label,.hub-region-label select{font-size:13px}
main img[data-bm-skill]{min-width:30px;min-height:30px;object-fit:contain}
main [data-bm-item]>img{object-fit:contain}
.bm-build-sheet{grid-template-columns:238px minmax(0,1fr) 252px}
.bm-build-sheet .bm-slot{height:59px;gap:8px}
.bm-build-sheet .bm-slot>div{width:40px!important;height:40px!important}
.bm-build-sheet .bm-slot-name{font-size:14px}
.bm-build-sheet .bm-slot-copy .bm-label{font-size:10px}
.bm-build-sheet .bm-slot-detail{font-size:11px}
.bm-sheet-stats .bm-stat dt,.bm-sheet-stats .bm-stat dd{font-size:13px}
.bm-sheet-stats .bm-stat{min-height:32px}
.bm-sheet-essentials .bm-stat dt{font-size:13px}.bm-sheet-essentials .bm-stat dd{font-size:19px}
.bm-sheet-essentials>.bm-muted{font-size:12px}
.bm-sheet-portrait{height:180px}.bm-sheet-legend,.bm-sheet-summary,.hub-planner-help{font-size:12px}
.bm-sheet-talents strong{font-size:15px}.hub-inline-link{font-size:13px}
.hub-data-rows dt,.hub-data-rows dd{font-size:13px}
.hub-home-hero{padding:22px 28px;margin-bottom:16px}
.hub-home h1{font-size:clamp(32px,2.6vw,44px)}
.hub-home-hero p:not(.bm-eyebrow){font-size:17px;max-width:820px}
.hub-home-logo{width:180px;height:154px;flex-shrink:0}
.hub-home-hero .bm-button{font-size:14px}
.hub-home-cards{gap:14px;margin:16px 0 20px}
.hub-home-card{padding:18px;min-height:150px}
.hub-home-card h2{font-size:20px;margin:13px 0 8px}.hub-home-card p{font-size:14px}
.hub-card-num{font-size:13px}.hub-card-arrow{font-size:20px}
.hub-section-title h2{font-size:23px}.hub-section-title p{font-size:14px}
.hub-home-class-grid button{min-height:205px}
.hub-home-class-grid img{height:187px;object-fit:contain}
.hub-home-class-grid span{font-size:15px;padding:9px 4px}
.hub-launch-countdowns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:17px}
.hub-launch-clock{min-width:0;border:1px solid #a78bfa66;border-radius:10px;padding:14px 18px;background:linear-gradient(105deg,#a78bfa0d,transparent),#0b1120}
.hub-launch-clock[data-launch=go]{border-color:#22d3ee66;background:linear-gradient(105deg,#22d3ee0c,transparent),#0b1120}
.hub-clock-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}
.hub-clock-heading h2{font:600 21px Marcellus,sans-serif;margin-top:2px}
.hub-clock-heading>span{font-size:12px;color:#94a3b8}
.hub-clock-digits{display:flex;gap:22px;margin:10px 0 7px;align-items:baseline}
.hub-clock-digits>div{display:flex;align-items:baseline;gap:6px}
.hub-clock-digits strong{font:600 30px 'IBM Plex Mono',monospace;color:#a78bfa;font-variant-numeric:tabular-nums}
.hub-launch-clock[data-launch=go] .hub-clock-digits strong{color:#22d3ee}
.hub-clock-digits span{font-size:12px;color:#b8c4d8}
.hub-clock-note{font-size:11px;line-height:1.4;color:#94a3b8}
.hub-clock-reached{font-size:14px;color:#22d3ee;margin:14px 0}
/* One square coordinate space for map, route and pins. The side panel shares its height. */
.hub-map-layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;max-width:1400px;margin:0 auto;align-items:stretch}
.hub-map-frame{max-width:100%;width:100%}
.hub-map-viewport{aspect-ratio:1/1!important}
.hub-map-sidebar{position:absolute;inset:0 0 0 auto;width:320px;display:grid;grid-template-rows:auto minmax(0,1.5fr) minmax(180px,1fr);gap:14px;min-width:0;min-height:0}
.hub-map-sidebar>:nth-child(2){min-height:0;overflow:auto}
.hub-map-sidebar>:last-child{min-height:0;display:flex;flex-direction:column}
.hub-map-sidebar ol{flex:1;min-height:0;height:0;max-height:none;overflow:auto}
.hub-map-sidebar ol button{padding:4px 0}
.hub-map-sidebar .text-sm{font-size:14px}
.hub-map-sidebar .text-xs{font-size:12px}
.hub-map-sidebar h3{font-size:17px}
/* Class progression and Daevanion share the existing panel language. */
.hub-guide-heading{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:15px}
.hub-dae-guide,.hub-gear-guide{scroll-margin-top:75px}
.hub-guide-heading>div:first-child{max-width:920px}
.hub-guide-heading h3{font:700 27px Marcellus,sans-serif;margin:4px 0 8px}
.hub-guide-heading p:not(.bm-eyebrow){font-size:15px;line-height:1.6;color:#b8c4d8}
.hub-guide-heading .hub-tabs{flex-shrink:0}
.hub-guide-note,.hub-guide-source{font-size:13px;color:#94a3b8;line-height:1.6}
.hub-guide-note{margin:12px 0}.hub-guide-source{margin-top:16px;border-top:1px solid #253552;padding-top:12px}
.hub-guide-source a{color:#22d3ee;text-decoration:underline;text-underline-offset:3px}
.hub-dae-priorities{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:14px;margin-bottom:20px}
.hub-dae-priorities article{padding:17px;border:1px solid #253552;border-radius:10px;background:#0b1120;min-width:0}
.hub-step-number{font:600 13px 'IBM Plex Mono',monospace;color:#22d3ee}
.hub-dae-priorities h4{font:600 19px Marcellus,sans-serif;margin:6px 0 9px}
.hub-dae-priorities p{font-size:14px;color:#b8c4d8;line-height:1.6}
.hub-node-targets{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.hub-node-target{display:flex;align-items:center;gap:7px;border:1px solid #334155;border-radius:6px;background:#111a2e;padding:4px 8px 4px 4px;font-size:13px;text-align:left}
.hub-node-target:hover{border-color:#22d3ee}
.hub-dae-explorer{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;border:1px solid #253552;border-radius:12px;padding:18px;background:radial-gradient(ellipse at 32% 50%,#7c3aed13,transparent 70%),#0b1120}
.hub-dae-board{min-width:0}.hub-dae-board .hub-tabs button{padding:9px 11px;font-size:13px}
.hub-node-legend{display:flex;flex-wrap:wrap;gap:7px 18px;font-size:12px;color:#94a3b8;margin:13px 0}
.hub-recommended-key{color:#22d3ee}
.hub-node-grid{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));gap:4px;max-width:660px;aspect-ratio:1;margin:0 auto;padding:10px;border:1px solid #253552;border-radius:10px;background:#02061766}
.hub-dae-node,.hub-node-empty{aspect-ratio:1;min-width:0;min-height:0}
.hub-dae-node{display:grid;place-items:center;border:1px solid #4b5563;border-radius:5px;background:#111a2e;font-size:19px;color:#94a3b8;overflow:hidden}
.hub-dae-node[data-grade=Rare]{border-color:#3b82f6;color:#60a5fa}
.hub-dae-node[data-grade=Legend]{border-color:#a98b35;color:#e7c96c}
.hub-dae-node[data-grade=Unique]{border-color:#a78bfa;color:#c4b5fd}
.hub-dae-node[data-recommended=true]{border:2px solid #22d3ee;box-shadow:0 0 8px #22d3ee22}
.hub-dae-node[aria-pressed=true]{outline:2px solid #fff;outline-offset:1px}
.hub-dae-node img[data-bm-skill]{width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;object-fit:contain;border-radius:3px}
.hub-node-empty{background:#3341550b;border-radius:4px}
.hub-node-inspector{min-width:0;padding:18px;background:#02061780;border:1px solid #253552;border-radius:9px;align-self:start;position:sticky;top:62px}
.hub-node-inspector h4{font:600 23px Marcellus,sans-serif;margin:9px 0}
.hub-node-location{font:13px 'IBM Plex Mono',monospace;color:#22d3ee}
.hub-node-skill-preview{display:flex;align-items:center;gap:12px;font-size:13px;color:#b8c4d8;margin:20px 0}
.hub-node-facts{margin-top:18px}.hub-node-facts>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #253552;padding:9px 0;font-size:14px}
.hub-node-facts dt{color:#94a3b8}.hub-node-facts dd{font-family:'IBM Plex Mono',monospace}
.hub-node-effect{font-size:14px;margin:18px 0;color:#cbd5e1}.hub-node-effect strong{display:block;color:#22d3ee;font:600 24px 'IBM Plex Mono',monospace;margin-top:6px}
.hub-priority-note{font-size:13px;line-height:1.6;border:1px solid #22d3ee44;border-radius:6px;padding:10px;color:#a5f3fc;background:#22d3ee08}
.hub-dae-extra{padding:14px 18px;border:1px solid #253552;border-radius:8px}.hub-dae-extra summary{cursor:pointer;color:#b8c4d8}.hub-dae-extra p{margin-top:10px}
.hub-gear-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}
.hub-gear-stages button{position:relative;display:flex;flex-direction:column;text-align:left;gap:6px;padding:17px;border:1px solid #253552;background:#0b1120;border-radius:9px}
.hub-gear-stages button[aria-selected=true]{border-color:#22d3ee;background:#22d3ee0b}
.hub-gear-stages button>span{font:12px 'IBM Plex Mono',monospace;color:#a78bfa}
.hub-gear-stages button>strong{font:600 25px Marcellus,sans-serif;color:#22d3ee}.hub-gear-stages button>b{font-size:14px;font-weight:500;color:#cbd5e1}
.hub-gear-stage-content{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px}
.hub-gear-roadmap,.hub-gear-targets{min-width:0;background:#0b1120;border:1px solid #253552;border-radius:10px;padding:18px}
.hub-gear-roadmap h4,.hub-gear-targets h4,.hub-gear-priority h4{font:600 20px Marcellus,sans-serif;line-height:1.4}
.hub-gear-roadmap h5{color:#22d3ee;font-size:14px;font-weight:600;margin:20px 0 6px}
.hub-gear-roadmap p,.hub-gear-priority p{font-size:14px;color:#b8c4d8;line-height:1.6}
.hub-gear-targets .hub-section-title{flex-wrap:wrap;gap:8px;margin-bottom:15px}.hub-gear-targets .hub-section-title>span{font-size:12px;color:#94a3b8}
.hub-gear-target-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.hub-gear-target{display:flex;align-items:center;gap:9px;min-width:0;border:1px solid #253552;border-radius:7px;padding:8px;background:#02061766;text-align:left}
.hub-gear-target:hover{border-color:#22d3ee}.hub-gear-target>div{flex-shrink:0}.hub-gear-target>span{min-width:0;display:block}
.hub-gear-target small{display:block;color:#94a3b8;font-size:11px}.hub-gear-target strong{display:block;font-size:13px;line-height:1.4;font-weight:500;overflow-wrap:anywhere}
.hub-gear-target em{display:block;color:#22d3ee;font:11px 'IBM Plex Mono',monospace;margin-top:4px}
.hub-gear-priority{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #22d3ee44;background:#22d3ee08;border-radius:10px;padding:18px;margin-top:18px}
.hub-gear-priority p{margin-top:7px}.hub-gear-priority>.bm-button{flex-shrink:0}
@media(min-width:851px) and (max-width:1450px){
 .hub-brand strong{font-size:19px}.hub-brand img{width:44px;height:44px}
 .bm-class{font-size:13px;gap:5px}.bm-class img{width:30px;height:30px}
 .bm-build-sheet{grid-template-columns:200px minmax(0,1fr) 216px}
 .bm-sheet-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bm-sheet-stats .bm-stat{min-height:30px}.bm-sheet-hero{grid-template-columns:110px minmax(0,1fr)}
 .bm-sheet-essentials .bm-stat dt{font-size:12px}.bm-sheet-essentials .bm-stat dd{font-size:16px}
 .hub-home-hero p:not(.bm-eyebrow){font-size:16px}.hub-home-logo{width:135px;height:125px}
 .hub-home-card{padding:14px}.hub-home-card h2{font-size:18px}.hub-home-card p{font-size:13px}
 .hub-home-class-grid img{height:163px}.hub-home-class-grid button{min-height:185px}.hub-home-class-grid span{font-size:13px}
 .hub-clock-digits{gap:16px}.hub-clock-digits strong{font-size:27px}
 .hub-gear-stage-content{grid-template-columns:280px minmax(0,1fr)}.hub-gear-target-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hub-dae-priorities{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1100px){
 .hub-map-layout{grid-template-columns:minmax(0,1fr) 285px;gap:14px}
 .hub-map-sidebar{width:285px}
 .hub-map-sidebar .text-sm{font-size:13px}
 .hub-map-sidebar>div{padding:14px}
 .hub-dae-explorer{grid-template-columns:minmax(0,1fr) 255px;gap:14px;padding:14px}
 .hub-node-grid{gap:3px;padding:7px}.hub-node-inspector{padding:14px}
 .hub-guide-heading{display:block}.hub-guide-heading .hub-tabs{margin-top:14px}
 .hub-clock-digits{gap:12px}.hub-clock-digits>div{display:block}.hub-clock-digits span{display:block}
}
@media(max-width:1250px){
 .hub-map-layout{grid-template-columns:1fr}
 .hub-map-sidebar{position:static;width:auto;grid-template-columns:1fr 1fr;grid-template-rows:auto auto}
 .hub-map-sidebar>:first-child{grid-column:1/-1}.hub-map-sidebar>:nth-child(2){overflow:visible}
 .hub-map-sidebar ol{height:340px;flex:auto;max-height:450px}
}
@media(max-width:979px){
 .bm-build-sheet{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:'hero hero' 'armor accessories' 'totals totals'}
 .bm-sheet-hero{grid-template-columns:150px minmax(0,1fr)}
 .hub-dae-priorities{grid-template-columns:1fr 1fr}.hub-dae-priorities article:first-child{grid-column:1/-1}
 .hub-gear-stage-content{grid-template-columns:1fr}.hub-gear-target-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:850px){
 .hub-brand-small strong{font-size:18px}.hub-brand-small img{width:37px;height:35px}
 main.bm-main{padding:16px}.hub-home-class-grid img{height:165px}.hub-home-class-grid button{min-height:187px}
 .hub-home-card:last-child{min-height:110px}.hub-home-logo{width:125px;height:125px}
 .bm-class{font-size:13px}.bm-class img{width:32px;height:32px}
 .hub-dae-explorer{grid-template-columns:1fr}.hub-node-inspector{position:static}
 .hub-gear-target-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hub-node-grid{max-width:560px;gap:4px}.hub-gear-stages button>strong{font-size:21px}
}
@media(max-width:600px){
 main.bm-main{padding:12px}.hub-home h1{font-size:32px}.hub-home-hero{padding:18px}.hub-home-logo{display:none}
 .hub-home-hero p:not(.bm-eyebrow){font-size:15px}.hub-launch-countdowns{grid-template-columns:1fr;gap:10px}
 .hub-launch-clock{padding:13px 15px}.hub-clock-digits{gap:24px}.hub-clock-digits>div{display:flex;gap:5px}
 .hub-clock-digits strong{font-size:27px}.hub-clock-heading h2{font-size:20px}.hub-clock-heading>span{font-size:11px}
 .hub-home-cards{gap:9px}.hub-home-card{padding:14px;min-height:168px}.hub-home-card h2{font-size:18px}.hub-home-card p{font-size:14px}
 .hub-home-class-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.hub-home-class-grid span{font-size:14px}
 .hub-section-title h2{font-size:21px}
 .bm-build-sheet .bm-slot{height:76px;padding-left:5px;gap:5px}
 .bm-build-sheet .bm-slot>div{width:31px!important;height:31px!important}
 .bm-build-sheet .bm-slot-name{font-size:13px;max-height:35px}.bm-build-sheet .bm-slot-copy .bm-label{font-size:9px}
 .bm-build-sheet .bm-slot-detail{font-size:10px}.bm-sheet-hero{grid-template-columns:minmax(80px,.65fr) minmax(0,1.35fr)}
 .bm-sheet-essentials .bm-stat dt{font-size:12px}.bm-sheet-essentials .bm-stat dd{font-size:16px}
 .bm-sheet-stats .bm-stat dt,.bm-sheet-stats .bm-stat dd{font-size:12px}
 .hub-map-sidebar{grid-template-columns:1fr;grid-template-rows:auto auto auto}.hub-map-sidebar ol{height:auto;max-height:350px}.hub-map-sidebar .text-sm{font-size:14px}
 .hub-guide-heading h3{font-size:24px}.hub-dae-priorities{grid-template-columns:1fr}.hub-dae-priorities article:first-child{grid-column:auto}
 .hub-dae-explorer{padding:10px;gap:15px}.hub-node-grid{padding:5px;gap:2px}.hub-dae-node{font-size:13px;border-radius:3px}
 .hub-dae-board .hub-tabs button{font-size:12px;padding:8px}.hub-node-legend{font-size:11px;gap:7px 12px}
 .hub-gear-stages{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.hub-gear-stages button{padding:13px}
 .hub-gear-stages button>strong{font-size:24px}.hub-gear-priority{display:block}.hub-gear-priority>.bm-button{margin-top:15px}
 .hub-gear-targets,.hub-gear-roadmap{padding:12px}.hub-gear-target-grid{gap:7px}.hub-gear-target{padding:6px;gap:6px;align-items:start}
 .hub-gear-target>div{width:32px!important;height:32px!important}.hub-gear-target strong{font-size:12px}.hub-gear-target small{font-size:10px}
}
@media(max-width:360px){.hub-clock-digits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.hub-clock-digits>div{display:block}.hub-clock-digits strong{font-size:25px}.hub-brand-small strong{font-size:15px}.hub-mobile-select select{max-width:135px}}

.bm-dae-complete .hub-guide-heading{margin-bottom:12px}
.bm-dae-core{display:flex;align-items:center;gap:16px;padding:12px 16px;border:1px solid #253552;border-radius:9px;background:#0b1120;margin-bottom:17px}
.bm-dae-core>strong{font:600 14px Marcellus,sans-serif;color:#94a3b8;white-space:nowrap}.bm-dae-core .hub-node-targets{margin:0}
.bm-dae-complete .hub-dae-explorer{grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start;padding:16px}
.bm-dae-complete .hub-dae-board{min-width:0}
.bm-dae-controls{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin:16px 0 9px}
.bm-dae-controls label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#b8c4d8}
.bm-dae-controls input,.bm-dae-controls select,.bm-dae-search input,.bm-dae-search select{max-width:100%;min-width:0;background:#020617;border:1px solid #334155;border-radius:6px;color:#e2e8f0;padding:8px 10px;font-size:14px;height:38px}
.bm-dae-controls input{width:110px;font-family:'IBM Plex Mono',monospace}.bm-dae-controls label:last-child{margin-left:auto}
.bm-dae-resource{font-size:12px;line-height:1.6;color:#94a3b8;margin-bottom:13px;max-width:85ch}
.bm-dae-search{display:flex;align-items:center;gap:8px}.bm-dae-search input{width:42%}.bm-dae-search select{flex:1;width:0}.bm-dae-search>span{font:12px 'IBM Plex Mono',monospace;color:#94a3b8}
.bm-dae-key-path{color:#22d3ee}.bm-dae-key-target{color:#fbbf24}
.bm-dae-canvas-scroll{max-width:100%;overflow:auto;overscroll-behavior:contain;border:1px solid #334155;border-radius:10px;background:radial-gradient(ellipse at 50% 50%,#22d3ee07,transparent 65%),#050b1b;padding:7px}
.bm-dae-canvas{position:relative;width:100%;max-width:780px;aspect-ratio:1;margin:0 auto}
.bm-dae-connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.bm-dae-edge{stroke:#334155;stroke-width:1;opacity:.65}
.bm-dae-route-edge{stroke:#22d3ee;stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 0 2px #22d3ee70)}
.bm-dae-complete .hub-node-grid{position:relative;max-width:none;width:100%;aspect-ratio:1;display:grid;grid-template-columns:repeat(15,minmax(0,1fr));gap:0;padding:0;border:0;background:none;pointer-events:none}
.bm-dae-cell{display:block;aspect-ratio:1;padding:5px;min-width:0;min-height:0}
.bm-dae-complete .hub-node-empty{background:none;pointer-events:none}
.bm-dae-complete .hub-dae-node{position:relative;display:grid;place-items:center;width:100%;height:100%;aspect-ratio:1;border-width:1px;overflow:visible;background:#101929;pointer-events:auto;opacity:.72;box-shadow:none;color:#a7b3c8}
.bm-dae-complete .hub-dae-node[data-on-route=true]{border:2px solid #22d3ee;background:#123944;opacity:1;box-shadow:0 0 11px #22d3ee30}
.bm-dae-complete .hub-dae-node[data-route-target=true]{outline:1px solid #fbbf2477;outline-offset:1px}
.bm-dae-complete .hub-dae-node[data-route-target=true][data-on-route=true]{border-color:#fbbf24;background:#254244;box-shadow:0 0 10px #fbbf2425;outline:0}
.bm-dae-complete .hub-dae-node[aria-pressed=true]{outline:2px solid #fff;outline-offset:2px;opacity:1}
.bm-dae-complete .hub-dae-node[data-search-match=false]{opacity:.17}.bm-dae-complete .hub-dae-node:hover{opacity:1;z-index:2;outline:2px solid white;outline-offset:2px}
.bm-dae-complete .hub-dae-node img{border-radius:4px;display:block;min-width:0;min-height:0;width:100%;height:100%}
.bm-dae-stat-symbol{display:flex;flex-direction:column;justify-content:center;align-items:center;font:600 9px 'IBM Plex Mono',monospace;line-height:1.3;white-space:nowrap;max-width:100%;overflow:hidden}
.bm-dae-stat-symbol small{font-size:8px;color:#cbd5e1;line-height:1.3}.bm-dae-origin{font-size:25px;color:#22d3ee}
.bm-dae-order{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;min-width:16px;height:16px;padding:0 2px;border-radius:4px;border:1px solid #22d3ee;background:#071320;color:#b8f5ff;font:600 9px 'IBM Plex Mono',monospace;line-height:1;z-index:3}
.bm-dae-progress{display:flex;align-items:center;gap:16px;margin-top:15px}.bm-dae-progress label{flex:1;font-size:13px;color:#b8c4d8;min-width:0}.bm-dae-progress input{display:block;width:100%;margin-top:9px;accent-color:#22d3ee}
.bm-dae-route-summary{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;border:1px solid #22d3ee44;border-radius:8px;padding:12px;margin-top:14px;background:#22d3ee08;font-size:13px;color:#b8c4d8}
.bm-dae-route-summary strong{font:600 17px 'IBM Plex Mono',monospace;color:#22d3ee}
.bm-dae-assumption{font-size:12px;line-height:1.6;color:#a4b2c9;margin:12px 0}
.bm-dae-sidebar{min-width:0;display:grid;gap:14px}
.bm-dae-tip,.bm-dae-bonuses{border:1px solid #334155;border-radius:10px;padding:16px;background:#02061788}
.bm-dae-tip{border-color:#22d3ee66;background:linear-gradient(140deg,#22d3ee0d,#7c3aed10)}
.bm-dae-tip h4,.bm-dae-bonuses h4{font:600 21px Marcellus,sans-serif;margin:8px 0 10px;line-height:1.3}
.bm-dae-tip>p:not(.bm-eyebrow){font-size:14px;line-height:1.65;color:#c0cedf}
.bm-dae-tip .bm-dae-method{margin-top:12px;padding-top:12px;border-top:1px solid #334155;font-size:12px!important;color:#94a3b8!important}
.bm-dae-tip .bm-button{margin-top:12px}
.bm-dae-complete .hub-node-inspector{position:static;top:auto;padding:15px;overflow:hidden}
.bm-dae-complete .hub-node-inspector>h4{font-size:21px;line-height:1.3}
.bm-dae-reason{font-size:13px;line-height:1.6;color:#b8c4d8;margin:9px 0 13px}
.bm-dae-complete .hub-node-inspector>.bm-button{width:100%;margin-bottom:14px}
.bm-dae-complete .hub-node-inspector .bm-dae-card{border-top:1px solid #253552;padding-top:12px}
.bm-dae-complete .hub-node-inspector .bm-rich-header{padding:10px;border-radius:7px;min-height:0;gap:8px}
.bm-dae-complete .hub-node-inspector .bm-rich-header h3{font-size:16px}
.bm-dae-complete .hub-node-inspector .bm-rich-icon{width:48px;height:48px}
.bm-dae-complete .hub-node-inspector .bm-rich-body{padding:12px 0 0}
.bm-dae-complete .hub-node-inspector .hub-data-rows>div{gap:10px;align-items:start}
.bm-dae-card .hub-data-rows dd{white-space:normal;text-align:right;font-size:12px;max-width:58%;line-height:1.5}
.bm-dae-card .hub-data-rows dt{font-size:12px}
.bm-dae-card .bm-dae-effects dd{color:#22d3ee;font-weight:600}.bm-dae-card .bm-rich-body>section{margin-top:16px}
.bm-dae-card-symbol{font:600 22px 'IBM Plex Mono',monospace;color:#22d3ee;min-width:70px;text-align:center}
.bm-dae-skill-description>p{font-size:13px;line-height:1.6;white-space:pre-line}.bm-dae-skill-description details{font-size:13px;margin-top:12px}.bm-dae-skill-description summary{cursor:pointer;color:#22d3ee}
.bm-dae-bonuses>.hub-data-rows>div{align-items:start;gap:10px}.bm-dae-bonuses .hub-data-rows dt{font-size:12px}.bm-dae-bonuses .hub-data-rows dd{font-size:12px}
.hub-dae-board>.bm-dae-bonuses{margin-top:15px}.hub-dae-board>.bm-dae-bonuses>.hub-data-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px}.hub-dae-board>.bm-dae-bonuses h4{font-size:18px}.bm-dae-bonuses .hub-data-rows dd{flex-shrink:0}
.bm-dae-order-list{margin-top:13px;border:1px solid #253552;border-radius:8px;padding:13px;font-size:13px}.bm-dae-order-list summary{cursor:pointer;color:#cbd5e1}.bm-dae-order-list ol{max-height:380px;overflow:auto;margin-top:12px}
.bm-dae-order-list li button{width:100%;display:flex;align-items:center;gap:12px;padding:8px;border-top:1px solid #253552;text-align:left}.bm-dae-order-list li[data-shown=false]{opacity:.5}.bm-dae-order-list b{color:#22d3ee;min-width:25px}.bm-dae-order-list li button>span{flex:1}.bm-dae-order-list small{display:block;font-size:11px;color:#94a3b8}.bm-dae-order-list strong{font:12px 'IBM Plex Mono',monospace;white-space:nowrap}
.bm-dae-future{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 0}.bm-dae-future article{border:1px solid #334155;border-radius:7px;padding:12px}.bm-dae-future h4{color:#a78bfa}.bm-dae-future small{display:block;margin-top:9px}
@media(max-width:1500px){.bm-dae-complete .hub-dae-explorer{grid-template-columns:minmax(0,1fr) 310px;gap:15px}.bm-dae-cell{padding:4px}.bm-dae-stat-symbol{font-size:8px}.bm-dae-stat-symbol small{font-size:7px}.bm-dae-order{top:-5px;right:-5px;min-width:14px;height:14px;font-size:8px}.bm-dae-tip h4{font-size:19px}}
@media(max-width:1199px){.bm-dae-complete .hub-dae-explorer{grid-template-columns:1fr}.bm-dae-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.bm-dae-tip{grid-column:1/-1}.bm-dae-core{align-items:start;flex-direction:column;gap:10px}.bm-dae-canvas{max-width:750px}.bm-dae-stat-symbol{font-size:10px}.bm-dae-stat-symbol small{font-size:8px}}
@media(max-width:600px){.bm-dae-complete .hub-dae-explorer{padding:10px}.bm-dae-controls{gap:9px}.bm-dae-controls label:last-child{margin-left:0}.bm-dae-controls .bm-button{font-size:12px}.bm-dae-search{flex-wrap:wrap}.bm-dae-search input{width:100%}.bm-dae-search select{flex:1;height:38px}.bm-dae-sidebar{grid-template-columns:1fr}.bm-dae-tip{grid-column:auto}.bm-dae-canvas-scroll{padding:3px}.bm-dae-cell{padding:2px}.bm-dae-stat-symbol{font-size:6px}.bm-dae-stat-symbol small{display:none}.bm-dae-origin{font-size:15px}.bm-dae-order{font-size:7px;min-width:11px;height:11px;padding:0;top:-4px;right:-4px;border-radius:2px}.bm-dae-complete .hub-dae-node[data-on-route=true]{border-width:1px}.bm-dae-canvas[style] .bm-dae-cell{padding:5px}.bm-dae-canvas[style] .bm-dae-stat-symbol{font-size:10px}.bm-dae-canvas[style] .bm-dae-stat-symbol small{display:block;font-size:8px}.bm-dae-canvas[style] .bm-dae-order{font-size:9px;min-width:16px;height:16px}.bm-dae-progress{align-items:end;gap:10px}.bm-dae-progress .bm-button{font-size:11px;padding:8px}.bm-dae-future{grid-template-columns:1fr}}
@media(max-width:1199px){.bm-dae-sidebar{grid-template-columns:1fr}}
@media(max-width:600px){.hub-dae-board>.bm-dae-bonuses>.hub-data-rows{grid-template-columns:1fr}}


.hub-home-card{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.hub-class-card{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.bm-fam-full{display:none}@media(max-width:600px){.bm-fam-full{display:inline}.bm-fam-short{display:none}}

.eu-fac{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 16px}
.eu-fac-label{font:600 12px 'IBM Plex Mono',monospace;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em}
.eu-fac-btn{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border:1px solid #253552;border-radius:10px;background:#0b1120;color:#cbd5e1;text-align:left}
.eu-fac-btn img{width:44px;height:44px;border-radius:8px;object-fit:cover}
.eu-fac-btn b{display:block;font:700 15px Marcellus,sans-serif;color:#e2e8f0}
.eu-fac-btn small{display:block;font-size:11px;color:#94a3b8}
.eu-fac-btn[aria-pressed=true]{border-color:#22d3ee;background:#0e2a36;box-shadow:0 0 0 1px #22d3ee55}
.eu-fac-btn:hover{border-color:#22d3ee}
.eu-ely-notes{margin-top:24px;border:1px solid #253552;border-radius:10px;padding:14px;background:#0b1120;font-size:13px;color:#b8c4d8}
.eu-ely-notes summary{cursor:pointer;color:#e2e8f0;font-weight:600}
.eu-ely-notes ul{margin:10px 0 0 18px;list-style:disc}
.eu-ely-notes li{margin:6px 0;line-height:1.5}
.eu-ely-notes p{margin-top:10px;font-size:12px;color:#94a3b8}
.eu-dae-canvas{max-width:min(100%,640px)}
.bm-dae-complete .eu-dae-canvas .hub-dae-node{background:transparent;border:0;border-radius:9px;opacity:1;box-shadow:none;padding:0}
.eu-dae-face{position:relative;display:block;width:100%;height:100%;border-radius:8px}
.eu-dae-face img{display:block;width:100%;height:100%;object-fit:contain;border-radius:6px;pointer-events:none}
.eu-dae-skill{padding:7%;background:#0b1120;border-radius:9px;box-shadow:inset 0 0 0 2px var(--g,#64748b)}
.eu-dae-skill[data-g=Rare]{--g:#3b82f6}.eu-dae-skill[data-g=Legend]{--g:#22c55e}.eu-dae-skill[data-g=Unique]{--g:#f59e0b}
.bm-dae-complete .eu-dae-canvas .hub-dae-node[data-on-route=false] .eu-dae-face{filter:grayscale(.85) brightness(.55) blur(.8px);opacity:.55;transition:filter .15s,opacity .15s}
.bm-dae-complete .eu-dae-canvas .hub-dae-node[data-on-route=false]:hover .eu-dae-face,.bm-dae-complete .eu-dae-canvas .hub-dae-node[data-on-route=false][aria-pressed=true] .eu-dae-face,.bm-dae-complete .eu-dae-canvas .hub-dae-node[data-on-route=false]:focus-visible .eu-dae-face{filter:none;opacity:1}
.bm-dae-complete .eu-dae-canvas .hub-dae-node[data-on-route=true]{background:#3b4658;box-shadow:0 0 0 2px #e2e8f0,0 0 14px 2px #22d3ee66;z-index:1}
.bm-dae-complete .eu-dae-canvas .hub-dae-node[data-on-route=true][data-route-target=true]{background:#4a4126;box-shadow:0 0 0 2px #fbbf24,0 0 16px 3px #fbbf2466;outline:0}
.bm-dae-complete .eu-dae-canvas .hub-dae-node[data-route-target=true][data-on-route=false]{box-shadow:0 0 0 2px #fbbf2499}
.bm-dae-complete .eu-dae-canvas .hub-dae-node[aria-pressed=true]{outline:2px solid #fff;outline-offset:3px}
.bm-dae-complete .eu-dae-canvas .hub-dae-node[data-search-match=false]{opacity:.15}
.eu-dae-canvas .bm-dae-edge{stroke:#64748b;stroke-width:2;opacity:.28}
.eu-dae-canvas .bm-dae-route-edge{stroke:#e2e8f0;stroke-width:7;stroke-linecap:round;filter:drop-shadow(0 0 4px #22d3eecc)}
.eu-dae-val{display:none}
.eu-dae-canvas[data-values=true] .eu-dae-val{display:flex;flex-direction:column;align-items:center;position:absolute;left:50%;bottom:-4px;transform:translateX(-50%);min-width:100%;padding:1px 2px;border-radius:3px;background:#020617ee;color:#f1f5f9;font:600 8px/1.1 'IBM Plex Mono',monospace;text-align:center;white-space:nowrap;pointer-events:none;z-index:2}
.eu-dae-val b{font-weight:600;color:#94a3b8;font-size:7px}
.hub-dae-node[data-on-route=true] .eu-dae-val b{color:#67e8f9}
.eu-dae-toggle{display:flex!important;flex-direction:row!important;align-items:center;gap:6px;cursor:pointer}
.eu-dae-legend{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.eu-dae-key{display:inline-flex;align-items:center;gap:6px}
.eu-dae-key img{width:22px;height:22px}
.eu-dae-key.off img{filter:grayscale(.85) brightness(.55) blur(.6px);opacity:.6}
.eu-dae-key.on img{box-shadow:0 0 0 2px #e2e8f0,0 0 8px #22d3ee88;border-radius:4px}
.eu-dae-key.target i{display:inline-block;width:16px;height:16px;border-radius:4px;box-shadow:0 0 0 2px #fbbf24}
.eu-obtain{display:flex;flex-direction:column;gap:3px;margin-top:10px}
.eu-obtain b{color:#e2e8f0}
.eu-dae-toggle input{width:16px!important;height:16px!important;min-height:0!important;padding:0!important;accent-color:#22d3ee;flex:none}
.bm-dae-complete .eu-dae-canvas .hub-dae-node[data-route-target=true][data-on-route=false] .eu-dae-face{filter:grayscale(.3) brightness(.85);opacity:.9}

.eu-ovl{display:flex;flex-direction:column;gap:10px;padding:12px;min-height:100%;background:radial-gradient(ellipse at 100% 0,rgba(56,189,248,.14),transparent 55%),#070b16;color:#e2e8f0;font:14px/1.45 'Alegreya Sans','Segoe UI',system-ui,sans-serif}
.eu-ovl--asm{background:radial-gradient(ellipse at 100% 0,rgba(139,92,246,.2),transparent 55%),#070b16}
.eu-ovl__head{display:flex;align-items:center;gap:10px}
.eu-ovl__head img{width:44px;height:auto;flex:none;filter:drop-shadow(0 0 8px rgba(125,211,252,.6))}
.eu-ovl__head div{flex:1;min-width:0}.eu-ovl__head small{display:block;font:600 10px 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8}
.eu-ovl__head b{display:block;font:700 15px Marcellus,'Segoe UI',sans-serif;color:#f8fafc;line-height:1.2}
.eu-ovl__dot{width:11px;height:11px;border-radius:50%;background:#475569;flex:none}
.eu-ovl__dot.is-on{background:#22c55e;box-shadow:0 0 0 3px #22c55e33}.eu-ovl__dot.is-busy{background:#facc15;box-shadow:0 0 0 3px #facc1533}
.eu-ovl__bar{height:6px;border-radius:9px;background:#1e2a44;overflow:hidden}.eu-ovl__bar span{display:block;height:100%;background:linear-gradient(90deg,#22d3ee,#22c55e)}
.eu-ovl__count{font:600 11px 'IBM Plex Mono',monospace;color:#64748b;margin-top:-6px}
.eu-ovl__step{border:1px solid #2a3a5c;border-radius:10px;padding:10px 12px;background:#0b1120}
.eu-ovl__step p{margin:6px 0 0;font-size:14.5px;line-height:1.5;color:#f1f5f9}
.eu-ovl__kind{display:inline-block;padding:1px 8px;border-radius:5px;font-size:11px;font-weight:700}
.eu-ovl__btns{display:grid;grid-template-columns:2fr 1fr;gap:8px}
.eu-ovl__btns button{min-height:42px;border-radius:9px;border:1px solid #2a3a5c;background:#111a2e;color:#cbd5e1;font-weight:700}
.eu-ovl__btns button.is-main{background:#16a34a;border-color:#22c55e;color:#fff;font-size:15px}
.eu-ovl__btns button:disabled{opacity:.45;cursor:default}
.eu-ovl__next{opacity:.75}.eu-ovl__next small,.eu-ovl__meta small{display:block;font:600 10px 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#64748b}
.eu-ovl__next p{margin:2px 0 0;font-size:12.5px;line-height:1.45;color:#cbd5e1}
.eu-ovl__meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px}
.eu-ovl__meta>div{border:1px solid #1e2a44;border-radius:8px;padding:6px 8px;background:#0b1120}
.eu-ovl__meta b{font:600 14px 'IBM Plex Mono',monospace;color:#22d3ee}
.eu-ovl__tbtns{display:flex;gap:4px;margin-top:4px}.eu-ovl__tbtns button{padding:2px 8px;border-radius:5px;border:1px solid #2a3a5c;background:#111a2e;color:#cbd5e1;font-size:11px}
.eu-ovl__ocr{display:flex;flex-direction:column;gap:6px;border-top:1px solid #1e2a44;padding-top:8px}
.eu-ovl__ocr button{align-self:flex-start;padding:5px 10px;border-radius:7px;border:1px solid #2a3a5c;background:#111a2e;color:#cbd5e1;font-size:12px}
.eu-ovl__ocr p{margin:0;font-size:11.5px;line-height:1.4;color:#94a3b8}
.eu-ovl-dock{position:fixed;right:16px;bottom:16px;z-index:60;width:min(360px,calc(100vw - 32px));max-height:min(620px,calc(100vh - 32px));overflow:auto;border:1px solid #2a3a5c;border-radius:14px;box-shadow:0 20px 60px -20px #000}
.eu-ovl-dock__x{position:absolute;right:8px;top:6px;z-index:2;width:28px;height:28px;border-radius:50%;background:#111a2e;color:#cbd5e1;border:1px solid #2a3a5c}
.eu-live{display:grid;gap:14px 22px;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);align-items:start;margin:0 0 14px;padding:16px 18px;border:1px solid #22c55e55;border-radius:12px;background:linear-gradient(90deg,rgba(34,197,94,.1),rgba(11,17,32,.92) 60%)}
.eu-live__txt h3{margin:4px 0 6px;font:700 19px Marcellus,sans-serif;color:#f1f5f9}
.eu-live__txt>p:not(.bm-eyebrow){font-size:13.5px;line-height:1.55;color:#cbd5e1}
.eu-live__txt ul{margin:8px 0 0;padding-left:18px;list-style:disc;display:grid;gap:3px;font-size:12.5px;line-height:1.45;color:#94a3b8}
.eu-live__btns{display:flex;flex-direction:column;gap:7px}
.eu-live__btns .bm-button{text-align:left}
.eu-live__forget{align-self:flex-start;font-size:11.5px;color:#64748b;text-decoration:underline}
.eu-live__msg{font-size:12px;color:#fde68a;line-height:1.45}
.eu-calib{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px;background:rgba(2,6,23,.82);backdrop-filter:blur(4px)}
.eu-calib__box{width:min(1100px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:16px;border:1px solid #2a3a5c;border-radius:14px;background:#0b1120}
.eu-calib__box header{display:flex;justify-content:space-between;align-items:center}
.eu-calib__box header b{font:700 18px Marcellus,sans-serif}.eu-calib__box header button{width:32px;height:32px;border-radius:50%;border:1px solid #2a3a5c;color:#cbd5e1}
.eu-calib__box>p{margin:6px 0 10px;font-size:13px;color:#cbd5e1;line-height:1.5}
.eu-calib__modes{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.eu-calib__modes button{padding:6px 12px;border-radius:999px;border:1px solid #2a3a5c;font-size:12.5px;color:#cbd5e1}
.eu-calib__modes button[aria-pressed=true]{border-color:#22d3ee;color:#22d3ee;background:#22d3ee14}
.eu-calib__cv{display:block;width:100%;height:auto;cursor:crosshair;border-radius:8px;border:1px solid #2a3a5c;touch-action:none;background:#000}
.eu-calib__foot{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.eu-calib__prev{margin-top:10px;padding:10px;border-radius:8px;background:#020617;border:1px solid #1e2a44;font:12px/1.5 'IBM Plex Mono',monospace;color:#a7f3d0;white-space:pre-wrap;max-height:180px;overflow:auto}
@media (max-width:760px){.eu-live{grid-template-columns:1fr}}

.eu-ovl-dock .eu-ovl__head{padding-right:32px}
.eu-ovl__cls{width:30px!important;height:30px;border-radius:7px;filter:none!important;border:1px solid #2a3a5c;background:#0b1120}
.eu-ovl__lbl{display:block;font:600 10px 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#64748b;margin-bottom:5px}
.eu-ovl__now{border:1px solid #facc1555;border-radius:12px;padding:10px 12px;background:linear-gradient(180deg,rgba(250,204,21,.08),#0b1120 70%)}
.eu-ovl__now .eu-ovl__lbl{color:#fde68a}
.eu-q{display:flex;flex-direction:column;gap:3px;min-width:0}
.eu-q__top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.eu-q__lv{font:600 11px 'IBM Plex Mono',monospace;color:#94a3b8}
.eu-q__name{font:700 17px/1.25 Marcellus,'Segoe UI',sans-serif;color:#f8fafc;margin-top:2px}
.eu-q__en{font-size:11px;color:#64748b;font-style:italic}
.eu-q__why{font-size:11.5px;font-weight:600}
.eu-q__d{margin:4px 0 0;font-size:14px;line-height:1.45;color:#e2e8f0}
.eu-q__d::before{content:'➜ ';color:#22d3ee}
.eu-q__n{margin:2px 0 0;font-size:12px;line-height:1.4;color:#a5b4fc}
.eu-q--small{padding:6px 0;border-top:1px solid #1e2a44}
.eu-q--small:first-of-type{border-top:0}
.eu-q--small .eu-q__name{font-size:14px}
.eu-q--small .eu-q__d{font-size:12px;color:#94a3b8}
.eu-ovl__btns--3{grid-template-columns:2fr 1fr 48px}
.eu-ovl__gap{border:1px solid #f9731666;border-radius:10px;padding:9px 11px;background:rgba(249,115,22,.08);font-size:12.5px;line-height:1.45}
.eu-ovl__gap>b{color:#fdba74}.eu-ovl__gap p{margin:4px 0 2px;color:#cbd5e1}
.eu-ovl__gap ul{margin:0;padding-left:16px;display:grid;gap:4px}
.eu-ovl__gap li small{display:block;color:#94a3b8;font-size:11.5px}
.eu-ovl__also,.eu-ovl__next{border:1px solid #1e2a44;border-radius:10px;padding:8px 11px;background:#0b1120}
.eu-ovl__next{opacity:.85}
.eu-ovl__off{border:1px solid #ef444455;border-radius:10px;padding:8px 11px;background:rgba(239,68,68,.07);font-size:12px;line-height:1.45}
.eu-ovl__off b{color:#fca5a5}.eu-ovl__off p{margin:3px 0 0;color:#cbd5e1}
.eu-ovl__tips{border:1px solid #a855f744;border-radius:10px;padding:9px 11px;background:rgba(168,85,247,.07);font-size:12.5px;line-height:1.45}
.eu-ovl__tips p{margin:4px 0 0;color:#cbd5e1}.eu-ovl__tips p b{color:#e9d5ff}
.eu-ovl__prog{margin-top:6px}.eu-ovl__prog>b{display:block;color:#d8b4fe;font-size:12.5px}
.eu-ovl__prog ul{list-style:none;margin:5px 0 0;padding:0;display:grid;gap:5px}
.eu-ovl__prog li{display:flex;gap:8px;align-items:center}
.eu-ovl__prog li img{width:30px;height:30px;border-radius:6px;flex:none;border:1px solid #2a3a5c}
.eu-ovl__prog li span{display:flex;flex-direction:column;min-width:0}
.eu-ovl__prog li b{font-size:12.5px;color:#f1f5f9;font-weight:600}
.eu-ovl__prog li small{font-size:11px;color:#94a3b8}
.eu-ovl__extra{font-size:12px}
.eu-ovl__nextlv{font-size:11.5px!important;color:#94a3b8!important}
.eu-live__cls{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}
.eu-live__cls span{font-size:12.5px;color:#cbd5e1;margin-right:2px}
.eu-live__cls button{width:38px;height:38px;padding:3px;border-radius:9px;border:1px solid #2a3a5c;background:#0b1120;opacity:.6;transition:opacity .15s,border-color .15s}
.eu-live__cls button:hover{opacity:1}
.eu-live__cls button[aria-pressed=true]{opacity:1;border-color:#22d3ee;box-shadow:0 0 0 2px #22d3ee44}
.eu-live__cls img{width:100%;height:100%;object-fit:contain}
.eu-live__list{grid-column:1/-1;border-top:1px solid #22c55e33;padding-top:10px}
.eu-live__lbtn{font-size:13px;font-weight:700;color:#86efac}
.eu-live__list ol{list-style:none;margin:8px 0 0;padding:0;max-height:380px;overflow:auto;display:grid;gap:2px;position:relative}
.eu-live__list li{display:grid;grid-template-columns:30px auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px 8px;border-radius:8px;background:#0b1120cc;font-size:12.5px}
.eu-live__list li.is-done,.eu-live__list li.is-skip{opacity:.45}
.eu-live__list li.is-skip b{text-decoration:line-through}
.eu-live__list li.is-cur{background:#facc1514;outline:1px solid #facc1566}
.eu-live__n{font:600 11px 'IBM Plex Mono',monospace;color:#64748b;text-align:right}
.eu-live__q{min-width:0}.eu-live__q b{color:#f1f5f9}.eu-live__q small{color:#64748b;font-size:11px}
.eu-live__q .eu-live__d{display:block;color:#94a3b8;font-size:11.5px}
.eu-live__list li button{padding:3px 9px;border-radius:6px;border:1px solid #2a3a5c;color:#cbd5e1;font-size:11px;white-space:nowrap}
.eu-live__list li em{font-style:normal;font-size:11px;font-weight:700;color:#facc15;white-space:nowrap}
@media (max-width:560px){.eu-live__list li{grid-template-columns:24px minmax(0,1fr) auto}.eu-live__list li .eu-ovl__kind{display:none}}
/* v4: pasos */
.eu-ovl__btns--4{grid-template-columns:1.6fr 1.1fr auto auto}
.eu-ovl__btns--4 button{padding:0 10px;font-size:13px}
.eu-ovl__btns--4 button.is-main{font-size:14.5px}
.eu-steps{margin-top:8px;display:flex;flex-direction:column;gap:6px}
.eu-steps__start{margin:0;font-size:13px;line-height:1.45;color:#e2e8f0}
.eu-steps__start b{color:#22d3ee}
.eu-steps__cur{border:1px solid #22d3ee55;border-radius:9px;padding:8px 10px;background:rgba(34,211,238,.07)}
.eu-steps__cur>small{display:block;font:600 10.5px 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#67e8f9}
.eu-steps__cur>b{display:block;margin-top:2px;font-size:15px;line-height:1.35;color:#f8fafc}
.eu-steps__cur ul{margin:5px 0 0;padding-left:18px;display:grid;gap:2px;font-size:13px;line-height:1.4;color:#cbd5e1;list-style:'➜  '}
.eu-steps__end{margin:5px 0 0;font-size:12px;color:#fde68a}
.eu-steps__via{margin:0;font-size:12px;line-height:1.45;color:#a5f3fc;border-left:3px solid #22d3ee;padding-left:8px}
.eu-steps__next{margin:0;font-size:12.5px;line-height:1.4;color:#94a3b8}
.eu-steps__next b{color:#cbd5e1}
.eu-steps__all{align-self:flex-start;font-size:12px;font-weight:600;color:#67e8f9}
.eu-steps__list{margin:0;padding-left:20px;display:grid;gap:4px;font-size:12.5px}
.eu-steps__list li button{text-align:left;color:#cbd5e1;font-size:12.5px;line-height:1.35}
.eu-steps__list li small{display:block;color:#64748b;font-size:11px}
.eu-steps__list li.is-done button{color:#64748b;text-decoration:line-through}
.eu-steps__list li.is-cur button{color:#22d3ee;font-weight:700}
.eu-ovl__off ul{margin:4px 0 0;padding-left:16px;display:grid;gap:3px;color:#cbd5e1}
.eu-ovl__seen{color:#a7f3d0!important}
.eu-ovl__seen b{color:#6ee7b7}
.eu-ovl__btns--4 button{white-space:nowrap}
.eu-ovl__btns--4 button:not(.is-main){font-size:12.5px;padding:0 8px}
.eu-steps__cur li.is-hit{color:#f8fafc;font-weight:600}
.eu-steps__cur li.is-hit em{font-style:normal;font-size:11px;color:#22d3ee;font-weight:700}
/* v5: coach */
.eu-ovl__win{border:1px solid #f59e0b88;border-radius:12px;padding:10px 12px;background:linear-gradient(180deg,rgba(245,158,11,.12),#0b1120 75%);font-size:12.5px;line-height:1.45}
.eu-ovl__win .eu-ovl__lbl{color:#fcd34d}
.eu-ovl__win p{margin:5px 0 0;color:#e2e8f0}
.eu-ovl__win ol{margin:4px 0 0;padding-left:20px;display:grid;gap:2px;color:#f1f5f9}
.eu-ovl__win ol small{color:#94a3b8}
.eu-ovl__sub{display:block;margin-top:7px;color:#fde68a;font-size:12px}
.eu-ovl__sk,.eu-ovl__role{font-size:12.5px;line-height:1.45}
.eu-ovl__sk{border:1px solid #38bdf855;border-radius:10px;padding:9px 11px;background:rgba(56,189,248,.06)}
.eu-ovl__sk ul,.eu-ovl__sklist{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:6px}
.eu-ovl__sk li,.eu-ovl__sklist li{display:flex;gap:8px;align-items:center}
.eu-ovl__sk li img,.eu-ovl__sklist li img{width:32px;height:32px;border-radius:6px;flex:none;border:1px solid #2a3a5c}
.eu-ovl__sk li span,.eu-ovl__sklist li span{display:flex;flex-direction:column;min-width:0}
.eu-ovl__sk li b,.eu-ovl__sklist li b{color:#f1f5f9;font-size:13px}
.eu-ovl__sk li small,.eu-ovl__sklist li small{color:#cbd5e1;font-size:11.5px}
.eu-ovl__sk li.is-up img,.eu-ovl__sklist li.is-up img{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf833}
.eu-ovl__sk li.is-up small b{color:#7dd3fc}
.eu-ovl__sk li.is-miss img{opacity:.55;border-style:dashed}
.eu-ovl__sk li.is-miss small{color:#fca5a5}
.eu-ovl__okline{margin:6px 0 0;font-size:11.5px;color:#86efac}
.eu-ovl__hd{border:1px solid #38bdf866;border-radius:10px;padding:8px 11px;background:rgba(56,189,248,.07);font-size:12.5px;line-height:1.45}
.eu-ovl__hd b{color:#7dd3fc}.eu-ovl__hd p{margin:3px 0 0;color:#cbd5e1}
.eu-ovl__hd.is-off{border-color:#f9731688;background:rgba(249,115,22,.08)}.eu-ovl__hd.is-off b{color:#fdba74}
.eu-ovl__role{margin-top:8px;padding-top:8px;border-top:1px solid #a855f733}
.eu-ovl__role>b{color:#e9d5ff}.eu-ovl__role p{margin:3px 0 0}
.eu-ovl__role ul{margin:4px 0 0;padding-left:16px;display:grid;gap:3px;color:#cbd5e1}
.eu-ovl__res{margin-top:8px;padding-top:8px;border-top:1px solid #a855f733}
.eu-ovl__res>b{color:#fde68a}
.eu-ovl__res ul{margin:4px 0 0;padding-left:16px;display:grid;gap:3px;color:#cbd5e1}
.eu-ovl__btns--4{display:flex;gap:8px}
.eu-ovl__btns--4 button{flex:1 1 0;min-width:0}
.eu-ovl__btns--4 button.is-main{flex:1.7 1 0}
.eu-ovl__btns--4 button[aria-label=Deshacer]{flex:0 0 44px}
/* v6: panel compacto */
.eu-ovl--compact{gap:8px;padding:10px}
.eu-ovl--compact .eu-ovl__now{padding:9px 11px}
.eu-ovl--compact .eu-q__name{font-size:16px;display:block;margin:3px 0 0}
.eu-ovl--compact .eu-steps{margin-top:6px;gap:5px}
.eu-ovl--compact .eu-steps__cur{padding:7px 9px}
.eu-ovl--compact .eu-steps__cur>b{font-size:14px}
.eu-ovl--compact .eu-ovl__btns button{min-height:38px}
.eu-ovl__ms{border:1px solid #a855f788;border-radius:12px;padding:9px 11px;background:linear-gradient(180deg,rgba(168,85,247,.14),#0b1120 80%);font-size:12.5px;line-height:1.45}
.eu-ovl__ms .eu-ovl__lbl{color:#e9d5ff}
.eu-ovl__ms p{margin:4px 0 0;color:#e2e8f0}.eu-ovl__ms b{color:#f5d0fe}
.eu-ovl__ok{margin-top:7px;padding:5px 12px;border-radius:7px;border:1px solid #a855f7;background:#a855f722;color:#f5d0fe;font-size:12.5px;font-weight:700}
.eu-ovl__hd{margin:0}
.eu-ovl__foot{display:flex;align-items:center;gap:8px;border-top:1px solid #1e2a44;padding-top:7px}
.eu-ovl__status{flex:1;min-width:0;font-size:11.5px;line-height:1.35;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.eu-ovl__more{flex:none;padding:4px 10px;border-radius:7px;border:1px solid #2a3a5c;background:#111a2e;color:#cbd5e1;font-size:12px}
.eu-ovl__morebox{display:flex;flex-direction:column;gap:8px}

/* ===== v2 · Fondo de Atreia partida ===== */
#root{position:relative;z-index:1}
.hub-shell{background:transparent!important}
.hub-sidebar{background:rgba(9,14,28,.84)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.hub-mobile-header{background:rgba(9,14,28,.9)!important;backdrop-filter:blur(8px)}
.eu-world{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:#020617}
.eu-world>div{position:absolute;inset:0}
.eu-world__art{inset:-3%!important;background-size:cover;background-position:center 28%;opacity:.7;animation:euDrift 70s ease-in-out infinite alternate}
.eu-world__ely{background:radial-gradient(ellipse 50% 75% at 100% 18%,rgba(125,211,252,.24),transparent 70%),radial-gradient(ellipse 35% 40% at 88% 0,rgba(253,230,138,.12),transparent 70%)}
.eu-world__asm{background:radial-gradient(ellipse 50% 75% at 0 82%,rgba(139,92,246,.3),transparent 70%),radial-gradient(ellipse 35% 40% at 10% 100%,rgba(225,29,72,.12),transparent 70%)}
.eu-world__abyss{left:50%!important;right:auto!important;width:min(44vw,600px);transform:translateX(-50%);background:radial-gradient(ellipse 50% 55% at 50% 42%,rgba(56,189,248,.18),rgba(91,33,182,.14) 45%,transparent 75%);mix-blend-mode:screen}
.eu-world__abyss i{position:absolute;bottom:-12px;width:3px;height:3px;border-radius:50%;background:#bae6fd;box-shadow:0 0 8px 2px rgba(125,211,252,.8);opacity:0;animation:euRise 14s linear infinite}
.eu-world__abyss i:nth-child(1){left:12%;animation-delay:0s}.eu-world__abyss i:nth-child(2){left:28%;animation-delay:3s;background:#ddd6fe;box-shadow:0 0 8px 2px rgba(167,139,250,.8)}
.eu-world__abyss i:nth-child(3){left:41%;animation-delay:6s}.eu-world__abyss i:nth-child(4){left:55%;animation-delay:1.5s;background:#ddd6fe;box-shadow:0 0 8px 2px rgba(167,139,250,.8)}
.eu-world__abyss i:nth-child(5){left:63%;animation-delay:8s}.eu-world__abyss i:nth-child(6){left:72%;animation-delay:4.5s;background:#ddd6fe;box-shadow:0 0 8px 2px rgba(167,139,250,.8)}
.eu-world__abyss i:nth-child(7){left:84%;animation-delay:10s}.eu-world__abyss i:nth-child(8){left:92%;animation-delay:12s;background:#ddd6fe;box-shadow:0 0 8px 2px rgba(167,139,250,.8)}
.eu-world__veil{background:linear-gradient(90deg,rgba(2,6,23,.55),rgba(2,6,23,.32) 30%,rgba(2,6,23,.32) 70%,rgba(2,6,23,.55)),linear-gradient(180deg,rgba(2,6,23,0),rgba(2,6,23,.5) 75%)}
@keyframes euDrift{from{transform:scale(1.03) translate3d(-.6%,0,0)}to{transform:scale(1.08) translate3d(.6%,-.8%,0)}}
@keyframes euRise{0%{transform:translateY(0);opacity:0}10%{opacity:.9}80%{opacity:.6}100%{transform:translateY(-100vh);opacity:0}}
@media (max-width:900px){.eu-world__art{background-position:50% 20%;opacity:.42}}

/* ===== Escudos de facción ===== */
.eu-emblem{position:relative;display:inline-block;width:var(--s,120px);aspect-ratio:200/179;flex:none}
.eu-emblem img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;user-select:none}
.eu-emblem__glow{opacity:0;transition:opacity .35s}
.eu-emblem--ely{--g:rgba(125,211,252,.95)}.eu-emblem--asm{--g:rgba(167,139,250,.95)}
.eu-emblem.is-lit .eu-emblem__glow,.eu-gate__side:hover .eu-emblem__glow,.eu-gate__side:focus-visible .eu-emblem__glow{opacity:1;animation:euGlow 2.6s ease-in-out infinite}
.eu-emblem.is-lit .eu-emblem__base,.eu-gate__side:hover .eu-emblem__base{opacity:0}
@keyframes euGlow{0%,100%{filter:drop-shadow(0 0 5px var(--g)) brightness(1)}50%{filter:drop-shadow(0 0 18px var(--g)) brightness(1.18)}}

/* ===== Selector de facción (tipo login) ===== */
.eu-gate{position:relative;overflow:hidden;isolation:isolate;border:1px solid #2a3a5c;border-radius:16px;background:#040714;margin-bottom:18px;box-shadow:0 30px 80px -40px rgba(76,29,149,.9)}
.eu-gate__sky{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center 30%;opacity:.34;filter:saturate(1.1)}
.eu-gate::before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 30% 70% at 50% 55%,rgba(56,189,248,.22),rgba(91,33,182,.18) 45%,transparent 75%),linear-gradient(180deg,rgba(4,7,20,.2),rgba(4,7,20,.85))}
.eu-gate__head{position:relative;z-index:3;text-align:center;padding:30px 16px 0}
.eu-gate__kicker{font:600 11px 'IBM Plex Mono',monospace;letter-spacing:.22em;text-transform:uppercase;color:#a5b4fc}
.eu-gate__head h1,.eu-gate__head h2{font:700 clamp(30px,3.6vw,50px) Marcellus,sans-serif;letter-spacing:.06em;text-transform:uppercase;margin:6px 0 6px;color:#f8fafc;text-shadow:0 0 28px rgba(125,211,252,.35),0 0 2px rgba(255,255,255,.4)}
.eu-gate__head p:last-child{color:#cbd5e1;font-size:15px}
.eu-gate__sides{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr);min-height:560px}
.eu-gate__side{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:18px 16px 28px;overflow:hidden;text-align:center;cursor:pointer;transition:filter .4s,opacity .4s;border-radius:0}
.eu-gate__side--asm{background:radial-gradient(ellipse 70% 60% at 50% 100%,rgba(139,92,246,.42),transparent 72%)}
.eu-gate__side--ely{background:radial-gradient(ellipse 70% 60% at 50% 100%,rgba(56,189,248,.36),transparent 72%)}
.eu-gate__side::after{content:"";position:absolute;left:0;right:0;bottom:0;height:58%;background:linear-gradient(180deg,transparent,rgba(4,7,20,.55) 45%,rgba(4,7,20,.9));z-index:1;pointer-events:none}
.eu-gate__art{position:absolute;bottom:0;left:50%;height:96%;width:auto;max-width:none;transform:translateX(-50%);opacity:.78;filter:brightness(.88);transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .4s,filter .4s;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 99%);mask-image:linear-gradient(180deg,#000 55%,transparent 99%)}
.eu-gate__side:hover .eu-gate__art,.eu-gate__side:focus-visible .eu-gate__art{opacity:.95;filter:none;transform:translateX(-50%) scale(1.035)}
.eu-gate__sides:hover .eu-gate__side:not(:hover){filter:grayscale(.55) brightness(.55)}
.eu-gate__info{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:6px;width:min(100%,380px);padding:22px 16px 6px}
.eu-gate__emblem{--s:128px;margin-bottom:2px}
.eu-gate__name{font:700 clamp(28px,2.6vw,38px) Marcellus,sans-serif;letter-spacing:.14em;text-transform:uppercase;line-height:1}
.eu-gate__side--asm .eu-gate__name{color:#ede9fe;text-shadow:0 0 22px rgba(167,139,250,.75)}
.eu-gate__side--ely .eu-gate__name{color:#e0f2fe;text-shadow:0 0 22px rgba(125,211,252,.75)}
.eu-gate__route{font:600 12px 'IBM Plex Mono',monospace;letter-spacing:.08em;color:#cbd5e1}
.eu-gate__blurb{font-size:13px;line-height:1.45;color:#e2e8f0;max-width:300px;text-shadow:0 1px 6px #000}
.eu-gate__cta{margin-top:8px;padding:9px 22px;border-radius:999px;font:700 13px Marcellus,sans-serif;letter-spacing:.16em;text-transform:uppercase;transition:background .25s,color .25s,box-shadow .25s}
.eu-gate__side--asm .eu-gate__cta{border:1px solid #a78bfa;color:#ddd6fe;background:rgba(76,29,149,.35)}
.eu-gate__side--ely .eu-gate__cta{border:1px solid #7dd3fc;color:#e0f2fe;background:rgba(14,116,144,.35)}
.eu-gate__side--asm:hover .eu-gate__cta{background:#7c3aed;color:#fff;box-shadow:0 0 24px rgba(167,139,250,.8)}
.eu-gate__side--ely:hover .eu-gate__cta{background:#0ea5e9;color:#fff;box-shadow:0 0 24px rgba(125,211,252,.8)}
.eu-gate__last{font-size:11px;font-style:normal;color:#fde68a;letter-spacing:.06em}
.eu-gate__abyss{position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,transparent 42%,rgba(4,7,20,.5) 66%,rgba(4,7,20,.9))}
.eu-gate__abyss::before{content:"";position:absolute;top:6%;bottom:6%;left:50%;width:2px;transform:translateX(-50%);background:linear-gradient(180deg,transparent,rgba(125,211,252,.75) 30%,rgba(167,139,250,.85) 70%,transparent);box-shadow:0 0 18px 2px rgba(125,211,252,.35)}
.eu-gate__abyss::after{content:"";position:absolute;left:50%;top:50%;width:64px;height:64px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(224,242,254,.95),rgba(56,189,248,.55) 35%,rgba(91,33,182,.25) 60%,transparent 72%);animation:euCore 3.2s ease-in-out infinite}
.eu-gate__abyss span{position:relative;z-index:1;writing-mode:vertical-rl;font:600 11px 'IBM Plex Mono',monospace;letter-spacing:.5em;text-transform:uppercase;color:#94a3b8;background:#040714;padding:8px 2px;margin-top:150px}
@keyframes euCore{0%,100%{transform:translate(-50%,-50%) scale(.85);opacity:.75}50%{transform:translate(-50%,-50%) scale(1.1);opacity:1}}
@media (max-width:760px){
  .eu-gate__sides{grid-template-columns:1fr;grid-template-rows:auto 56px auto;min-height:0}
  .eu-gate__side{min-height:360px;padding-bottom:22px}
  .eu-gate__art{height:100%}
  .eu-gate__emblem{--s:96px}
  .eu-gate__abyss::before{top:50%;bottom:auto;left:8%;right:8%;width:auto;height:2px;transform:none;background:linear-gradient(90deg,transparent,rgba(125,211,252,.75) 30%,rgba(167,139,250,.85) 70%,transparent)}
  .eu-gate__abyss::after{width:46px;height:46px}
  .eu-gate__abyss span{writing-mode:horizontal-tb;margin:0 0 0 140px;padding:2px 8px}
}

/* ===== Barra de facción elegida ===== */
.eu-facbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 16px;margin-bottom:14px;border-radius:12px;border:1px solid #2a3a5c;background:rgba(11,17,32,.9)}
.eu-facbar--ely{background:linear-gradient(90deg,rgba(14,116,144,.35),rgba(11,17,32,.92) 55%);border-color:#38bdf866}
.eu-facbar--asm{background:linear-gradient(90deg,rgba(91,33,182,.4),rgba(11,17,32,.92) 55%);border-color:#a78bfa66}
.eu-facbar__emblem{--s:58px}
.eu-facbar__txt{flex:1;min-width:180px}.eu-facbar__txt small{display:block;font:600 10px 'IBM Plex Mono',monospace;letter-spacing:.16em;text-transform:uppercase;color:#94a3b8}
.eu-facbar__txt b{font:700 20px Marcellus,sans-serif;color:#f1f5f9}

/* ===== Noticias ===== */
.eu-news{margin:18px 0;padding:18px 20px 16px;border:1px solid #253552;border-radius:12px;background:rgba(9,14,28,.9);backdrop-filter:blur(6px)}
.eu-news__head{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:flex-end;justify-content:space-between;margin-bottom:12px}
.eu-news__head h2{font:700 26px Marcellus,sans-serif;margin:2px 0 2px;color:#f1f5f9}
.eu-news__sub{font-size:13px;color:#94a3b8;max-width:640px}
.eu-news__filters{display:flex;flex-wrap:wrap;gap:6px}
.eu-news__filters button{padding:5px 10px;border-radius:999px;border:1px solid #253552;font-size:12px;color:#94a3b8;background:#0b1120;min-height:30px}
.eu-news__filters button[aria-pressed=true]{border-color:#22d3ee;color:#22d3ee;background:#22d3ee14}
.eu-news__list{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));list-style:none;padding:0;margin:0}
.eu-news__item{position:relative;padding:12px 14px 12px 16px;border:1px solid #1e2a44;border-left:3px solid #334155;border-radius:10px;background:#0b1120}
.eu-news__item[data-imp="3"]{border-left-color:#facc15}.eu-news__item[data-imp="2"]{border-left-color:#22d3ee}
.eu-news__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:11.5px;color:#94a3b8}
.eu-news__meta time{font:600 12px 'IBM Plex Mono',monospace;color:#7dd3fc;text-transform:capitalize}
.eu-news__ago{color:#64748b}
.eu-news__tag{padding:1px 7px;border-radius:999px;border:1px solid #334155;font-size:10.5px;font-weight:600;letter-spacing:.04em;color:#cbd5e1}
.eu-news__tag[data-tag=Servidores]{border-color:#38bdf866;color:#7dd3fc}.eu-news__tag[data-tag=Mantenimiento]{border-color:#f8717166;color:#fca5a5}
.eu-news__tag[data-tag=Correcciones]{border-color:#fb923c66;color:#fdba74}.eu-news__tag[data-tag=Recompensas]{border-color:#facc1566;color:#fde68a}
.eu-news__tag[data-tag=Eventos]{border-color:#a78bfa66;color:#c4b5fd}.eu-news__tag[data-tag=Tienda]{border-color:#34d39966;color:#6ee7b7}
.eu-news__tag[data-tag=Lanzamiento]{border-color:#e2e8f066;color:#e2e8f0}
.eu-news__new{padding:1px 7px;border-radius:999px;background:#facc15;color:#1a1400;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.eu-news__item h3{margin:6px 0 4px;font:700 15.5px Marcellus,sans-serif;color:#f1f5f9;line-height:1.25}
.eu-news__item>p{font-size:13.5px;line-height:1.5;color:#cbd5e1}
.eu-news__pts{margin:6px 0 0;padding-left:16px;font-size:12.5px;line-height:1.5;color:#94a3b8;list-style:disc}
.eu-news__pts li+li{margin-top:2px}
.eu-news__src{display:inline-block;margin-top:8px;font-size:11px;color:#64748b;text-decoration:underline;text-underline-offset:2px}
.eu-news__src:hover{color:#94a3b8}
.eu-news__more{margin-top:12px}
.eu-news__foot{margin-top:10px;font-size:11px;color:#64748b}

/* ===== Diarias y semanales ===== */
.eu-resets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.eu-reset{border:1px solid #253552;border-radius:10px;padding:12px 14px;background:#0b1120}
.eu-reset small{display:block;font:600 10px 'IBM Plex Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:#a78bfa}
.eu-reset b{display:block;margin:4px 0 2px;font:600 19px 'IBM Plex Mono',monospace;color:#22d3ee;white-space:nowrap}
.eu-reset span{display:block;font-size:12px;color:#94a3b8}.eu-reset span::first-letter{text-transform:uppercase}
.eu-reset__set{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;color:#94a3b8}
.eu-reset__set select{background:#0b1120;border:1px solid #253552;border-radius:7px;color:#e2e8f0;padding:5px 8px;font-size:12px;max-width:100%}
.eu-daily__bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin:0 0 12px}
.eu-daily__fac,.eu-daily__who{display:flex;flex-wrap:wrap;gap:6px}
.eu-daily__fac button{display:flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;border-radius:999px;border:1px solid #253552;background:rgba(11,17,32,.92);font:600 13px Marcellus,sans-serif;color:#94a3b8;min-height:40px}
.eu-daily__fac .eu-emblem{--s:34px}
.eu-daily__fac button[aria-pressed=true]{color:#f1f5f9;border-color:#a78bfa;background:rgba(76,29,149,.3)}
.eu-daily__fac button[aria-pressed=true]:first-child{border-color:#38bdf8;background:rgba(14,116,144,.3)}
.eu-daily__who button{display:flex;flex-direction:column;align-items:flex-start;padding:6px 12px;border-radius:9px;border:1px solid #253552;background:rgba(11,17,32,.92);font-size:13px;font-weight:600;color:#cbd5e1;min-height:40px}
.eu-daily__who button small{font:500 10.5px 'IBM Plex Mono',monospace;color:#64748b}
.eu-daily__who button[aria-selected=true]{border-color:#22d3ee;color:#22d3ee;background:#22d3ee12}
.eu-daily__altnote{margin:0 0 12px;padding:10px 14px;border:1px solid #f59e0b55;border-radius:10px;background:#f59e0b10;font-size:13px;line-height:1.5;color:#e2e8f0}
.eu-daily__grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));align-items:start}
.eu-list{border:1px solid #253552;border-radius:12px;background:#0b1120;padding:14px 14px 10px}
.eu-list__head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.eu-list__head h3{font:700 20px Marcellus,sans-serif;color:#f1f5f9}.eu-list__head p{font-size:12px;color:#94a3b8}
.eu-list__count{font:600 14px 'IBM Plex Mono',monospace;color:#94a3b8;padding:3px 9px;border:1px solid #253552;border-radius:999px}
.eu-list__count.is-full{color:#22c55e;border-color:#22c55e80}
.eu-list__bar{height:6px;margin:10px 0 4px;border-radius:99px;background:#1e2a44;overflow:hidden}.eu-list__bar span{display:block;height:100%;background:linear-gradient(90deg,#22d3ee,#22c55e);transition:width .3s}
.eu-list__group{margin-top:10px}
.eu-list__gh{margin:0 0 6px;font:700 11px 'IBM Plex Mono',monospace;letter-spacing:.16em;text-transform:uppercase;border:0!important;background:none!important;padding:0!important}
.eu-list ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.eu-task{border:1px solid #1e2a44;border-radius:9px;background:#0f172a;transition:border-color .2s,opacity .2s}
.eu-task:hover{border-color:#334155}
.eu-task__row{display:flex;gap:10px;align-items:flex-start;padding:9px 10px 6px;cursor:pointer}
.eu-task__row input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:#22c55e}
.eu-task__main{display:flex;flex-direction:column;gap:4px;min-width:0}
.eu-task__name{font-weight:700;font-size:14px;color:#f1f5f9;line-height:1.3}
.eu-task__chips{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.eu-task__limit{font-size:12.5px;line-height:1.45;color:#94a3b8}
.eu-task.is-done{opacity:.6}.eu-task.is-done .eu-task__name{text-decoration:line-through;text-decoration-color:#22c55e99}
.eu-task__more{padding:0 10px 8px 38px}
.eu-task__more summary{font-size:12px;color:#22d3ee;cursor:pointer;width:max-content}
.eu-task__more dl{display:grid;grid-template-columns:92px minmax(0,1fr);gap:4px 10px;margin:6px 0 2px}
.eu-task__more dt{font:600 10.5px 'IBM Plex Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:#64748b;padding-top:2px}
.eu-task__more dd{margin:0;font-size:12.5px;line-height:1.5;color:#cbd5e1}
.eu-prio{padding:1px 7px;border-radius:5px;border:1px solid;font-size:10.5px;font-weight:700;letter-spacing:.04em}
.eu-prio--vital{color:#fca5a5;border-color:#f8717166;background:#f8717114}
.eu-prio--imp{color:#67e8f9;border-color:#22d3ee55;background:#22d3ee10}
.eu-prio--opt{color:#94a3b8;border-color:#47556966;background:#47556914}
.eu-list__gh.eu-prio--vital{color:#fca5a5}.eu-list__gh.eu-prio--imp{color:#67e8f9}.eu-list__gh.eu-prio--opt{color:#94a3b8}
.eu-chip{padding:1px 7px;border-radius:5px;font-size:10.5px;font-weight:600}
.eu-chip--server{color:#fcd34d;border:1px solid #f59e0b55;background:#f59e0b12}
.eu-list__reset{margin-top:10px;font-size:11.5px;color:#64748b;text-decoration:underline;text-underline-offset:2px}
.eu-daily__info{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.eu-infocard{border:1px solid #253552;border-radius:10px;background:#0b1120;padding:12px 14px}
.eu-infocard__h{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;margin-bottom:4px}.eu-infocard__h b{font-size:14px;color:#f1f5f9}
.eu-infocard p{font-size:12.5px;line-height:1.5;color:#cbd5e1}.eu-infocard__tip{margin-top:4px;color:#94a3b8!important}
.eu-alts__lead{padding:12px 16px;border:1px solid #22d3ee44;border-radius:10px;background:linear-gradient(90deg,#22d3ee12,transparent);font-size:14px;line-height:1.55;color:#e2e8f0;margin-bottom:14px}
.eu-alts__grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));align-items:start;margin-bottom:14px}
.eu-alts__routine{list-style:none;counter-reset:r;margin:0;padding:0;display:grid;gap:10px}
.eu-alts__routine li{counter-increment:r;position:relative;padding-left:36px}
.eu-alts__routine li::before{content:counter(r);position:absolute;left:0;top:0;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#22d3ee1f;color:#22d3ee;font:700 13px 'IBM Plex Mono',monospace}
.eu-alts__rh{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.eu-alts__rh b{font-size:14px;color:#f1f5f9}
.eu-alts__routine p{font-size:13px;line-height:1.5;color:#cbd5e1;margin-top:2px}
.eu-alts__side{display:grid;gap:14px}
.eu-alts__rules{list-style:disc;padding-left:18px;display:grid;gap:6px;font-size:13px;line-height:1.5;color:#cbd5e1}
.eu-alts__dont{border:1px solid #f8717155;border-radius:10px;background:#f871710d;padding:14px 16px}
.eu-alts__dont h3{font:700 15px Marcellus,sans-serif;color:#fca5a5;margin-bottom:6px}
.eu-alts__dont ul{list-style:disc;padding-left:18px;display:grid;gap:5px;font-size:13px;line-height:1.5;color:#e2e8f0}
.eu-resettable{overflow-x:auto;border:1px solid #253552;border-radius:10px;background:#0b1120}
.eu-resettable table{width:100%;min-width:640px;font-size:13px;border-collapse:collapse}
.eu-resettable th{text-align:left;padding:9px 12px;font:600 10.5px 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:#64748b}
.eu-resettable td{padding:9px 12px;border-top:1px solid #1e2a44;vertical-align:top;color:#cbd5e1;line-height:1.45}
.eu-resettable td:first-child{color:#f1f5f9;font-weight:600;width:34%}
.eu-daily__notes{margin-top:18px;border:1px solid #253552;border-radius:10px;background:#0b1120;padding:10px 14px}
.eu-daily__notes summary{cursor:pointer;font-weight:600;color:#cbd5e1}
.eu-daily__notes ul{margin:8px 0;padding-left:18px;list-style:disc;display:grid;gap:5px;font-size:12.5px;line-height:1.5;color:#94a3b8}
.eu-daily__notes p{font-size:11.5px;color:#64748b;line-height:1.5}
.eu-daily__foot{margin-top:12px;font-size:11.5px;color:#64748b}
@media (max-width:640px){.eu-resets{grid-template-columns:1fr}.eu-task__more{padding-left:10px}.eu-task__more dl{grid-template-columns:1fr}}

/* Inicio: 6 tarjetas */
.hub-home-cards{grid-template-columns:repeat(6,minmax(0,1fr))}
@media (max-width:1400px){.hub-home-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:850px){.hub-home-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hub-home-hero{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(9,14,28,.9) 0%,rgba(9,14,28,.62) 36%,rgba(9,14,28,.12) 62%,rgba(9,14,28,.3)),linear-gradient(180deg,rgba(9,14,28,.1),rgba(9,14,28,.45)),var(--eu-hero) 50% 30%/max(100%,700px) auto no-repeat!important;min-height:280px;border-color:#2a3a5c!important}
.hub-home-hero>div:first-child{max-width:600px}
.hub-home-hero .hub-home-logo{filter:drop-shadow(0 0 24px rgba(56,189,248,.55))}
@media (max-width:850px){.hub-home-hero{background:linear-gradient(180deg,rgba(9,14,28,.55),rgba(9,14,28,.95) 70%),var(--eu-hero) 60% 20%/cover no-repeat!important}}

/* v3: relojes, pestañas y tarjetas compactas */
.eu-resets{grid-template-columns:1fr!important;gap:8px}
.eu-clock{border:1px solid #253552;border-radius:10px;padding:10px 14px;background:#0b1120;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"l l" "b s";align-items:baseline;column-gap:12px;min-width:0}
.eu-clock small{grid-area:l;font:600 10px 'IBM Plex Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:#a78bfa}
.eu-clock b{grid-area:b;font:600 22px 'IBM Plex Mono',monospace;color:#22d3ee;white-space:nowrap}
.eu-clock span{grid-area:s;font-size:12.5px;color:#94a3b8;text-align:right}
.eu-reset__why{font-size:12.5px;color:#94a3b8;margin:8px 0 6px;line-height:1.5}
.eu-dtabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:5px;border:1px solid #253552;border-radius:12px;background:rgba(9,14,28,.9)}
.eu-dtabs button{flex:1 1 150px;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:9px 14px;border-radius:9px;color:#94a3b8;min-height:48px;text-align:left}
.eu-dtabs a{flex:1 1 150px;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:9px 14px;border-radius:9px;color:#94a3b8;min-height:48px;text-align:left}
.eu-dtabs button b{font:700 15px Marcellus,sans-serif;color:#cbd5e1}
.eu-dtabs a b{font:700 15px Marcellus,sans-serif;color:#cbd5e1}
.eu-dtabs button small{font:500 11px 'IBM Plex Mono',monospace;color:#64748b}
.eu-dtabs a small{font:500 11px 'IBM Plex Mono',monospace;color:#64748b}
.eu-dtabs button:hover{background:#111a2e}
.eu-dtabs a:hover{background:#111a2e}
.eu-dtabs button[aria-selected=true]{background:linear-gradient(180deg,#22d3ee22,#22d3ee0a);box-shadow:inset 0 0 0 1px #22d3ee80}
.eu-dtabs a[aria-selected=true]{background:linear-gradient(180deg,#22d3ee22,#22d3ee0a);box-shadow:inset 0 0 0 1px #22d3ee80}
.eu-dtabs button[aria-selected=true] b{color:#22d3ee}
.eu-dtabs a[aria-selected=true] b{color:#22d3ee}
.eu-list ul{grid-template-columns:repeat(auto-fill,minmax(min(100%,430px),1fr))!important;align-items:start}
.eu-clocks{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr))}
.eu-evcard{border:1px solid #253552;border-radius:11px;background:#0b1120;padding:12px 14px}
.eu-evcard.is-live{border-color:#22c55e99;box-shadow:0 0 0 1px #22c55e55,0 0 24px -8px #22c55e}
.eu-evcard__top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.eu-evcard__top b{font-size:14px;color:#f1f5f9;line-height:1.3}
.eu-evcard__time{margin-top:6px;font:600 24px 'IBM Plex Mono',monospace;color:#22d3ee}
.eu-evcard.is-live .eu-evcard__time{color:#4ade80}
.eu-evcard__next{font-size:12px;color:#94a3b8;text-transform:capitalize}
.eu-evcard p{margin-top:6px;font-size:12.5px;line-height:1.45;color:#94a3b8}

/* ==================== DoeNyForge · tema (Abismo, éter, Asmodae, forja) ==================== */
@font-face{font-family:Cinzel;font-weight:600;font-display:swap;src:url(/assets/fonts/cinzel-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:Cinzel;font-weight:700;font-display:swap;src:url(/assets/fonts/cinzel-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:Cinzel;font-weight:700;font-display:swap;src:url(/assets/fonts/cinzel-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+1E00-1EFF}
@font-face{font-family:Marcellus;font-weight:100 900;font-display:swap;src:url(/assets/fonts/marcellus-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:Marcellus;font-weight:100 900;font-display:swap;src:url(/assets/fonts/marcellus-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+1E00-1EFF}
@font-face{font-family:'Alegreya Sans';font-weight:400;font-display:swap;size-adjust:110%;src:url(/assets/fonts/alegreya-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Alegreya Sans';font-weight:400;font-style:italic;font-display:swap;size-adjust:110%;src:url(/assets/fonts/alegreya-sans-latin-400-italic.woff2) format('woff2')}
@font-face{font-family:'Alegreya Sans';font-weight:500;font-display:swap;size-adjust:110%;src:url(/assets/fonts/alegreya-sans-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Alegreya Sans';font-weight:600 700;font-display:swap;size-adjust:110%;src:url(/assets/fonts/alegreya-sans-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Alegreya Sans';font-weight:800 900;font-display:swap;size-adjust:110%;src:url(/assets/fonts/alegreya-sans-latin-800-normal.woff2) format('woff2')}
@font-face{font-family:'Alegreya Sans';font-weight:400 500;font-display:swap;size-adjust:110%;src:url(/assets/fonts/alegreya-sans-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+1E00-1EFF}
@font-face{font-family:'Alegreya Sans';font-weight:600 900;font-display:swap;size-adjust:110%;src:url(/assets/fonts/alegreya-sans-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+1E00-1EFF}
@font-face{font-family:'IBM Plex Mono';font-weight:400;font-display:swap;src:url(/assets/fonts/ibm-plex-mono-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-weight:600;font-display:swap;src:url(/assets/fonts/ibm-plex-mono-latin-600-normal.woff2) format('woff2')}

:root{
  --df-abyss:#070a16; --df-night:#0b1020; --df-slate:#0f1629; --df-slate2:#151e37; --df-line:#24304f; --df-line2:#33416a;
  --df-aether:#6fd6ff; --df-aether2:#bdeeff; --df-violet:#9b6bff; --df-violet2:#c7b0ff; --df-gold:#e9bf62; --df-gold2:#ffe3a1;
  --df-text:#e3eaf6; --df-text2:#b3c0d8; --df-mute:#8492b0; --df-hh:64px; --df-max:1440px;
  --df-display:Cinzel,'Times New Roman',serif; --df-head:Marcellus,Cinzel,Georgia,serif; --df-sans:'Alegreya Sans','Segoe UI',system-ui,sans-serif;
  --df-ease:cubic-bezier(.2,.7,.2,1);
}
html{scroll-padding-top:calc(var(--df-hh) + 12px);background:var(--df-abyss)}
body{background:var(--df-abyss);color:var(--df-text);font-family:var(--df-sans)}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:
  radial-gradient(1100px 600px at 12% -10%,#9b6bff14,transparent 60%),radial-gradient(900px 520px at 92% 0,#6fd6ff12,transparent 60%),var(--df-abyss)}
html.df-noscroll{overflow:hidden}
html.df-leaving body{opacity:.35;transition:opacity .12s}
::selection{background:#6fd6ff44;color:#fff}
:focus-visible{outline:2px solid var(--df-aether);outline-offset:2px}

/* paleta de la aplicación (sustituye la anterior) */
.bg-ink{background-color:var(--df-abyss)}.bg-ink\/60{background-color:#070a1699}.bg-ink\/70{background-color:#070a16b3}.bg-ink\/80{background-color:#070a16cc}.bg-ink\/85{background-color:#070a16d9}.bg-ink\/95{background-color:#070a16f2}
.bg-panel{background-color:var(--df-slate)}.bg-panel\/60{background-color:#0f162999}.bg-panel\/80{background-color:#0f1629cc}.bg-panel\/95{background-color:#0f1629f2}
.bg-panel2{background-color:var(--df-slate2)}.bg-panel2\/80{background-color:#151e37cc}
.border-line{border-color:var(--df-line)}.border-line\/60{border-color:#24304f99}.bg-line{background-color:var(--df-line)}
.text-neon{color:var(--df-aether)}.text-neon\/70{color:#6fd6ffb3}.text-neon\/80{color:#6fd6ffcc}.text-neon\/90{color:#6fd6ffe6}
.bg-neon{background-color:var(--df-aether)}.bg-neon\/5{background-color:#6fd6ff0d}.bg-neon\/10{background-color:#6fd6ff1a}.bg-neon\/15{background-color:#6fd6ff26}.bg-neon\/50{background-color:#6fd6ff80}
.border-neon{border-color:var(--df-aether)}.border-neon\/30{border-color:#6fd6ff4d}.border-neon\/40{border-color:#6fd6ff66}.border-neon\/50{border-color:#6fd6ff80}.border-neon\/60{border-color:#6fd6ff99}
.hover\:border-neon:hover,.focus-visible\:border-neon:focus-visible{border-color:var(--df-aether)}
.hover\:text-txt:hover{color:var(--df-text)}
.text-arc2{color:var(--df-violet2)}.bg-arc\/10{background-color:#9b6bff1a}.bg-arc\/30{background-color:#9b6bff4d}.border-arc\/50{border-color:#9b6bff80}.border-arc\/60{border-color:#9b6bff99}
.text-txt{color:var(--df-text)}.text-txt2{color:var(--df-text2)}.text-mut{color:var(--df-mute)}
.font-display{font-family:var(--df-head);letter-spacing:.01em}

/* ---------- contenedor ---------- */
.df-app{min-height:100dvh;display:flex;flex-direction:column}
.df-main.bm-main{max-width:var(--df-max);width:100%;margin:0 auto;padding:22px clamp(16px,3vw,40px) 40px;flex:1}
.df-sec--home .df-main.bm-main{padding-top:0}
.df-page{animation:df-page .38s var(--df-ease) both}
@keyframes df-page{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.df-main .sticky.top-0{top:var(--df-hh)}
.df-skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--df-gold);color:#1a1205;padding:8px 14px;border-radius:6px;font-weight:600}
.df-skip:focus{top:10px}

/* ---------- cabecera ---------- */
.df-header{position:sticky;top:0;z-index:60;height:var(--df-hh);background:linear-gradient(180deg,#070a16f0,#070a16d9);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border-bottom:1px solid transparent;transition:border-color .2s,background .2s}
.df-header.is-scrolled{border-bottom-color:#24304fcc;background:#070a16f2}
.df-header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#9b6bff66 25%,#e9bf6299 50%,#6fd6ff66 75%,transparent);opacity:.7}
.df-header__in{max-width:var(--df-max);height:100%;margin:0 auto;padding:0 clamp(12px,3vw,40px);display:flex;align-items:center;gap:20px}
.df-logo{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none;flex:none}
.df-emblem{display:block;filter:drop-shadow(0 0 10px #39b8ff55)}
.df-logo__txt{display:flex;flex-direction:column;gap:3px}
.df-wordmark{font:700 21px/1 var(--df-display);letter-spacing:.015em;white-space:nowrap}
.df-wordmark b{background:linear-gradient(180deg,#fff2c9,#e7b74d 62%,#a8741c);-webkit-background-clip:text;background-clip:text;color:transparent}
.df-wordmark i{font-style:normal;background:linear-gradient(180deg,#fff,#a9e4ff 60%,#4aa3e8);-webkit-background-clip:text;background-clip:text;color:transparent}
.df-logo__txt small{font:500 10.5px/1 var(--df-sans);letter-spacing:.06em;color:var(--df-mute)}
.df-logo--big .df-wordmark{font-size:38px}
.df-nav{display:flex;align-items:center;gap:2px;margin-left:8px}
.df-dd{position:relative}
.df-nav__btn{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 13px;border:0;border-radius:8px;background:transparent;color:var(--df-text2);font:600 14.5px/1 var(--df-sans);cursor:pointer;transition:color .15s,background .15s}
.df-nav__btn:hover,.df-dd.is-open .df-nav__btn{color:#fff;background:#ffffff0d}
.df-nav__btn.is-active{color:#fff}
.df-nav__btn.is-active::after{content:"";position:absolute;left:13px;right:13px;bottom:-12px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--df-violet),var(--df-aether))}
.df-caret{width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s;opacity:.7}
.df-dd.is-open .df-caret,.df-acc.is-open .df-caret,.df-set.is-open .df-caret{transform:translateY(1px) rotate(225deg)}
.df-dd__panel{position:absolute;top:calc(100% + 12px);left:-12px;z-index:70;background:#0c1224f7;border:1px solid var(--df-line);border-radius:14px;box-shadow:0 24px 60px -18px #000c,0 0 0 1px #ffffff08 inset;padding:16px;animation:df-pop .18s var(--df-ease)}
.df-dd__panel[hidden]{display:none}
.df-dd__panel::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
@keyframes df-pop{from{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:none}}
.df-mega{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:18px}
.df-mega__title{margin:2px 8px 8px;font:600 12px/1.2 var(--df-sans);color:var(--df-gold);letter-spacing:.02em}
.df-mega__link{display:flex;gap:11px;align-items:flex-start;padding:9px 10px;border-radius:9px;color:inherit;text-decoration:none;transition:background .15s}
.df-mega__link:hover{background:#ffffff0b}
.df-mega__link img{width:30px;height:30px;object-fit:contain;flex:none;margin-top:1px}
.df-mega__link b{display:block;font-size:14px;font-weight:600;color:#fff}
.df-mega__link small{display:block;font-size:12.5px;color:var(--df-mute);line-height:1.35;margin-top:2px}
.df-mega--classes{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(190px,1fr));gap:8px;width:min(900px,86vw)}
.df-mega__cls{padding:10px;border-radius:11px;border:1px solid transparent;transition:border-color .15s,background .15s}
.df-mega__cls:hover{border-color:var(--df-line);background:#ffffff06}
.df-mega__clshead{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}
.df-mega__clshead img{width:34px;height:34px}
.df-mega__clshead b{display:block;font-size:14.5px;color:#fff}
.df-mega__clshead small{display:block;font-size:12px;color:var(--df-mute)}
.df-mega__tabs{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
.df-mega__tabs a{font-size:12px;padding:3px 7px;border-radius:6px;color:var(--df-text2);background:#ffffff08;text-decoration:none}
.df-mega__tabs a:hover{color:#06111c;background:var(--df-aether)}
.df-mega__all{grid-column:1/-1;justify-self:end;margin-top:4px;font-size:13px;color:var(--df-aether);text-decoration:none;padding:6px 8px}
.df-header__right{margin-left:auto;display:flex;align-items:center;gap:10px}
.df-cta{display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:9px;font:600 14px/1 var(--df-sans);color:#1b1304;text-decoration:none;background:linear-gradient(180deg,var(--df-gold2),var(--df-gold));box-shadow:0 6px 22px -10px #e9bf62cc}
.df-cta:hover{filter:brightness(1.07)}
.df-icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:9px;border:1px solid var(--df-line);background:#ffffff06;color:#fff;cursor:pointer;font-size:16px}
.df-burger{display:none;gap:4px;align-content:center}
.df-burger span{display:block;width:18px;height:2px;border-radius:2px;background:currentColor}
.df-set{position:relative}
.df-set__btn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 11px;border-radius:9px;border:1px solid var(--df-line);background:#ffffff05;color:var(--df-text2);font:600 13px/1 var(--df-sans);cursor:pointer}
.df-set__btn:hover{color:#fff;border-color:var(--df-line2)}
.df-set__panel{position:absolute;right:0;top:calc(100% + 10px);z-index:75;width:300px;padding:14px;background:#0c1224fa;border:1px solid var(--df-line);border-radius:14px;box-shadow:0 24px 60px -18px #000c;animation:df-pop .18s var(--df-ease)}
.df-set__title{margin:0 0 8px;font-size:12.5px;font-weight:600;color:var(--df-gold)}
.df-set__note{margin:12px 0 0;font-size:12.5px;color:var(--df-mute);line-height:1.45}
.df-seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:10px;background:#00000040;border:1px solid var(--df-line);margin-bottom:14px}
.df-seg button{height:34px;border:0;border-radius:7px;background:transparent;color:var(--df-text2);font:600 13.5px var(--df-sans);cursor:pointer}
.df-seg button[aria-pressed=true]{background:linear-gradient(180deg,#22314f,#1a2541);color:#fff;box-shadow:0 0 0 1px #6fd6ff55 inset}
.df-switch{display:flex;gap:11px;align-items:flex-start;cursor:pointer}
.df-switch input{position:absolute;opacity:0;width:1px;height:1px}
.df-switch__ui{flex:none;width:38px;height:22px;border-radius:22px;background:#2a3554;position:relative;transition:background .2s;margin-top:1px}
.df-switch__ui::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#cfd8ea;transition:transform .2s var(--df-ease)}
.df-switch input:checked+.df-switch__ui{background:var(--df-aether)}
.df-switch input:checked+.df-switch__ui::after{transform:translateX(16px);background:#06111c}
.df-switch input:focus-visible+.df-switch__ui{outline:2px solid var(--df-aether);outline-offset:2px}
.df-switch b{display:block;font-size:13.5px;color:#fff}
.df-switch small{display:block;font-size:12px;color:var(--df-mute);line-height:1.45;margin-top:3px}

/* menú móvil */
.df-drawer{position:fixed;inset:0;z-index:90;background:#070a16;display:flex;flex-direction:column;animation:df-drawer .22s var(--df-ease)}
@keyframes df-drawer{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.df-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--df-line)}
.df-drawer__nav{flex:1;overflow-y:auto;padding:10px 16px 24px}
.df-drawer__top{display:block;padding:14px 4px;font:600 17px var(--df-sans);color:#fff;text-decoration:none;border-bottom:1px solid #24304f80}
.df-acc{border-bottom:1px solid #24304f80}
.df-acc__btn{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 4px;border:0;background:none;color:#fff;font:600 17px var(--df-sans);cursor:pointer}
.df-acc__body{padding:0 0 12px}
.df-acc__link{display:flex;align-items:center;gap:10px;padding:10px 6px;color:var(--df-text2);text-decoration:none;font-size:15px}
.df-acc__link img{width:26px;height:26px;object-fit:contain}
.df-acc__cls{padding:8px 4px}
.df-acc__clshead{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:600}
.df-acc__clshead img{width:28px;height:28px}
.df-acc__chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0 38px}
.df-acc__chips a{font-size:13px;padding:5px 9px;border-radius:7px;background:#ffffff0a;color:var(--df-text2);text-decoration:none}
.df-drawer__foot{padding:12px 16px 18px;border-top:1px solid var(--df-line)}
.df-drawer__foot .df-set__panel{bottom:calc(100% + 10px);top:auto;left:0;right:auto}

/* migas */
.df-crumbs{max-width:var(--df-max);width:100%;margin:0 auto;padding:12px clamp(16px,3vw,40px) 0}
.df-crumbs ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0;font-size:13px;color:var(--df-mute)}
.df-crumbs li+li::before{content:"/";margin-right:6px;color:#3d4a6c}
.df-crumbs a{color:var(--df-text2);text-decoration:none}
.df-crumbs a:hover{color:var(--df-aether)}
.df-crumbs [aria-current]{color:#fff}

/* ---------- inicio ---------- */
.df-hero{position:relative;margin:0 calc(-1*clamp(16px,3vw,40px));min-height:min(78vh,720px);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}
.df-hero__bg{position:absolute;inset:0;z-index:-1}
.df-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;transform:scale(1.04);animation:df-drift 18s ease-in-out infinite alternate}
@keyframes df-drift{to{transform:scale(1.09) translateY(-1.5%)}}
.df-hero__veil{position:absolute;inset:0;background:
  linear-gradient(90deg,#070a16f2 0%,#070a16c7 30%,#070a1633 62%,#070a1600 80%),
  linear-gradient(0deg,var(--df-abyss) 0%,#070a1600 40%),
  radial-gradient(260px 260px at 50.5% 33%,#6fd6ff2e,transparent 70%)}
.df-motes{position:absolute;inset:0;pointer-events:none}
.df-motes i{position:absolute;left:calc(44% + var(--i)*1.1%);bottom:-10px;width:3px;height:3px;border-radius:50%;background:#bdeeff;box-shadow:0 0 8px #6fd6ff;opacity:0;animation:df-mote calc(9s + var(--i)*.55s) linear calc(var(--i)*-.9s) infinite}
.df-motes i:nth-child(3n){background:#c7b0ff;box-shadow:0 0 8px #9b6bff;left:calc(36% + var(--i)*1.4%)}
@keyframes df-mote{0%{transform:translate(0,0);opacity:0}12%{opacity:.85}100%{transform:translate(calc((var(--i) - 7)*9px),-78vh);opacity:0}}
.df-hero__in{width:100%;max-width:var(--df-max);margin:0 auto;padding:120px clamp(16px,3vw,40px) 56px}
.df-eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 16px;padding:6px 12px 6px 10px;border-radius:999px;border:1px solid #6fd6ff3d;background:#070a1680;font:500 13px/1 var(--df-sans);color:var(--df-aether2)}
.df-sec-head .df-eyebrow{border:0;background:none;padding:0;margin:0 0 6px;color:var(--df-gold);font-weight:600}
.df-live-dot{width:8px;height:8px;border-radius:50%;background:#58e3a5;box-shadow:0 0 0 0 #58e3a5aa;animation:df-ping 2.2s infinite}
@keyframes df-ping{70%{box-shadow:0 0 0 8px #58e3a500}100%{box-shadow:0 0 0 0 #58e3a500}}
.df-hero h1{margin:0;font:700 clamp(40px,6.2vw,84px)/.98 var(--df-display);letter-spacing:.005em;color:#fff;text-shadow:0 4px 40px #000a;max-width:12ch}
.df-hero h1 span{display:block;background:linear-gradient(90deg,var(--df-violet2),#fff 45%,var(--df-aether2));-webkit-background-clip:text;background-clip:text;color:transparent}
.df-hero__lead{max-width:56ch;margin:22px 0 0;font-size:clamp(15.5px,1.25vw,18px);line-height:1.6;color:#d3dcee}
.df-hero__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.df-btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 20px;border-radius:11px;font:600 15px/1 var(--df-sans);text-decoration:none;border:1px solid transparent;transition:transform .15s var(--df-ease),filter .15s,background .15s,border-color .15s}
.df-btn:active{transform:translateY(1px)}
.df-btn--primary{color:#1b1304;background:linear-gradient(180deg,var(--df-gold2),var(--df-gold) 70%);box-shadow:0 10px 30px -12px #e9bf62}
.df-btn--primary:hover{filter:brightness(1.07)}
.df-btn--ghost{color:#fff;background:#0b1020a6;border-color:#ffffff2b;backdrop-filter:blur(6px)}
.df-btn--ghost:hover{border-color:var(--df-aether);background:#0b1020d9}
.df-hero__stats{display:flex;flex-wrap:wrap;gap:0;margin:34px 0 0;padding:0}
.df-hero__stats div{padding:0 22px 0 0;margin-right:22px;border-right:1px solid #ffffff26}
.df-hero__stats div:last-child{border:0}
.df-hero__stats dt{font:700 26px/1 var(--df-display);color:#fff}
.df-hero__stats dd{margin:6px 0 0;font-size:13px;color:var(--df-text2)}
.df-factions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:6px 0 26px}
.df-fac{position:relative;display:flex;align-items:flex-end;min-height:210px;padding:22px 24px;border-radius:16px;overflow:hidden;text-decoration:none;color:#fff;border:1px solid var(--df-line);isolation:isolate;transition:border-color .2s,transform .25s var(--df-ease)}
.df-fac:hover{transform:translateY(-2px)}
.df-fac--asm{background:radial-gradient(500px 300px at 85% 30%,#9b6bff40,transparent 70%),linear-gradient(120deg,#170f2d,#0c0f1f)}
.df-fac--ely{background:radial-gradient(500px 300px at 85% 30%,#6fd6ff38,transparent 70%),linear-gradient(120deg,#0b1c2f,#0c1220)}
.df-fac--asm:hover{border-color:#9b6bff99}.df-fac--ely:hover{border-color:#6fd6ff99}
.df-fac__art{position:absolute;right:-4%;bottom:-8%;height:120%;width:auto;z-index:-1;opacity:.55;mask-image:linear-gradient(90deg,transparent,#000 40%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%);transition:opacity .25s,transform .4s var(--df-ease)}
.df-fac:hover .df-fac__art{opacity:.8;transform:scale(1.03)}
.df-fac__emb{position:absolute;left:18px;top:14px;width:64px;height:58px}
.df-fac__emb img{width:100%;height:100%;object-fit:contain}
.df-fac__txt{display:flex;flex-direction:column;gap:4px}
.df-fac__txt small{font-size:13px;color:var(--df-text2)}
.df-fac__txt b{font:700 30px/1.05 var(--df-display)}
.df-fac--asm b{color:var(--df-violet2)}.df-fac--ely b{color:var(--df-aether2)}
.df-fac__txt em{font-style:normal;font-size:14px;color:var(--df-text2)}
.df-fac__go{margin-top:8px;font-size:14px;font-weight:600;color:#fff}
.df-sec-head{display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px 16px;margin:36px 0 16px}
.df-sec-head>div,.df-sec-head h2{margin:0}
.df-sec-head h2{font:700 clamp(24px,2.4vw,32px)/1.15 var(--df-display);color:#fff;flex-basis:100%;order:2}
.df-sec-head .df-eyebrow{order:1;flex-basis:100%}
.df-sec-head .df-more{order:3}
.df-more{font-size:14px;font-weight:600;color:var(--df-aether);text-decoration:none}
.df-more:hover{color:#fff}
.df-more--block{display:inline-block;margin:10px 0 0}
.df-tasks__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--df-line);border:1px solid var(--df-line);border-radius:16px;overflow:hidden}
.df-task{position:relative;display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto 1fr;column-gap:14px;row-gap:4px;padding:20px 22px;background:var(--df-slate);color:inherit;text-decoration:none;transition:background .18s}
.df-task:hover{background:#141d36}
.df-task__icon{grid-row:1/3;width:44px;height:44px;border-radius:11px;display:grid;place-items:center;background:#ffffff08;border:1px solid var(--df-line)}
.df-task__icon img{width:30px;height:30px;object-fit:contain}
.df-task b{font-size:16px;color:#fff}
.df-task span:not(.df-task__icon){font-size:13.5px;line-height:1.45;color:var(--df-text2)}
.df-task__arrow{position:absolute;right:18px;top:20px;font-style:normal;color:var(--df-mute);transition:transform .18s,color .18s}
.df-task:hover .df-task__arrow{transform:translateX(3px);color:var(--df-aether)}
.df-classes__grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
.df-ccard{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:290px;border-radius:14px;overflow:hidden;text-decoration:none;color:#fff;border:1px solid var(--df-line);background:linear-gradient(180deg,#0f1629,#0a0f1f);isolation:isolate}
.df-ccard__glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(160px 200px at 50% 70%,#9b6bff33,transparent 70%);transition:opacity .25s}
.df-ccard:nth-child(even) .df-ccard__glow{background:radial-gradient(160px 200px at 50% 70%,#6fd6ff2e,transparent 70%)}
.df-ccard__render{position:absolute;inset:6px 0 46px;margin:auto;height:calc(100% - 52px);width:auto;max-width:100%;object-fit:contain;object-position:bottom;z-index:-1;transition:transform .35s var(--df-ease),filter .35s}
.df-ccard:hover{border-color:#6fd6ff80}
.df-ccard:hover .df-ccard__render{transform:scale(1.05)}
.df-ccard__info{display:flex;align-items:center;gap:8px;padding:10px;background:linear-gradient(0deg,#070a16f5 40%,#070a1600)}
.df-ccard__info img{width:28px;height:28px;flex:none}
.df-ccard__info b{display:block;font-size:14.5px}
.df-ccard__info small{display:block;font-size:11.5px;color:var(--df-text2)}
.df-home-news{margin-top:34px}
.df-keyfacts .hub-global-info{display:block}

/* ---------- pie ---------- */
.df-foot{margin-top:40px;border-top:1px solid var(--df-line);background:linear-gradient(180deg,#0a0f1e,#070a16)}
.df-foot__in{max-width:var(--df-max);margin:0 auto;padding:34px clamp(16px,3vw,40px) 18px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:26px}
.df-foot__brand p{max-width:42ch;margin:14px 0 0;font-size:13.5px;line-height:1.55;color:var(--df-text2)}
.df-foot__col p{margin:4px 0 10px;font-size:13px;font-weight:600;color:var(--df-gold)}
.df-foot__col a{display:block;padding:4px 0;font-size:14px;color:var(--df-text2);text-decoration:none}
.df-foot__col a:hover{color:#fff}
.df-foot__legal{max-width:var(--df-max);margin:0 auto;padding:14px clamp(16px,3vw,40px) 26px;display:flex;flex-wrap:wrap;gap:6px 22px;font-size:12px;color:var(--df-mute);border-top:1px solid #24304f80}

/* ---------- varios ---------- */
.df-404{display:grid;justify-items:center;gap:10px;text-align:center;padding:80px 16px}
.df-404 h1{margin:8px 0 0;font:700 34px var(--df-display)}
.df-404 p{color:var(--df-text2)}
.df-skill-card .bm-skill-line{display:block}
.df-skill-card .bm-skill-line+.bm-skill-line{margin-top:5px}
.df-skill-tag{color:var(--df-aether2)}
.df-skill-chain p{margin:4px 0;font-size:13px;line-height:1.45}
.df-skill-learn{margin-top:10px}
.df-skill-learn summary{cursor:pointer;font-weight:600;font-size:13px;color:var(--df-aether)}
.df-learn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px;margin:8px 0}
.df-learn-grid span{padding:5px 7px;border-radius:7px;background:#ffffff08;border:1px solid var(--df-line);font-size:12px}
.df-learn-grid b{display:block;color:#fff}
.df-learn-grid small{color:var(--df-mute)}
.hub-legacy-header h2,.eu-news h2,.hub-section-title h2{font-family:var(--df-display);letter-spacing:.005em}
.hub-legacy-header{border-color:var(--df-line);background:linear-gradient(135deg,#111a33,#0c1224 60%)}
a.hub-class-card{display:block;text-decoration:none}
a[role=tab]{text-decoration:none;cursor:pointer}
.eu-gate__side{text-decoration:none}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .df-nav__btn{padding:0 10px;font-size:14px}
  .df-cta{display:none}
  .df-classes__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .df-tasks__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .df-foot__in{grid-template-columns:1fr 1fr 1fr}
  .df-foot__brand{grid-column:1/-1}
}
@media (max-width:900px){
  :root{--df-hh:58px}
  .df-nav{display:none}
  .df-burger{display:inline-grid}
  .df-header__right .df-set{display:none}
  .df-drawer .df-set{display:block}
  .df-wordmark{font-size:19px}
  .df-hero{min-height:auto}
  .df-hero__in{padding-top:90px;padding-bottom:36px}
  .df-hero__veil{background:linear-gradient(0deg,var(--df-abyss) 6%,#070a16cc 45%,#070a1666 100%)}
  .df-factions{grid-template-columns:1fr}
  .df-fac{min-height:170px}
  .df-ccard{height:230px}
}
@media (max-width:600px){
  .df-logo__txt small{display:none}
  .df-hero__stats{display:grid;grid-template-columns:1fr 1fr;gap:14px 10px}
  .df-hero__stats div{border:0;padding:0;margin:0}
  .df-fac{padding-top:78px}
  .df-fac__emb{width:52px;height:46px}
  .df-hero h1{font-size:40px}
  .df-hero__stats div{padding-right:14px;margin-right:14px}
  .df-hero__stats dt{font-size:21px}
  .df-btn{height:44px;padding:0 16px;font-size:14.5px;flex:1 1 auto}
  .df-tasks__grid{grid-template-columns:1fr}
  .df-classes__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .df-foot__in{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .df-motes{display:none}
}
.df-boot{min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:12px;color:#8492b0;font:600 15px var(--df-sans)}
.df-boot img{animation:df-breathe 1.6s ease-in-out infinite}
@keyframes df-breathe{50%{opacity:.55;transform:scale(.96)}}

/* ==================== build de la comunidad, tabla meta, hoja de ruta, herramientas ==================== */
.df-tasks__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.df-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.df-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid #6fd6ff40;background:#6fd6ff12;color:var(--df-aether2);font:600 12.5px/1 var(--df-sans)}
.df-chip--mute{border-color:var(--df-line2);background:#151e3780;color:var(--df-text2)}
.df-seg{display:flex;flex-wrap:wrap;gap:6px}
.df-seg button{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:9px;border:1px solid var(--df-line2);background:var(--df-slate);color:var(--df-text2);font:600 13px/1.2 var(--df-sans);cursor:pointer;transition:border-color .15s,color .15s,background .15s;text-align:left}
.df-seg button small{font-weight:500;color:var(--df-mute)}
.df-seg button:hover{border-color:var(--df-aether);color:#fff}
.df-seg button[aria-selected=true]{border-color:var(--df-gold);background:#e9bf6214;color:#fff}

/* vídeos */
.df-vids{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.df-vids--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.df-vid{margin:0;min-width:0}
.df-vid__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;opacity:.75}
.df-vid figcaption{margin-top:8px;font-size:13.5px;line-height:1.45;color:var(--df-text2)}

/* pestaña de comunidad */
.df-cm{display:flex;flex-direction:column;gap:18px}
.df-cm-hero{position:relative;overflow:hidden;border:1px solid var(--df-line);border-radius:16px;padding:22px clamp(16px,3vw,28px);background:radial-gradient(700px 260px at 0 0,#9b6bff22,transparent 70%),radial-gradient(600px 240px at 100% 0,#e9bf6214,transparent 70%),var(--df-slate)}
.df-cm-hero::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--df-violet),var(--df-gold),var(--df-aether))}
.df-cm-kicker{margin:0 0 6px;font:700 12px/1.3 var(--df-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--df-gold)}
.df-cm-kicker span{color:var(--df-text2);letter-spacing:.04em;text-transform:none}
.df-cm-hero h2{margin:0 0 10px;font:700 clamp(24px,2.6vw,34px)/1.15 var(--df-display);color:#fff;overflow-wrap:anywhere}
.df-cm-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.df-cm-sum{margin:0;max-width:78ch;font-size:15.5px;line-height:1.6;color:var(--df-text)}
.df-cm-credit{margin:14px 0 0;padding-top:12px;border-top:1px dashed var(--df-line2);font-size:12.5px;line-height:1.5;color:var(--df-mute)}
.df-cm-sec{border:1px solid var(--df-line);border-radius:16px;background:var(--df-night);padding:18px clamp(14px,2.4vw,24px)}
.df-cm-sec--guide{border-color:#e9bf6255;background:linear-gradient(180deg,#e9bf620d,transparent 40%),var(--df-night)}
.df-cm-sec__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.df-cm-sec__head h3{margin:0;font:700 20px/1.2 var(--df-display);color:#fff}
.df-cm-meta{margin:0 0 10px;font-size:13.5px;color:var(--df-text2)}
.df-cm-meta b{color:var(--df-gold2)}
.df-cm-note{margin:10px 0 0;font-size:12.5px;line-height:1.5;color:var(--df-mute)}
.df-cm-block{margin-top:16px}
.df-cm-block h4{display:flex;align-items:baseline;gap:8px;margin:0 0 8px;font:700 13px/1.2 var(--df-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--df-aether)}
.df-cm-block h4 small{font-weight:600;letter-spacing:0;text-transform:none;color:var(--df-mute)}
.df-cm-skgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:8px}
.df-cm-sec>.df-cm-list{margin-top:12px}
.df-cm-skgrid--c{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.df-cm-sk{position:relative;display:flex;align-items:center;gap:10px;min-width:0;padding:7px 10px 7px 7px;border:1px solid var(--df-line);border-radius:10px;background:var(--df-slate)}
.df-cm-sk--c{padding:5px 8px 5px 5px;gap:8px}
.df-cm-sk__n{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e9bf6224;color:var(--df-gold2);font:700 11px/1 var(--df-sans)}
.df-cm-skn{display:flex;flex-direction:column;min-width:0;flex:1}
.df-cm-skn b{font-size:13.5px;font-weight:600;color:var(--df-text);line-height:1.25;overflow-wrap:break-word;hyphens:auto}
.df-cm-skn small{font-size:11.5px;color:var(--df-mute);line-height:1.2}
.df-cm-sk__lv{flex:none;padding:3px 7px;border-radius:6px;background:#6fd6ff1a;border:1px solid #6fd6ff40;color:var(--df-aether2);font:700 11.5px/1 'IBM Plex Mono',monospace}
.df-cm-sk__lv--plus{background:#9b6bff1f;border-color:#9b6bff55;color:var(--df-violet2)}
.df-cm-prio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.df-cm-prio__col h5{margin:0 0 6px;font:600 12.5px/1 var(--df-sans);color:var(--df-text2)}
.df-cm-prio__col ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.df-cm-macro{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px;border:1px dashed var(--df-line2);border-radius:12px;background:#070a1666}
.df-cm-macro+.df-cm-macro{margin-top:8px}
.df-cm-macro .df-cm-sk{flex:0 1 auto}
.df-cm-macro__n{font:700 12px/1 var(--df-sans);color:var(--df-gold)}
.df-cm-macro__arrow{color:var(--df-gold);font-weight:700}
.df-cm-macro__delay{margin-left:auto;padding:4px 8px;border-radius:6px;background:#151e37;color:var(--df-text2);font:600 12px/1 'IBM Plex Mono',monospace}
.df-cm-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:14.5px;line-height:1.55;color:var(--df-text)}
.df-cm-list li::marker{color:var(--df-gold)}
.df-cm-boards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.df-cm-board{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 10px;border:1px solid var(--df-line);border-radius:10px;background:var(--df-slate)}
.df-cm-board.is-full{border-color:#e9bf6266}
.df-cm-board img,.df-cm-board__ph{flex:none;width:34px;height:34px;border-radius:8px;object-fit:cover}
.df-cm-board__ph{display:grid;place-items:center;background:#9b6bff26;color:var(--df-violet2);font:700 15px/1 var(--df-display)}
.df-cm-board>div{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.df-cm-board b{font-size:13px;color:#fff}
.df-cm-board span{font:600 12px/1 'IBM Plex Mono',monospace;color:var(--df-text2)}
.df-cm-bar{display:block;height:5px;border-radius:9px;background:#24304f;overflow:hidden}
.df-cm-bar>i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,var(--df-violet),var(--df-aether))}
.df-cm-board.is-full .df-cm-bar>i{background:linear-gradient(90deg,var(--df-gold),var(--df-gold2))}
.df-cm-extras{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.df-cm-extra{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border:1px solid var(--df-line);border-radius:10px;background:var(--df-slate)}
.df-cm-extra img,.df-cm-extra__gs{width:34px;height:34px;border-radius:8px;object-fit:contain;background:#070a16}
.df-cm-extra__gs{display:grid;place-items:center;color:var(--df-gold);font:700 12px/1 var(--df-sans)}
.df-cm-extra>span{display:flex;flex-direction:column}
.df-cm-extra small{font-size:11.5px;color:var(--df-mute)}
.df-cm-extra b{font-size:14px;color:#fff}
.df-cm-stages{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.df-cm-stage{padding:12px;border:1px solid var(--df-line);border-radius:12px;background:var(--df-slate)}
.df-cm-stage__h{display:flex;align-items:center;gap:10px}
.df-cm-stage__h b{font-size:15px;color:#fff}
.df-cm-stage__n{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:linear-gradient(180deg,var(--df-gold2),var(--df-gold));color:#1b1304;font:700 12px/1 var(--df-sans)}
.df-cm-stage>p{margin:6px 0 0 34px;font-size:13.5px;line-height:1.5;color:var(--df-text2)}
.df-cm-items{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.df-cm-item{display:flex;align-items:center;gap:10px;min-width:0;padding:6px 8px 6px 6px;border-radius:10px;border:1px solid color-mix(in srgb,var(--g) 45%,transparent);background:#070a1680}
.df-cm-item__ic{position:relative;flex:none;width:44px;height:44px;border-radius:8px;overflow:hidden;background:#0b1020}
.df-cm-item__ic img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.df-cm-item__ic img.is-slot{opacity:.55;padding:6px}
.df-cm-item__t{display:flex;flex-direction:column;min-width:0}
.df-cm-item__t b{font-size:13px;font-weight:600;line-height:1.25;color:var(--df-text);overflow-wrap:break-word}
.df-cm-item__t small{font-size:11.5px;color:var(--df-mute)}
.df-cm-item__t em{font-style:normal;font-size:11px;font-weight:700;color:var(--g)}
.df-cm-callout{margin-top:12px;padding:12px 14px;border-radius:12px;border:1px solid #9b6bff55;background:#9b6bff12;font-size:14px;line-height:1.55;color:var(--df-text)}
.df-cm-callout b{color:var(--df-violet2)}
.df-cm-acc{display:flex;flex-direction:column;gap:8px}
.df-cm-acc details{border:1px solid var(--df-line);border-radius:12px;background:var(--df-slate);padding:0 14px}
.df-cm-acc summary{cursor:pointer;padding:12px 0;font:700 15px/1.3 var(--df-sans);color:#fff;list-style:none;display:flex;justify-content:space-between;gap:10px}
.df-cm-acc summary::-webkit-details-marker{display:none}
.df-cm-acc summary::after{content:"+";color:var(--df-gold);font-weight:700}
.df-cm-acc details[open] summary::after{content:"–"}
.df-cm-acc details>ul{padding-bottom:14px}
.df-cm-dl{display:grid;gap:8px;margin:8px 0 0}
.df-cm-dl>div{display:grid;grid-template-columns:minmax(120px,190px) 1fr;gap:12px;padding:10px 12px;border-radius:10px;background:var(--df-slate);border:1px solid var(--df-line)}
.df-cm-dl dt{font:700 13px/1.4 var(--df-sans);color:var(--df-gold2)}
.df-cm-dl dd{margin:0;font-size:14.5px;line-height:1.55;color:var(--df-text)}

/* tabla del meta */
.df-meta{margin:0}
.df-meta__scroll{overflow-x:auto;border:1px solid var(--df-line);border-radius:14px;background:var(--df-night);-webkit-overflow-scrolling:touch}
.df-meta table{width:100%;min-width:760px;border-collapse:collapse;font-size:14px}
.df-meta th,.df-meta td{padding:10px 12px;text-align:left;border-bottom:1px solid #24304f99;vertical-align:middle}
.df-meta thead th{position:sticky;top:0;background:#0f1629;z-index:1;padding:0}
.df-meta thead button{display:flex;align-items:center;gap:6px;width:100%;padding:12px;border:0;background:none;color:var(--df-text2);font:700 12px/1.2 var(--df-sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-align:left}
.df-meta thead button:hover,.df-meta thead th[aria-sort=ascending] button,.df-meta thead th[aria-sort=descending] button{color:var(--df-gold2)}
.df-meta__arrow{font-size:10px;opacity:.75}
.df-meta tbody tr:last-child th,.df-meta tbody tr:last-child td{border-bottom:0}
.df-meta tbody tr:hover{background:#151e3799}
.df-meta tbody tr.is-pick{background:linear-gradient(90deg,#e9bf6214,transparent 60%)}
.df-meta tbody th{position:sticky;left:0;background:var(--df-night);z-index:1}
.df-meta tbody tr.is-pick th,.df-meta tbody tr:hover th{background:#111a30}
.df-meta__cls{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-weight:700}
.df-meta__cls img{width:30px;height:30px}
.df-meta__cls span{display:flex;flex-direction:column}
.df-meta__cls small{font-size:11px;font-weight:700;color:var(--df-gold)}
.df-meta__cls:hover span{color:var(--df-aether2)}
.df-meta td{color:var(--df-text2)}
.df-meta__src{margin:8px 2px 0;font-size:12.5px;color:var(--df-mute)}
.df-lv{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-weight:600;color:var(--df-text)}
.df-lv__dots{display:inline-flex;gap:3px}
.df-lv__dots i{width:7px;height:7px;border-radius:2px;background:#33416a;transform:rotate(45deg)}
.df-lv--good .df-lv__dots i.on{background:#4ade80}.df-lv--top .df-lv__dots i.on{background:#4ade80;box-shadow:0 0 6px #4ade80aa}
.df-lv--mid .df-lv__dots i.on{background:var(--df-aether)}.df-lv--hard .df-lv__dots i.on{background:#fb7185}.df-lv--low .df-lv__dots i.on{background:#fb923c}
.df-home-meta{margin-top:8px}

/* vista general de clases */
.df-cintro{margin:0 0 18px}
.df-f2p{position:relative;display:grid;grid-template-columns:200px 1fr;gap:18px;align-items:center;overflow:hidden;border:1px solid #e9bf6266;border-radius:16px;padding:18px 22px 18px 10px;background:radial-gradient(500px 220px at 0 50%,#e9bf6222,transparent 70%),var(--df-slate)}
.df-f2p__art{width:100%;height:220px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 0 22px #e9bf6255)}
.df-f2p h3{margin:0 0 10px;font:700 clamp(22px,2.2vw,28px)/1.15 var(--df-display);color:#fff}
.df-f2p__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.df-cintro__sec{margin-top:6px}
.df-cintro__cards{margin:30px 0 12px;font:700 clamp(22px,2.2vw,28px)/1.15 var(--df-display);color:#fff}

/* hoja de ruta */
.df-rm__art{width:100%;max-height:220px;object-fit:cover;border-radius:12px}
.df-rm-phase{margin-top:22px}
.df-rm-phase__h{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.df-rm-phase__h span{padding:6px 12px;border-radius:9px;background:linear-gradient(180deg,var(--df-gold2),var(--df-gold));color:#1b1304;font:800 14px/1 var(--df-sans)}
.df-rm-phase__h h2{margin:0;font:700 clamp(22px,2.2vw,28px)/1.15 var(--df-display);color:#fff}
.df-rm-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.df-rm-step{display:flex;gap:12px;padding:14px;border:1px solid var(--df-line);border-radius:14px;background:var(--df-night)}
.df-rm-step__n{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid #e9bf6288;color:var(--df-gold2);font:700 14px/1 var(--df-sans)}
.df-rm-step h4{display:flex;align-items:center;gap:8px;margin:2px 0 6px;font:700 15.5px/1.3 var(--df-sans);color:#fff}
.df-rm-step h4 img{width:24px;height:24px;object-fit:contain;border-radius:5px}
.df-rm-step p{margin:0 0 6px;font-size:14px;line-height:1.55;color:var(--df-text2)}

/* herramientas */
.df-tools__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.df-tool{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid var(--df-line);border-radius:16px;background:var(--df-night)}
.df-tool--warn{border-color:#fb718566}
.df-tool__h{display:flex;align-items:center;gap:12px}
.df-tool__h img{width:44px;height:44px;border-radius:10px;object-fit:cover;background:#070a16}
.df-tool h3{margin:0;font:700 17px/1.2 var(--df-sans);color:#fff}
.df-tool small{font:500 12px/1.2 'IBM Plex Mono',monospace;color:var(--df-mute)}
.df-tool p{margin:0;font-size:14px;line-height:1.55;color:var(--df-text2);flex:1}
.df-tool__warn{padding:10px 12px;border-radius:10px;background:#fb718514;border:1px solid #fb718555;font-size:13px;line-height:1.5;color:var(--df-text)}
.df-tool__warn b{color:#fda4af}
.df-tool .df-btn{align-self:flex-start;height:40px}

/* diarias: resumen */
.df-dsum__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.df-dsum__box{padding:16px;border:1px solid var(--df-line);border-radius:14px;background:var(--df-night)}
.df-dsum__box--dc,.df-dsum__box--wc{border-top:3px solid var(--df-aether)}
.df-dsum__box--ds,.df-dsum__box--ws{border-top:3px solid var(--df-gold)}
.df-dsum__box h3{margin:0;font:700 17px/1.25 var(--df-sans);color:#fff}
.df-dsum__box>p{margin:4px 0 10px;font-size:13px;color:var(--df-mute)}
.df-dsum__box ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.df-dsum__it{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:9px;background:var(--df-slate);border-left:3px solid var(--df-line2)}
.df-dsum__it--vital{border-left-color:#fb7185}.df-dsum__it--imp{border-left-color:var(--df-gold)}
.df-dsum__it b{font-size:14px;color:#fff}
.df-dsum__it span{font-size:12.5px;line-height:1.45;color:var(--df-text2)}
.df-dsum__vids{margin-top:18px}
.df-dsum__vids h3{margin:0 0 10px;font:700 18px/1.2 var(--df-display);color:#fff}

@media (max-width:1180px){
  .df-tasks__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .df-cm-boards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .df-tools__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .df-vids{grid-template-columns:1fr 1fr}
  .df-cm-prio{grid-template-columns:1fr 1fr}
  .df-rm-steps{grid-template-columns:1fr}
  .df-f2p{grid-template-columns:130px 1fr;padding-left:6px}
  .df-f2p__art{height:170px}
}
@media (max-width:600px){
  .df-tasks__grid{grid-template-columns:1fr}
  .df-vids,.df-vids--2{grid-template-columns:1fr}
  .df-cm-prio,.df-dsum__grid,.df-tools__grid{grid-template-columns:1fr}
  .df-cm-boards{grid-template-columns:1fr 1fr}
  .df-cm-skgrid,.df-cm-skgrid--c,.df-cm-items{grid-template-columns:1fr}
  .df-cm-dl>div{grid-template-columns:1fr;gap:4px}
  .df-f2p{grid-template-columns:1fr;padding:16px}
  .df-f2p__art{height:150px}
  .df-cm-macro__delay{margin-left:0}
}

/* ==================== build por tramos, plan Daevanion, servidores ==================== */
.df-tier{display:flex;flex-direction:column;gap:14px}
.df-tier-head{border:1px solid var(--df-line);border-radius:16px;padding:18px clamp(14px,2.4vw,24px);background:radial-gradient(600px 220px at 0 0,#9b6bff1f,transparent 70%),var(--df-slate)}
.df-tier-head h3{margin:0 0 8px;font:700 clamp(20px,2.2vw,26px)/1.2 var(--df-display);color:#fff}
.df-tier-steps{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}
.df-tier-steps button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:10px;border-radius:12px;border:1px solid var(--df-line2);background:var(--df-night);color:var(--df-text2);cursor:pointer;text-align:left;transition:border-color .15s,background .15s}
.df-tier-steps button b{font:800 17px/1 var(--df-sans);color:#fff}
.df-tier-steps button small{font-size:11.5px;line-height:1.3;color:var(--df-mute);overflow-wrap:break-word}
.df-tier-steps button:hover{border-color:var(--df-aether)}
.df-tier-steps button[aria-selected=true]{border-color:var(--df-gold);background:linear-gradient(180deg,#e9bf6222,#e9bf6208)}
.df-tier-steps button[aria-selected=true] b{color:var(--df-gold2)}
.df-tier-body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:14px;align-items:start}
.df-tier-col{border:1px solid var(--df-line);border-radius:16px;background:var(--df-night);padding:16px clamp(14px,2vw,20px)}
.df-tier-col--cls{border-color:#9b6bff55;background:linear-gradient(180deg,#9b6bff12,transparent 50%),var(--df-night)}
.df-tier-title{display:flex;align-items:center;gap:10px;margin:0 0 8px;font:700 18px/1.25 var(--df-display);color:#fff}
.df-tier-title img{width:28px;height:28px}
.df-tier-block{margin-top:14px}
.df-tier-block h4{margin:0 0 8px;font:700 12.5px/1.2 var(--df-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--df-aether)}
.df-tier-block h4 small{letter-spacing:0;text-transform:none;font-weight:600;color:var(--df-mute)}
.df-tier-p{margin:0;font-size:14.5px;line-height:1.55;color:var(--df-text)}
.df-tier-ilvl{display:inline-block;margin-right:8px;padding:2px 7px;border-radius:6px;background:#e9bf621f;border:1px solid #e9bf6255;color:var(--df-gold2);font:700 12px/1.3 'IBM Plex Mono',monospace}
.df-tier-pieces{list-style:none;margin:0 0 10px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.df-tier-pieces li{display:flex;align-items:center;gap:10px;min-width:0;padding:6px 8px 6px 6px;border-radius:10px;border:1px solid color-mix(in srgb,var(--g) 45%,transparent);background:#070a1680}
.df-tier-pieces__ic{flex:none;width:42px;height:42px;border-radius:8px;background:#0b1020;overflow:hidden}
.df-tier-pieces__ic img{width:100%;height:100%;object-fit:contain}
.df-tier-pieces__t{display:flex;flex-direction:column;min-width:0}
.df-tier-pieces__t b{font-size:13px;font-weight:600;line-height:1.25;color:var(--df-text);overflow-wrap:break-word}
.df-tier-pieces__t em{font-style:normal;font-size:11px;font-weight:700;color:var(--g)}
.df-tier-prio{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.df-tier-foot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;border:1px solid var(--df-line);border-radius:16px;background:var(--df-night);padding:4px 18px 18px}
.df-daeplan{border:1px solid #e9bf6255;border-radius:16px;padding:18px clamp(14px,2.4vw,24px);background:radial-gradient(600px 220px at 100% 0,#e9bf6214,transparent 70%),var(--df-slate);margin-bottom:16px}
.df-daeplan h3{margin:0 0 8px;font:700 clamp(20px,2.2vw,26px)/1.2 var(--df-display);color:#fff}
.df-daeplan__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:14px}
.df-daeplan__board{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--df-line);border-radius:12px;background:var(--df-night);min-width:0}
.df-daeplan__h{display:flex;align-items:center;gap:10px}
.df-daeplan__h img{width:36px;height:36px;border-radius:8px;object-fit:cover}
.df-daeplan__h>div{display:flex;flex-direction:column}
.df-daeplan__h b{color:#fff;font-size:15px}
.df-daeplan__h span{font:600 12px/1.2 'IBM Plex Mono',monospace;color:var(--df-gold2)}
.df-daeplan__board>small{font-size:12px;color:var(--df-mute)}
.df-daeplan__board ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}
.df-daeplan__board li{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--df-text2);min-width:0}
.df-daeplan__board li span{overflow-wrap:break-word;min-width:0}
.df-home-live{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;margin-top:22px}
.df-srv,.df-nextev{border:1px solid var(--df-line);border-radius:18px;padding:18px clamp(14px,2.4vw,24px);background:radial-gradient(700px 260px at 0 0,#6fd6ff12,transparent 70%),var(--df-night)}
.df-srv__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}
.df-srv__head h2{margin:0;font:700 clamp(20px,2vw,26px)/1.2 var(--df-display);color:#fff}
.df-srv__state{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;border:1px solid #4ade8055;background:#4ade8012}
.df-srv__state.is-maint{border-color:#fb923c66;background:#fb923c14}
.df-srv__state b{display:block;font-size:14px;color:#fff}
.df-srv__state small{font-size:12.5px;color:var(--df-text2)}
.df-srv__pulse{position:relative;flex:none;width:12px;height:12px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 0 #4ade8099;animation:df-pulse 2s infinite}
.df-srv__state.is-maint .df-srv__pulse{background:#fb923c;box-shadow:0 0 0 0 #fb923c99}
@keyframes df-pulse{0%{box-shadow:0 0 0 0 #4ade8088}70%{box-shadow:0 0 0 10px #4ade8000}100%{box-shadow:0 0 0 0 #4ade8000}}
.df-srv__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:14px}
.df-srv__group h4{display:flex;align-items:baseline;gap:8px;margin:0 0 8px;font:700 12.5px/1.2 var(--df-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--df-aether)}
.df-srv__group h4 small{letter-spacing:0;text-transform:none;color:var(--df-mute)}
.df-srv__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}
.df-srv__list li{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:9px;background:var(--df-slate);border:1px solid var(--df-line);font-size:13px;min-width:0}
.df-srv__dot{flex:none;width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 6px #4ade80aa}
.df-srv__dot.is-maint{background:#fb923c;box-shadow:0 0 6px #fb923caa}
.df-srv__ely{color:var(--df-aether2);font-weight:600}
.df-srv__asm{color:var(--df-violet2);font-weight:600}
.df-srv__list i{font-style:normal;color:var(--df-mute)}
.df-nextev__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.df-nextev__card{display:flex;flex-direction:column;gap:3px;padding:12px;border-radius:12px;border:1px solid var(--df-line);background:var(--df-slate)}
.df-nextev__card small{font-size:12px;color:var(--df-text2);font-weight:600}
.df-nextev__card b{font:800 22px/1.1 'IBM Plex Mono',monospace;color:#fff}
.df-nextev__card span{font-size:12px;color:var(--df-mute)}
.df-nextev__card em{font-style:normal;font-size:11px;font-weight:700;color:#fb923c}
.df-nextev__card.is-live{border-color:#4ade8077;background:#4ade8010}
.df-nextev__card.is-live b{color:#4ade80}
@media (max-width:1180px){
  .df-tier-steps{grid-template-columns:repeat(4,minmax(0,1fr))}
  .df-daeplan__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .df-home-live{grid-template-columns:1fr}
}
@media (max-width:900px){
  .df-tier-body,.df-tier-foot{grid-template-columns:1fr}
  .df-srv__grid{grid-template-columns:1fr}
}
@media (max-width:600px){
  .df-tier-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .df-daeplan__grid{grid-template-columns:1fr 1fr}
  .df-tier-pieces,.df-srv__list{grid-template-columns:1fr}
}

/* ==================== leveo por clase ==================== */
.df-lvl{margin:18px 0;border:1px solid #9b6bff55;border-radius:18px;padding:18px clamp(14px,2.4vw,24px);background:radial-gradient(700px 260px at 100% 0,#9b6bff1c,transparent 70%),var(--df-night)}
.df-lvl__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px;align-items:center}
.df-lvl__head h2{margin:0 0 6px;font:700 clamp(20px,2vw,26px)/1.2 var(--df-display);color:#fff}
.df-lvl__classes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.df-lvl__classes button{display:flex;align-items:center;gap:8px;min-width:0;padding:8px;border-radius:10px;border:1px solid var(--df-line2);background:var(--df-slate);color:var(--df-text2);font:600 13px/1.2 var(--df-sans);cursor:pointer}
.df-lvl__classes button img{width:26px;height:26px;flex:none}
.df-lvl__classes button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.df-lvl__classes button:hover{border-color:var(--df-aether);color:#fff}
.df-lvl__classes button[aria-checked=true]{border-color:var(--df-gold);background:#e9bf6214;color:#fff}
.df-lvl__slider{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:16px 0 4px;padding:12px 14px;border-radius:12px;background:var(--df-slate);border:1px solid var(--df-line)}
.df-lvl__slider label{font:700 13px/1 var(--df-sans);color:var(--df-gold2)}
.df-lvl__slider input[type=range]{flex:1 1 220px;accent-color:var(--df-gold)}
.df-lvl__slider input[type=number]{width:64px;padding:6px 8px;border-radius:8px;border:1px solid var(--df-line2);background:var(--df-night);color:#fff;font:700 14px/1 var(--df-sans)}
.df-lvl__next{font-size:13px;color:var(--df-text2)}
.df-lvl__cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px}
.df-lvl-card{display:flex;flex-direction:column;gap:8px;min-width:0;padding:12px;border-radius:14px;border:1px solid var(--df-line);background:var(--df-slate)}
.df-lvl-card.is-done{opacity:.62}
.df-lvl-card.is-now{border-color:var(--df-gold);box-shadow:0 0 0 1px #e9bf6255,0 18px 40px -24px #e9bf62}
.df-lvl-card header{display:flex;flex-direction:column;gap:4px}
.df-lvl-card__lv{align-self:flex-start;padding:3px 8px;border-radius:7px;background:#e9bf6222;color:var(--df-gold2);font:800 12px/1.2 var(--df-sans)}
.df-lvl-card header b{font-size:14px;line-height:1.3;color:#fff}
.df-lvl-card h5{margin:4px 0;font:700 11.5px/1 var(--df-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--df-aether)}
.df-lvl-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.df-lvl-row{display:flex;align-items:flex-start;gap:8px;min-width:0}
.df-lvl-row__t{display:flex;flex-direction:column;flex:1;min-width:0}
.df-lvl-row__t>small{font-size:11.5px;line-height:1.35;color:var(--df-text2)}
.df-lvl-card__tip{margin:0;padding-top:8px;border-top:1px dashed var(--df-line2);font-size:12.5px;line-height:1.5;color:var(--df-text2)}
@media (max-width:1180px){.df-lvl__cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.df-lvl__head{grid-template-columns:1fr}.df-lvl__cards{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.df-lvl__cards{grid-template-columns:1fr}.df-lvl__classes{grid-template-columns:1fr 1fr}}

/* ==================== privacidad, cookies y páginas legales ==================== */
.df-consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:90;display:flex;justify-content:center;pointer-events:none}
.df-consent__in{pointer-events:auto;width:min(980px,100%);display:grid;grid-template-columns:1fr auto;gap:16px 22px;align-items:center;padding:18px 20px;border-radius:14px;border:1px solid var(--df-line2);background:#0b1020f7;box-shadow:0 24px 60px -20px #000;backdrop-filter:blur(10px)}
.df-consent__in b{font:700 15px/1.3 var(--df-sans);color:#fff}
.df-consent__in p{margin:6px 0 0;font-size:13.5px;line-height:1.55;color:var(--df-text2)}
.df-consent__links{white-space:nowrap}
.df-consent__links a,.df-modal a{color:var(--df-aether)}
.df-consent__btns{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.df-cbtn{min-width:118px;height:42px;padding:0 16px;border-radius:10px;border:1px solid var(--df-line2);background:var(--df-slate2);color:#fff;font:600 14px/1 var(--df-sans);cursor:pointer}
.df-cbtn:hover{border-color:var(--df-aether)}
.df-cbtn--go{background:linear-gradient(180deg,var(--df-gold2),var(--df-gold) 70%);color:#1b1304;border-color:transparent}
.df-modal{position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:16px;background:#03050bcc;backdrop-filter:blur(4px);overflow-y:auto}
.df-modal__box{position:relative;width:min(560px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;padding:24px 22px 20px;border-radius:16px;border:1px solid var(--df-line2);background:linear-gradient(180deg,#121a31,#0b1020);box-shadow:0 30px 80px -24px #000;color:var(--df-text)}
.df-modal__box--sm{width:min(460px,100%)}
.df-modal__box--wide{width:min(680px,100%)}
.df-modal__box h2{margin:0 0 8px;font:700 20px/1.25 var(--df-display);color:#fff;padding-right:32px}
.df-modal__box p{font-size:14px;line-height:1.55;color:var(--df-text2)}
.df-modal__x{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:9px;border:1px solid var(--df-line);background:transparent;color:var(--df-text2);cursor:pointer}
.df-modal__x:hover{color:#fff;border-color:var(--df-line2)}
.df-modal__lead{margin:0 0 14px}
.df-modal__row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:10px}
.df-cat{display:flex;gap:12px;align-items:flex-start;margin:10px 0;padding:12px 14px;border-radius:12px;border:1px solid var(--df-line);background:#ffffff05;cursor:pointer}
.df-cat.is-req{cursor:default;opacity:.92}
.df-cat input{margin-top:3px;width:18px;height:18px;accent-color:var(--df-gold);flex:none}
.df-cat>span{display:grid;gap:4px;font-size:13.5px;line-height:1.5;color:var(--df-text2)}
.df-cat b{color:#fff;font-size:14px;display:flex;gap:8px;align-items:center}
.df-cat small{font:600 11px/1 var(--df-sans);padding:4px 7px;border-radius:999px;background:#6fd6ff1f;color:var(--df-aether2)}
.df-modal .df-consent__btns{margin:14px 0 12px}
.df-legal{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:start;max-width:1180px;margin:0 auto}
.df-legal__nav{position:sticky;top:calc(var(--df-hh) + 16px);display:grid;gap:4px;padding:12px;border-radius:14px;border:1px solid var(--df-line);background:var(--df-night)}
.df-legal__nav a,.df-legal__nav button{display:block;text-align:left;padding:9px 10px;border-radius:9px;font:500 14px/1.3 var(--df-sans);color:var(--df-text2);text-decoration:none;border:0;background:none;cursor:pointer}
.df-legal__nav a:hover,.df-legal__nav button:hover{background:#ffffff0a;color:#fff}
.df-legal__nav a[aria-current=page]{background:#e9bf621a;color:var(--df-gold2)}
.df-legal__nav button{margin-top:6px;border-top:1px solid var(--df-line);border-radius:0 0 9px 9px;color:var(--df-aether)}
.df-legal__doc{min-width:0;padding:6px 0 30px}
.df-legal__doc h1{margin:0;font:700 clamp(26px,3vw,36px)/1.15 var(--df-display);color:#fff}
.df-legal__doc h2{margin:28px 0 8px;font:700 18px/1.3 var(--df-sans);color:var(--df-gold2)}
.df-legal__doc p{margin:0 0 10px;max-width:78ch;font-size:15px;line-height:1.7;color:var(--df-text2);overflow-wrap:anywhere}
.df-legal__table{width:100%;min-width:760px;border-collapse:collapse;margin-top:18px;font-size:13px}
.df-legal__table th,.df-legal__table td{padding:9px 10px;border-bottom:1px solid var(--df-line);text-align:left;vertical-align:top;color:var(--df-text2);line-height:1.45}
.df-legal__table thead th{color:var(--df-gold);font-weight:600;background:#ffffff05}
.df-legal__table tbody th{color:#fff;font:600 12.5px/1.4 var(--df-mono,monospace)}
.df-foot__docs{max-width:var(--df-max);margin:0 auto;padding:12px clamp(16px,3vw,40px);display:flex;flex-wrap:wrap;gap:6px 20px;border-top:1px solid #24304f80}
.df-foot__docs a,.df-foot__docs button{font:500 13px/1.4 var(--df-sans);color:var(--df-text2);text-decoration:none;background:none;border:0;padding:4px 0;cursor:pointer}
.df-foot__docs a:hover,.df-foot__docs button:hover{color:#fff}
.df-foot__docs button{color:var(--df-aether)}
@media (max-width:900px){.df-legal{grid-template-columns:1fr}.df-legal__nav{position:static;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.df-legal__nav button{border-top:0;margin-top:0}}
@media (max-width:720px){.df-consent{left:10px;right:10px;bottom:10px}.df-consent__in{grid-template-columns:1fr;padding:16px}.df-consent__btns{justify-content:stretch}.df-consent__btns .df-cbtn{flex:1 1 30%;min-width:0}}

/* ==================== cuentas, formularios y builds guardadas ==================== */
.df-acct{display:inline-flex;align-items:center;gap:8px;height:38px;max-width:180px;padding:0 12px;border-radius:9px;border:1px solid var(--df-line);background:#ffffff05;color:var(--df-text2);font:600 13px/1 var(--df-sans);cursor:pointer}
.df-acct:hover{border-color:var(--df-line2);color:#fff}
.df-acct__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.df-acct__av{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--df-violet),var(--df-aether));color:#0b1020;font:700 12px/1 var(--df-sans)}
@media (max-width:600px){.df-acct{padding:0 9px}.df-acct .df-acct__name{display:none}}
.df-auth form{display:grid;gap:12px}
.df-field{display:grid;gap:6px;min-width:0}
.df-field>span{font:600 13px/1.2 var(--df-sans);color:var(--df-text)}
.df-field>small{font-size:12px;line-height:1.45;color:var(--df-mute)}
.df-field input,.df-field select,.df-field textarea,.df-gallery__q{width:100%;min-width:0;height:42px;padding:0 12px;border-radius:10px;border:1px solid var(--df-line2);background:#070a16;color:#fff;font:400 15px/1.3 var(--df-sans)}
.df-field textarea{height:auto;padding:10px 12px;resize:vertical}
.df-field input:focus,.df-field select:focus,.df-field textarea:focus,.df-gallery__q:focus{outline:2px solid var(--df-aether);outline-offset:1px;border-color:transparent}
.df-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:600px){.df-field-row{grid-template-columns:1fr}}
.df-check{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.5;color:var(--df-text2);cursor:pointer}
.df-check input{flex:none;width:18px;height:18px;margin-top:2px;accent-color:var(--df-gold)}
.df-check>span{display:block}
.df-check small{display:block;margin-top:2px;font-size:12px;color:var(--df-mute)}
.df-check a{color:var(--df-aether)}
.df-consents{display:grid;gap:8px;padding:12px;border-radius:12px;border:1px solid var(--df-line);background:#ffffff04}
.df-fine{margin:0;font-size:12px!important;line-height:1.5!important;color:var(--df-mute)!important}
.df-fine a{color:var(--df-aether)}
.df-basicinfo{padding:10px 12px;border-radius:10px;background:#ffffff05;border:1px solid var(--df-line)}
.df-captcha{display:grid;gap:6px;justify-items:start}
.df-captcha__box:empty{display:none}
.df-captcha__box iframe{max-width:100%}
.df-form-msg{margin:0;padding:10px 12px;border-radius:10px;font-size:13.5px!important;line-height:1.5;overflow-wrap:anywhere}
.df-form-msg.is-err{background:#f43f5e1a;border:1px solid #f43f5e66;color:#ffd0d8!important}
.df-form-msg.is-ok{background:#22c55e14;border:1px solid #22c55e55;color:#c9f7d8!important}
.df-btn--block{width:100%}
.df-btn[disabled],.df-cbtn[disabled],.df-mini[disabled],.df-oauth__btn[disabled]{opacity:.5;cursor:not-allowed}
button.df-btn{cursor:pointer}
.df-btn--danger{color:#fff;background:#be123c;border-color:#f43f5e}
.df-linkbtn{padding:4px 0;border:0;background:none;color:var(--df-aether);font:500 13.5px/1.3 var(--df-sans);cursor:pointer;text-align:left}
.df-linkbtn:hover{text-decoration:underline}
.df-oauth{display:grid;gap:10px;margin-top:16px}
.df-oauth__or{display:flex;align-items:center;gap:10px;margin:0;font-size:12.5px!important;color:var(--df-mute)!important}
.df-oauth__or::before,.df-oauth__or::after{content:'';flex:1;height:1px;background:var(--df-line)}
.df-oauth__btns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.df-oauth__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;border-radius:10px;border:1px solid var(--df-line2);background:var(--df-slate2);color:#fff;font:600 14px/1 var(--df-sans);cursor:pointer}
.df-oauth__btn:not([disabled]):hover{border-color:var(--df-aether)}
.df-oauth__ico{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;font:700 12px/1 var(--df-sans);color:#fff}
.df-oauth__btn--google .df-oauth__ico{background:#4285f4}
.df-oauth__btn--discord .df-oauth__ico{background:#5865f2}
.df-oauth__btn--facebook .df-oauth__ico{background:#1877f2}
@media (max-width:440px){.df-oauth__btns{grid-template-columns:1fr}}
.df-inline-form{grid-template-columns:1fr auto;align-items:start}
.df-inline-form .df-btn{margin-top:22px;height:42px}
@media (max-width:520px){.df-inline-form{grid-template-columns:1fr}.df-inline-form .df-btn{margin-top:0}}
.df-acc-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.df-acc-actions .df-btn{height:40px;font-size:14px}
.df-danger{margin:6px 0 12px;padding:10px 12px;border-radius:12px;border:1px solid #f43f5e44;background:#f43f5e0d}
.df-danger summary{cursor:pointer;font:600 14px/1.3 var(--df-sans);color:#ffb4c2}
.df-danger[open]{display:grid;gap:10px}
.df-badge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font:600 11.5px/1 var(--df-sans);border:1px solid var(--df-line2);color:var(--df-text2);white-space:nowrap}
.df-badge--public{border-color:#22c55e66;color:#bbf7d0;background:#22c55e14}
.df-badge--unlisted{border-color:#6fd6ff66;color:var(--df-aether2);background:#6fd6ff12}
.df-badge--private{border-color:var(--df-line2);color:var(--df-mute)}
.df-badge--warn{border-color:#f59e0b88;color:#fde68a;background:#f59e0b14;margin-top:4px;width:max-content}
.df-mini{height:30px;padding:0 10px;border-radius:8px;border:1px solid var(--df-line2);background:#ffffff06;color:var(--df-text);font:600 12.5px/1 var(--df-sans);cursor:pointer;white-space:nowrap}
.df-mini:not([disabled]):hover{border-color:var(--df-aether)}
.df-mini--danger{color:#ffb4c2;border-color:#f43f5e55}
.df-cloud{margin:14px 0;padding:18px;border-radius:16px;border:1px solid var(--df-line);background:linear-gradient(180deg,#101731,#0b1020)}
.df-cloud__head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 20px;align-items:flex-start}
.df-cloud__head h2{margin:0;font:700 18px/1.25 var(--df-display);color:#fff}
.df-cloud__head p{margin:4px 0 0;max-width:70ch;font-size:13.5px;line-height:1.5;color:var(--df-text2)}
.df-cloud__cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:14px}
.df-cloud__cta p{flex:1 1 320px;margin:0;font-size:14px;color:var(--df-text2)}
.df-cloud__form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:12px 16px;margin-top:14px}
.df-field--full,.df-cloud__btns{grid-column:1/-1}
.df-cloud__btns{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.df-cloud__btns .df-btn{height:42px;font-size:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.df-vis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;border:0;min-width:0}
.df-vis legend{padding:0;margin-bottom:6px;font:600 13px/1.2 var(--df-sans);color:var(--df-text)}
.df-vis__opt{display:grid;gap:3px;padding:9px 10px;border-radius:10px;border:1px solid var(--df-line2);background:#070a16;cursor:pointer;min-width:0}
.df-vis__opt input{position:absolute;opacity:0;pointer-events:none}
.df-vis__opt b{font:600 13.5px/1.2 var(--df-sans);color:#fff}
.df-vis__opt small{font-size:11.5px;line-height:1.35;color:var(--df-mute)}
.df-vis__opt.is-on{border-color:var(--df-gold);background:#e9bf6212}
.df-vis__opt:focus-within{outline:2px solid var(--df-aether);outline-offset:1px}
.df-cloud .df-form-msg{margin-top:12px}
.df-cloud__list{margin-top:16px}
.df-cloud__list h3{margin:0 0 8px;font:600 15px/1.3 var(--df-sans);color:var(--df-gold2)}
.df-cloud__list h3 small{color:var(--df-mute);font-weight:500}
.df-cloud__list ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.df-cloud__row{display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;border:1px solid var(--df-line);background:#ffffff03}
.df-cloud__row.is-cur{border-color:var(--df-gold);background:#e9bf620d}
.df-cloud__row img{border-radius:6px}
.df-cloud__t{display:grid;min-width:0}
.df-cloud__t b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:14px}
.df-cloud__t small{color:var(--df-mute);font-size:12px}
.df-cloud__acts,.df-cloud__sure{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;align-items:center;font-size:12.5px;color:var(--df-text2)}
@media (max-width:900px){.df-cloud__form{grid-template-columns:1fr}.df-cloud__row{grid-template-columns:28px minmax(0,1fr) auto}.df-cloud__acts,.df-cloud__sure{grid-column:1/-1;justify-content:flex-start}}
@media (max-width:520px){.df-vis{grid-template-columns:1fr}}
.df-shared,.df-gallery{max-width:1180px;margin:0 auto}
.df-shared__head{display:flex;gap:16px;align-items:center;margin:6px 0 14px}
.df-shared__head img{border-radius:12px;flex:none}
.df-shared__head h1{margin:2px 0 4px;font:700 clamp(24px,3vw,34px)/1.15 var(--df-display);color:#fff;overflow-wrap:anywhere}
.df-shared__by{margin:0;font-size:13.5px;color:var(--df-text2)}
.df-shared__desc{margin:0 0 16px;max-width:80ch;white-space:pre-wrap;font-size:15px;line-height:1.6;color:var(--df-text2);overflow-wrap:anywhere}
.df-shared__acts{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:16px 0 10px}
.df-bsheet{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px}
.df-bsheet__gear{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.df-bsheet__gear li{display:flex;gap:10px;align-items:center;padding:7px 9px;border-radius:10px;border:1px solid var(--df-line);background:#ffffff03;min-width:0}
.df-bsheet__gear li.is-empty{opacity:.55}
.df-bsheet__gear li>span{display:grid;min-width:0;flex:1}
.df-bsheet__gear small{font-size:11.5px;color:var(--df-mute)}
.df-bsheet__gear b{font-size:13.5px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.df-bsheet__gear em,.df-bsheet__stg em{font:600 12px/1 var(--df-sans);color:var(--df-gold2);font-style:normal;white-space:nowrap}
.df-bsheet__stg{padding:12px;border-radius:12px;border:1px solid var(--df-line);background:#ffffff03;align-self:start}
.df-bsheet__stg h4{margin:0 0 8px;font:600 14px/1.2 var(--df-sans);color:var(--df-gold2)}
.df-bsheet__stg ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.df-bsheet__stg li{display:flex;gap:9px;align-items:center;font-size:13.5px;color:#fff}
.df-bsheet__stg li em{margin-left:auto}
@media (max-width:900px){.df-bsheet{grid-template-columns:1fr}}
@media (max-width:560px){.df-bsheet__gear{grid-template-columns:1fr}}
.df-empty{padding:22px;border-radius:14px;border:1px dashed var(--df-line2);background:#ffffff03;color:var(--df-text2);font-size:14.5px;line-height:1.6}
.df-empty h1{margin:0 0 8px;font:700 24px/1.2 var(--df-display);color:#fff}
.df-empty p{margin:0 0 12px}
.df-gallery__bar{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin:4px 0 16px}
.df-gallery__cls{display:flex;flex-wrap:wrap;gap:6px}
.df-gallery__cls button{display:grid;place-items:center;min-width:40px;height:40px;padding:0 10px;border-radius:10px;border:1px solid var(--df-line2);background:#070a16;color:var(--df-text2);font:600 13px/1 var(--df-sans);cursor:pointer}
.df-gallery__cls button img{width:26px;height:26px}
.df-gallery__cls button[aria-checked=true]{border-color:var(--df-gold);background:#e9bf6214;color:#fff}
.df-gallery__q{flex:1 1 220px;width:auto}
.df-gallery__bar .df-btn{height:40px;font-size:14px}
.df-gallery__grid{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.df-gcard{display:grid;gap:8px;height:100%;padding:14px;border-radius:14px;border:1px solid var(--df-line);background:linear-gradient(180deg,#101731,#0b1020);text-decoration:none;transition:border-color .15s,transform .15s}
.df-gcard:hover{border-color:var(--df-aether);transform:translateY(-1px)}
.df-gcard__h{display:flex;gap:10px;align-items:center;min-width:0}
.df-gcard__h>span{display:grid;min-width:0}
.df-gcard__h small{font-size:12px;color:var(--df-gold)}
.df-gcard__h b{font-size:15px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.df-gcard__d{font-size:13px;line-height:1.5;color:var(--df-text2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.df-gcard__by{margin-top:auto;font-size:12px;color:var(--df-mute)}

.df-srv__new{margin-left:6px;padding:2px 6px;border-radius:999px;font:600 10.5px/1.2 var(--df-sans);color:var(--df-aether2);background:#6fd6ff1a;white-space:nowrap}
/* Daevanion: mapa visual del reparto */
.df-daeplan__tabs{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 12px}
.df-daeplan__tabs button{display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:11px;border:1px solid var(--df-line2);background:var(--df-night);color:var(--df-text2);cursor:pointer}
.df-daeplan__tabs button img{width:30px;height:30px;border-radius:7px;object-fit:cover}
.df-daeplan__tabs button span{display:flex;flex-direction:column;text-align:left}
.df-daeplan__tabs button b{font:600 14px/1.2 var(--df-sans);color:#fff}
.df-daeplan__tabs button small{font:600 11.5px/1.2 'IBM Plex Mono',monospace;color:var(--df-gold2)}
.df-daeplan__tabs button[aria-selected=true]{border-color:var(--df-gold);background:#e9bf6214;box-shadow:0 0 0 1px #e9bf6244}
.df-daeplan__body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:16px;align-items:start}
.df-daeplan__map{min-width:0;padding:12px;border-radius:14px;border:1px solid var(--df-line);background:radial-gradient(circle at 50% 45%,#22d3ee12,transparent 65%),#070a16}
.df-daemap .eu-dae-canvas{margin:0 auto}
.df-daemap .hub-dae-node{cursor:default}
.df-daeplan__side{padding:14px;border-radius:14px;border:1px solid var(--df-line);background:var(--df-night)}
.df-daeplan__side h4{margin:0 0 10px;font:700 16px/1.2 var(--df-sans);color:var(--df-gold2)}
.df-daegain{display:grid;gap:12px}
.df-daegain h5{margin:0 0 6px;font:600 12px/1 var(--df-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--df-mute)}
.df-daegain__sk{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.df-daegain__sk li{display:flex;align-items:center;gap:9px;font-size:13.5px;color:#fff}
.df-daegain__sk li span{flex:1;min-width:0}
.df-daegain__sk li b{font:600 12.5px/1 'IBM Plex Mono',monospace;color:#7ee7f9}
.df-daegain__st{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px 14px;margin:0}
.df-daegain__st div{display:flex;justify-content:space-between;gap:8px;padding:4px 0;border-bottom:1px solid #24304f80;font-size:13px}
.df-daegain__st dt{color:var(--df-text2)}
.df-daegain__st dd{margin:0;font:600 12.5px/1.3 'IBM Plex Mono',monospace;color:var(--df-gold2);white-space:nowrap}
.df-daeplan__all{margin-top:14px;padding:12px 14px;border-radius:14px;border:1px solid var(--df-line);background:var(--df-night)}
.df-daeplan__all summary{cursor:pointer;font:700 15px/1.3 var(--df-sans);color:#fff}
.df-daeplan__all[open] summary{margin-bottom:10px}
.df-daeplan__boards{display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:12px;font-size:12.5px;color:var(--df-text2)}
.df-daeplan__boards b{color:var(--df-gold2)}
.df-daeplan__all .df-daegain__sk{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));column-gap:24px}
@media (max-width:980px){.df-daeplan__body{grid-template-columns:1fr}}

/* ==================== noticias de la web, banner, perfiles y panel de administración ==================== */
.df-oauth__btns{grid-template-columns:repeat(2,minmax(0,1fr))}
.df-srv__state.is-issues{border-color:#facc1566;background:#facc1512}
.df-srv__state.is-issues .df-srv__pulse{background:#facc15;box-shadow:0 0 0 0 #facc1599}
.df-srv__dot.is-issues{background:#facc15;box-shadow:0 0 6px #facc15aa}
.df-banner{position:relative;z-index:5;border-bottom:1px solid var(--df-line)}
.df-banner__in{max-width:var(--df-max);margin:0 auto;padding:9px clamp(16px,3vw,40px);display:flex;align-items:center;gap:10px}
.df-banner p{flex:1;margin:0;font:500 14px/1.45 var(--df-sans);color:#fff}
.df-banner a{color:#fff;text-decoration:underline}
.df-banner button{flex:none;width:30px;height:30px;border-radius:8px;border:1px solid #ffffff33;background:transparent;color:#fff;cursor:pointer}
.df-banner__ico{flex:none;font-size:16px}
.df-banner--info{background:linear-gradient(90deg,#0e3a5c,#12294a)}
.df-banner--ok{background:linear-gradient(90deg,#0f4a2e,#123a2a)}
.df-banner--warn{background:linear-gradient(90deg,#5c420e,#3f2f10)}
.df-banner--danger{background:linear-gradient(90deg,#6b1323,#4a1220)}
.df-sitenews{margin:28px 0}
.df-sitenews__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;margin-top:12px}
.df-news{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:14px;border:1px solid var(--df-line);background:linear-gradient(180deg,#101731,#0b1020);min-width:0}
.df-news.is-pinned{border-color:#e9bf6288;box-shadow:0 0 0 1px #e9bf6233 inset}
.df-news.is-hidden{opacity:.6;border-style:dashed}
.df-news header{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.df-news h3{margin:0;font:700 17px/1.3 var(--df-sans);color:#fff;overflow-wrap:anywhere}
.df-news__body p{margin:0 0 8px;font-size:14px;line-height:1.6;color:var(--df-text2);overflow-wrap:anywhere}
.df-news__body a,.df-news__src{color:var(--df-aether)}
.df-news__src{font-size:13px;text-decoration:none}
.df-news__tag{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;font:700 11px/1 var(--df-sans);letter-spacing:.04em;text-transform:uppercase;background:#6fd6ff1f;color:var(--df-aether2)}
.df-news__tag--mantenimiento{background:#fb923c22;color:#fdba74}
.df-news__tag--parche{background:#a78bfa22;color:#c4b5fd}
.df-news__tag--evento{background:#22c55e1f;color:#bbf7d0}
.df-news__tag--servidores{background:#facc151f;color:#fde68a}
.df-news__pin{font-size:12px;color:var(--df-gold2)}
.df-news__by{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:auto 0 0;padding-top:8px;border-top:1px solid #24304f80;font-size:12.5px;color:var(--df-mute)}
.df-by{display:inline-flex;align-items:center;gap:7px;font-weight:600;color:#fff;text-decoration:none}
.df-by img{width:20px;height:20px}
.df-by small{font-weight:500;color:var(--df-mute)}
.df-by .df-acct__av{width:20px;height:20px;font-size:10px}
.df-by--bot i{font-style:normal;display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#22d3ee22;color:#7ee7f9}
a.df-by:hover{text-decoration:underline}
.df-role{display:inline-flex;align-items:center;height:20px;margin-left:8px;padding:0 8px;border-radius:999px;font:700 10.5px/1 var(--df-sans);letter-spacing:.04em;text-transform:uppercase;vertical-align:middle}
.df-role--user{background:#ffffff10;color:var(--df-mute)}
.df-role--editor{background:#22c55e22;color:#bbf7d0}
.df-role--admin{background:#6fd6ff22;color:var(--df-aether2)}
.df-role--superadmin{background:#e9bf6226;color:var(--df-gold2)}
.df-subtabs{display:flex;flex-wrap:wrap;gap:4px;margin:12px 0;border-bottom:1px solid var(--df-line)}
.df-subtabs button{padding:9px 12px;border:0;border-bottom:2px solid transparent;background:none;color:var(--df-text2);font:600 13.5px var(--df-sans);cursor:pointer}
.df-subtabs button[aria-selected=true]{color:#fff;border-bottom-color:var(--df-gold)}
.df-admin-go{margin:10px 0 4px}
.df-acct--admin{justify-content:center;min-width:38px;padding:0;text-decoration:none;font-size:16px}
.df-links-edit{display:grid;gap:8px;margin:4px 0;padding:12px;border-radius:12px;border:1px solid var(--df-line)}
.df-links-edit legend{padding:0 6px;font:600 13px var(--df-sans);color:var(--df-text)}
.df-field--inline{grid-template-columns:120px minmax(0,1fr);align-items:center}
.df-field--inline input{height:38px}
.df-net{display:inline-flex;align-items:center;gap:6px;font:600 13px/1.2 var(--df-sans);color:#fff;text-decoration:none}
.df-net::before{content:'';width:9px;height:9px;border-radius:50%;background:var(--df-mute)}
.df-net--youtube::before{background:#ff3b30}.df-net--twitch::before{background:#9146ff}.df-net--kick::before{background:#53fc18}
.df-net--x::before{background:#e5e7eb}.df-net--tiktok::before{background:#25f4ee}.df-net--discord::before{background:#5865f2}.df-net--google::before{background:#4285f4}.df-net--email::before{background:var(--df-gold)}
.df-idlist{list-style:none;margin:10px 0;padding:0;display:grid;gap:6px}
.df-idlist li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;border:1px solid var(--df-line);background:#ffffff04}
.df-idlist small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--df-mute)}
.df-acc-actions .df-oauth__btn{padding:0 14px}
@media (max-width:520px){.df-field--inline{grid-template-columns:1fr}}
.df-badge--feat{border-color:#e9bf6288;color:var(--df-gold2);background:#e9bf6214;margin-left:6px}
.df-gcard.is-feat{border-color:#e9bf6277;box-shadow:0 0 0 1px #e9bf6222 inset}
.df-shared__vids h2,.df-profile__builds h2{margin:22px 0 10px;font:700 20px/1.25 var(--df-display);color:#fff}
.df-profile__builds h2 small{font:500 14px var(--df-sans);color:var(--df-mute)}
.df-vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.df-yt{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;border:1px solid var(--df-line);background:#000}
.df-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.df-yt--ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px;cursor:pointer;color:#fff;background:radial-gradient(circle at 50% 40%,#2b1020,#070a16 70%)}
.df-yt__play{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#e11d48;font-size:24px;box-shadow:0 0 30px #e11d4888;transition:transform .15s}
.df-yt--ph:hover .df-yt__play{transform:scale(1.08)}
.df-yt__t{font:600 14px/1.3 var(--df-sans);text-align:center}
.df-yt--ph small{font-size:11.5px;color:var(--df-mute)}
.df-modbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0;padding:10px 12px;border-radius:12px;border:1px dashed #6fd6ff55;background:#6fd6ff0a;font-size:13px;color:var(--df-aether2)}
.df-profile{max-width:1180px;margin:0 auto}
.df-profile__head{display:flex;gap:18px;align-items:center;margin:8px 0 16px}
.df-profile__av{display:grid;place-items:center;flex:none;width:84px;height:84px;border-radius:20px;background:linear-gradient(135deg,#2a1d55,#0e3a5c);border:1px solid var(--df-line2);font:700 34px var(--df-display);color:#fff;overflow:hidden}
.df-profile__av img{width:70%;height:70%}
.df-profile__head h1{margin:0 0 4px;font:700 clamp(24px,3vw,34px)/1.15 var(--df-display);color:#fff}
.df-profile__meta{margin:0 0 8px;font-size:14px;color:var(--df-text2)}
.df-profile__bio{max-width:80ch;padding:14px 16px;border-radius:14px;border:1px solid var(--df-line);background:var(--df-night)}
.df-profile__bio p{margin:0 0 8px;font-size:15px;line-height:1.6;color:var(--df-text2)}
.df-profile__links{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0}
.df-profile__links li>*{padding:8px 12px;border-radius:999px;border:1px solid var(--df-line2);background:#ffffff05}
.df-profile__links a:hover{border-color:var(--df-aether)}
.df-code{margin:10px 0;padding:12px;border-radius:10px;border:1px solid var(--df-line2);background:#020617;color:#7ee7f9;font:500 13px/1.5 'IBM Plex Mono',monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.df-admin{max-width:1180px;margin:0 auto}
.df-adm-tabs{position:sticky;top:var(--df-hh);z-index:4;background:var(--df-abyss)}
.df-adm-sec{display:grid;gap:14px}
.df-adm-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.df-adm-bar .df-btn{height:42px;font-size:14px}
.df-adm-bar .df-seg{margin:0;min-width:240px}
.df-adm-form,.df-adm-card{display:grid;gap:12px;padding:16px;border-radius:14px;border:1px solid var(--df-line);background:linear-gradient(180deg,#101731,#0b1020)}
.df-adm-form h3,.df-adm-card h3,.df-adm-h,.df-adm-help h3{margin:0;font:700 17px/1.3 var(--df-sans);color:var(--df-gold2)}
.df-adm-h{margin-top:10px}
.df-adm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.df-adm-tpl{display:grid;gap:10px;padding:12px;border-radius:12px;border:1px dashed #e9bf6266;background:#e9bf620a}
.df-adm-tpl>b{font-size:14px;color:var(--df-gold2)}
.df-adm-tpl .df-btn{justify-self:start;height:38px;font-size:13.5px}
.df-adm-en{padding:10px 12px;border-radius:12px;border:1px solid var(--df-line)}
.df-adm-en summary{cursor:pointer;font:600 13.5px var(--df-sans);color:var(--df-text)}
.df-adm-en[open]{display:grid;gap:10px}
.df-adm-checks{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center}
.df-adm-preview{display:grid;gap:6px;padding:12px;border-radius:12px;background:#00000033;border:1px solid var(--df-line)}
.df-adm-preview>small{font:700 11px var(--df-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--df-mute)}
.df-adm-news{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
.df-adm-acts{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.df-adm-table{display:grid;gap:6px}
.df-adm-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:9px 11px;border-radius:11px;border:1px solid var(--df-line);background:#ffffff03}
.df-adm-row.is-hidden{opacity:.65;border-style:dashed}
.df-adm-main{display:grid;min-width:0}
.df-adm-main a{font:600 14px/1.3 var(--df-sans);color:#fff;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.df-adm-main a:hover{text-decoration:underline}
.df-adm-main small{font-size:12px;color:var(--df-mute);overflow-wrap:anywhere}
.df-adm-badges{display:flex;gap:4px;align-items:center}
.df-adm-badges .df-role{margin:0}
select.df-mini{height:30px;padding:0 6px}
.df-adm-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.df-adm-tile{display:grid;gap:4px;padding:14px;border-radius:14px;border:1px solid var(--df-line);background:var(--df-night);text-align:left;color:var(--df-text2);cursor:pointer}
.df-adm-tile b{font:700 28px/1 var(--df-display);color:#fff}
.df-adm-tile span{font-size:13px}
.df-adm-tile:hover{border-color:var(--df-aether)}
.df-adm-help{padding:14px 16px;border-radius:14px;border:1px solid var(--df-line);background:var(--df-night)}
.df-adm-reports{display:grid;gap:10px}
.df-adm-report header{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.df-adm-report header b{color:#fff}
.df-adm-report header small{margin-left:auto;color:var(--df-mute)}
.df-adm-report>p{margin:0;font-size:14px;line-height:1.55;color:var(--df-text2);overflow-wrap:anywhere}
.df-adm-report.is-nueva{border-color:#fb923c66}
@media (max-width:760px){.df-adm-row{grid-template-columns:28px minmax(0,1fr)}.df-adm-badges,.df-adm-acts{grid-column:2}.df-sitenews__grid,.df-adm-news{grid-template-columns:1fr}}

/* ==================== Gear Planner · constructor de 5 zonas ==================== */
.gp{--gp-line:#1b2645;--gp-line2:#26345a;--gp-bg-a:#090e1c;--gp-bg-b:#0a0f1e;--gp-bg-c:#080c18;--gp-bg-d:#0c1224;--gp-bg-e:#0a0f1e;--gp-card:#0e1529;
  display:grid;grid-template-columns:var(--gpA,248px) var(--gpB,304px) var(--gpC,136px) minmax(0,1fr) var(--gpE,276px);grid-template-rows:minmax(0,1fr);
  background:var(--df-abyss);border-top:1px solid var(--gp-line);font:400 13px/1.4 var(--df-sans);color:var(--df-text)}
.gp *{box-sizing:border-box}
.gp-col{min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#2a3760 transparent}
.gp-col::-webkit-scrollbar,.gp-d__body::-webkit-scrollbar,.gp-stats__list::-webkit-scrollbar{width:8px}
.gp-col::-webkit-scrollbar-thumb,.gp-d__body::-webkit-scrollbar-thumb,.gp-stats__list::-webkit-scrollbar-thumb{background:#26345a;border-radius:8px;border:2px solid transparent;background-clip:padding-box}
.gp-mtabs{display:none}
.gp-load{min-height:50vh;display:grid;place-content:center;justify-items:center;gap:10px;color:var(--df-text2)}
.df-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* modo aplicación: sin scroll de página en escritorio, cada columna se desplaza sola */
@media (min-width:1200px) and (min-height:600px){
  html.df-gp-mode,html.df-gp-mode body{height:100%;overflow:hidden;overscroll-behavior:none}
  html.df-gp-mode #root{height:100%}
  html.df-gp-mode .df-app{height:100vh;height:100dvh;min-height:0;overflow:hidden}
  html.df-gp-mode .df-crumbs,html.df-gp-mode .df-foot{display:none}
  html.df-gp-mode .df-app>*{flex:none}
  html.df-gp-mode .df-main.bm-main{flex:1 1 0;min-height:0;max-width:none;padding:0;margin:0;overflow:hidden;display:flex}
  html.df-gp-mode .df-page{flex:1 1 auto;min-height:0;min-width:0;display:flex;animation:none}
  html.df-gp-mode .gp{flex:1 1 auto;min-height:0;height:100%;width:100%}
  html.df-gp-mode .gp-d{display:flex;flex-direction:column;overflow:hidden}
  html.df-gp-mode .gp-d__body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#2a3760 transparent}
  html.df-gp-mode .gp-e{display:flex;flex-direction:column;overflow:hidden}
  html.df-gp-mode .gp-stats{flex:1 1 auto;min-height:0}
  html.df-gp-mode .gp-stats__list{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#2a3760 transparent}
}
@media (min-width:1700px){.gp{--gpA:270px;--gpB:330px;--gpC:140px;--gpE:284px}}
@media (min-width:1440px) and (max-width:1599.98px){.gp{--gpB:290px;--gpC:136px;--gpE:268px}}
@media (min-width:1200px) and (max-width:1599.98px){
  .gp{--gpA:60px}
}
@media (min-width:1200px) and (max-width:1439.98px){
  .gp{--gpB:262px;--gpC:132px;--gpE:256px}}
@media (min-width:1200px) and (max-width:1599.98px){
  .gp-a .gp-nav{padding:10px 6px}
  .gp-a .gp-nav__brand span,.gp-a .gp-nav__tx,.gp-a .gp-nav__foot,.gp-a .gp-nav__h{display:none}
  .gp-a .gp-nav__brand{justify-content:center;padding:4px 0 10px}
  .gp-a .gp-nav__it{justify-content:center;padding:9px 0}
  .gp-a .gp-nav__ic{font-size:16px;width:auto}
  .gp-a .gp-nav__it.gp-nav__rail{display:flex;margin-top:auto}
}
.gp-nav__it.gp-nav__rail{display:none}

/* A · navegación */
.gp-a{background:linear-gradient(180deg,#0b1122,var(--gp-bg-a));border-right:1px solid var(--gp-line)}
.gp-nav{display:flex;flex-direction:column;min-height:100%;padding:12px 10px}
.gp-nav__brand{display:flex;gap:10px;align-items:center;padding:4px 6px 12px;border-bottom:1px solid var(--gp-line);margin-bottom:4px}
.gp-nav__brand img{width:34px;height:34px;flex:none}
.gp-nav__brand span{min-width:0}
.gp-nav__brand b{display:block;font:700 15px/1.15 var(--df-display);color:var(--df-gold2);letter-spacing:.03em}
.gp-nav__brand small{display:block;font-size:12px;color:var(--df-text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gp-nav__h{margin:14px 10px 4px;font:600 10.5px/1 var(--df-sans);letter-spacing:.13em;text-transform:uppercase;color:#65739a}
.gp-nav__it{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;border-radius:8px;border:0;background:none;color:var(--df-text2);font:500 13.5px/1.25 var(--df-sans);text-align:left;text-decoration:none;cursor:pointer}
.gp-nav__it:hover{background:#121a31;color:#fff}
.gp-nav__it.is-on{background:linear-gradient(90deg,#1d2a55,#121a33);color:#fff;box-shadow:inset 2px 0 0 var(--df-gold)}
.gp-nav__ic{width:20px;flex:none;text-align:center;color:var(--df-gold);font-size:14px}
.gp-nav__foot{margin-top:auto;padding:12px 8px 2px;border-top:1px solid var(--gp-line);font-size:11px;line-height:1.5;color:var(--df-mute)}
.gp-nav__data{margin:0 0 8px;color:var(--df-text2)}
.gp-nav__legal{margin:0 0 6px}
.gp-nav__legal a,.gp-nav__legal button{color:var(--df-mute);text-decoration:none;border:0;background:none;padding:0;font:inherit;cursor:pointer}
.gp-nav__legal a:hover,.gp-nav__legal button:hover{color:#fff;text-decoration:underline}
.gp-nav__fine{margin:0;font-size:10.5px;color:#56638a}

/* B · sistemas y builds */
.gp-b{background:var(--gp-bg-b);border-right:1px solid var(--gp-line);padding:10px}
.gp-card{background:linear-gradient(180deg,#131c36,#0e1529);border:1px solid var(--gp-line2);border-radius:10px;padding:10px}
.gp-build__top{display:flex;gap:8px;align-items:center}
.gp-build__top img{flex:none;border-radius:8px}
.gp-build__name{flex:1;min-width:0}
.gp-build__name input{width:100%;height:32px;background:#070a16;border:1px solid var(--gp-line2);border-radius:7px;color:#fff;font:600 14px var(--df-sans);padding:0 8px}
.gp-build__name input:focus{outline:none;border-color:var(--df-gold)}
.gp-build__meta{margin:7px 0;font-size:11.5px;color:var(--df-mute)}
.gp-tags{display:flex;flex-wrap:wrap;gap:4px}
.gp-tag{height:22px;padding:0 8px;border-radius:11px;border:1px solid var(--gp-line2);background:#0a0f1d;color:var(--df-text2);font:500 11px/20px var(--df-sans);cursor:pointer}
.gp-tag:hover{color:#fff;border-color:#3a4a7a}
.gp-tag.is-on{background:#2b2410;border-color:#8a6a24;color:var(--df-gold2)}
.gp-build__acts{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:9px}
.gp-build__state{font-size:11px;color:var(--df-mute)}
.gp-build__state.is-dirty{color:#fbbf24}
.gp-block{margin-top:12px}
.gp-block__h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:0 2px 7px;font:600 11px/1.2 var(--df-sans);letter-spacing:.1em;text-transform:uppercase;color:#8d9abd}
.gp-block__h small{font-size:10.5px;letter-spacing:0;text-transform:none;color:var(--df-mute);font-weight:400}
.gp-sys{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.gp-sys__it{display:flex;gap:7px;align-items:center;min-width:0;padding:6px 7px;border-radius:8px;border:1px solid #1f2b4b;background:#0d1427;color:var(--df-text);text-align:left;cursor:pointer;font:inherit}
.gp-sys__it:hover{border-color:#34467a;background:#111a33}
.gp-sys__it img,.gp-sys__gly{width:30px;height:30px;flex:none;border-radius:6px}
.gp-sys__gly{display:grid;place-items:center;background:#131c38;color:var(--df-gold);font-size:15px}
.gp-sys__it span{min-width:0}
.gp-sys__it b{display:block;font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gp-sys__it small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10.5px;line-height:1.25;color:var(--df-mute);overflow:hidden}
.gp-sys__it.is-act{border-color:#2f5a3a}
.gp-sys__it.is-act small{color:#86efac}
.gp-sys__it.is-on{border-color:var(--df-gold);box-shadow:inset 0 0 0 1px #e9bf6244}
.gp-saved__list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.gp-sv{padding:8px;border:1px solid #1f2b4b;border-radius:9px;background:#0d1427}
.gp-sv.is-cur{border-color:#8a6a24;background:linear-gradient(180deg,#191a20,#0d1427)}
.gp-sv.is-cmp{border-color:#3b6fd1}
.gp-sv__h{display:flex;gap:8px;align-items:center}
.gp-sv__h img{flex:none}
.gp-sv__h span{min-width:0}
.gp-sv__h b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gp-sv__h small{display:block;font-size:11px;color:var(--df-mute)}
.gp-sv__tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}
.gp-sv__tags span{font-size:10.5px;padding:1px 6px;border-radius:8px;background:#1a2340;color:var(--df-text2)}
.gp-sv__ics{display:flex;flex-wrap:wrap;gap:3px;margin-top:6px}
.gp-sv__acts{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px;align-items:center}
.gp-sv__acts.is-sure span{font-size:12px;color:#fca5a5;margin-right:4px}

/* C · huecos */
.gp-c{background:var(--gp-bg-c);border-right:1px solid var(--gp-line);padding:8px 6px 10px}
.gp-slots__h{display:flex;justify-content:space-between;align-items:baseline;margin:2px 4px 8px;font:600 11px var(--df-sans);letter-spacing:.1em;text-transform:uppercase;color:#8d9abd}
.gp-slots__h small{letter-spacing:0;color:var(--df-mute);font-weight:400}
.gp-slots__grid{display:grid;grid-template-columns:repeat(2,58px);gap:4px 6px;justify-content:center;list-style:none;margin:0;padding:0}
.gp-slot{display:flex;flex-direction:column;align-items:center;gap:2px;width:58px;padding:2px 0 1px;border:0;border-radius:8px;background:none;cursor:pointer;color:inherit;font:inherit}
.gp-slot .gp-ic{outline:2px solid transparent;outline-offset:1px;transition:outline-color .12s,box-shadow .12s}
.gp-slot:hover .gp-ic{outline-color:#3a4a7a}
.gp-slot.is-on .gp-ic{outline-color:var(--df-gold);box-shadow:0 0 14px #e9bf6266}
.gp-slot.is-bad .gp-ic{outline-color:#f87171}
.gp-slot__n{max-width:58px;font-size:9.5px;line-height:1.15;color:#7a87a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gp-slot.is-on .gp-slot__n{color:var(--df-gold2)}
.gp-slots__foot{display:flex;gap:4px;justify-content:center;margin-top:10px}
.gp-ic{position:relative;display:inline-block;flex:none;border-radius:7px;overflow:hidden;background:#0b1020;box-shadow:inset 0 0 0 1px #00000099;vertical-align:middle}
.gp-ic__bg,.gp-ic__img{position:absolute;inset:0;width:100%;height:100%}
.gp-ic__img{object-fit:contain;padding:5%}
.gp-ic.is-empty{display:inline-grid;place-items:center;border:1px dashed #2a3760;background:#0a0f1d}
.gp-ic.is-empty img{width:62%;height:62%;opacity:.35;filter:grayscale(1)}
.gp-ic__lv{position:absolute;right:2px;bottom:1px;font:700 11px/1 var(--df-sans);color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000,0 0 6px #000}
.gp-ic__lv.is-exc{color:#f9a8d4}
.gp-ic__dot{position:absolute;left:3px;top:3px;width:7px;height:7px;border-radius:50%;background:#22d3ee;box-shadow:0 0 5px #22d3ee}
.gp-ic--sys{width:68px;height:68px;display:grid;place-items:center;background:#131c38}
.gp-ic--sys img{width:80%;height:80%}
.gp-ic--gly{font-size:30px;color:var(--df-gold)}
.gp-tip{position:fixed;z-index:90;width:280px;padding:10px 12px;border-radius:10px;border:1px solid #2c3b66;background:#0d1428f2;box-shadow:0 18px 40px -12px #000;pointer-events:none;font-size:12px}
.gp-tip>b{display:block;font-size:13.5px}
.gp-tip>small{display:block;margin-top:2px;color:var(--df-mute)}
.gp-tip dl{margin:6px 0 4px;display:grid;gap:2px}
.gp-tip dl div{display:flex;justify-content:space-between;gap:10px}
.gp-tip dt{color:var(--df-text2)}
.gp-tip dd{margin:0;color:#fff;font-weight:600;font-variant-numeric:tabular-nums}

/* D · editor */
.gp-d{background:var(--gp-bg-d);min-width:0}
.gp-tabs{display:flex;gap:2px;padding:0 14px;border-bottom:1px solid var(--gp-line);background:#0a0f1f;flex:none;overflow-x:auto}
.gp-tabs button{height:42px;padding:0 16px;border:0;border-bottom:2px solid transparent;background:none;color:var(--df-text2);font:600 13.5px var(--df-sans);cursor:pointer;white-space:nowrap}
.gp-tabs button:hover{color:#fff}
.gp-tabs button.is-on{color:#fff;border-bottom-color:var(--df-gold);background:linear-gradient(180deg,transparent,#e9bf6212)}
.gp-d__body{padding:14px 18px 28px}
.gp-msg{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 18px 0;padding:7px 10px;border-radius:8px;border:1px solid #1e4a3a;background:#0b221c;color:#bbf7d0;font-size:12.5px;flex:none}
.gp-msg>span:first-child{flex:1;min-width:200px}
.gp-msg.is-err{border-color:#5a2230;background:#2a0f16;color:#fecaca}
.gp-msg__acts{display:flex;gap:4px;flex-wrap:wrap}
.gp-edit{max-width:980px}
.gp-item{display:flex;gap:14px;align-items:flex-start;padding:12px;border:1px solid var(--gp-line2);border-radius:12px;background:linear-gradient(180deg,#131c36,#0e1529)}
.gp-item__t{flex:1;min-width:0}
.gp-item__t h2{margin:0;font:700 19px/1.25 var(--df-sans)}
.gp-item__lv{color:#fff}
.gp-item__slot{margin:0 0 2px;font:600 10.5px var(--df-sans);letter-spacing:.12em;text-transform:uppercase;color:#7c89aa}
.gp-item__meta{margin:3px 0 0;font-size:12px;color:var(--df-text2)}
.gp-item__acts{display:flex;flex-direction:column;gap:6px;flex:none}
.gp-sec{margin-top:12px;padding:12px 12px 10px;border:1px solid var(--gp-line);border-radius:10px;background:#0b1121}
.gp-sec__h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px}
.gp-sec__h h3{margin:0;font:600 12px var(--df-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--df-gold2)}
.gp-sec__side{font:700 13px var(--df-sans);color:#fff;font-variant-numeric:tabular-nums}
.gp-note{margin:6px 0;font-size:12px;line-height:1.5;color:var(--df-mute)}
.gp-note.is-warn{color:#fcd9a0;background:#2a210b55;border:1px solid #5c4a1a;border-radius:8px;padding:7px 9px}
.gp-fine{margin:6px 0 0;font-size:11px;line-height:1.5;color:#6d7a9e}
.gp-mute{color:var(--df-mute)}
.gp-range{margin:2px 0 8px}
.gp-range input[type=range]{width:100%;margin:0;accent-color:var(--df-gold);height:22px;cursor:pointer}
.gp-range.is-exc input[type=range]{accent-color:#f472b6}
.gp-range.is-off{opacity:.45}
.gp-range__marks{position:relative;height:18px;margin-top:1px}
.gp-range__marks button{position:absolute;top:0;transform:translateX(-50%);border:0;background:none;padding:2px 1px;color:#5f6c91;font:500 10.5px var(--df-sans);cursor:pointer;text-align:center;white-space:nowrap}
.gp-range__marks button.is-past{color:#9aa6c6}
.gp-range__marks button.is-on{color:var(--df-gold2);font-weight:700}
.gp-range.is-exc .gp-range__marks button.is-on{color:#f9a8d4}
.gp-exc{margin-top:6px;padding-top:8px;border-top:1px dashed #2a3760}
.gp-exc__h{display:flex;justify-content:space-between;margin:0 0 2px;font-size:12px}
.gp-exc__h b{color:#f9a8d4;font-weight:600}
.gp-exc__h span{color:var(--df-text2)}
.gp-tbl{margin-top:8px;border:1px solid var(--gp-line);border-radius:8px;overflow:hidden}
.gp-tbl__r{display:grid;grid-template-columns:minmax(120px,1.6fr) repeat(auto-fit,minmax(56px,1fr));gap:6px;padding:5px 9px;border-top:1px solid #172040;font-size:12px;font-variant-numeric:tabular-nums}
.gp-tbl__r span:not(:first-child){text-align:right}
.gp-tbl__h{border-top:0;background:#0f1730;color:#8d9abd;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em}
.is-pos{color:#86efac}.is-neg{color:#fca5a5}.is-exc{color:#f9a8d4}.is-tot{color:#fff;font-weight:700}
.gp-sub{display:grid;grid-template-columns:minmax(150px,1.4fr) minmax(70px,1fr) 66px auto auto auto 60px 24px;gap:6px;align-items:center;padding:6px 0;border-top:1px solid #172040}
.gp-sub--add{grid-template-columns:minmax(150px,1fr) auto}
.gp-sub__r{width:100%;accent-color:var(--df-aether)}
.gp-sub__rg{font-size:11px;color:var(--df-mute);white-space:nowrap}
.gp-sub__d{font-size:12px;text-align:right;font-variant-numeric:tabular-nums}
.gp-stone{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:5px 0;border-top:1px solid #172040}
.gp-stone__n{width:56px;font-size:11.5px;color:var(--df-mute)}
.gp-stone .gp-sel{flex:1 1 180px}
.gp-sel,.gp-num,.gp-txt{height:30px;min-width:0;padding:0 8px;border-radius:7px;border:1px solid var(--gp-line2);background:#070a16;color:#fff;font:400 12.5px var(--df-sans)}
.gp-sel:focus,.gp-num:focus,.gp-txt:focus{outline:none;border-color:var(--df-gold)}
.gp-num{width:76px;text-align:right;font-variant-numeric:tabular-nums}
.gp-txt{width:100%}
.gp-area{height:auto;padding:8px;line-height:1.5;resize:vertical}
.gp-grow{flex:1}
.gp-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 13px;border-radius:8px;border:1px solid #2c3b66;background:#131c38;color:#fff;font:600 12.5px var(--df-sans);text-decoration:none;cursor:pointer;white-space:nowrap}
.gp-btn:hover{border-color:#4a5d96;background:#18234a}
.gp-btn:disabled{opacity:.45;cursor:not-allowed}
.gp-btn--gold{color:#1b1304;border-color:#b98d33;background:linear-gradient(180deg,var(--df-gold2),var(--df-gold) 70%)}
.gp-btn--gold:hover{filter:brightness(1.07);background:linear-gradient(180deg,var(--df-gold2),var(--df-gold) 70%)}
.gp-btn--ghost{background:transparent}
.gp-btn--block{width:100%;margin-top:10px}
.gp-mini{height:24px;padding:0 8px;border-radius:6px;border:1px solid #2c3b66;background:#111a33;color:var(--df-text2);font:500 11.5px var(--df-sans);cursor:pointer;white-space:nowrap}
.gp-mini:hover{color:#fff;border-color:#4a5d96}
.gp-mini.is-on{color:var(--df-gold2);border-color:#8a6a24}
.gp-mini:disabled{opacity:.45;cursor:default}
.gp-mini--danger{color:#fca5a5;border-color:#5a2230}
.gp-x{width:22px;height:22px;flex:none;border-radius:6px;border:1px solid transparent;background:none;color:var(--df-mute);font-size:16px;line-height:1;cursor:pointer}
.gp-x:hover{color:#fff;border-color:#2c3b66}
.gp-badge{font-size:10.5px;padding:2px 7px;border-radius:8px;background:#1a2340;color:var(--df-text2);white-space:nowrap}
.gp-badge--on{background:#2b2410;color:var(--df-gold2)}
.gp-badge--no{background:#2a0f16;color:#fca5a5}
.gp-det{margin-top:8px}
.gp-det summary{cursor:pointer;font-size:12px;color:var(--df-aether)}
.gp-ranges{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:2px 14px}
.gp-ranges li{display:flex;justify-content:space-between;gap:8px;font-size:12px;padding:2px 0;color:var(--df-text2)}
.gp-ranges li.is-on{color:var(--df-gold2)}
.gp-ranges b{font-weight:600;font-variant-numeric:tabular-nums}
.gp-inline{display:flex;align-items:center;gap:8px;margin:10px 0 0;font-size:12px;color:var(--df-text2)}
.gp-inline span{flex:none}
.gp-desc{white-space:pre-line;font-size:12.5px;color:var(--df-text2);margin:0}
.gp-src{margin:12px 2px 0;font-size:11px;color:#6d7a9e}
.gp-empty{display:grid;justify-items:center;gap:8px;padding:50px 20px;text-align:center;color:var(--df-text2)}
.gp-empty h2{margin:4px 0 0;font:700 18px var(--df-sans);color:#fff}
.gp-empty p{margin:0}
.gp-switch{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--df-text2);cursor:pointer;white-space:nowrap}
.gp-switch input{width:16px;height:16px;accent-color:var(--df-gold)}
.gp-check{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--df-text2);cursor:pointer}
.gp-check input{accent-color:var(--df-gold)}
.gp-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.gp-row>span{font-size:12.5px;color:var(--df-text2)}
.gp-seg{display:inline-flex;border:1px solid #2c3b66;border-radius:8px;overflow:hidden}
.gp-seg button{height:32px;padding:0 14px;border:0;background:#0d1427;color:var(--df-text2);font:600 12.5px var(--df-sans);cursor:pointer}
.gp-seg button+button{border-left:1px solid #2c3b66}
.gp-seg button.is-on{background:#2b2410;color:var(--df-gold2)}
.gp-seg button:disabled{opacity:.45;cursor:not-allowed}
.gp-clsgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.gp-clsbtn{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;border:1px solid #1f2b4b;background:#0d1427;color:var(--df-text);font:600 12.5px var(--df-sans);cursor:pointer}
.gp-clsbtn img{width:28px;height:28px}
.gp-clsbtn.is-on{border-color:var(--df-gold);background:#1c1a14}
.gp-kv{display:grid;gap:4px;margin:8px 0 0}
.gp-kv div{display:flex;justify-content:space-between;gap:12px;font-size:12.5px;padding:3px 0;border-bottom:1px solid #151d38}
.gp-kv dt{color:var(--df-mute)}
.gp-kv dd{margin:0;color:#fff;text-align:right}
.gp-kv--cols{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));column-gap:18px}
.gp-pick__h{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:10px}
.gp-pick__h h2{flex:1;margin:0;font:700 17px var(--df-sans)}
.gp-pick__n{font-size:12px;color:var(--df-mute)}
.gp-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.gp-filters__q{flex:1 1 220px;width:auto}
.gp-filters .gp-sel{max-width:210px}
.gp-pick__body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(270px,1fr);gap:12px;align-items:start}
.gp-pick__list{list-style:none;margin:0;padding:0;border:1px solid var(--gp-line);border-radius:10px;overflow:hidden;background:#0a1020}
.gp-pi{display:flex;gap:10px;align-items:center;padding:6px 9px;border-top:1px solid #151d38;cursor:pointer}
.gp-pi:first-child{border-top:0}
.gp-pi:hover{background:#111a31}
.gp-pi.is-on{background:#18224a;box-shadow:inset 2px 0 0 var(--df-gold)}
.gp-pi.is-no{opacity:.55}
.gp-pi.is-none{cursor:default;color:var(--df-mute);padding:16px}
.gp-pi__t{flex:1;min-width:0}
.gp-pi__t b{display:block;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gp-pi__t small{display:block;font-size:11px;color:var(--df-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gp-pick__prev{position:sticky;top:0;padding:10px;border:1px solid var(--gp-line2);border-radius:10px;background:var(--gp-card)}
.gp-pick__ph{display:flex;gap:10px;align-items:center}
.gp-pick__ph span{min-width:0}
.gp-pick__ph b{display:block;font-size:14px}
.gp-pick__ph small{display:block;font-size:11px;color:var(--df-mute)}
.gp-pick__vs{margin:8px 0 4px;font-size:11.5px;color:var(--df-text2)}
.gp-cmp{display:grid;margin-top:6px;border:1px solid var(--gp-line);border-radius:8px;overflow:hidden}
.gp-cmp__r{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(46px,1fr));gap:6px;padding:4px 8px;border-top:1px solid #151d38;font-size:12px;font-variant-numeric:tabular-nums}
.gp-cmp__r span:not(:first-child){text-align:right}
.gp-cmp__h{border-top:0;background:#0f1730;color:#8d9abd;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em}
.gp-cmp--4 .gp-cmp__r{grid-template-columns:110px minmax(0,1fr) minmax(0,1fr)}
.gp-cmp--4 .gp-cmp__r span{text-align:left!important}
.gp-cmp__r.is-same{opacity:.55}
.gp-cmp__it{display:flex;align-items:center;gap:6px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gp-skills>.hub-legacy-header,.gp-skills>.hub-legacy-header+div{display:none}
.gp-daetab .df-daeplan,.gp-daetab .bm-dae-complete{margin-top:12px}
.gp-daetab>.gp-btn{margin-top:12px}

/* E · estadísticas */
.gp-e{background:var(--gp-bg-e);border-left:1px solid var(--gp-line)}
.gp-stats{display:flex;flex-direction:column}
.gp-stats__top{flex:none;padding:10px 10px 8px;border-bottom:1px solid var(--gp-line)}
.gp-stats__sum{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}
.gp-stats__sum span{padding:5px 8px;border-radius:8px;border:1px solid #1f2b4b;background:#0f1730}
.gp-stats__sum small{display:block;font-size:10.5px;color:var(--df-mute)}
.gp-stats__sum b{font:700 16px var(--df-sans);color:#fff}
.gp-stats__cmp{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:8px 0 0;padding:4px 8px;border-radius:7px;background:#10224a;color:#bfdbfe;font-size:12px}
.gp-stats__top .gp-note{margin:8px 0 0;font-size:11.5px}
.gp-stats__list{padding:2px 6px 10px}
.gp-sg__h{display:flex;justify-content:space-between;align-items:center;width:100%;padding:9px 6px 6px;border:0;border-bottom:1px solid var(--gp-line);background:none;color:var(--df-gold2);font:600 11px var(--df-sans);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.gp-sg__h span::before{content:"▾";display:inline-block;width:14px;color:#8d9abd;transition:transform .15s}
.gp-sg.is-shut .gp-sg__h span::before{transform:rotate(-90deg)}
.gp-sg__h small{color:var(--df-mute);letter-spacing:0;font-weight:400}
.gp-sg dl{margin:2px 0 4px}
.gp-st{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:6px;padding:2px 6px;border-radius:6px}
.gp-st:hover,.gp-st.is-open{background:#111a30}
.gp-st dt{min-width:0}
.gp-st dt button{display:block;width:100%;border:0;background:none;padding:2px 0;color:var(--df-text2);font:500 12.5px/1.3 var(--df-sans);text-align:left;cursor:pointer}
.gp-st dt button:hover{color:#fff}
.gp-st__m{margin-left:5px;font-style:normal;font-size:11px;color:#fbbf24}
.gp-st dd{margin:0;text-align:right;font:600 12.5px var(--df-sans);color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.gp-st dd em{display:block;font-style:normal;font-size:11px}
.gp-st.is-zero dd{color:#4f5b80}
.gp-st__min{grid-column:1/-1;margin:-2px 0 2px;font-size:11px;color:var(--df-mute);text-align:right}
.gp-st__src{grid-column:1/-1;list-style:none;margin:2px 0 4px;padding:6px 8px;border-radius:7px;background:#0b1224;border:1px solid #1d2846}
.gp-st__src li{display:flex;justify-content:space-between;gap:8px;font-size:11.5px;color:var(--df-text2)}
.gp-st__src li b{color:#fff;font-weight:600;font-variant-numeric:tabular-nums}
.gp-st__slots{display:block!important;margin-top:4px;padding-top:4px;border-top:1px solid #1d2846;color:var(--df-mute)!important;font-size:11px!important}
.gp-stats__foot{flex:none;padding:8px 10px 10px;border-top:1px solid var(--gp-line)}
.gp-sheet__st{margin-top:14px}
.gp-sheet__st h4{margin:0 0 4px;font:600 13px var(--df-sans)}

/* móvil y pantallas bajas: paneles apilados con pestañas */
@media (max-width:1199.98px),(max-height:599.98px){
  .gp{display:block;border-top:0;background:none}
  .df-main.bm-main:has(.gp){padding-left:0;padding-right:0;padding-top:0}
  .gp-mtabs{display:flex;position:sticky;top:var(--df-hh);z-index:30;background:#0a0f1e;border-bottom:1px solid var(--gp-line)}
  .gp-mtabs button{flex:1;height:42px;border:0;border-bottom:2px solid transparent;background:none;color:var(--df-text2);font:600 13px var(--df-sans)}
  .gp-mtabs button[aria-selected=true]{color:#fff;border-bottom-color:var(--df-gold)}
  .gp-col{overflow:visible;border:0}
  .gp[data-mz=eq] .gp-a,.gp[data-mz=eq] .gp-b,.gp[data-mz=eq] .gp-e{display:none}
  .gp[data-mz=st]>.gp-col:not(.gp-e),.gp[data-mz=bd]>.gp-col:not(.gp-b),.gp[data-mz=nav]>.gp-col:not(.gp-a){display:none}
  .gp-c{padding:10px 12px}
  .gp-slots__grid{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));justify-items:center}
  .gp-d__body{padding:12px}
  .gp-msg{margin:10px 12px 0}
  .gp-tabs{padding:0 6px}
  .gp-tabs button{padding:0 11px;font-size:13px}
  .gp-item{flex-wrap:wrap}
  .gp-item__acts{flex-direction:row;flex-wrap:wrap;width:100%}
  .gp-pick__body{grid-template-columns:1fr}
  .gp-pick__prev{position:static}
  .gp-sub{grid-template-columns:1fr 70px auto auto auto 24px;row-gap:4px}
  .gp-sub .gp-sel{grid-column:1/-1}
  .gp-sub__r{grid-column:1/-1}
  .gp-sub__d{display:none}
  .gp-tbl__r{grid-template-columns:minmax(96px,1.4fr) repeat(auto-fit,minmax(44px,1fr));font-size:11.5px;padding:5px 6px}
  .gp-clsgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gp-stats__list{padding:4px 12px 12px}
  .gp-stats__top{padding:12px}
  .gp-b{padding:12px}
  .gp-a .gp-nav{padding:12px}
  .gp-filters .gp-sel{max-width:none;flex:1 1 140px}
}
@media (min-width:1200px) and (min-height:600px){html.df-gp-mode .df-header__in{max-width:none;padding:0 18px}}

/* el editor central se adapta a su propio ancho */
.gp-d__body{container-type:inline-size}
@container (max-width:640px){
  .gp-pick__body{grid-template-columns:1fr}
  .gp-pick__prev{position:static;order:-1}
}
@container (max-width:600px){
  .gp-tbl__r{grid-template-columns:minmax(92px,1.3fr) repeat(auto-fit,minmax(40px,1fr));gap:4px;font-size:11.5px;padding:5px 7px}
  .gp-tbl__h{font-size:9.5px}
  .gp-item__acts{flex-direction:row;flex-wrap:wrap}
  .gp-item{flex-wrap:wrap}
  .gp-clsgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container (max-width:560px){
  .gp-sub{grid-template-columns:minmax(0,1fr) 66px auto auto auto 24px;row-gap:4px}
  .gp-sub .gp-sel{grid-column:1/-1}
  .gp-sub__r{grid-column:1/-1}
  .gp-sub__d{display:none}
  .gp-conv__r{grid-template-columns:minmax(0,1fr) 56px;row-gap:2px}
  .gp-conv__r span:last-child{grid-column:1/-1;font-size:11px}
  .gp-pets__r{grid-template-columns:minmax(0,1fr) repeat(3,64px)}
  .gp-pets__r>span:last-child{grid-column:1/-1}
  .gp-arc{grid-template-columns:1fr 1fr}
  .gp-arc__t,.gp-arc__fx{grid-column:1/-1}
}
.gp-kv dd{white-space:nowrap}
/* sistemas con datos del cliente Global: piedras, potencial, piedra sagrada, base, mascotas, Monolito, Arcana, Pantheon */
.gp-sel--sm{flex:0 1 150px!important}
.gp-sel--wide{width:100%}
.gp-stone__v{min-width:64px;text-align:right;font:700 13px var(--df-sans);color:#86efac;font-variant-numeric:tabular-nums}
.gp-theo{display:flex;flex-direction:column;gap:3px;margin:10px 0 0;padding:9px 11px;border:1px solid var(--gp-line2);border-left-width:3px;border-radius:8px;background:#0f1730;font-size:12.5px;color:var(--df-text2)}
.gp-theo b{font-size:13px}
.gp-switch--row{display:flex;margin:4px 0 6px;white-space:normal}
.gp-conv{margin-top:6px;border:1px solid var(--gp-line);border-radius:8px;overflow:hidden}
.gp-conv__r{display:grid;grid-template-columns:minmax(120px,1fr) 64px minmax(0,2fr);gap:8px;padding:5px 9px;border-top:1px solid #172040;font-size:12px;color:var(--df-mute)}
.gp-conv__r span:nth-child(2){text-align:right;font-variant-numeric:tabular-nums}
.gp-conv__r.is-on{color:#fff}
.gp-conv__r.is-on span:last-child{color:#86efac}
.gp-conv__h{border-top:0;background:#0f1730;color:#8d9abd;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em}
.gp-pets{margin-top:6px;border:1px solid var(--gp-line);border-radius:8px;overflow:hidden}
.gp-pets__r{display:grid;grid-template-columns:minmax(90px,1fr) repeat(3,70px) minmax(0,2fr);gap:8px;align-items:center;padding:6px 9px;border-top:1px solid #172040;font-size:12px}
.gp-pets__r b{display:block;color:#fff}
.gp-pets__r small{font-size:10.5px;color:var(--df-mute)}
.gp-pets__r .gp-num{width:100%}
.gp-pets__r .gp-fine{margin:0}
.gp-pets__h{border-top:0;background:#0f1730;color:#8d9abd;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em}
.gp-mono{flex-wrap:nowrap}
.gp-mono input[type=range]{flex:1 1 auto;min-width:80px;accent-color:var(--df-gold)}
.gp-mono>span{white-space:nowrap}
.gp-arc{display:grid;grid-template-columns:110px minmax(120px,1fr) 130px auto;gap:6px 8px;align-items:center;padding:7px 0;border-top:1px solid #172040}
.gp-arc__t{font-size:12.5px;color:var(--df-text2)}
.gp-arc.is-on .gp-arc__t{color:#fff}
.gp-arc__enh{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--df-mute)}
.gp-arc__enh .gp-num{width:56px}
.gp-arc__fx{grid-column:2/-1;font-size:12px;color:#86efac}
.gp-arcset{padding:7px 0;border-top:1px solid #172040}
.gp-arcset:first-child{border-top:0}
.gp-arcset b{font-size:13px;color:#fff}
.gp-arcset small{font-weight:400;color:var(--df-mute)}
.gp-arcset p{margin:3px 0 0;font-size:12px;color:var(--df-mute)}
.gp-arcset p.is-on{color:var(--df-gold2)}
.gp-ilsum{margin-top:6px;font-size:12px;color:var(--df-text2)}
.gp-ilsum summary{cursor:pointer;color:var(--df-aether);font-size:11.5px}
.gp-ilsum .gp-kv{margin-top:4px}
@container (max-width:1000px){
  .gp-skills [class*="xl:grid-cols-[minmax(0,1fr)_380px]"],.gp-skills [class*="lg:grid-cols-2"]{grid-template-columns:minmax(0,1fr)!important}
  .gp-skills [class*="md:grid-cols-[1.3fr_1fr_1fr_auto]"]{grid-template-columns:1fr 1fr!important}
}
.df-bsheet__gear li>span.gp-ic{display:inline-block;flex:none}
.df-bsheet__gear li>span.gp-ic.is-empty{display:inline-grid}

/* ==================== estado en directo (bot, Steam y reportes) ==================== */
.df-srv__src{display:table;margin-top:6px;font-size:12.5px;color:var(--df-aether)}
.df-live{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 4px}
.df-live__cell{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:12px;border:1px solid var(--df-line);background:#0b1224cc;min-width:0}
.df-live__cell small{font:600 11px/1.2 var(--df-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--df-mute)}
.df-live__cell b{font:700 26px/1.1 var(--df-sans);color:#fff;font-variant-numeric:tabular-nums}
.df-live__cell span{font-size:13px;color:var(--df-text2)}
.df-live__cell em{font-style:normal;font-size:11.5px;color:#6d7a9e}
.df-live__cell.is-warn{border-color:#8a6a24;background:#2a210b80}
.df-live__cell.is-warn span{color:#fcd34d}
.df-live__cell.is-alert{border-color:#7f1d1d;background:#2a0f1699}
.df-live__cell.is-alert b,.df-live__cell.is-alert span{color:#fca5a5}
.df-live__act{justify-content:center}
.df-live__btn{height:38px;margin:4px 0}
.df-live__form{display:grid;gap:8px}
.df-live__form label{display:grid;gap:3px;font-size:12px;color:var(--df-text2)}
.df-live__form select{height:34px;border-radius:8px;border:1px solid var(--df-line2);background:#070a16;color:#fff;padding:0 8px;font:400 13px var(--df-sans)}
.df-live__form small{font-size:11px;line-height:1.45;color:#6d7a9e;text-transform:none;letter-spacing:0;font-weight:400}
.df-live__form small a{color:var(--df-aether)}
.df-live__btns{display:flex;gap:6px}
.df-live .df-form-msg{margin:6px 0 0;font-size:12.5px}
@media (max-width:900px){.df-live{grid-template-columns:1fr}}
.df-adm-kv{display:grid;gap:4px;margin:10px 0}
.df-adm-kv div{display:flex;justify-content:space-between;gap:12px;padding:4px 0;border-bottom:1px solid var(--df-line);font-size:13.5px}
.df-adm-kv dt{color:var(--df-mute)}
.df-adm-kv dd{margin:0;color:#fff;text-align:right}
.df-adm-kv dd.is-err{color:#fca5a5;font-size:12.5px}
.df-adm-feed{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.df-adm-feed li{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;padding:8px 10px;border-radius:9px;border:1px solid var(--df-line);background:#ffffff04;font-size:13.5px}
.df-adm-feed li a{color:#fff;font-weight:600}
.df-adm-feed li small{width:100%;font-size:12px;color:var(--df-mute)}
.df-badge--ok{background:#0b2a1c;color:#86efac}
.df-adm-num input{max-width:120px}

/* =====================================================================================
   Modo panel: la web como una aplicación (como el Gear Planner)
   Escritorio (≥1100×600): sin scroll de página; barra lateral con secciones e índice; el contenido
   se desplaza en su propio panel. Móvil: pestañas de la sección arriba e índice en una hoja.
   ===================================================================================== */
.df-ws{display:block;flex:1 0 auto}
.df-ws__main{min-width:0}
@media (min-width:1100px) and (min-height:600px){
  html.df-ws,html.df-ws body{height:100%;overflow:hidden;overscroll-behavior:none}
  html.df-ws #root{height:100%}
  html.df-ws .df-app{height:100vh;height:100dvh;min-height:0;overflow:hidden}
  html.df-ws .df-app>*{flex:none}
  html.df-ws .df-ws{flex:1 1 0;min-height:0;display:grid;grid-template-columns:var(--df-sidew,252px) minmax(0,1fr)}
  html.df-ws .df-ws__main{min-height:0;overflow-y:auto;overflow-x:hidden;scroll-padding-top:16px;scrollbar-width:thin;scrollbar-color:#2a3760 transparent;display:flex;flex-direction:column}
  html.df-ws .df-ws__main>.df-main{flex:1 0 auto}
  html.df-ws .df-header{border-bottom-color:var(--df-line);background:#070a16f5}
  html.df-ws .df-main .sticky.top-0{top:0}
  html.df-ws .df-sec--builds .df-ws__main{scroll-padding-top:62px}
  .df-aside{position:sticky;top:12px;align-self:start;max-height:calc(100dvh - var(--df-hh) - 28px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#2a3760 transparent;padding-right:2px}
  .df-sec--builds .df-aside{top:60px;max-height:calc(100dvh - var(--df-hh) - 76px)}
  html.df-ws .df-sec--home .df-foot{display:none}
}
@media (min-width:1600px){.df-ws{--df-sidew:272px}}

/* ---------- barra lateral ---------- */
.df-side{display:flex;flex-direction:column;min-height:0;overflow:hidden;border-right:1px solid var(--df-line);background:linear-gradient(180deg,#0b1020,#080c19)}
.df-side__nav{flex:1 1 55%;min-height:140px;overflow-y:auto;padding:14px 10px 8px;scrollbar-width:thin;scrollbar-color:#2a3760 transparent}
.df-side__grp+.df-side__grp{margin-top:14px}
.df-side__gt{margin:0 0 6px;padding:0 10px;font:700 10.5px/1 var(--df-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--df-mute)}
.df-side ul{list-style:none;margin:0;padding:0}
.df-side__a{display:flex;align-items:center;gap:10px;min-height:36px;padding:6px 10px;border-radius:9px;color:var(--df-text2);text-decoration:none;font:500 14px/1.2 var(--df-sans);transition:background .15s,color .15s}
.df-side__a img,.df-side__sub a img,.df-mnav__chip img{width:20px;height:20px;object-fit:contain;flex:none}
.df-side__a .df-emblem{flex:none}
.df-side__a:hover{background:#ffffff0a;color:#fff}
.df-side__a.is-on{background:linear-gradient(90deg,#6fd6ff1c,#6fd6ff04);color:#fff;box-shadow:inset 2px 0 0 var(--df-aether)}
.df-side__sub{margin:2px 0 8px 19px!important;padding-left:9px!important;border-left:1px solid var(--df-line)}
.df-side__sub a{display:flex;align-items:center;gap:8px;min-height:30px;padding:4px 8px;border-radius:7px;color:var(--df-text2);text-decoration:none;font-size:13px;line-height:1.25}
.df-side__sub a img{width:18px;height:18px}
.df-side__sub a:hover{color:#fff;background:#ffffff08}
.df-side__sub a.is-on{color:var(--df-gold2);background:#e9bf6214}
.df-side__sub--2{margin:2px 0 6px 14px!important}
.df-side__sub--2 a{font-size:12.5px;min-height:28px}
.df-side__dot{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.45;margin:0 4px 0 2px;flex:none}
.df-side__toc{flex:0 1 auto;max-height:42%;min-height:0;overflow-y:auto;padding:12px 10px 10px;border-top:1px solid var(--df-line);scrollbar-width:thin;scrollbar-color:#2a3760 transparent}
.df-side__foot{flex:none;padding:10px 12px 12px;border-top:1px solid var(--df-line)}
.df-side__foot p{margin:8px 2px 0;font-size:11.5px;line-height:1.7;color:var(--df-mute)}
.df-side__foot p a{color:var(--df-mute);text-decoration:none}
.df-side__foot p a:hover{color:#fff}

/* ---------- índice de la página ---------- */
.df-toc{list-style:none;margin:0;padding:0}
.df-toc a{display:block;padding:5px 10px;border-left:2px solid #24304f;color:var(--df-mute);font-size:12.5px;line-height:1.35;text-decoration:none;transition:color .15s,border-color .15s}
.df-toc__lv2 a{padding-left:20px;font-size:12px}
.df-toc a:hover{color:#fff}
.df-toc .is-on a{color:#fff;border-left-color:var(--df-gold)}
h2[id],h3[id]{scroll-margin-top:calc(var(--df-hh) + 12px)}
html.df-ws h2[id],html.df-ws h3[id]{scroll-margin-top:12px}

/* ---------- móvil: pestañas de la sección, índice flotante y hoja ---------- */
.df-mnav{max-width:var(--df-max);margin:12px auto 0;padding:0 clamp(16px,3vw,40px)}
.df-mnav__in{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}
.df-mnav__in::-webkit-scrollbar{display:none}
.df-mnav__chip{flex:none;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--df-line);background:var(--df-slate);color:var(--df-text2);font:600 13px var(--df-sans);text-decoration:none;white-space:nowrap}
.df-mnav__chip img{width:18px;height:18px}
.df-mnav__chip.is-on{border-color:#e9bf6280;color:var(--df-gold2);background:#e9bf6214}
.df-fab{position:fixed;right:14px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:70;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:999px;border:1px solid var(--df-line2);background:#101830f2;backdrop-filter:blur(8px);color:#fff;font:600 14px var(--df-sans);box-shadow:0 10px 30px -10px #000c;cursor:pointer}
.df-sheet{position:fixed;inset:0;z-index:96;display:flex;align-items:flex-end;background:#03050bcc;backdrop-filter:blur(3px)}
.df-sheet__box{width:100%;max-height:78dvh;overflow-y:auto;border-radius:18px 18px 0 0;border-top:1px solid var(--df-line2);background:linear-gradient(180deg,#121a31,#0b1020);padding:12px 14px calc(18px + env(safe-area-inset-bottom));animation:df-sheet .22s var(--df-ease) both}
@keyframes df-sheet{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
.df-sheet__head{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px;color:#fff}
.df-sheet .df-toc a{font-size:14.5px;padding:9px 12px}

/* ---------- pie compacto (escritorio) ---------- */
.df-foot--compact{margin-top:28px}
.df-foot--compact .df-foot__docs,.df-foot--compact .df-foot__legal{max-width:none}

/* ---------- paneles ---------- */
.df-pnl{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid var(--df-line);border-radius:16px;background:radial-gradient(600px 220px at 0 0,#6fd6ff0d,transparent 70%),var(--df-night)}
.df-pnl__h{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:12px 16px 8px;flex:none}
.df-pnl__h h2{margin:0;font:700 17px/1.2 var(--df-display);color:#fff}
.df-pnl__k{margin:0 0 4px;font:600 10.5px/1 var(--df-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--df-gold)}
.df-pnl__h .df-more{font-size:13px;white-space:nowrap}
.df-pnl__b{flex:1 1 auto;min-height:0;padding:0 16px 14px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#2a3760 transparent}

/* ---------- inicio: panel de control ---------- */
.df-sec--home .df-main.bm-main{padding-top:14px;padding-bottom:16px}
.df-dash{display:grid;gap:12px;grid-template-columns:repeat(12,minmax(0,1fr));
  grid-template-areas:"hero hero hero hero hero hero fac fac fac fac fac fac" "srv srv srv srv news news news news news ev ev ev" "cls cls cls cls cls cls cls cls cls go go go"}
.df-dash__hero{grid-area:hero}.df-dash__fac{grid-area:fac}.df-dash__srv{grid-area:srv}.df-dash__news{grid-area:news}.df-dash__ev{grid-area:ev}.df-dash__cls{grid-area:cls}.df-dash__go{grid-area:go}
.df-dash__srv .df-pnl__b,.df-dash__ev .df-pnl__b{padding-top:14px}
.df-dash__srv .df-pnl__b,.df-dash__news .df-pnl__b{max-height:440px}
@media (min-width:1100px) and (min-height:600px){
  html.df-ws .df-dash{height:calc(100dvh - var(--df-hh) - 30px);min-height:560px;grid-template-rows:auto minmax(0,1fr) minmax(212px,.62fr);
    grid-template-areas:"hero hero hero hero hero hero fac fac fac fac fac fac" "srv srv srv srv news news news news news ev ev ev" "cls cls cls cls cls cls cls cls cls cls cls cls"}
  html.df-ws .df-dash>*{min-height:0;overflow:hidden}
  html.df-ws .df-dash__go{display:none}
  html.df-ws .df-dash__srv .df-pnl__b,html.df-ws .df-dash__news .df-pnl__b{max-height:none}
  html.df-ws .df-dash__lead{display:none}
}
/* héroe compacto */
.df-dash__hero{overflow:hidden;isolation:isolate;justify-content:flex-end;min-height:196px}
.df-dash__hero .df-hero__bg img{object-position:62% 28%}
.df-dash__hero .df-hero__veil{background:linear-gradient(90deg,#070a16f2 0%,#070a16c4 42%,#070a1633 80%),linear-gradient(0deg,#070a16cc,transparent 60%)}
.df-dash__heroin{position:relative;padding:16px 22px 16px;max-width:620px}
.df-dash__heroin .df-eyebrow{margin-bottom:10px;font-size:12px;padding:5px 10px}
.df-dash__hero h1{margin:0;font:700 clamp(24px,2.05vw,36px)/1.05 var(--df-display);color:#fff;text-shadow:0 4px 30px #000a}
.df-dash__hero h1 span{background:linear-gradient(90deg,var(--df-violet2),#fff 45%,var(--df-aether2));-webkit-background-clip:text;background-clip:text;color:transparent}
.df-dash__lead{margin:8px 0 0;max-width:52ch;font-size:14px;line-height:1.5;color:#d3dcee}
.df-dash__hero .df-hero__cta{margin-top:12px;gap:8px}
.df-dash__hero .df-btn{height:38px;padding:0 14px;font-size:14px}
.df-dash__hero .df-hero__stats{margin-top:14px;flex-wrap:nowrap}
.df-dash__hero .df-hero__stats div{padding-right:14px;margin-right:14px}
.df-dash__hero .df-hero__stats dt{font-size:19px}
.df-dash__hero .df-hero__stats dd{font-size:11px;margin-top:3px;white-space:nowrap}
@media (max-height:780px) and (min-width:1100px){.df-dash__lead{display:none}.df-dash__hero .df-hero__stats{margin-top:10px}}
/* rutas por facción: espalda con espalda y de cuerpo entero */
.df-dash__fac{margin:0;gap:12px}
.df-dash__fac .df-fac{min-height:0;height:100%}
.df-fac__art{top:2%;bottom:auto;height:98%;opacity:.92;transition:opacity .3s,transform .5s var(--df-ease)}
.df-fac--asm .df-fac__art{right:-2%;left:auto;transform:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 42%);mask-image:linear-gradient(90deg,transparent 0,#000 42%)}
.df-fac--ely .df-fac__art{left:-2%;right:auto;transform:none;-webkit-mask-image:linear-gradient(90deg,#000 58%,transparent 100%);mask-image:linear-gradient(90deg,#000 58%,transparent 100%)}
.df-fac--asm:hover .df-fac__art{opacity:1;transform:scale(1.03)}
.df-fac--ely:hover .df-fac__art{opacity:1;transform:scale(1.03)}
.df-fac--asm{background:radial-gradient(420px 260px at 100% 30%,#9b6bff40,transparent 70%),linear-gradient(240deg,#170f2d,#0c0f1f)}
.df-fac--ely{background:radial-gradient(420px 260px at 0 30%,#6fd6ff38,transparent 70%),linear-gradient(120deg,#0b1c2f,#0c1220);justify-content:flex-end;text-align:right}
.df-fac--ely .df-fac__txt{align-items:flex-end}
.df-fac--ely .df-fac__emb{left:auto;right:18px}
.df-fac__txt{position:relative;z-index:1;max-width:62%;text-shadow:0 2px 12px #000c}
.df-fac::after{content:"";position:absolute;inset:auto 0 0 0;height:55%;z-index:0;background:linear-gradient(0deg,#070a16d9,transparent);pointer-events:none}
.df-dash__fac .df-fac{padding:16px 18px}
.df-dash__fac .df-fac__emb{width:52px;height:46px;top:12px}
.df-dash__fac .df-fac__txt b{font-size:26px}
/* servidores, noticias y eventos dentro de su panel */
.df-dash .df-srv,.df-dash .df-nextev{border:0;border-radius:0;background:none;padding:0}
.df-dash .df-srv__head h2,.df-dash .df-nextev h2{font-size:17px}
.df-dash .df-srv__head{margin-bottom:10px}
.df-dash .df-srv__state{padding:8px 12px}
.df-dash .df-live{grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 4px}
.df-dash .df-live__act{grid-column:1/-1}
.df-dash .df-srv__grid{grid-template-columns:1fr;gap:8px}
.df-dash .df-srv__list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:5px}
.df-dash .df-srv__list li{padding:5px 8px;font-size:12.5px}
.df-dash .df-nextev__grid{grid-template-columns:1fr 1fr;gap:8px}
.df-dash .df-nextev__card{padding:10px}
.df-dash .df-nextev__card b{font-size:19px}
.df-dash .df-srv__head .df-more{font-size:13px}
.df-nmini{list-style:none;margin:0;padding:0}
.df-nmini>li+li{border-top:1px solid #24304f99}
.df-nmini summary{list-style:none;cursor:pointer;display:grid;gap:4px;padding:9px 2px}
.df-nmini summary::-webkit-details-marker{display:none}
.df-nmini summary b{font-size:13.5px;line-height:1.35;font-weight:600;color:#fff}
.df-nmini summary:hover b{color:var(--df-aether2)}
.df-nmini details[open] summary b{color:var(--df-gold2)}
.df-nmini__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:11.5px;color:var(--df-mute)}
.df-nmini__by{padding:1px 7px;border-radius:999px;background:#6fd6ff1a;color:var(--df-aether2);font-weight:600}
.df-nmini__body{padding:0 2px 10px;font-size:13px;line-height:1.5;color:var(--df-text2)}
.df-nmini__body p{margin:0 0 6px}
.df-nmini__body ul{margin:4px 0 8px;padding-left:18px}
.df-nmini__body a{color:var(--df-aether);font-size:12.5px}
/* clases */
.df-dash .df-classes__grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;height:100%}
.df-dash .df-ccard{height:100%;min-height:0;border-radius:12px}
.df-dash__cls .df-pnl__b{display:flex;flex-direction:column;overflow:hidden}
.df-dash__cls .df-classes__grid{flex:1 1 auto;min-height:0}
.df-dash .df-ccard__info{padding:6px 7px;gap:6px}
.df-dash .df-ccard__info img{width:20px;height:20px}
.df-dash .df-ccard__info b{font-size:12.5px}
.df-dash .df-ccard__info small{display:none}
/* accesos rápidos */
.df-golist{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.df-go{display:flex;align-items:center;gap:8px;min-width:0;padding:7px 9px;border-radius:10px;border:1px solid var(--df-line);background:var(--df-slate);color:var(--df-text);text-decoration:none;font:600 12.5px/1.2 var(--df-sans);transition:border-color .15s,background .15s}
.df-go img{width:22px;height:22px;object-fit:contain;flex:none}
.df-go span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.df-go:hover{border-color:#6fd6ff66;background:#141d36}
/* tableta y móvil */
@media (max-width:1099.98px){
  .df-dash{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"hero hero" "fac fac" "ev ev" "srv srv" "news news" "cls cls" "go go"}
  .df-dash__fac{display:grid;grid-template-columns:1fr 1fr}
  .df-dash__fac .df-fac{min-height:200px}
  .df-dash .df-classes__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .df-dash .df-ccard{height:220px}
  .df-dash__srv .df-pnl__b,.df-dash__news .df-pnl__b{max-height:62vh}
  .df-golist{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:640px){
  .df-dash{gap:10px}
  .df-dash__hero{min-height:0}
  .df-dash__heroin{padding:16px}
  .df-dash__fac .df-fac{min-height:190px;padding:58px 14px 14px}
  .df-dash__fac .df-fac__emb{width:40px;height:36px;top:12px}
  .df-dash__fac .df-fac__txt b{font-size:21px}
  .df-fac__txt{max-width:70%}
  .df-dash .df-classes__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;padding-bottom:4px}
  .df-dash .df-ccard{flex:0 0 42%;height:230px;scroll-snap-align:start}
  .df-golist{grid-template-columns:1fr 1fr}
  .df-dash .df-live{grid-template-columns:1fr}
}

/* ---------- figuras de clase a la misma escala (centradas por el cuerpo, no por el arma) ---------- */
.df-ccard__render.df-render{inset:auto;left:50%;bottom:42px;margin:0;height:calc((100% - 48px) * var(--rh,1));width:auto;max-width:none;object-fit:contain;transform:translateX(calc(var(--cx,.5) * -100%));transform-origin:calc(var(--cx,.5) * 100%) 100%}
.df-ccard:hover .df-ccard__render.df-render{transform:translateX(calc(var(--cx,.5) * -100%)) scale(1.05)}
.df-render--hub{position:absolute;left:50%;bottom:0;height:calc(94% * var(--rh,1));width:auto;max-width:none;transform:translateX(calc(var(--cx,.5) * -100%));transform-origin:calc(var(--cx,.5) * 100%) 100%;transition:transform .3s}
.hub-class-card:hover .df-render--hub,.hub-class-card:focus-visible .df-render--hub{transform:translateX(calc(var(--cx,.5) * -100%)) scale(1.05)}

/* ---------- ventana de cuenta: un solo acento por función ---------- */
.df-btn--gold{color:var(--df-gold2);background:#e9bf6214;border-color:#e9bf6266}
.df-btn--gold:hover{background:#e9bf6226;border-color:var(--df-gold)}
.df-modal a.df-btn--gold{color:var(--df-gold2)}
.df-modal a.df-btn--primary{color:#1b1304}
.df-btn--block{display:flex;width:100%}
.df-wait{display:grid;justify-items:center;gap:6px;padding:16px 0 6px;text-align:center}
.df-wait h2{padding:0!important}
.df-spin{width:34px;height:34px;border-radius:50%;border:3px solid #ffffff22;border-top-color:var(--df-aether);animation:df-spin .8s linear infinite}
@keyframes df-spin{to{transform:rotate(360deg)}}


/* =====================================================================================
   Tema AION 2: arte oficial por sección, tipografía de inscripción, ornamentos dorados,
   éter y plumas de Daeva. Todo respeta «reducir movimiento».
   ===================================================================================== */
/* fondo de cada sección (capa fija .eu-world) */
html[data-section] .eu-world__art{transition:background-image .8s ease,opacity .8s ease}
html[data-section=speedrun] .eu-world__art{background-image:url(/assets/img/bg-speedrun.webp)!important}
html[data-section=builds] .eu-world__art{background-image:url(/assets/img/bg-builds.webp)!important}
html[data-section=diarias] .eu-world__art{background-image:url(/assets/img/bg-diarias.webp)!important}
html[data-section=news] .eu-world__art{background-image:url(/assets/img/bg-news.webp)!important}
html[data-section=roadmap] .eu-world__art{background-image:url(/assets/img/bg-roadmap.webp)!important}
html[data-section=facts] .eu-world__art{background-image:url(/assets/img/bg-facts.webp)!important}
html[data-section=tools] .eu-world__art,html[data-section=skills] .eu-world__art,html[data-section=macros] .eu-world__art{background-image:url(/assets/img/bg-tools.webp)!important}
html[data-section=legal] .eu-world__art,html[data-section=profile] .eu-world__art,html[data-section=admin] .eu-world__art{background-image:url(/assets/img/bg-misc.webp)!important}
html[data-section=planner] .eu-world__art{background-image:url(/assets/img/bg-wings.webp)!important}
html[data-section]:not([data-section=home]) .eu-world__art{opacity:.34;background-position:center 40%}
/* cabeceras de sección como estandartes con el arte de la sección */
.hub-legacy-header{position:relative;background-size:cover;background-position:center 38%;box-shadow:0 0 0 1px #e9bf6214 inset,0 30px 70px -40px #000}
html[data-section=speedrun] .hub-legacy-header{background-image:linear-gradient(90deg,#0b1020f5 0%,#0b1020d9 46%,#0b102066 100%),url(/assets/img/bg-speedrun.webp)}
html[data-section=builds] .hub-legacy-header{background-image:linear-gradient(90deg,#0b1020f5 0%,#0b1020d9 46%,#0b102066 100%),url(/assets/img/bg-builds.webp)}
html[data-section=diarias] .hub-legacy-header{background-image:linear-gradient(90deg,#0b1020f5 0%,#0b1020d9 46%,#0b102066 100%),url(/assets/img/bg-diarias.webp)}
html[data-section=news] .hub-legacy-header{background-image:linear-gradient(90deg,#0b1020f5 0%,#0b1020d9 46%,#0b102066 100%),url(/assets/img/bg-news.webp)}
html[data-section=roadmap] .hub-legacy-header{background-image:linear-gradient(90deg,#0b1020f5 0%,#0b1020d9 46%,#0b102066 100%),url(/assets/img/bg-roadmap.webp)}
html[data-section=facts] .hub-legacy-header{background-image:linear-gradient(90deg,#0b1020f5 0%,#0b1020d9 46%,#0b102066 100%),url(/assets/img/bg-facts.webp)}
html[data-section=tools] .hub-legacy-header,html[data-section=skills] .hub-legacy-header,html[data-section=macros] .hub-legacy-header{background-image:linear-gradient(90deg,#0b1020f5 0%,#0b1020d9 46%,#0b102066 100%),url(/assets/img/bg-tools.webp)}
/* rótulos en mayúsculas de inscripción (Cinzel) */
.df-pnl__k,.df-cm-kicker,.df-sec-head .df-eyebrow,.eu-gate__kicker,.df-side__gt,.hub-legacy-header .font-display.text-xs{font-family:var(--df-display)!important;font-weight:700!important;letter-spacing:.16em!important}
.df-pnl__k::before,.df-cm-kicker::before{content:"";display:inline-block;width:6px;height:6px;margin:0 8px 1px 0;transform:rotate(45deg);background:linear-gradient(135deg,var(--df-gold2),var(--df-gold));box-shadow:0 0 8px #e9bf6299;vertical-align:middle}
.df-side__gt{color:#a99d7d!important;font-size:10.5px!important}
/* títulos con la fuente de rótulo */
.df-pnl__h h2,.df-srv__head h2,.df-nextev h2,.eu-news__head h2,.df-modal__box h2{font-family:var(--df-display)!important;letter-spacing:.01em}
.df-side__a,.df-mnav__chip,.df-go,.df-nav__btn,.df-subtabs button{font-family:var(--df-head)!important;letter-spacing:.015em}
.df-nextev__card b,.df-hero__stats dt{font-family:var(--df-display)!important;letter-spacing:.02em}
.df-nextev__card b{font-size:20px}
/* ornamentos dorados en los paneles y separador de la cabecera */
.df-pnl::before,.df-pnl::after{content:"";position:absolute;width:16px;height:16px;pointer-events:none;border:0 solid #e9bf6280;z-index:2}
.df-pnl::before{top:0;left:0;border-width:1px 0 0 1px;border-top-left-radius:16px}
.df-pnl::after{bottom:0;right:0;border-width:0 1px 1px 0;border-bottom-right-radius:16px}
.df-pnl{transition:border-color .3s,box-shadow .3s}
.df-pnl:hover{border-color:#33416a;box-shadow:0 0 0 1px #e9bf6212 inset,0 18px 50px -30px #6fd6ff40}
.df-header{position:sticky}
.df-header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#e9bf6280 18%,#6fd6ffb0 50%,#9b6bff80 82%,transparent);background-size:200% 100%;animation:df-hair 12s linear infinite}
@keyframes df-hair{to{background-position:200% 0}}
/* botón principal con destello */
.df-btn--primary,.df-cta{position:relative;overflow:hidden;isolation:isolate}
.df-btn--primary::after,.df-cta::after{content:"";position:absolute;inset:-40% auto -40% -60%;width:40%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,#ffffff80,transparent);opacity:0;z-index:-1;transition:none}
.df-btn--primary:hover::after,.df-cta:hover::after{animation:df-sweep .9s ease}
@keyframes df-sweep{0%{left:-60%;opacity:0}20%{opacity:1}100%{left:130%;opacity:0}}
/* portada: Atreia partida, anillo de éter y título con brillo */
.df-dash__hero .df-hero__bg img{object-position:58% 50%}
.df-dash__hero .df-hero__veil{background:linear-gradient(90deg,#070a16f7 0%,#070a16d0 34%,#070a1640 70%,#070a1610 100%),linear-gradient(0deg,#070a16d9,transparent 55%)}
.df-hero__ring{position:absolute;right:13%;top:50%;width:300px;height:300px;margin-top:-150px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#6fd6ff2e 0%,#9b6bff1f 38%,transparent 66%);mix-blend-mode:screen;animation:df-pulse 6s ease-in-out infinite}
@keyframes df-pulse{0%,100%{transform:scale(.9);opacity:.55}50%{transform:scale(1.08);opacity:1}}
.df-dash__hero h1 span{background-size:220% auto;animation:df-shine 9s linear infinite}
@keyframes df-shine{to{background-position:220% center}}
/* plumas de Daeva que caen despacio sobre el fondo */
.df-feathers{position:absolute;inset:0;overflow:hidden}
.df-feathers i{position:absolute;top:-8vh;left:calc(8% + var(--i) * 13%);width:14px;height:38px;opacity:0;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 64'%3E%3Cpath d='M12 2c6 8 9 21 7 34-1 8-4 15-7 22-3-7-6-14-7-22C3 23 6 10 12 2z' fill='%23dff3ff' fill-opacity='.85'/%3E%3Cpath d='M12 8v52' stroke='%23ffffff' stroke-width='.9'/%3E%3Cpath d='M12 18l-5-4M12 26l-6-4M12 34l-6-4M12 42l-5-3M12 18l5-4M12 26l6-4M12 34l6-4M12 42l5-3' stroke='%23b9e6ff' stroke-width='.6'/%3E%3C/svg%3E") center/contain no-repeat;
  filter:drop-shadow(0 0 6px #9fdcffcc);animation:df-feather calc(26s + var(--i) * 3s) linear infinite;animation-delay:calc(var(--i) * -4.3s)}
.df-feathers i:nth-child(even){width:10px;height:28px;filter:drop-shadow(0 0 6px #c7b0ffcc) hue-rotate(40deg)}
@keyframes df-feather{0%{transform:translate3d(0,0,0) rotate(-25deg);opacity:0}8%{opacity:.55}35%{transform:translate3d(5vw,38vh,0) rotate(20deg)}65%{transform:translate3d(-3vw,72vh,0) rotate(-15deg);opacity:.45}100%{transform:translate3d(4vw,112vh,0) rotate(25deg);opacity:0}}
/* rutas: emblema que brilla al pasar */
.df-fac__emb img{transition:filter .3s,transform .3s}
.df-fac:hover .df-fac__emb img{filter:drop-shadow(0 0 12px #fff8) brightness(1.15);transform:scale(1.06)}
/* tarjetas de clase: aura del color de su facción al pasar */
.df-ccard:hover .df-ccard__glow{opacity:1;background:radial-gradient(180px 220px at 50% 70%,#e9bf6233,transparent 70%)}
@media (prefers-reduced-motion:reduce){
  .df-feathers,.df-hero__ring{display:none}
  .df-header::after,.df-dash__hero h1 span{animation:none}
}
/* Alegreya Sans: un poco más de aire entre palabras y en las negritas */
body{word-spacing:.05em}
.df-btn,.df-cta,.df-acct,.df-fac__go,.df-more,.df-go,.df-mnav__chip,b,strong{letter-spacing:.012em;word-spacing:.09em}
/* barras de desplazamiento y selección con los colores del éter */
*{scrollbar-color:#3a3150 transparent}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#5a4a2c,#3a3150);border-radius:10px;border:2px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8a7040,#4a3f6a);background-clip:padding-box;border:2px solid transparent}
::selection{background:#6fd6ff40;color:#fff}

/* =====================================================================================
   Buscador global (Ctrl+K)
   ===================================================================================== */
.df-srch-btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 10px 0 11px;border-radius:9px;border:1px solid var(--df-line);background:#ffffff05;color:var(--df-text2);font:600 13px/1 var(--df-sans);cursor:pointer}
.df-srch-btn:hover,.df-srch-btn:focus-visible{border-color:var(--df-gold);color:#fff}
.df-srch-btn kbd{font:600 10.5px/1 'IBM Plex Mono',monospace;padding:3px 5px;border-radius:5px;border:1px solid var(--df-line2);color:var(--df-mute)}
@media (max-width:1180px){.df-srch-btn kbd{display:none}}
@media (max-width:600px){.df-srch-btn{padding:0 10px}.df-srch-btn__t{display:none}}
.df-srch{position:fixed;inset:0;z-index:2000;display:flex;justify-content:center;align-items:flex-start;padding:min(9vh,80px) 16px 16px;background:#03050dcc;backdrop-filter:blur(3px);animation:df-fade .12s ease-out}
.df-srch__box{width:min(980px,100%);max-height:min(720px,calc(100vh - 2 * min(9vh,80px)));display:flex;flex-direction:column;border-radius:14px;border:1px solid var(--df-line2);background:var(--df-night);box-shadow:0 30px 80px #000c,0 0 0 1px #e9bf6214;overflow:hidden}
.df-srch__bar{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--df-line);color:var(--df-gold)}
.df-srch__bar input{flex:1;min-width:0;height:36px;border:0;outline:0;background:transparent;color:#fff;font:500 17px/1.2 var(--df-sans)}
.df-srch__bar input::placeholder{color:var(--df-mute)}
.df-srch__bar input::-webkit-search-cancel-button{display:none}
.df-srch__esc{font:600 11px/1 'IBM Plex Mono',monospace;padding:6px 8px;border-radius:6px;border:1px solid var(--df-line2);background:transparent;color:var(--df-mute);cursor:pointer}
.df-srch__body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
.df-srch__list{overflow:auto;padding:6px;border-right:1px solid var(--df-line);overscroll-behavior:contain}
.df-srch__list ul{list-style:none;margin:0;padding:0}
.df-srch__grp{padding:12px 10px 5px;font:700 10.5px/1 'Cinzel',serif;letter-spacing:.14em;text-transform:uppercase;color:var(--df-gold)}
.df-srch__it{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:9px;cursor:pointer;border:1px solid transparent}
.df-srch__it.is-on{background:#6fd6ff12;border-color:#6fd6ff38}
.df-srch__ic{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:7px;background:#ffffff08;overflow:hidden}
.df-srch__ic img{width:100%;height:100%;object-fit:contain}
.df-srch__tx{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px}
.df-srch__tx b{font:600 14px/1.25 var(--df-sans);color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.df-srch__tx em{font:italic 12px/1.2 var(--df-sans);color:var(--df-aether2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.df-srch__tx small{font:12px/1.25 var(--df-sans);color:var(--df-mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.df-srch__arrow{color:var(--df-mute);font-size:13px}
.df-srch__pane{overflow:auto;padding:16px;overscroll-behavior:contain}
.df-srch__pane .bm-item-card{position:static;width:auto;max-width:none;box-shadow:none}
.df-srch__inline{display:none;padding:4px 4px 10px}
.df-srch__inline .bm-item-card{position:static;width:auto;max-width:none;box-shadow:none}
.df-srch__empty,.df-srch__hint,.df-srch__none{padding:18px 14px;color:var(--df-mute);font:14px/1.5 var(--df-sans)}
.df-srch__sug{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.df-srch__sug .df-chip{cursor:pointer}
.df-srch__card h3{margin:0 0 6px;font:700 19px/1.25 var(--df-display);color:#fff}
.df-srch__card p,.df-srch__card li{font:14px/1.5 var(--df-sans);color:var(--df-text2)}
.df-srch__card p{margin:0 0 8px}
.df-srch__card b{color:var(--df-text)}
.df-srch__meta{font:600 12px/1.3 var(--df-sans)!important;color:var(--df-mute)!important;text-transform:none}
.df-srch__alt{margin:8px 0;font:13px/1.4 var(--df-sans);color:var(--df-mute)}
.df-srch__alt b{color:var(--df-aether2)}
.df-srch__big{font:700 26px/1.1 'IBM Plex Mono',monospace!important;color:var(--df-aether)!important}
.df-srch__warn{color:var(--df-gold2)!important}
.df-srch__steps{margin:6px 0 10px;padding-left:20px}
.df-srch__steps ul{margin:2px 0 6px;padding-left:16px;list-style:disc}
.df-srch__acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.df-srch__go{text-decoration:none}
.df-srch__pair{display:flex;align-items:center;gap:14px;margin:6px 0 12px}
.df-srch__pair span{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:10px;border:1px solid var(--df-line);background:#ffffff05}
.df-srch__pair small{font:600 11px/1 var(--df-sans);color:var(--df-mute)}
.df-srch__pair b{font:700 16px/1.2 var(--df-display);color:#fff}
.df-srch__pair i{font-style:normal;color:var(--df-gold);font-size:18px}
.df-srch__cls{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:end}
.df-srch__cls .df-render{display:block;width:120px;height:200px;object-fit:contain;object-position:center bottom}
.df-srch__tabs{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.df-srch__tabs .df-chip{text-decoration:none}
.df-srch__foot{display:flex;flex-wrap:wrap;gap:14px;padding:9px 14px;border-top:1px solid var(--df-line);font:12px/1 var(--df-sans);color:var(--df-mute)}
.df-srch__foot kbd{font:600 10.5px/1 'IBM Plex Mono',monospace;padding:2px 5px;margin-right:2px;border-radius:4px;border:1px solid var(--df-line2)}
.df-srch__tip{margin-left:auto}
@media (max-width:900px){
  .df-srch{padding:0;align-items:stretch}
  .df-srch__box{max-height:none;height:100%;width:100%;border-radius:0;border:0}
  .df-srch__body{grid-template-columns:1fr}
  .df-srch__list{border-right:0}
  .df-srch__pane{display:none}
  .df-srch__inline{display:block}
  .df-srch__foot{display:none}
}
@keyframes df-fade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.df-srch{animation:none}}

/* ---------- calendarios suscribibles ---------- */
.df-cal{margin:0 0 18px;padding:16px 18px;border-radius:12px;border:1px solid #e9bf6240;background:linear-gradient(135deg,#e9bf620d,#6fd6ff08)}
.df-cal__head h3{margin:0 0 4px;font:700 17px/1.25 var(--df-display);color:#fff}
.df-cal__head p{margin:0 0 10px;font:14px/1.45 var(--df-sans);color:var(--df-text2)}
.df-cal__rows{display:grid;gap:8px}
.df-cal__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid var(--df-line);background:#0b1020aa}
.df-cal__row>div:first-child{display:flex;flex-direction:column;gap:2px;min-width:220px;flex:1}
.df-cal__row b{font:700 14px/1.2 var(--df-sans);color:var(--df-gold2)}
.df-cal__row small{font:12.5px/1.35 var(--df-sans);color:var(--df-mute)}
.df-cal__btns{display:flex;flex-wrap:wrap;gap:6px}
a.df-mini{display:inline-flex;align-items:center;text-decoration:none}
.df-cal__note{margin:10px 0 0;font:12.5px/1.45 var(--df-sans);color:var(--df-mute)}
.df-nextev__links{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.df-more--cal{font-size:12.5px!important;color:var(--df-gold2)!important}

/* ---------- avisos (Web Push) y web instalable ---------- */
.df-evtools{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:14px;margin:0 0 18px}
.df-evtools .df-cal{margin:0}
.df-push{padding:16px 18px;border-radius:12px;border:1px solid #6fd6ff38;background:linear-gradient(135deg,#6fd6ff0b,#9b6bff08)}
.df-push__prefs{display:grid;gap:6px;margin:4px 0 12px}
.df-push__pref{display:flex;gap:9px;align-items:flex-start;font:14px/1.35 var(--df-sans);color:var(--df-text2);cursor:pointer}
.df-push__pref input{margin-top:2px;accent-color:var(--df-gold);width:16px;height:16px;flex:none}
.df-push__on{display:inline-flex;align-items:center;font:600 13px/1 var(--df-sans);color:#7ee2a0;margin-right:4px}
.df-push__warn{margin:6px 0 0;padding:10px 12px;border-radius:9px;border:1px solid #e9bf6240;background:#e9bf620f;font:14px/1.45 var(--df-sans);color:var(--df-gold2)}
.df-push__ios{font:12.5px/1.35 var(--df-sans);color:var(--df-mute);align-self:center}
.df-mini--gold{border-color:#e9bf6280;color:var(--df-gold2)}
/* ---------- fase 2: mis personajes, buscador de personajes y colecciones ---------- */
a.df-mini{display:inline-flex;align-items:center;text-decoration:none}
.df-chmode{display:grid;gap:8px;margin:0 0 14px;padding:12px 14px;border-radius:12px;border:1px solid var(--df-line);background:#ffffff05;font:14px/1.5 var(--df-sans);color:var(--df-text2)}
.df-chmode p{margin:0}
.df-chmode.is-cloud{border-color:#6fd6ff40;background:#6fd6ff08}
.df-chmode__btns,.df-chmode__imp{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.df-chmode__imp span{flex:1 1 240px;color:var(--df-gold2)}
.df-chbar{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin:0 0 14px}
.df-chbar__n{font:600 13px/1 var(--df-sans);color:var(--df-mute)}
.df-chbar__m{margin-left:auto;max-width:340px}
.df-chars__h{margin:20px 0 10px;font:700 20px/1.25 var(--df-display);color:#fff}
.df-chgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.df-chcard{display:grid;gap:10px;align-content:start;padding:14px;border-radius:14px;border:1px solid var(--df-line);background:linear-gradient(180deg,#101731,#0b1020);min-width:0}
.df-chcard.is-main{border-color:#e9bf6266}
.df-chcard__h{display:flex;gap:12px;align-items:flex-start;min-width:0}
.df-chcard__h>div{flex:1;min-width:0}
.df-chcard__h h3{margin:0 0 3px;display:flex;flex-wrap:wrap;align-items:center;gap:4px;font:700 18px/1.2 var(--df-head);color:#fff;overflow-wrap:anywhere}
.df-chcard__h h3 .df-badge{margin-left:2px}
.df-chcard__m{margin:0;font-size:13px;line-height:1.45;color:var(--df-text2);overflow-wrap:anywhere}
.df-chocr{display:grid;gap:6px;justify-items:start;padding:10px 12px;border:1px dashed var(--df-line2);border-radius:12px;background:#ffffff05}
.df-chocr small{font-size:12px;line-height:1.45;color:var(--df-mute)}
.df-chocr .df-form-msg{margin:0;justify-self:stretch}
.df-chcard__note{margin:0;font-size:13px;line-height:1.5;color:var(--df-mute);overflow-wrap:anywhere}
.df-chcard__acts{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.df-chico{border-radius:10px;flex:none;background:#070a16}
.df-chsrv{display:inline-flex;align-items:center;gap:5px}
.df-chsrv img{flex:none}
.df-res__list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.df-res{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;align-items:baseline;font-size:13px}
.df-res__n{font-weight:600;color:var(--df-text)}
.df-res__v{font:700 15px/1 var(--df-sans);color:#fff;text-align:right;white-space:nowrap}
.df-res__v small{font-weight:500;font-size:12px;color:var(--df-mute)}
.df-res__bar{grid-column:1/-1;display:block;height:6px;border-radius:6px;background:#1b2440;overflow:hidden}
.df-res__bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--df-aether),var(--df-violet))}
.df-res__w{grid-column:1/-1;font-size:12px;color:var(--df-mute)}
.df-res.is-full .df-res__bar i{background:linear-gradient(90deg,#f59e0b,#ef4444)}
.df-res.is-full .df-res__w{color:#fdba74;font-weight:600}
.df-res.is-none .df-res__v,.df-res.is-off .df-res__n{color:var(--df-mute)}
.df-res.is-off .df-res__w{grid-column:auto;text-align:right}
.df-srvcard{border-style:dashed}
.df-chars__empty{margin:6px 0 10px}
.df-chars__empty h2{margin:0 0 8px;font:700 20px/1.25 var(--df-display);color:#fff}
.df-chars__info{margin:24px 0 8px;padding:14px 16px;border-radius:14px;border:1px solid var(--df-line);background:#ffffff04}
.df-chars__info h2{margin:0 0 8px;font:700 18px/1.25 var(--df-display);color:#fff}
.df-chars__info ul{margin:0 0 12px;padding-left:18px;font-size:14px;line-height:1.6;color:var(--df-text2)}
.df-chars__links{display:flex;flex-wrap:wrap;gap:8px}
.df-chars__links .df-btn{height:38px;font-size:14px}
.df-resform__row{grid-template-columns:minmax(120px,1fr) auto}
.df-resform__in{display:flex;align-items:center;gap:6px}
.df-resform__in input{width:96px !important;text-align:right}
.df-resform__in small{min-width:44px;font-size:12px;color:var(--df-mute)}
.df-field-row:has(>:nth-child(3)){grid-template-columns:1.3fr .7fr 1fr}
@media (max-width:600px){.df-field-row:has(>:nth-child(3)){grid-template-columns:1fr 1fr}.df-chbar__m{margin-left:0}.df-chgrid{grid-template-columns:1fr}}
.df-chsearch__srv{height:40px;padding:0 10px;border-radius:10px;border:1px solid var(--df-line2);background:#070a16;color:#fff;font:400 14px/1 var(--df-sans);max-width:100%}
.df-chsearch__cta{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin:8px 0 12px;padding:12px 14px;border-radius:12px;border:1px dashed var(--df-line2)}
.df-chsearch__cta p{margin:0;flex:1 1 260px;font-size:14px;color:var(--df-text2)}
.df-chres .df-gcard__d{display:block}
.df-chpage__head{position:relative;display:flex;gap:18px;align-items:flex-end;min-height:200px;margin:6px 0 14px;padding:18px 18px 18px 170px;border-radius:16px;border:1px solid var(--df-line);background:radial-gradient(120% 140% at 0% 100%,#6fd6ff14,transparent 60%),linear-gradient(180deg,#101731,#0b1020);overflow:hidden}
.df-chpage__render{position:absolute;left:0;bottom:0;width:160px;height:100%;object-fit:contain;object-position:center bottom;opacity:.95}
.df-chpage__id{min-width:0}
.df-chpage__id h1{margin:2px 0 8px;font:700 clamp(26px,3.4vw,38px)/1.1 var(--df-display);color:#fff;overflow-wrap:anywhere}
.df-chpage__kv{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 8px}
.df-chpage__kv div{display:grid;gap:2px}
.df-chpage__kv dt{font:600 11px/1 var(--df-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--df-mute)}
.df-chpage__kv dd{margin:0;font:600 15px/1.3 var(--df-sans);color:#fff}
.df-chpage__note{margin:0 0 14px;max-width:80ch;font-size:15px;line-height:1.6;color:var(--df-text2);overflow-wrap:anywhere}
.df-chpage__sec h2{margin:18px 0 10px;font:700 20px/1.25 var(--df-display);color:#fff}
.df-chpage__build{max-width:420px}
.df-chpage .df-cm-kicker .df-badge{margin-left:6px}
@media (max-width:600px){.df-chpage__head{padding:150px 14px 14px;min-height:0}.df-chpage__render{width:100%;height:150px;top:0;bottom:auto}}
.df-coltiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:0 0 8px}
.df-coltile{display:grid;gap:6px;padding:12px 14px;border-radius:12px;border:1px solid var(--df-line);background:#ffffff05;text-decoration:none;color:var(--df-text2)}
.df-coltile:hover{border-color:var(--df-aether)}
.df-coltile small{font:600 12px/1 var(--df-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--df-gold)}
.df-coltile b{font:700 22px/1 var(--df-sans);color:#fff}
.df-coltile b span{font-size:14px;font-weight:500;color:var(--df-mute)}
.df-colsec{margin:22px 0 6px;scroll-margin-top:80px}
.df-colsec h2{margin:0 0 6px;font:700 20px/1.25 var(--df-display);color:#fff}
.df-colsec h2 small{font:500 14px/1 var(--df-sans);color:var(--df-mute)}
.df-colsec h3{margin:14px 0 8px;font:700 16px/1.25 var(--df-head);color:var(--df-text)}
.df-arcgrid{display:grid;gap:6px;max-width:640px}
.df-arcgrid__r{display:grid;grid-template-columns:minmax(90px,1fr) 1fr 1fr;gap:8px;align-items:center}
.df-arcgrid__h span{font:600 12px/1.2 var(--df-sans);color:var(--df-mute)}
.df-arcgrid__r>b{font-size:14px;color:#fff}
.df-arcsel{width:100%;height:36px;padding:0 8px;border-radius:9px;border:1px solid var(--df-line2);background:#070a16;color:var(--df-text2);font:500 13.5px/1 var(--df-sans)}
.df-arcsel.is-on{border-color:var(--g);color:var(--g);background:color-mix(in srgb,var(--g) 9%,#070a16)}
.df-colbar{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin:6px 0 10px}
.df-colbar select{height:36px;padding:0 10px;border-radius:9px;border:1px solid var(--df-line2);background:#070a16;color:#fff;font:400 14px/1 var(--df-sans);max-width:100%}
.df-theolist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px}
.df-theo{display:flex;gap:10px;align-items:flex-start;padding:9px 11px;border-radius:10px;border:1px solid var(--df-line);background:#ffffff03;cursor:pointer;min-width:0}
.df-theo input{margin-top:2px;width:16px;height:16px;flex:none;accent-color:var(--g,var(--df-gold))}
.df-theo span{display:grid;gap:2px;min-width:0}
.df-theo b{font-size:13.5px;color:var(--df-text);overflow-wrap:anywhere}
.df-theo small{font-size:12px;line-height:1.4;color:var(--df-mute)}
.df-theo.is-on{border-color:color-mix(in srgb,var(--g,#e9bf62) 55%,transparent);background:color-mix(in srgb,var(--g,#e9bf62) 7%,transparent)}
.df-theo.is-on b{color:var(--g,#fff)}
.df-petgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.df-pet{display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center;padding:12px;border-radius:12px;border:1px solid var(--df-line);background:#ffffff04}
.df-pet b{color:#fff}
.df-pet .df-res__bar{grid-column:1/-1;grid-row:2}
.df-pet__in{display:flex;align-items:center;gap:6px}
.df-pet__in input{width:70px;height:34px;padding:0 8px;border-radius:8px;border:1px solid var(--df-line2);background:#070a16;color:#fff;font:600 14px/1 var(--df-sans);text-align:right}
.df-pet__in small{color:var(--df-mute)}
.df-pangrp h3{margin-top:10px}
.df-chcard__srv{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
/* ---------- Gear Planner · ¿qué mejoro primero? ---------- */
.gp-up__by{display:flex;align-items:center;gap:8px;font:500 12.5px var(--df-sans);color:var(--df-mute)}
.gp-up__by .gp-sel{max-width:240px}
.gp-up__kinds{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 10px}
.gp-up__kind{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;border:1px solid #2c3b66;background:#0e1530;font:500 12.5px var(--df-sans);color:var(--df-text2);cursor:pointer}
.gp-up__kind input{accent-color:var(--df-gold);margin:0}
.gp-up__kind.is-on{border-color:#8a6a24;color:var(--df-gold2)}
.gp-up__list{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:6px}
.gp-up__it{display:grid;grid-template-columns:22px auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;border:1px solid #1f2a4d;background:#0d142b}
.gp-up__n{font:700 13px var(--df-sans);color:var(--df-gold);text-align:right}
.gp-up__tx{display:grid;gap:3px;min-width:0}
.gp-up__tx small{font-size:11.5px;color:var(--df-mute)}
.gp-up__tx b{font-size:13.5px;color:#fff;overflow-wrap:anywhere}
.gp-up__gain{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center}
.gp-up__gain strong{font:700 13px var(--df-sans);color:#7ee2a0}
.gp-up__chip{font-size:11.5px;line-height:1.5;padding:0 6px;border-radius:6px;background:#16213f;color:var(--df-text2)}
.gp-up__chip.is-neg{color:#ffb4c2;background:#3a1420}
@media (max-width:600px){.gp-up__it{grid-template-columns:auto minmax(0,1fr);}.gp-up__n{display:none}.gp-up__it .gp-mini{grid-column:1/-1;justify-self:start}}
/* ---------- fase 3: me gusta, comentarios y tier list de la comunidad ---------- */
.df-social{margin:22px 0 8px;padding-top:16px;border-top:1px solid var(--df-line)}
.df-social h2{margin:16px 0 10px;font:700 20px/1.25 var(--df-display);color:#fff}
.df-social h2 small{font:500 14px var(--df-sans);color:var(--df-mute)}
.df-social__bar{display:flex;flex-wrap:wrap;gap:8px}
.df-likebtn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--df-line2);background:#ffffff06;color:var(--df-text);font:600 14px/1 var(--df-sans);cursor:pointer}
.df-likebtn b{margin-left:4px;padding:2px 7px;border-radius:999px;background:#ffffff10;font-size:12.5px}
.df-likebtn span{font-size:16px;color:var(--df-mute)}
.df-likebtn.is-on{border-color:#f472b688;background:#f472b614}
.df-likebtn.is-on span{color:#f9a8d4}
.df-likebtn:not([disabled]):hover{border-color:var(--df-aether)}
.df-likebtn[disabled]{opacity:.6;cursor:default}
.df-comments{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px}
.df-comment{padding:10px 12px;border-radius:12px;border:1px solid var(--df-line);background:#ffffff04;scroll-margin-top:90px}
.df-comment:target{border-color:var(--df-gold)}
.df-comment.is-hidden{opacity:.65;border-style:dashed}
.df-comment header{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-bottom:4px}
.df-comment header b{color:#fff;font-size:14px}
.df-comment header small{color:var(--df-mute);font-size:12px}
.df-comment__body{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14.5px;line-height:1.55;color:var(--df-text2)}
.df-comment__acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.df-comment__acts .df-linkbtn{font-size:12.5px}
.df-comment__edit textarea{width:100%;min-height:70px;padding:8px 10px;border-radius:10px;border:1px solid var(--df-line2);background:#070a16;color:#fff;font:14px/1.5 var(--df-sans)}
.df-comment__new{display:grid;gap:10px;max-width:720px;margin:6px 0 10px}
.df-comment__new .df-btn{justify-self:start}
.df-social__cta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;border:1px dashed var(--df-line2)}
.df-social__cta p{margin:0;color:var(--df-text2);font-size:14px}
.df-ctier__lead{margin:0 0 10px;max-width:80ch;font-size:14.5px;line-height:1.55;color:var(--df-text2)}
.df-ctier__tabs{margin:0 0 12px}
.df-ctier__list{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:6px}
.df-ctier__row{display:grid;grid-template-columns:40px minmax(130px,190px) minmax(0,1fr) 70px auto;gap:10px;align-items:center;padding:8px 10px;border-radius:12px;border:1px solid var(--df-line);background:#ffffff04}
.df-ctier__l{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;font:800 18px/1 var(--df-head);color:#0b1020;background:#64748b}
.df-ctier__l--S{background:#fbbf24}.df-ctier__l--A{background:#a78bfa}.df-ctier__l--B{background:#60a5fa}.df-ctier__l--C{background:#4ade80}.df-ctier__l--D{background:#94a3b8}
.df-ctier__l--x{background:transparent;border:1px dashed var(--df-line2);color:var(--df-mute)}
.df-ctier__cls{display:flex;align-items:center;gap:8px;min-width:0;text-decoration:none}
.df-ctier__cls b{color:#fff;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.df-ctier__bar{display:flex;height:16px;border-radius:6px;overflow:hidden;background:#1b2440;min-width:0}
.df-ctier__bar i{display:grid;place-items:center;font:700 10px/1 var(--df-sans);color:#0b1020;font-style:normal;min-width:2px}
.df-ctier__bar i.is-S{background:#fbbf24}.df-ctier__bar i.is-A{background:#a78bfa}.df-ctier__bar i.is-B{background:#60a5fa}.df-ctier__bar i.is-C{background:#4ade80}.df-ctier__bar i.is-D{background:#94a3b8}
.df-ctier__bar i.is-none{flex:1;background:transparent}
.df-ctier__n{font-size:12px;color:var(--df-mute);text-align:right}
.df-ctier__vote{display:flex;gap:3px}
.df-ctier__vote button{width:28px;height:28px;border-radius:7px;border:1px solid var(--df-line2);background:#070a16;color:var(--df-text2);font:700 12.5px var(--df-sans);cursor:pointer}
.df-ctier__vote button.is-on{border-color:var(--df-gold);background:#e9bf6222;color:var(--df-gold2)}
@media (max-width:700px){.df-ctier__row{grid-template-columns:36px minmax(0,1fr) 60px}.df-ctier__bar{grid-column:1/-1;grid-row:2}.df-ctier__vote{grid-column:1/-1}}
.df-adm-reqs{margin:0;padding-left:16px;font-size:12.5px}
.df-adm-reqs li.is-err{color:#ffb4c2}
/* ---------- fase 4: objetos, mapa y temporada ---------- */
.df-itgrid{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}
.df-itcard{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:12px;border:1px solid var(--df-line);background:#ffffff04;text-decoration:none;min-width:0}
.df-itcard:hover,.df-itcard.is-on{border-color:color-mix(in srgb,var(--g) 70%,transparent)}
.df-itcard__t{display:grid;gap:2px;min-width:0}
.df-itcard__t b{font-size:14px;color:var(--g,#fff);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.df-itcard__t small{font-size:12px;color:var(--df-mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.df-ithead{display:flex;gap:16px;align-items:center;margin:6px 0 16px;padding:16px;border-radius:16px;border:1px solid color-mix(in srgb,var(--g) 45%,var(--df-line));background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--g) 12%,transparent),transparent 60%),linear-gradient(180deg,#101731,#0b1020)}
.df-ithead h1{margin:2px 0 4px;font:700 clamp(22px,3vw,32px)/1.15 var(--df-display);color:var(--g,#fff);overflow-wrap:anywhere}
.df-ithead__alt{margin:0 0 8px;font-size:13px;color:var(--df-mute)}
.df-itchips{display:flex;flex-wrap:wrap;gap:6px}
.df-itchip{font:600 12px/1 var(--df-sans);padding:5px 8px;border-radius:999px;border:1px solid var(--df-line2);color:var(--df-text2)}
.df-itchip.is-gold{border-color:#e9bf6280;color:var(--df-gold2)}
.df-itgrid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:12px;margin-bottom:12px}
.df-itsec{padding:14px;border-radius:14px;border:1px solid var(--df-line);background:#ffffff04;min-width:0}
.df-itsec--wide{grid-column:1/-1}
.df-itsec--plain{padding:0;border:0;background:none;margin-top:14px}
.df-itsec h2{margin:0 0 10px;font:700 18px/1.25 var(--df-display);color:#fff}
.df-itkv{display:grid;gap:4px;margin:0}
.df-itkv div{display:flex;justify-content:space-between;gap:12px;padding:4px 0;border-bottom:1px dashed #ffffff10}
.df-itkv dt{color:var(--df-text2);font-size:14px}
.df-itkv dd{margin:0;color:#fff;font-weight:700;font-size:14px;white-space:nowrap}
.df-itlist{margin:0;padding-left:18px;font-size:14px;line-height:1.6;color:var(--df-text2)}
.df-itdesc{margin:10px 0 0;white-space:pre-wrap;font-size:13.5px;line-height:1.55;color:var(--df-mute)}
.df-ittable{display:grid;gap:2px;overflow-x:auto}
.df-ittable__r{display:grid;gap:8px;align-items:center;padding:5px 6px;border-radius:6px;font-size:13.5px;color:var(--df-text2);min-width:420px}
.df-ittable__r:nth-child(even){background:#ffffff05}
.df-ittable__r span:not(:first-child){text-align:right;color:#fff}
.df-ittable__h{font:700 12px var(--df-sans);color:var(--df-mute)}
.df-ittable__h span:not(:first-child){color:var(--df-gold)}
.df-mapwrap.is-picking .hub-map-viewport{cursor:crosshair;outline:2px solid var(--df-gold);outline-offset:2px}
.df-mapcom{margin:18px 0 8px;padding:14px 16px;border-radius:14px;border:1px solid var(--df-line);background:#ffffff04}
.df-mapcom h2{margin:0 0 6px;font:700 20px/1.25 var(--df-display);color:#fff}
.df-mapform{display:grid;gap:10px;max-width:720px;margin-top:8px}
.df-mapform .df-btn[type=submit]{justify-self:start}
.df-mapform__pick{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.df-mapmine h3{margin:14px 0 6px;font:700 15px var(--df-head);color:var(--df-text)}
.df-mapmine ul{margin:0;padding-left:18px;font-size:14px;color:var(--df-text2)}
.df-season__hero{margin:0 0 16px;padding:18px;border-radius:16px;border:1px solid #e9bf6255;background:radial-gradient(120% 140% at 100% 0%,#e9bf6218,transparent 60%),linear-gradient(180deg,#101731,#0b1020);text-align:center}
.df-season__hero p{margin:0 0 6px;color:var(--df-text2)}
.df-season__big{font:800 clamp(32px,6vw,54px)/1.1 var(--df-display) !important;color:var(--df-gold2) !important;margin:6px 0 10px !important}
.df-season__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;margin-bottom:12px}
.df-season__sec{padding:14px 16px;border-radius:14px;border:1px solid var(--df-line);background:#ffffff04;min-width:0}
.df-season__sec h2{margin:0 0 10px;font:700 19px/1.25 var(--df-display);color:#fff}
.df-season__todo{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:6px}
.df-season__dates{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:8px}
.df-season__dates li{display:grid;gap:2px;padding:8px 10px;border-left:3px solid var(--df-line2);background:#ffffff03;border-radius:0 8px 8px 0}
.df-season__dates li.is-main{border-left-color:var(--df-gold)}
.df-season__dates b{color:#fff;font-size:14.5px}
.df-season__dates span{color:var(--df-gold2);font-size:13px}
.df-season__dates small{color:var(--df-mute);font-size:12.5px}
.df-season__past{margin:0 0 10px;font-size:13px;color:var(--df-mute)}
@media (max-width:600px){.df-ithead{flex-direction:column;align-items:flex-start}}
/* ---------- importar personaje desde la web oficial ---------- */
.df-imp{display:grid;gap:16px;min-width:0}
.df-imp__steps{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:imp}
.df-imp__steps>li{counter-increment:imp;position:relative;display:grid;gap:6px;padding:14px 14px 14px 56px;border:1px solid var(--df-line);border-radius:14px;background:#ffffff05}
.df-imp__steps>li::before{content:counter(imp);position:absolute;left:14px;top:14px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:700 15px/1 var(--df-display);color:#0b1020;background:linear-gradient(180deg,#ffe7a8,#e8b850)}
.df-imp__steps b{font:700 16px/1.3 var(--df-display);color:#fff}
.df-imp__steps span{color:var(--df-text2);line-height:1.5}
.df-imp__btnwrap{display:grid;gap:8px;justify-items:start;margin-top:6px}
.df-imp__btn{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:12px;border:1px dashed #e9bf62;background:linear-gradient(180deg,#1b2550,#101731);color:var(--df-gold2);font:700 16px/1 var(--df-sans);text-decoration:none;cursor:grab;box-shadow:0 6px 18px #0006}
.df-imp__btn:active{cursor:grabbing}
.df-imp__open{margin-top:2px}
.df-imp__card{display:grid;gap:14px;padding:16px;border:1px solid var(--df-line);border-radius:16px;background:linear-gradient(180deg,#101731,#0b1020);min-width:0}
.df-imp__hd{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.df-imp__hd>div{flex:1 1 220px;min-width:0}
.df-imp__hd h2{margin:0;font:700 28px/1.1 var(--df-display);color:#fff;overflow-wrap:anywhere}
.df-imp__title{margin:0 0 2px;color:#4ade80;font-size:14px}
.df-imp__meta{margin:4px 0 0;color:var(--df-text2)}
.df-imp__nums{display:flex;gap:10px;margin:0}
.df-imp__nums>div{padding:8px 12px;border-radius:12px;border:1px solid var(--df-line2);text-align:center;min-width:110px}
.df-imp__nums dt{font-size:12px;color:var(--df-mute)}
.df-imp__nums dd{margin:2px 0 0;font:700 22px/1.1 var(--df-display);color:var(--df-gold2)}
.df-imp__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:16px}
.df-imp__grid h3{margin:0 0 8px;font:700 17px/1.2 var(--df-display);color:#fff}
.df-imp__eq{list-style:none;margin:0 0 6px;padding:0;display:grid;gap:6px}
.df-imp__eq li{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:10px;background:#ffffff06;min-width:0}
.df-imp__eq li>span:last-child{display:grid;min-width:0}
.df-imp__eq b,.df-imp__eqname{font-size:14px;font-weight:700;overflow-wrap:anywhere;text-decoration:none}
.df-imp__eqname:hover{text-decoration:underline}
.df-chcard__imp{margin:0;font-size:12px;color:var(--df-mute)}
.df-imp__eq small{font-size:12px;color:var(--df-mute)}
.df-imp__eq li.is-miss small{color:#fbbf24}
.df-imp__noic{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:8px;border:1px solid var(--df-line2);color:var(--df-mute);font-weight:700}
.df-imp__dae{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:6px}
.df-imp__dae li{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:10px;font-size:14px}
.df-imp__bar{height:8px;border-radius:99px;background:#ffffff12;overflow:hidden}
.df-imp__bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#6fd6ff,#a78bfa)}
.df-imp__titles{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px}
.df-imp__titles li{display:grid;gap:2px;padding:8px 10px;border-radius:10px;background:#ffffff06}
.df-imp__titles small{color:var(--df-mute);font-size:12px}
.df-imp__titles span{color:var(--df-text2);font-size:13px}
.df-imp__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 10px}
.df-imp__stats>div{padding:6px 8px;border-radius:10px;background:#ffffff06;text-align:center}
.df-imp__stats dt{font-size:12px;color:var(--df-mute)}
.df-imp__stats dd{margin:0;font-weight:700;color:#fff}
.df-imp__acts{display:flex;flex-wrap:wrap;gap:10px}
.df-imp__more{border:1px solid var(--df-line);border-radius:14px;padding:10px 14px}
.df-imp__more summary{cursor:pointer;font-weight:700;color:var(--df-text2)}
.df-imp__more[open] summary{margin-bottom:10px}
@media (max-width:520px){.df-imp__nums{width:100%}.df-imp__nums>div{flex:1}.df-imp__dae li{grid-template-columns:70px 1fr auto}}

/* ---------- clasificación de la comunidad ---------- */
.df-rank__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}
.df-rank__bar h2{margin:0;font:700 20px/1.2 var(--df-display);color:#fff}
.df-rank{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.df-rank__row{display:grid;grid-template-columns:34px 30px minmax(0,1fr) 84px 96px;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--df-line);border-radius:12px;background:#ffffff05;color:inherit;text-decoration:none}
.df-rank__row:hover{border-color:var(--df-line2);background:#ffffff0a}
.df-rank__pos{font:700 18px/1 var(--df-display);color:var(--df-mute);text-align:center}
.df-rank__pos.is-top{color:var(--df-gold2)}
.df-rank__row.is-unranked{opacity:.78}
.df-rank__who{display:grid;min-width:0}
.df-rank__who b{color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.df-rank__who small{color:var(--df-mute);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.df-rank__ok{margin-left:6px;color:#4ade80;font-size:12px}
.df-rank__n{display:grid;text-align:right;font-weight:700;color:var(--df-text2)}
.df-rank__n small{font-size:11px;font-weight:400;color:var(--df-mute)}
.df-rank__n.is-on{color:var(--df-gold2)}
@media (max-width:520px){.df-rank__row{grid-template-columns:26px 26px minmax(0,1fr) 64px;gap:8px;padding:8px}.df-rank__n:not(.is-on){display:none}}

/* ---------- guía de mejora (panel) ---------- */
.df-coach{display:grid;gap:14px}
.df-co-top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 16px}
.df-co-top h1{margin:2px 0 0;font:700 30px/1.1 var(--df-display);color:#fff}
.df-co-pick{display:flex;flex-wrap:wrap;gap:6px}
.df-co-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 11px 5px 6px;border:1px solid var(--df-line);border-radius:999px;color:var(--df-text2);text-decoration:none;background:#ffffff06;font-size:14px}
.df-co-chip:hover{border-color:var(--df-line2)}
.df-co-chip.is-on{border-color:var(--df-gold2);color:var(--df-gold2);background:#e9bf6212}
.df-co-chip small{color:#4ade80}
.df-co{display:grid;gap:14px}
.df-co-hero{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:14px 26px;align-items:center;padding:14px 18px;border:1px solid var(--df-line);border-radius:16px;background:linear-gradient(180deg,#1b2550c0,#101731c0)}
.df-co-who{display:flex;gap:12px;align-items:center;min-width:0}
.df-co-who h2{margin:0;font:700 24px/1.1 var(--df-display);color:#fff}
.df-co-who p{margin:3px 0 0;color:var(--df-text2);font-size:14px;white-space:nowrap}
.df-co-nums{display:flex;gap:20px;margin:0}
.df-co-nums dt{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--df-mute);white-space:nowrap}
.df-co-nums dd{margin:3px 0 0;font:700 22px/1 var(--df-display);color:var(--df-gold2);white-space:nowrap}
.df-co-tier{min-width:0}
.df-co-tier p{margin:0 0 6px;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;font-size:14px;color:var(--df-text2)}
.df-co-tier b{color:#fff}
.df-co-ladder{position:relative;height:46px;margin:0 14px}
.df-co-ladder__track{position:absolute;left:0;right:0;top:20px;height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}
.df-co-ladder__track i{display:block;height:100%;background:linear-gradient(90deg,#8b6a1f,#e8b850,#ffe7a8)}
.df-co-ladder__tick{position:absolute;top:16px;width:2px;height:16px;margin-left:-1px;background:#ffffff30}
.df-co-ladder__tick b{position:absolute;top:18px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:600;color:var(--df-mute);white-space:nowrap}
.df-co-ladder__tick.is-on{background:#ffe7a8}
.df-co-ladder__tick.is-on b{color:var(--df-text2)}
.df-co-ladder__tick.is-next b{color:var(--df-gold2)}
.df-co-ladder__me{position:absolute;top:0;transform:translateX(-50%);padding:1px 7px;border-radius:999px;background:var(--df-gold2);color:#0b1020;font:700 11px/1.4 var(--df-sans);white-space:nowrap}
.df-co-grid{display:grid;grid-template-columns:262px minmax(0,1fr) 330px;gap:14px;align-items:start}
.df-co-panel{display:grid;gap:10px;align-content:start;padding:14px;border:1px solid var(--df-line);border-radius:16px;background:#0b1124d0;max-height:max(520px,calc(100dvh - 330px));overflow-y:auto;scrollbar-width:thin;scrollbar-color:#2a3760 transparent}
.df-co-panel>header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.df-co-panel h3{margin:0;font:700 17px/1.2 var(--df-display);color:#fff}
.df-co-panel header small{color:var(--df-mute);font-size:12px}
.df-co-doll__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px}
.df-co-doll__runes{padding-top:8px;border-top:1px dashed var(--df-line)}
.df-co-slot{--c:#4ade80;position:relative;display:grid;justify-items:center;gap:3px;width:100%;padding:6px 2px 5px;border:2px solid transparent;border-radius:12px;background:#ffffff06;cursor:pointer;color:inherit;font:inherit}
.df-co-slot:hover{background:#ffffff0d}
.df-co-slot .gp-ic{box-shadow:0 0 0 2px var(--c);border-radius:9px}
.df-co-slot.is-ench{--c:#e9bf62}
.df-co-slot.is-below,.df-co-slot.is-empty{--c:#f87171}
.df-co-slot.is-unk{--c:#94a3b8}
.df-co-slot.is-nodata{--c:#475569}
.df-co-slot.is-empty .gp-ic,.df-co-slot.is-unk .gp-ic,.df-co-slot.is-nodata .gp-ic{box-shadow:none;outline:2px dashed var(--c);outline-offset:1px}
.df-co-slot.is-sel{border-color:var(--df-gold2);background:#e9bf6214}
.df-co-slot__st{position:absolute;top:2px;right:calc(50% - 32px);width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font:800 11px/1 var(--df-sans);font-style:normal;color:#0b1020;background:var(--c);box-shadow:0 0 0 2px #0b1124}
.df-co-slot__n{font-size:11px;color:var(--df-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.df-co-ext .df-co-sil{opacity:.8;filter:grayscale(.35) brightness(1.7)}
.df-co-legend{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12px;color:var(--df-text2)}
.df-co-legend li{display:inline-flex;align-items:center;gap:5px}
.df-co-legend i{width:16px;height:16px;border-radius:50%;display:grid;place-items:center;font:800 10px/1 var(--df-sans);font-style:normal;color:#0b1020;background:#4ade80}
.df-co-legend .is-ench i{background:#e9bf62}
.df-co-legend .is-below i,.df-co-legend .is-empty i{background:#f87171}
.df-co-legend .is-unk i{background:#94a3b8}
.df-co-legend .is-nodata i{background:#475569}
.df-co-hint{margin:0;font-size:13px;color:var(--df-mute)}
.df-co-doll__gp{justify-self:stretch;text-align:center}
.df-co-card{display:grid;gap:8px;padding:10px;border-radius:12px;background:#ffffff08;border:1px solid var(--df-line)}
.df-co-card__h{margin:0;display:flex;justify-content:space-between;gap:8px;font-size:13px}
.df-co-card__h b{color:#fff}
.df-co-card__h span{color:var(--df-text2)}
.df-co-card__tx{margin:0;font-size:13px;color:var(--df-text2)}
.df-co-pairs{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.df-co-pair{display:grid;grid-template-columns:auto auto auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;background:#ffffff07}
.df-co-pair__arrow{color:var(--df-gold2);font-weight:700}
.df-co-pair__tx{min-width:0;grid-column:4}
.df-co-pair__tx small{display:block;font-size:11px;color:var(--df-mute)}
.df-co-pair__tx b{display:block;color:#fff;font-weight:600;font-size:14px;overflow-wrap:anywhere}
.df-co-pair em{font-style:normal;font-weight:800;color:#4ade80;white-space:nowrap}
.df-co-card .df-co-pair{grid-template-columns:auto auto auto minmax(0,1fr) auto;padding:0;background:none}
.df-co-meter{display:block;height:8px;border-radius:999px;background:#ffffff14;overflow:hidden;min-width:60px}
.df-co-meter i{display:block;height:100%;border-radius:inherit;background:#e9bf62}
.df-co-meter--gold i{background:linear-gradient(90deg,#8b6a1f,#e8b850,#ffe7a8)}
.df-co-steps ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.df-co-step{--c:#94a3b8;border:1px solid var(--df-line);border-left:4px solid var(--c);border-radius:12px;background:#ffffff05}
.df-co-step.is-vital{--c:#f87171}
.df-co-step.is-high{--c:#e9bf62}
.df-co-step.is-mid{--c:#60a5fa}
.df-co-step.is-open{background:#ffffff0a}
.df-co-step.is-done{opacity:.55}
.df-co-step.is-done .df-co-step__t b{text-decoration:line-through}
.df-co-step__row{display:flex;align-items:center;gap:6px;padding-right:10px}
.df-co-step__h{flex:1;min-width:0;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 6px 9px 10px;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.df-co-step__ic{position:relative;width:40px;height:40px;border-radius:10px;background:#ffffff0d;display:grid;place-items:center}
.df-co-step__ic img{width:30px;height:30px;object-fit:contain}
.df-co-step__ic i{position:absolute;right:-5px;bottom:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;display:grid;place-items:center;font:800 11px/1 var(--df-sans);font-style:normal;color:#0b1020;background:var(--c)}
.df-co-step__t{display:grid;min-width:0}
.df-co-step__t small{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--c)}
.df-co-step__t b{font:700 15px/1.25 var(--df-display);color:#fff}
.df-co-step__m{font-style:normal;font-weight:800;font-size:14px;padding:3px 9px;border-radius:999px;color:var(--c);background:#ffffff0d;white-space:nowrap}
.df-co-step__ck input{width:18px;height:18px;accent-color:#4ade80;cursor:pointer}
.df-co-step__body{display:grid;gap:9px;padding:0 12px 12px 60px}
.df-co-step__body>p{margin:0;color:var(--df-text2);line-height:1.45;font-size:14px}
.df-co-step__body>p.df-co-src{font-size:13px;color:var(--df-mute);border-left:2px solid var(--df-line);padding-left:9px}
.df-co-list{margin:0}
.df-co-go{justify-self:start}
.df-co-block{display:grid;gap:8px}
.df-co-block+.df-co-block{padding-top:12px;border-top:1px solid var(--df-line)}
.df-co-arc{display:grid;gap:8px}
.df-co-arc ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.df-co-arc li{--g:#94a3b8;display:grid;justify-items:center;gap:2px;padding:9px 2px 7px;border:2px solid var(--g);border-radius:10px;background:linear-gradient(180deg,#ffffff10,#ffffff04)}
.df-co-arc li.is-free{border-style:dashed;--g:#475569}
.df-co-arc b{font:700 18px/1 var(--df-display);color:#fff}
.df-co-arc small{font-size:10px;color:var(--df-text2);text-align:center}
.df-co-cap{margin:0;font-size:13px;color:var(--df-text2)}
.df-co-cap b{color:var(--df-gold2)}
.df-co-dae{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.df-co-dae li{display:grid;grid-template-columns:34px minmax(0,1fr) 92px;align-items:center;gap:9px}
.df-co-dae img,.df-co-dae__noimg{width:34px;height:34px;border-radius:8px;object-fit:cover;background:#ffffff0a}
.df-co-dae__t{display:grid;min-width:0}
.df-co-dae__t b{color:#fff;font-size:14px}
.df-co-dae__t small{color:var(--df-mute);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.df-co-dae__bar{position:relative;height:10px;border-radius:999px;background:#ffffff14}
.df-co-dae__bar i{display:block;height:100%;border-radius:inherit;background:#e9bf62}
.df-co-dae li.is-ok .df-co-dae__bar i{background:#4ade80}
.df-co-dae__bar u{position:absolute;top:-3px;width:2px;height:16px;margin-left:-1px;background:#fff;border-radius:1px}
.df-co-dae li.is-locked{opacity:.5}
.df-co-good ul{margin:0;padding:0;list-style:none;display:grid;gap:5px;color:var(--df-text2);font-size:14px}
.df-co-good li::before{content:'✓ ';color:#4ade80;font-weight:800}
.df-co-good h3{color:#4ade80}
.df-co-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border:1px solid var(--df-line);border-radius:12px;background:#0b1124d0;position:sticky;top:0;z-index:2}
.df-co-tabs button{padding:9px 6px;border:0;border-radius:9px;background:none;color:var(--df-text2);font:700 14px/1 var(--df-sans);cursor:pointer}
.df-co-tabs button[aria-selected=true]{background:#e9bf6222;color:var(--df-gold2)}
.df-co.is-mob .df-co-panel{max-height:none;overflow:visible}
@media (max-width:1179px){.df-co-hero{grid-template-columns:minmax(0,1fr) auto}.df-co-tier{grid-column:1/-1}}
@media (max-width:620px){.df-co-hero{grid-template-columns:1fr;padding:12px}.df-co-nums{gap:14px}.df-co-nums dd{font-size:19px}.df-co-ladder{margin:0 10px}.df-co-ladder__tick:not(.is-next):not(.is-end) b{display:none}
  .df-co-step__body{padding:0 10px 10px}.df-co-pair{grid-template-columns:auto auto auto minmax(0,1fr);padding:6px}.df-co-pair em{grid-column:4;justify-self:start}
  .df-co-doll__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.df-co-top h1{font-size:24px}}
.df-chcard__guide{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:1px solid #e9bf6266;border-radius:12px;background:linear-gradient(90deg,#e9bf621f,#e9bf6208);color:#fff;text-decoration:none;text-align:left}
.df-chcard__guide:hover{border-color:var(--df-gold2);background:linear-gradient(90deg,#e9bf6230,#e9bf6210)}
.df-chcard__guide img{width:28px;height:28px;object-fit:contain}
.df-chcard__guide span{display:grid;min-width:0}
.df-chcard__guide b{font-size:15px;color:var(--df-gold2)}
.df-chcard__guide small{font-size:12px;color:var(--df-text2)}
.df-chcard__guide::after{content:'→';margin-left:auto;color:var(--df-gold2);font-weight:700}
.gp-slot.is-ext{position:relative}
.gp-slot.is-ext .gp-ic{outline:2px dashed #94a3b8;outline-offset:1px}
.gp-slot__ext{position:absolute;top:4px;right:6px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;font:800 10px/1 var(--df-sans);font-style:normal;color:#0b1020;background:#94a3b8}