/* 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:"IBM Plex 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 'Chakra Petch',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:'Chakra Petch',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 'Chakra Petch',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 'Chakra Petch',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 'Chakra Petch',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 'Chakra Petch',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) 'Chakra Petch',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 'Chakra Petch',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 'Chakra Petch',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 'Chakra Petch',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 'IBM Plex 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 'Chakra Petch',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 'Chakra Petch',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 'Chakra Petch',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 'Chakra Petch',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 'Chakra Petch',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 'Chakra Petch',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 'Chakra Petch',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 'Chakra Petch',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 'Chakra Petch',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 'Chakra Petch',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 'IBM Plex 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 'Chakra Petch','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 'Chakra Petch',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 'Chakra Petch',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 'Chakra Petch','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 h2{font:700 clamp(30px,3.6vw,50px) 'Chakra Petch',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) 'Chakra Petch',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 'Chakra Petch',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 'Chakra Petch',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 'Chakra Petch',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 'Chakra Petch',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 'Chakra Petch',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 'Chakra Petch',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 'Chakra Petch',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 'Chakra Petch',sans-serif;color:#cbd5e1}
.eu-dtabs a b{font:700 15px 'Chakra Petch',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:'Chakra Petch';font-weight:500;font-display:swap;src:url(/assets/fonts/chakra-petch-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Chakra Petch';font-weight:600;font-display:swap;src:url(/assets/fonts/chakra-petch-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Chakra Petch';font-weight:700;font-display:swap;src:url(/assets/fonts/chakra-petch-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-weight:400;font-display:swap;src:url(/assets/fonts/ibm-plex-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-weight:500;font-display:swap;src:url(/assets/fonts/ibm-plex-sans-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-weight:600;font-display:swap;src:url(/assets/fonts/ibm-plex-sans-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-weight:700;font-display:swap;src:url(/assets/fonts/ibm-plex-sans-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-weight:400;font-display:swap;src:url(/assets/fonts/ibm-plex-sans-latin-ext-400-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-sans:'IBM Plex 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:'Chakra Petch',var(--df-sans)}

/* ---------- 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}