@font-face{font-family:Roboto Condensed;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9c282a6db290773d-s.12aru~tnao-l3.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Condensed;font-style:normal;font-weight:400;font-display:swap;src:url(../media/537f068cf010a382-s.0yaejf~~fqghh.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Roboto Condensed;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c300beac511639d2-s.0utl6m0teb.k-.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Roboto Condensed;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a01ece5cbe79cced-s.0g23aeesqt~zo.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Roboto Condensed;font-style:normal;font-weight:400;font-display:swap;src:url(../media/825d4e07c4597d86-s.05l7hn0r~4rr9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Condensed;font-style:normal;font-weight:400;font-display:swap;src:url(../media/65645b6ef686c6a1-s.0uqkhmfuijbtt.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Condensed;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ef1484efef1c9752-s.p.09utjot42e~ja.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9c282a6db290773d-s.12aru~tnao-l3.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(../media/537f068cf010a382-s.0yaejf~~fqghh.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Roboto Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(../media/c300beac511639d2-s.0utl6m0teb.k-.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Roboto Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(../media/a01ece5cbe79cced-s.0g23aeesqt~zo.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Roboto Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(../media/825d4e07c4597d86-s.05l7hn0r~4rr9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(../media/65645b6ef686c6a1-s.0uqkhmfuijbtt.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(../media/ef1484efef1c9752-s.p.09utjot42e~ja.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto Condensed Fallback;src:local(Arial);ascent-override:104.44%;descent-override:27.48%;line-gap-override:0.0%;size-adjust:88.83%}.roboto_condensed_fbd4f6c0-module__92H8fG__className{font-family:Roboto Condensed,Roboto Condensed Fallback;font-style:normal}.roboto_condensed_fbd4f6c0-module__92H8fG__variable{--font-roboto-condensed:"Roboto Condensed", "Roboto Condensed Fallback"}
@font-face{font-family:Rajdhani;font-style:normal;font-weight:500;font-display:swap;src:url(../media/e9924293c1dc5ea7-s.0z0a7anmcprth.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Rajdhani;font-style:normal;font-weight:500;font-display:swap;src:url(../media/10bd139a632d728f-s.05k2ert78.0_h.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rajdhani;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a079e02bba5bf7ab-s.p.0.s85e2kacc1m.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rajdhani;font-style:normal;font-weight:600;font-display:swap;src:url(../media/65c1f6eb17b9caea-s.0c8m9.w4oy~1r.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Rajdhani;font-style:normal;font-weight:600;font-display:swap;src:url(../media/124b7a75a76bd55c-s.0h_k275rw8img.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rajdhani;font-style:normal;font-weight:600;font-display:swap;src:url(../media/d23f31b94ad01e54-s.p.091biwio0g5wn.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rajdhani;font-style:normal;font-weight:700;font-display:swap;src:url(../media/63e49db46351d020-s.0ta1d1gw2mpw9.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Rajdhani;font-style:normal;font-weight:700;font-display:swap;src:url(../media/35f9213b86bccda4-s.0-a587c3ipsmj.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rajdhani;font-style:normal;font-weight:700;font-display:swap;src:url(../media/3206eb66b875a5b3-s.p.0newl065t398d.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rajdhani Fallback;src:local(Arial);ascent-override:102.12%;descent-override:37.99%;line-gap-override:0.0%;size-adjust:91.07%}.rajdhani_26c7bc8b-module__rpR0VG__className{font-family:Rajdhani,Rajdhani Fallback;font-style:normal}.rajdhani_26c7bc8b-module__rpR0VG__variable{--font-rajdhani:"Rajdhani", "Rajdhani Fallback"}
@keyframes status-badge-pop-in{0%{opacity:0;transform:scale(.8)translateY(-5px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)translateY(0)}40%{transform:translate(-50%)translateY(-15px)}60%{transform:translate(-50%)translateY(-8px)}}@keyframes spin-border{0%{border-top-color:var(--active-element-color);opacity:.9;box-shadow:none;border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;transform:rotate(0)}25%{border-right-color:var(--active-element-color);opacity:1}50%{border-bottom-color:var(--active-element-color);opacity:1}75%{border-left-color:var(--active-element-color)}to{border-top-color:var(--active-element-color);border-right-color:var(--active-element-color);border-bottom-color:var(--active-element-color);border-left-color:var(--active-element-color);opacity:1;box-shadow:0 0 12px 3px color-mix(in srgb, var(--active-element-color,white) 80%, transparent);transform:rotate(360deg)}}@keyframes spin-border-light{0%{border-top-color:var(--clr-light);opacity:.9;box-shadow:none;border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;transform:rotate(0)}25%{border-right-color:var(--clr-light);opacity:1}50%{border-bottom-color:var(--clr-light);opacity:1}75%{border-left-color:var(--clr-light)}to{border-top-color:var(--clr-light);border-right-color:var(--clr-light);border-bottom-color:var(--clr-light);border-left-color:var(--clr-light);opacity:1;transform:rotate(360deg);box-shadow:0 0 14px 4px #ffffffb3}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes glitch-skew{0%{transform:skew(0)}10%{transform:skew(1.5deg)}15%{transform:skew(-1deg)}20%{transform:skew(0)}50%{transform:skew(0)}55%{transform:skew(-.5deg)}60%{transform:skew(1deg)}65%{transform:skew(0)}to{transform:skew(0)}}@keyframes glitch-before{0%{clip-path:inset(85% 0 5%);opacity:.7;transform:translate(-2px,-2px)}10%{clip-path:inset(10% 0 70%);transform:translate(1px,1px)}20%{clip-path:inset(75% 0 15%);opacity:.6;transform:translate(-1px,2px)}30%{clip-path:inset(5% 0 90%);transform:translate(2px,-1px)}40%{clip-path:inset(60% 0 30%);opacity:.8;transform:translate(-2px,1px)}50%{clip-path:inset(30% 0 65%);transform:translate(1px,-2px)}60%{clip-path:inset(80% 0 10%);opacity:.7;transform:translate(-1px,-1px)}70%{clip-path:inset(15% 0 75%);transform:translate(2px,2px)}80%{clip-path:inset(50% 0 40%);opacity:.6;transform:translate(-2px,-1px)}90%{clip-path:inset(25% 0 60%);transform:translate(1px,2px)}to{clip-path:inset(85% 0 5%);opacity:.7;transform:translate(-1px,-2px)}}@keyframes glitch-after{0%{clip-path:inset(5% 0 80%);opacity:.7;transform:translate(2px,1px)}10%{clip-path:inset(70% 0 10%);transform:translate(-1px,-2px)}20%{clip-path:inset(20% 0 75%);opacity:.6;transform:translate(1px,-1px)}30%{clip-path:inset(90% 0 2%);transform:translate(-2px,2px)}40%{clip-path:inset(35% 0 50%);opacity:.8;transform:translate(2px,-1px)}50%{clip-path:inset(65% 0 20%);transform:translate(-1px,1px)}60%{clip-path:inset(10% 0 85%);opacity:.7;transform:translate(1px,-2px)}70%{clip-path:inset(75% 0 5%);transform:translate(-2px,1px)}80%{clip-path:inset(40% 0 55%);opacity:.6;transform:translate(2px,2px)}90%{clip-path:inset(60% 0 30%);transform:translate(-1px,-1px)}to{clip-path:inset(5% 0 80%);opacity:.7;transform:translate(1px,-1px)}}@keyframes static-noise{0%{background-position:0 0}10%{background-position:-5% -10%}20%{background-position:-15% 5%}30%{background-position:7% -25%}40%{background-position:20% 25%}50%{background-position:-25% 10%}60%{background-position:15% 5%}70%{background-position:0 15%}80%{background-position:25% 35%}90%{background-position:-10% 10%}to{background-position:0 0}}.glitch{color:inherit;text-shadow:none;position:relative}.glitch:before,.glitch:after{content:attr(data-text);pointer-events:none;opacity:0;mix-blend-mode:screen;background:0 0;transition:opacity .2s ease-out;position:absolute;inset:0;overflow:hidden}.glitch:before{text-shadow:1px 0 var(--glitch-color-1);animation:1.5s linear infinite alternate-reverse glitch-after;left:-1px}.glitch:after{text-shadow:-1px 0 var(--glitch-color-2);animation:1.8s linear infinite alternate-reverse glitch-before;left:1px}.glitch:hover:before,.glitch:hover:after,.glitch:focus-within:before,.glitch:focus-within:after{opacity:1}.neon-glow{animation:1.8s ease-in-out infinite alternate neon-glow}.hidden{display:none!important}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.placeholder-text{color:var(--text-secondary);padding:1rem 0;font-style:italic}.error-message{color:var(--accent-tertiary);text-align:center;border:1px dashed var(--accent-tertiary);border-radius:var(--border-radius-small);background-color:color-mix(in srgb, var(--accent-tertiary) 10%, transparent);padding:1rem;font-weight:600}.loading-placeholder,.search-loading{color:var(--text-secondary);justify-content:center;align-items:center;gap:.5em;padding:1rem;font-style:italic;display:flex}.loading-placeholder .fa-spin,.search-loading .fa-spin{font-size:1.2em}.node-image-container,.character-card-image-area,.item-image-container,.character-image-container,.modal-image-container,.suggestion-item-image,.card-image-container{vertical-align:middle;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:inline-block;position:relative;overflow:hidden}.node-image-container:after,.character-card-image-area:after,.item-image-container:after,.character-image-container:after,.modal-image-container:after,.suggestion-item-image:after,.card-image-container:after{content:"";z-index:10;cursor:default;background-color:#0000;position:absolute;inset:0}.node-image-container img,.character-card-image-area img,.item-image-container img,.character-image-container img,.modal-image-container img,.suggestion-item-image img,.card-image-container .card-image{z-index:1;display:block;position:relative}@keyframes loading-animation{0%{transform:translate(-100%)}to{transform:translate(100%)}}
h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);margin-top:1.5rem;margin-bottom:.75rem;font-weight:600;line-height:1.3}.container>h1:first-child,.container>h2:first-child,.modal-content>h1:first-child,.modal-content>h2:first-child,.req-card>h2:first-child,.req-card>h3:first-child,.character-section>h2:first-child,.news-category>h2:first-child{margin-top:0}h1,.page-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700}h2,.section-heading{font-size:clamp(2rem,4vw,3rem);font-weight:600}h3{font-size:clamp(1.5rem,3vw,2rem);font-weight:600}h4{font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:600}h5{font-size:clamp(1rem,2vw,1.25rem);font-weight:600}h6{color:var(--text-secondary);font-size:clamp(.9rem,1.8vw,1.1rem);font-weight:600}p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.6}.container p:last-child,.modal-details p:last-child,.req-card p:last-child,.alert div p:last-child{margin-bottom:0}a{color:var(--link-color);transition:color var(--transition-speed-fast) ease, text-decoration-color var(--transition-speed-fast) ease;background-color:#0000;-webkit-text-decoration:none;text-decoration:none}a:hover,a:focus{color:var(--link-hover);text-decoration:underline;-webkit-text-decoration-color:var(--link-hover);text-decoration-color:var(--link-hover)}hr{height:0;color:inherit;border-top:1px solid var(--border-color);margin:2rem 0}strong,b{color:var(--text-primary);font-weight:700}em,i{font-style:italic}ul,ol{color:var(--text-secondary);margin-bottom:1rem;padding-left:1.5rem}ul{list-style:outside}ol{list-style:decimal}li{margin-bottom:.5rem}li::marker{color:var(--text-secondary)}blockquote{border-left:4px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-secondary);margin:1.5rem 0;padding:1rem 1.5rem;font-style:italic}blockquote p{margin-bottom:.5rem}blockquote p:last-child{margin-bottom:0}code{background-color:var(--bg-tertiary);border-radius:var(--border-radius-small);color:var(--accent-tertiary);padding:.1em .4em;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:.9em}pre{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-small);margin-bottom:1rem;padding:1rem;font-size:.9rem;line-height:1.5;overflow-x:auto}pre code{font-size:inherit;color:inherit;background-color:#0000;border-radius:0;padding:0}@media (max-width:768px){h1,.page-title{font-size:clamp(2rem,6vw,2.8rem)}h2,.section-heading{font-size:clamp(1.7rem,5vw,2.4rem)}h3{font-size:clamp(1.4rem,4vw,1.8rem)}h4{font-size:clamp(1.1rem,3vw,1.4rem)}p,li{font-size:.95rem}}
:root{--sidebar-width-expanded:260px;--sidebar-width-collapsed:80px;--top-bar-height:60px;--sidebar-transition:.3s cubic-bezier(.4, 0, .2, 1);--c-bg:hsl(var(--bg-primary-hsl));--c-surface:hsl(var(--bg-secondary-hsl,var(--bg-primary-hsl)));--c-border:hsl(var(--border-color-hsl));--c-text-primary:hsl(var(--text-primary-hsl));--c-text-secondary:hsl(var(--text-secondary-hsl));--c-accent:var(--accent-primary)}.page-container{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:var(--container-max-width,1600px);padding-left:var(--container-padding,1rem);padding-right:var(--container-padding,1rem);margin-left:auto;margin-right:auto}@media (min-width:640px){.container{--container-padding:1.5rem}}@media (min-width:1024px){.container{--container-padding:2rem}}body.body-no-scroll{overflow:hidden}main.main-content,.site-footer,#top-bar{transition:padding-left var(--sidebar-transition)}main.main-content{padding-top:calc(var(--top-bar-height) + 2rem);flex-grow:1;width:100%;padding-bottom:4rem}@media (min-width:993px){main.main-content,.site-footer,body.body-sidebar-expanded main.main-content,body.body-sidebar-expanded .site-footer{padding-left:var(--sidebar-width-expanded)}body.body-sidebar-collapsed main.main-content,body.body-sidebar-collapsed .site-footer{padding-left:var(--sidebar-width-collapsed)}}@media (max-width:992px){main.main-content,.site-footer,#top-bar{padding-left:0}}.site-footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);color:var(--text-secondary);text-align:left;margin-top:auto;padding-top:2rem;padding-bottom:2rem;font-size:.85rem}.site-footer .container{flex-direction:column;gap:.75rem;display:flex}.site-footer p{margin:0;line-height:1.5}.footer-links{flex-wrap:wrap;align-items:center;gap:0 1rem;font-size:.9rem;display:flex}.footer-links .footer-link-subtle{color:var(--text-secondary);transition:color var(--transition-speed-fast);font-weight:500;text-decoration:none}.footer-links .footer-link-subtle:hover,.footer-links .footer-link-subtle:focus{color:var(--text-primary);text-decoration:underline}.footer-links .separator{color:var(--separator-color);-webkit-user-select:none;user-select:none}.page-header{text-align:center;margin-bottom:2.5rem}.page-header .page-title{margin-bottom:1rem}.page-header .page-intro{color:var(--text-secondary);max-width:700px;margin:0 auto;font-size:1.05rem;line-height:1.6}
input,textarea,select{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;border:1px solid var(--border-color);background-color:var(--bg-secondary);border-radius:var(--border-radius-small);transition:border-color var(--transition-speed-fast), box-shadow var(--transition-speed-fast);margin:0;padding:.5rem .75rem}input:focus,textarea:focus,select:focus{border-color:var(--accent-secondary);box-shadow:0 0 8px 0px color-mix(in srgb, var(--accent-secondary) 40%, transparent);outline:none}input::placeholder,textarea::placeholder{color:var(--text-secondary);opacity:.7}select{appearance:none;color:var(--text-secondary);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.filters-container{background-color:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color);box-shadow:inset 0 1px 4px hsla(var(--shadow-color-hsl), .1);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem 1.5rem;margin-bottom:2.5rem;padding:1.2rem 1.5rem;display:flex}.filter-controls{flex-wrap:wrap;flex-grow:1;gap:1rem 1.5rem;display:flex}.filter-actions{flex-shrink:0;padding-top:.2rem}.filter-group{flex-wrap:wrap;align-items:center;gap:.5rem .8rem;display:flex}.filter-label{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:.4rem;margin-right:.5rem;font-size:1rem;font-weight:600;display:inline-flex}.filter-label svg{text-align:center;width:1.1em}.filter-buttons-container{flex-wrap:wrap;gap:.5rem;display:flex}@media (max-width:768px){.filters-container{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem}.filter-controls{gap:.8rem}.filter-label{font-size:.95rem}.filter-buttons-container{justify-content:flex-start;gap:.4rem}.filter-actions{align-self:flex-start;margin-top:.5rem;padding-top:0}}
button,[role=button]{cursor:pointer;color:inherit;text-align:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none;margin:0;padding:0;font-family:inherit;font-size:100%}button:focus:not(:focus-visible){outline:none}button:disabled,[disabled]{cursor:default;opacity:.6;pointer-events:none}.button{cursor:pointer;text-align:center;transition:all var(--transition-speed) ease;font-weight:700;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 10px hsla(var(--shadow-color-hsl), .2);white-space:nowrap;border:none;border-radius:30px;justify-content:center;align-items:center;gap:.5em;padding:.8rem 2rem;font-size:clamp(1rem,2vw,1.1rem);line-height:1.5;text-decoration:none;display:inline-flex}.button svg{vertical-align:middle;font-size:1em}.button:focus-visible{text-decoration:none}.button-primary{background-color:var(--accent-primary);color:#fff}.button-primary:hover,.button-primary:focus{box-shadow:0 8px 25px hsla(var(--accent-primary-hsl), .4);background-color:var(--accent-primary-hover);color:#fff;text-decoration:none;transform:translateY(-3px)scale(1.03)}.button-secondary{border:1px solid var(--border-color);color:var(--text-secondary);background-color:#0000}.button-secondary:hover,.button-secondary:focus{background-color:var(--bg-tertiary);color:var(--accent-primary);border-color:var(--accent-primary);text-decoration:none;transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.button.button-small{border-radius:var(--border-radius);padding:.4rem 1rem;font-size:.85rem}.go-back-button{font-weight:600;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);background-color:hsla(var(--bg-tertiary-hsl), .7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);z-index:100;border-radius:30px;align-items:center;gap:.75rem;padding:.8rem 1.5rem;font-size:.9rem;transition:all .2s;display:inline-flex;position:absolute;top:3rem;left:1rem}.go-back-button:hover{color:var(--text-primary);background-color:hsla(var(--bg-tertiary-hsl), 1);border-color:var(--accent-secondary);box-shadow:0 4px 10px hsla(var(--shadow-color-hsl), .2);transform:translateY(-2px)}.go-back-button svg{font-size:1.1em}@media (min-width:1024px){.go-back-button{top:4rem;left:calc(400px + 2.5rem)}}.search-toggle-button{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:var(--border-radius-round);width:36px;height:36px;transition:color var(--transition-speed), background-color var(--transition-speed), border-color var(--transition-speed);background:0 0;justify-content:center;align-items:center;padding:0;font-size:1rem;display:flex}.search-toggle-button:hover,.search-toggle-button:focus{color:var(--text-primary);background-color:var(--bg-tertiary);border-color:var(--accent-secondary)}.language-switcher .language-button{border:1px solid var(--border-color);color:var(--text-secondary);cursor:default;opacity:.7;background:0 0;border-radius:20px;align-items:center;gap:.4rem;height:36px;padding:0 .8rem;font-size:.9rem;font-weight:600;display:flex}.language-switcher .language-button svg{font-size:1rem}.language-switcher .language-button:hover,.language-switcher .language-button:focus{color:var(--text-secondary);border-color:var(--border-color);background-color:#0000}.filter-button{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-speed-fast), color var(--transition-speed-fast), border-color var(--transition-speed-fast), transform .1s ease;font-family:var(--font-main);white-space:nowrap;box-shadow:0 1px 3px hsla(var(--shadow-color-hsl), .1);background:0 0;border-radius:20px;padding:.4rem .8rem;font-size:.9rem}.filter-button:hover{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--accent-secondary);transform:translateY(-2px)}.filter-button.active{background-color:var(--accent-secondary);color:var(--bg-primary);border-color:var(--accent-secondary);font-weight:700}.filter-button-icon{width:42px;height:42px;box-shadow:0 1px 3px hsla(var(--shadow-color-hsl), .1);border:2px solid var(--border-color);cursor:pointer;background-color:var(--bg-secondary);transition:background-color var(--transition-speed-fast) ease, border-color var(--transition-speed-fast) ease, box-shadow .2s ease, transform .15s ease;--active-element-color:var(--clr-default-element);border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:hidden;transform:scale(1)}.filter-button-icon img{object-fit:cover;z-index:2;border-radius:50%;width:100%;height:100%;display:block;position:absolute;inset:0}.filter-button-icon:after{content:"";opacity:0;z-index:3;pointer-events:none;box-sizing:border-box;border:3px solid #0000;border-radius:50%;transition:opacity .2s ease-in-out;position:absolute;inset:0}.filter-button-icon:not(.active):hover,.filter-button-icon:not(.active):focus-visible{border-color:var(--accent-secondary);box-shadow:0 4px 8px hsla(var(--shadow-color-hsl), .15);background-color:var(--bg-tertiary);transform:scale(1.1)}.filter-button-icon.active{border-color:var(--active-element-color);box-shadow:0 2px 4px hsla(var(--shadow-color-hsl), .1);transform:scale(1.1)}.filter-button-icon[data-element=Light].active{--active-element-color:var(--clr-light)}.filter-button-icon[data-element=Curse].active{--active-element-color:var(--clr-curse)}.filter-button-icon[data-element=Fire].active{--active-element-color:var(--clr-fire)}.filter-button-icon[data-element=Water].active{--active-element-color:var(--clr-water)}.filter-button-icon[data-element=Soul].active{--active-element-color:var(--clr-soul)}.filter-button-icon[data-element=Wind].active{--active-element-color:var(--clr-wind)}.filter-button-icon[data-element=Unknown].active{--active-element-color:var(--clr-unknown)}.filter-button-icon.active:after{opacity:1;animation:1s linear forwards spin-border}.filter-button-icon[data-element=Light].active:after{animation:1s linear forwards spin-border-light}.clear-filters.button{border:1px solid var(--accent-tertiary);color:var(--accent-tertiary);transition:background-color var(--transition-speed-fast), color var(--transition-speed-fast), transform .1s ease;box-shadow:none;background-color:#0000;border-radius:20px;padding:.5rem 1rem;font-size:.9rem;font-weight:600}.clear-filters.button:hover,.clear-filters.button:focus{background-color:var(--accent-tertiary);color:#fff;box-shadow:0 2px 5px hsla(var(--shadow-color-hsl), .15);transform:translateY(-2px)}.delete-build-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:.2rem;font-size:1rem;line-height:1;transition:color .2s}.delete-build-btn:hover{color:var(--accent-tertiary)}@media (max-width:768px){.button{padding:.7rem 1.5rem;font-size:.9rem}.filter-button-icon{width:38px;height:38px}.clear-filters.button{padding:.4rem .8rem;font-size:.85rem}}
.modal-overlay{z-index:1100;opacity:0;visibility:hidden;background-color:#000000e0;justify-content:center;align-items:center;padding:1rem;transition:opacity .25s,visibility 0s linear .25s;display:flex;position:fixed;inset:0}.modal-overlay:not([hidden]){opacity:1;visibility:visible;transition-delay:0s}.modal-content{background-color:var(--bg-secondary);color:var(--text-primary);border-radius:var(--border-radius-large);border:1px solid var(--border-color);box-shadow:0 10px 35px hsla(var(--shadow-color-hsl), .3), 0 0 0 1px var(--border-color);flex-direction:column;width:100%;transition:transform .25s cubic-bezier(.34,1.56,.64,1),opacity .25s;display:flex;position:relative;overflow:hidden;transform:scale(.92)translateY(5px)}.modal-overlay:not([hidden]) .modal-content{opacity:1;transform:scale(1)translateY(0)}.item-modal-content{max-width:600px;max-height:80vh}.car-modal-content{max-width:800px;max-height:90vh}.modal-content:not(.item-modal-content):not(.car-modal-content){max-width:700px;max-height:90vh}.modal-close-button{background:hsla(var(--bg-tertiary-hsl), .6);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:1.2rem;line-height:1;transition:color .2s,transform .2s,background-color .2s;display:flex;position:absolute;top:.75rem;right:.75rem}.modal-close-button:hover,.modal-close-button:focus{color:var(--accent-tertiary);background-color:var(--bg-tertiary);outline:none;transform:scale(1.1)rotate(90deg)}.modal-close-button:focus-visible{outline:2px solid var(--accent-tertiary);outline-offset:1px}.modal-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-tertiary);flex-shrink:0;padding:1rem 45px 1rem 1.5rem}.modal-title{color:var(--text-primary);font-size:clamp(1.3rem,3.5vw,1.6rem);font-family:var(--font-heading);margin:0;font-weight:700;line-height:1.3}.modal-body{flex-direction:column;flex-grow:1;gap:1.5rem;padding:1.2rem 1.5rem;display:flex;overflow-y:auto}.item-modal-body{flex-direction:column;gap:1rem;padding:1.2rem;display:flex}@media (min-width:550px){.item-modal-body{flex-direction:row;align-items:flex-start;gap:1.5rem}}.item-modal-image-container{background-color:var(--bg-primary);border-radius:var(--border-radius-small);border:1px solid var(--border-color);width:100px;height:100px;box-shadow:0 1px 3px hsla(var(--shadow-color-hsl), .1);flex-shrink:0;justify-content:center;align-items:center;margin:0 auto .5rem;padding:.3rem;display:flex}@media (min-width:550px){.item-modal-image-container{margin:0}}.item-modal-image-container img{object-fit:contain;max-width:100%;max-height:100%;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.item-modal-details{flex-direction:column;flex-grow:1;gap:.4rem;font-size:.85rem;display:flex}.item-modal-details p{color:var(--text-secondary);margin-bottom:0;line-height:1.5;display:flex}.item-modal-details strong{color:var(--text-primary);flex-shrink:0;margin-right:.5em;font-weight:600}.item-modal-details .detail-value{color:var(--text-primary);word-break:break-word}.item-rarity-common{color:var(--text-secondary)!important}.item-rarity-uncommon{color:#2ecc71!important}.item-rarity-rare{color:#3498db!important}.item-rarity-epic{color:#9b59b6!important}.item-rarity-legendary{color:var(--accent-secondary)!important}.item-rarity-unknown{font-style:italic;color:var(--text-secondary)!important}.item-modal-details .item-rarity-text{font-weight:500}.item-modal-description{border-top:1px dashed var(--border-color);color:var(--text-secondary);white-space:pre-wrap;margin-top:.8rem;padding-top:.8rem;font-size:.85rem;line-height:1.6}.car-modal-body{padding:0}.car-modal-image-container{aspect-ratio:16/9;background-color:var(--bg-primary);justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.car-modal-image-container img{object-fit:contain;width:100%;height:100%;display:block}.car-modal-details-content{padding:1rem 1.5rem 1.5rem}@media (max-width:768px){.modal-content:not(.car-modal-content){padding:.8rem}.modal-header{padding:.8rem 40px .8rem 1rem}.modal-title{font-size:clamp(1.1rem,4vw,1.4rem)}.modal-close-button{width:30px;height:30px;font-size:1.2rem;top:.5rem;right:.5rem}.modal-body{padding:1rem}.item-modal-image-container{width:80px;height:80px}}@media (max-width:480px){.item-modal-body{gap:.8rem;padding:.8rem}.item-modal-image-container{width:70px;height:70px;margin-bottom:.5rem}.modal-title{font-size:1.05rem}}.modal-close-button,.carousel-nav-button{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
