@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Outfit:wght@500;700;800&display=swap";:root{--bg: #09050f;--bg2: #0f0717;--panel: rgba(27, 17, 43, .86);--text: #f8f1ff;--muted: #c9b7dc;--soft: #9f8bb3;--line: rgba(233, 176, 255, .12);--primary: #6F00DB;--accent: #FF0073;--highlight: #E9B0FF;--grad: linear-gradient(135deg, #6F00DB 0%, #FF0073 58%, #E9B0FF 100%);--shadow: 0 24px 70px rgba(0, 0, 0, .38);--w: min(1280px, calc(100% - 32px) );--bg-dark: var(--bg);--bg-card: var(--panel);--text-main: var(--text);--text-muted: var(--muted);--glass: var(--panel);--glass-border: var(--line);--secondary: var(--accent);--secondary-hover: #db2777;--accent-blue: var(--highlight)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;color:var(--text);background:radial-gradient(circle at 15% 12%,rgba(111,0,219,.22),transparent 22%),radial-gradient(circle at 85% 10%,rgba(255,0,115,.16),transparent 20%),linear-gradient(180deg,#08040d,#0d0714 40%,#12091d);background-attachment:fixed;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:34px 34px;opacity:.14;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.28),transparent 74%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.28),transparent 74%);z-index:0}a{color:var(--highlight);text-decoration:none;transition:all .25s ease}a:hover{color:#fff}ul{list-style:none}img{display:block;max-width:100%}button{cursor:pointer;border:none;outline:none;font-family:inherit;background:none;color:inherit;transition:all .25s ease}.wrap{width:var(--w);margin:0 auto}.navbar,.topbar{position:sticky;top:0;z-index:1000;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#08040db8!important;border-bottom:1px solid rgba(233,176,255,.08)}.navbar.glass{background:#08040db8!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;border-radius:0!important;border-top:none!important;border-left:none!important;border-right:none!important;border-bottom:1px solid rgba(233,176,255,.08)!important;box-shadow:none!important}.topbar .wrap,.nav-content{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 0;min-height:60px}.brand,.logo-container{display:flex;align-items:center;gap:12px;font-family:Outfit,sans-serif;font-weight:800;letter-spacing:-.03em}.logo,.logo-img{width:44px;height:44px;border-radius:14px;background:var(--grad);box-shadow:0 0 0 4px #6f00db1f;object-fit:cover;border:none!important}.brand span,.logo-text{font-size:1.85rem;font-weight:800;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav,.nav-links{display:flex;gap:8px;flex-wrap:wrap}.nav a,.nav-links a{padding:10px 14px;border-radius:999px;color:var(--muted);text-decoration:none;font-weight:600;border:1px solid transparent;transition:all .2s ease;font-size:.95rem}.nav a.active,.nav a:hover,.nav-links a.active,.nav-links a:hover{color:#fff;background:#ffffff0b;border-color:#e9b0ff1c}.section,.home-section{padding:62px 0;position:relative;overflow:hidden;background:transparent!important}.section:after,.home-section:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(233,176,255,.1),transparent);pointer-events:none}.grid-hero{display:grid;grid-template-columns:1.18fr .82fr;gap:26px;align-items:center}.glass{border:1px solid var(--line);background:linear-gradient(180deg,#ffffff04,#ffffff01);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow)}.hero-main{padding:34px;border-radius:32px;position:relative;overflow:hidden}.hero-main:before{content:"";position:absolute;right:-50px;top:-40px;width:220px;height:220px;border-radius:999px;background:none;filter:blur(12px);pointer-events:none}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;border:1px solid rgba(233,176,255,.12);background:#ffffff0d;color:var(--highlight);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:18px}.dot{width:9px;height:9px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 6px #ff007324}h1,h2,h3,h4{font-family:Outfit,sans-serif;letter-spacing:-.04em}h1{font-size:clamp(2.4rem,5vw,4.4rem);line-height:.95;margin-bottom:16px}.grad{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-main p{max-width:62ch;color:var(--muted);line-height:1.8;font-size:1.03rem}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:999px;text-decoration:none;font-weight:800;text-transform:uppercase;font-size:.9rem;transition:all .25s ease}.btn.primary{color:#fff;background:linear-gradient(180deg,#ffffff0a,#ffffff03);border:1px solid rgba(255,0,115,.35);box-shadow:0 0 14px #ff00732e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.btn.primary:hover{transform:translateY(-2px);border-color:#ff0073b3;background:linear-gradient(180deg,#ffffff14,#ffffff05);box-shadow:0 0 25px #ff007373}.btn.secondary{color:#fff;background:linear-gradient(180deg,#ffffff05,#ffffff01);border:1px solid rgba(233,176,255,.15);box-shadow:0 0 14px #e9b0ff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.btn.secondary:hover{background:linear-gradient(180deg,#ffffff0f,#ffffff04);border-color:#e9b0ff59;transform:translateY(-2px);box-shadow:0 0 25px #e9b0ff38}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.stat{padding:16px 18px;border-radius:18px;background:#ffffff03;border:1px solid rgba(233,176,255,.08)}.stat strong{display:block;font-size:1.25rem;margin-bottom:6px}.stat span{color:var(--muted);font-size:.92rem}.hero-side{padding:18px;border-radius:32px}.preview{min-height:360px;border-radius:24px;position:relative;overflow:hidden;border:1px solid rgba(233,176,255,.1);background:linear-gradient(180deg,#0003,#0000005c),url(https://images.unsplash.com/photo-1542751371-adc38448a05e?auto=format&fit=crop&w=1200&q=80) center/cover no-repeat}.badge{position:absolute;top:18px;left:18px;padding:8px 12px;border-radius:999px;background:#0a080e8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);font-size:.82rem;font-weight:800}.card-float{position:absolute;right:18px;bottom:18px;width:min(280px,calc(100% - 36px));padding:14px;border-radius:20px;background:#120b1db8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(233,176,255,.12)}.card-float h3{font-size:1rem;margin-bottom:6px}.card-float p{color:var(--muted);font-size:.9rem;line-height:1.55}.stack{display:grid;gap:12px;margin-top:16px}.mini{display:grid;grid-template-columns:88px 1fr;gap:12px;padding:12px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(233,176,255,.08);text-decoration:none;color:inherit;transition:all .2s ease}.mini:hover{transform:translateY(-2px);border-color:var(--border-hover)}.thumb{min-height:74px;border-radius:14px;background:linear-gradient(135deg,#6f00db99,#ff007366,#e9b0ff4d);position:relative;overflow:hidden}.mini h3{font-size:.97rem;margin-bottom:5px}.mini p{color:var(--muted);font-size:.88rem;line-height:1.5}.section-head{display:flex;justify-content:space-between;gap:22px;align-items:end;margin-bottom:24px}.kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:12px;color:var(--highlight);font-size:.84rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.kicker:before{content:"";width:26px;height:2px;border-radius:999px;background:var(--grad)}.title{font-size:clamp(1.9rem,3.2vw,3.2rem);font-weight:800}.sub{color:var(--muted);font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.8;max-width:68ch}.twitch-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.18fr);gap:22px;align-items:stretch}.panel{border:1px solid var(--line);background:linear-gradient(180deg,#ffffff0d,#ffffff05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow);overflow:hidden}.panel-in{padding:28px;border-radius:24px}.status{display:inline-flex;align-items:center;gap:10px;padding:9px 15px;border-radius:999px;font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border:1px solid transparent}.status.online{background:#1ed79c1a;color:#9df0cf;border-color:#1ed79c52}.status.online .dot2{width:10px;height:10px;border-radius:999px;background:#1ed79c;box-shadow:0 0 10px #1ed79cb8}.status.offline{background:#ef44441a;color:#fca5a5;border-color:#ef444452}.status.offline .dot2{width:10px;height:10px;border-radius:999px;background:#ef4444;box-shadow:0 0 10px #ef4444b8}.player{position:relative;width:100%;padding-top:56.25%;overflow:hidden;border-radius:22px;border:1px solid rgba(233,176,255,.1);box-shadow:0 28px 80px #00000073;background:#000}.player>*{position:absolute!important;inset:0;width:100%;height:100%}.news-grid{display:grid;grid-template-columns:minmax(0,1.34fr) minmax(320px,.96fr);gap:22px;align-items:stretch}.featured,.side{border-radius:26px;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%;border:1px solid rgba(255,255,255,.08)!important;transition:border-color .3s ease,box-shadow .3s ease}.featured:hover,.side:hover{border-color:#9d4edd80!important;box-shadow:0 0 35px #9d4edd47!important}.featured img,.side img{width:100%;height:100%;object-fit:cover;object-position:top center;transform:scale(1.08);transform-origin:top center;transition:transform .3s ease}.featured .img{aspect-ratio:16/9;border-bottom:1px solid rgba(233,176,255,.08);overflow:hidden}.content{padding:22px;display:flex;flex-direction:column;flex-grow:1}.tag{display:inline-flex;align-items:center;min-height:30px;padding:0 13px;border-radius:999px;background:linear-gradient(180deg,#ffffff0a,#ffffff03);border:1px solid rgba(162,86,223,.45);box-shadow:0 0 10px #a256df2e;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-bottom:14px;align-self:flex-start;color:#fff;transition:all .25s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.tag:hover{border-color:#a256dfcc;box-shadow:0 0 18px #a256df73}.featured h3{font-size:clamp(1.8rem,2.7vw,3.1rem);line-height:1.04;margin-bottom:14px}.meta{display:flex;gap:16px;align-items:center;flex-wrap:wrap;color:var(--muted);margin-top:auto}.author{display:inline-flex;align-items:center;gap:10px;color:#fff;font-weight:700}.avatar{width:36px;height:36px;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#151515}.date{font-size:.88rem;color:var(--soft);text-transform:uppercase;letter-spacing:.06em}.news-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}.side .img{aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid rgba(233,176,255,.06)}.side .content{padding:16px;display:flex;flex-direction:column;flex-grow:1}.side h4{font-size:1.08rem;line-height:1.25;margin-bottom:10px}.games-box,.social-box{border-radius:30px;padding:28px;background:linear-gradient(180deg,#ffffff0a,#6f00db14);border:1px solid var(--line);box-shadow:var(--shadow);margin-bottom:24px}.games-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.game{position:relative;aspect-ratio:2/3;border-radius:22px;overflow:hidden;background:#111;border:1px solid var(--line)}.game img{width:100%;height:100%;object-fit:cover;opacity:.82;transition:transform .6s ease,opacity .35s ease}.game:hover img{transform:scale(1.08);opacity:1}.overlay{position:absolute;inset:0;padding:18px;display:flex;align-items:end;background:linear-gradient(180deg,transparent 20%,rgba(8,4,13,.84) 100%);transition:background .3s ease}.game:hover .overlay{background:linear-gradient(180deg,transparent 15%,rgba(255,0,115,.2) 50%,rgba(8,4,13,.92) 100%)}.name{font-size:1rem;font-weight:700}.social-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:28px}.social{min-height:96px;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px 16px;font-size:1rem;font-weight:800;text-transform:uppercase;background:#ffffff0a;border:1px solid rgba(233,176,255,.08);text-decoration:none;color:#fff;transition:all .25s cubic-bezier(.4,0,.2,1)}.social:hover{transform:translateY(-4px);background:#ffffff14;border-color:var(--highlight);box-shadow:0 10px 24px #6f00db33}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#09050f}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6f00db,#ff0073);border-radius:999px;border:2px solid #09050f}.footer{padding:28px 0 36px;border-top:1px solid rgba(233,176,255,.08);background:#08040db8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--muted)}.footer .row{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:.92rem}@media(max-width:1200px){.grid-hero,.twitch-grid,.news-grid{grid-template-columns:1fr}.games-grid,.social-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.topbar .wrap{flex-direction:column;align-items:flex-start}.nav{display:none}.section{padding:54px 0}.hero-main,.hero-side,.panel-in,.games-box,.social-box{padding:22px}.stats,.news-side,.social-grid,.games-grid{grid-template-columns:1fr}.section-head{flex-direction:column;align-items:flex-start}.card-float{position:static;width:100%;margin-top:14px}.preview{min-height:300px}}.footer-link-hover:hover{color:var(--secondary)!important;text-shadow:0 0 10px rgba(255,0,110,.4)}.legal-link-hover:hover{color:#fff!important;text-shadow:0 0 8px rgba(255,255,255,.4)}.game-tabs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;max-width:1100px;margin:0 auto}@media(max-width:990px){.game-tabs-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:660px){.game-tabs-grid{grid-template-columns:1fr}}.nav-badge-dot{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background-color:#ff0073;box-shadow:0 0 10px #ff0073,0 0 16px #ff0073cc;filter:blur(.4px);animation:pulse-glow 2s infinite ease-in-out;pointer-events:none}@keyframes pulse-glow{0%{opacity:.35;transform:scale(.85);box-shadow:0 0 6px #ff0073,0 0 10px #ff007380}50%{opacity:1;transform:scale(1.15);box-shadow:0 0 14px #ff0073,0 0 22px #ff0073e6}to{opacity:.35;transform:scale(.85);box-shadow:0 0 6px #ff0073,0 0 10px #ff007380}}.home-wrapper{margin-bottom:-40px}.home-section{position:relative;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:6rem 0}.home-section.hero-section{padding-top:140px;padding-bottom:7rem;text-align:center}.section-content{position:relative;z-index:2;width:100%;max-width:var(--max-width);margin:0 auto;padding:0 2rem}.section-minimal{padding:6rem 0}@media(max-width:768px){.home-section.hero-section{padding-top:100px;padding-bottom:5rem}.home-section{padding:4rem 0}.section-content{padding:0 1.5rem}}.noticias-page{padding:3.5rem 0 100px;background-color:transparent}.news-switch-container{display:flex;justify-content:center;gap:16px;margin-bottom:48px}.cr-grid{display:grid;grid-template-columns:1fr 340px;gap:40px;align-items:flex-start}.cr-feed{width:100%}.cr-sidebar{position:sticky;top:100px}.cr-sticky-wrapper{display:flex;flex-direction:column;gap:1.5rem}.cr-side-card{display:flex;gap:16px;padding:16px;background:linear-gradient(180deg,#ffffff0a,#ffffff03);border:1px solid var(--line);border-radius:20px;text-decoration:none;color:inherit;box-shadow:var(--shadow);transition:all .25s cubic-bezier(.4,0,.2,1)}.cr-side-card:hover{transform:translateY(-2px);border-color:var(--highlight);box-shadow:0 12px 24px #6f00db26}.cr-side-image{width:100px;height:68px;flex-shrink:0;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.06);background-color:#111}.cr-side-image img{width:100%;height:100%;object-fit:cover}.cr-side-content{flex:1;display:flex;flex-direction:column;justify-content:space-between}.cr-side-title{font-size:.92rem;font-weight:700;line-height:1.25;color:#fff;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cr-side-date{font-size:.75rem;color:var(--muted);font-weight:500}.cr-badge{font-size:.65rem;font-weight:800;padding:3px 8px;border-radius:6px;color:#fff;letter-spacing:.5px;display:inline-block;margin-bottom:6px;text-transform:uppercase}.cr-badge.purple{background:var(--grad)}.cr-badge.blue{background:linear-gradient(135deg,#6f00db,#00d2ff)}@media(max-width:1024px){.cr-grid{grid-template-columns:1fr;gap:3rem}.cr-sidebar{position:static}}.participation-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px}.participation-modal{width:100%;max-width:500px;animation:modalPop .3s ease-out}@keyframes modalPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.participation-modal .contact-card{background:#0f021af2!important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,77,77,.25)!important;box-shadow:0 30px 60px #9d4edd33,0 0 45px #ff4d4d26!important;border-radius:28px;margin-bottom:0}.glass-input{width:100%;padding:1rem 1.25rem;background:#ffffff08!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:14px;color:#fff!important;font-family:inherit;font-size:1rem;transition:all .3s cubic-bezier(.25,.46,.45,.94);outline:none}.glass-input:focus{border-color:#ff4d4d73!important;background:#ffffff0f!important;box-shadow:0 0 18px #ff4d4d1f!important}.glass-input::placeholder{color:#ffffff4d!important}.participation-modal .close-btn{position:absolute;top:24px;right:24px;background:#ffffff0d;border:none;color:#fff;width:38px;height:38px;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.participation-modal .close-btn:hover{background:#ff4d4d;color:#fff;transform:rotate(90deg) scale(1.08)}:root{--font-primary: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--bg-deep: #0b0d12;--bg-darker: #10131b;--bg-card: #151a26;--bg-glass: rgba(21, 26, 38, .65);--border-glow: rgba(255, 255, 255, .05);--border-active: rgba(255, 255, 255, .15);--text-white: #ffffff;--text-muted: #8b97b0;--text-dark: #121620;--color-anemo: #33ecc0;--color-geo: #f3cb3f;--color-electro: #b874ec;--color-dendro: #74ec76;--color-hydro: #33b6ec;--color-pyro: #ec4a33;--color-cryo: #7adbec;--color-aero: #33ecc0;--color-glacio: #7adbec;--color-fusion: #ec4a33;--color-spectro: #f3cb3f;--color-havoc: #d03ff3;--color-tank: #24a4f2;--color-damage: #f08226;--color-support: #14df7c;--color-survivor: #00d27f;--color-killer: #ff4b4b;--rarity-5: linear-gradient(135deg, #f29e38 0%, #f3cb3f 100%);--rarity-4: linear-gradient(135deg, #a256df 0%, #b874ec 100%);--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .15);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .3);--glass-blur: blur(12px);--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: all .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .4s cubic-bezier(.4, 0, .2, 1)}.template-card-hub.dbd-card-glow:hover{border-color:#ec4a3366;box-shadow:0 12px 30px #ec4a3326,inset 0 0 15px #ec4a331a}.template-card-badge.dbd{background:#ec4a3333;color:#ff4b4b;border-color:#ec4a334d}.template-card-action.dbd{color:#ff4b4b}.app-container{font-family:var(--font-primary);color:var(--text-white);min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40;cursor:pointer}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em}.app-container{max-width:1320px;margin:0 auto;padding:2.5rem 1.5rem 160px;display:flex;flex-direction:column;gap:2rem}.header-banner{margin-bottom:2rem;text-align:center;position:relative;padding:2.5rem 2rem;background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden}.header-tag{display:inline-block;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:var(--color-geo);background:#f3cb3f1a;padding:.35rem 1rem;border-radius:100px;border:1px solid rgba(243,203,63,.2);margin-bottom:1rem;text-shadow:0 0 10px rgba(243,203,63,.3)}.header-title{font-size:2.5rem;font-weight:900;margin-bottom:.75rem;background:linear-gradient(135deg,#fff 30%,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 20px rgba(0,0,0,.3)}.header-subtitle{font-size:1rem;color:var(--text-muted);max-width:600px;margin:0 auto;line-height:1.6}.controls-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;background:linear-gradient(180deg,#ffffff0d,#ffffff05);padding:1.25rem 1.5rem;border-radius:16px;border:1px solid var(--line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow)}.controls-left,.controls-right{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.btn{font-family:var(--font-primary);font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:var(--transition-fast);border:1px solid transparent;outline:none}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 12px #2563eb33}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2563eb59;background:linear-gradient(135deg,#4f46e5,#2563eb)}.btn-secondary{background:#ffffff0d;border-color:#ffffff1a;color:var(--text-white)}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.btn-danger{background:#ec4a331a;border-color:#ec4a3340;color:#fca5a5}.btn-danger:hover{background:#ec4a3333;border-color:#ec4a3366}.btn-accent{background:#f3cb3f1a;border-color:#f3cb3f33;color:var(--color-geo);text-shadow:0 0 8px rgba(243,203,63,.2)}.btn-accent:hover{background:#f3cb3f2e;border-color:#f3cb3f73;transform:translateY(-2px)}.btn:active{transform:translateY(1px)}.tierlist-board{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(233,176,255,.08);background:#ffffff0a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tier-row{display:flex;align-items:stretch;border-bottom:1px solid rgba(255,255,255,.05);min-height:110px;position:relative;transition:var(--transition-normal)}.tier-row:last-child{border-bottom:none}.tier-label-wrapper{width:140px;display:flex;align-items:center;justify-content:center;padding:1rem;position:relative;flex-shrink:0;cursor:pointer;transition:var(--transition-normal)}.tier-label-wrapper:after{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:#ffffff26}.tier-label-textarea{width:100%;background:transparent;border:none;outline:none;font-family:var(--font-primary);font-size:1.25rem;font-weight:800;text-align:center;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5);text-transform:uppercase;resize:none;overflow:hidden;line-height:1.2;cursor:text}.tier-label-textarea::placeholder{color:#ffffff73}.tier-dropzone{flex:1;background:#ffffff04;padding:.5rem 1.25rem;display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;transition:var(--transition-fast)}.tier-dropzone.drag-over{background:#ffffff0d;box-shadow:inset 0 0 20px #ffffff0d}.tier-row.drag-over{background:#ffffff08;box-shadow:inset 0 0 15px #ffffff08}.tier-row.drag-over .tier-dropzone{background:#ffffff0d}.tier-actions{width:110px;background:#0003;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem;flex-shrink:0;border-left:1px solid rgba(255,255,255,.03)}.action-btn{background:transparent;border:1px solid rgba(255,255,255,.08);color:var(--text-muted);width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast)}.action-btn:hover{background:#ffffff14;color:var(--text-white);border-color:#fff3}.action-btn.delete:hover{background:#ec4a3326;color:#f87171;border-color:#ec4a334d}.color-picker-overlay{position:absolute;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;gap:.75rem;z-index:10;animation:fadeIn .15s ease-out}.color-dot{width:32px;height:32px;border-radius:50%;cursor:pointer;border:2px solid rgba(255,255,255,.2);transition:var(--transition-fast)}.color-dot:hover{transform:scale(1.2);border-color:#fff;box-shadow:0 0 12px currentColor}.character-card{width:72px;height:72px;border-radius:12px;position:relative;cursor:grab;-webkit-user-select:none;user-select:none;background-size:cover;background-position:center;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s ease,border .2s ease;overflow:hidden;box-shadow:0 4px 8px #0006}.character-card:hover{transform:scale(1.1) translateY(-2px);z-index:15;cursor:grab}.character-card:active{cursor:grabbing;transform:scale(.95)}.rarity-5-card{border:2px solid #e5c14f;box-shadow:0 4px 10px #e5c14f26,0 0 5px #e5c14f33}.rarity-5-card:hover{box-shadow:0 8px 18px #e5c14f4d,0 0 12px #e5c14f73}.rarity-4-card{border:2px solid #b874ec;box-shadow:0 4px 10px #b874ec26,0 0 5px #b874ec33}.rarity-4-card:hover{box-shadow:0 8px 18px #b874ec4d,0 0 12px #b874ec73}.tier-row .character-card{width:86px!important;height:86px!important;border-radius:14px;border:none!important;background-size:cover;background-position:center}.character-card.element-anemo-glow{box-shadow:0 0 6px #33ecc047,0 4px 8px #00000080}.character-card.element-anemo-glow:hover{box-shadow:0 0 11px #33ecc06e,0 6px 12px #0009}.character-card.element-geo-glow{box-shadow:0 0 6px #f3cb3f47,0 4px 8px #00000080}.character-card.element-geo-glow:hover{box-shadow:0 0 11px #f3cb3f6e,0 6px 12px #0009}.character-card.element-electro-glow{box-shadow:0 0 6px #b874ec47,0 4px 8px #00000080}.character-card.element-electro-glow:hover{box-shadow:0 0 11px #b874ec6e,0 6px 12px #0009}.character-card.element-dendro-glow{box-shadow:0 0 6px #74ec7647,0 4px 8px #00000080}.character-card.element-dendro-glow:hover{box-shadow:0 0 11px #74ec766e,0 6px 12px #0009}.character-card.element-hydro-glow{box-shadow:0 0 6px #33b6ec47,0 4px 8px #00000080}.character-card.element-hydro-glow:hover{box-shadow:0 0 11px #33b6ec6e,0 6px 12px #0009}.character-card.element-pyro-glow{box-shadow:0 0 6px #ec4a3347,0 4px 8px #00000080}.character-card.element-pyro-glow:hover{box-shadow:0 0 11px #ec4a336e,0 6px 12px #0009}.character-card.element-cryo-glow{box-shadow:0 0 6px #7adbec47,0 4px 8px #00000080}.character-card.element-cryo-glow:hover{box-shadow:0 0 11px #7adbec6e,0 6px 12px #0009}.character-name-overlay{position:absolute;bottom:0;left:0;right:0;background:#000000bf;font-size:.55rem;font-weight:700;padding:2px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;opacity:0;transform:translateY(100%);transition:var(--transition-fast)}.character-card:hover .character-name-overlay{opacity:1;transform:translateY(0)}.character-element-badge{position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.15);padding:1px}.character-element-badge img{width:100%;height:100%;object-fit:contain}.character-card.selected{outline:3px solid #3b82f6;outline-offset:2px;transform:scale(1.08) translateY(-4px);animation:pulseGlow 1.5s infinite alternate}.pool-section{background:#ffffff0a;border:1px solid rgba(233,176,255,.08);border-radius:24px;padding:1.75rem 2rem;box-shadow:var(--shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:1.5rem}.pool-header-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.pool-title-group{display:flex;align-items:center;gap:.75rem}.pool-count{font-size:.8rem;font-weight:700;background:#ffffff14;padding:.25rem .6rem;border-radius:100px;color:var(--text-muted)}.filters-container{display:flex;flex-direction:column;gap:.85rem;background:#00000026;padding:1.25rem;border-radius:16px;border:1px solid rgba(255,255,255,.02)}.filter-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.filter-label{font-size:.8rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);width:90px;letter-spacing:.05em}.filter-group{display:flex;gap:.5rem;flex-wrap:wrap;flex:1}.filter-tag{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-muted);padding:.4rem .85rem;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:600;transition:var(--transition-fast);display:flex;align-items:center;gap:.4rem}.filter-tag:hover{background:#ffffff14;color:var(--text-white);border-color:#ffffff26}.filter-tag.active{background:#ffffff1f;color:var(--text-white);border-color:#ffffff59;box-shadow:0 0 10px #ffffff0d}.filter-tag.active.anemo{background:#33ecc026;border-color:var(--color-anemo);color:var(--color-anemo);text-shadow:0 0 8px rgba(51,236,192,.2)}.filter-tag.active.geo{background:#f3cb3f26;border-color:var(--color-geo);color:var(--color-geo);text-shadow:0 0 8px rgba(243,203,63,.2)}.filter-tag.active.electro{background:#b874ec26;border-color:var(--color-electro);color:var(--color-electro);text-shadow:0 0 8px rgba(184,116,236,.2)}.filter-tag.active.dendro{background:#74ec7626;border-color:var(--color-dendro);color:var(--color-dendro);text-shadow:0 0 8px rgba(116,236,118,.2)}.filter-tag.active.hydro{background:#33b6ec26;border-color:var(--color-hydro);color:var(--color-hydro);text-shadow:0 0 8px rgba(51,182,236,.2)}.filter-tag.active.pyro{background:#ec4a3326;border-color:var(--color-pyro);color:var(--color-pyro);text-shadow:0 0 8px rgba(236,74,51,.2)}.filter-tag.active.cryo{background:#7adbec26;border-color:var(--color-cryo);color:var(--color-cryo);text-shadow:0 0 8px rgba(122,219,236,.2)}.filter-tag.active.rarity-5{background:#f3cb3f26;border-color:var(--color-geo);color:var(--color-geo)}.filter-tag.active.rarity-4{background:#b874ec26;border-color:var(--color-electro);color:var(--color-electro)}.search-container{position:relative;width:280px}.search-input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);padding:.55rem 1rem .55rem 2.25rem;border-radius:10px;font-family:var(--font-primary);font-size:.9rem;color:var(--text-white);transition:var(--transition-fast);outline:none}.search-input:focus{background:#ffffff17;border-color:#ffffff40;box-shadow:0 0 0 3px #ffffff08}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;width:16px;height:16px}.pool-horizontal-wrapper{position:fixed;bottom:24px;left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:1000px;z-index:1000;display:flex;align-items:center;background:#1a0f24e0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1.5px solid rgba(255,255,255,.45);border-radius:28px;box-shadow:0 20px 40px #0009,0 0 25px #a256df40,inset 0 1px #ffffff1a;padding:.5rem 1rem;animation:slideUp .4s cubic-bezier(.16,1,.3,1);transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s ease,backdrop-filter .4s ease,border-color .25s ease,box-shadow .25s ease}.pool-horizontal-wrapper:hover{border-color:#ffffffa6;box-shadow:0 20px 40px #000000b3,0 0 35px #a256df59,inset 0 1px #ffffff26}.pool-horizontal-wrapper.hidden-dock{transform:translate(-50%,180px) scale(.95);opacity:0;pointer-events:none}@keyframes slideUp{0%{transform:translate(-50%,100px);opacity:0}to{transform:translate(-50%);opacity:1}}.pool-horizontal-scroll{display:flex;overflow-x:auto;gap:.85rem;padding:.65rem .5rem;width:100%;background:transparent;border:none;border-radius:0;cursor:grab;-webkit-user-select:none;user-select:none;scrollbar-width:none;scroll-behavior:auto}.pool-horizontal-scroll::-webkit-scrollbar{display:none}.pool-horizontal-scroll:active{cursor:grabbing}.pool-scroll-btn{flex-shrink:0;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-muted);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast)}.pool-scroll-btn:hover{background:#ffffff1f;color:#fff;border-color:#ffffff4d;transform:scale(1.05)}.pool-scroll-btn.left{margin-right:.5rem}.pool-scroll-btn.right{margin-left:.5rem}.pool-grid-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);gap:.5rem;height:90px;width:100%;text-align:center}.mobile-notice{font-size:.8rem;color:var(--color-geo);text-align:center;background:#f3cb3f0d;border:1px solid rgba(243,203,63,.15);padding:.6rem;border-radius:10px;margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}body.dragging-active,body.dragging-active *{user-select:none!important;-webkit-user-select:none!important;cursor:grabbing!important}.app-footer{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.04);margin-top:2rem;color:var(--text-muted);font-size:.8rem;display:flex;flex-direction:column;gap:.5rem}.app-footer a{color:var(--color-geo);text-decoration:none}.app-footer a:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseGlow{0%{box-shadow:0 0 10px #3b82f64d}to{box-shadow:0 0 25px #3b82f6b3}}@media(max-width:1024px){.app-container{padding:1.5rem 1rem;gap:1.5rem}.header-title{font-size:2rem}.tierlist-board{border-radius:12px}.tier-row{min-height:96px}.tier-label-wrapper{width:110px;padding:.5rem}.tier-label-textarea{font-size:.95rem}.tier-actions{width:90px;flex-direction:column;gap:.25rem}.character-card{width:60px;height:60px;border-radius:8px}.pool-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.75rem}}@media(max-width:768px){.controls-bar{flex-direction:column;align-items:stretch}.controls-left,.controls-right{justify-content:center}.search-container{width:100%}.tier-row{flex-direction:column;border-bottom:2px solid rgba(255,255,255,.08)}.tier-label-wrapper{width:100%;height:38px;padding:.25rem;border-bottom:1px solid rgba(0,0,0,.1)}.tier-label-wrapper:after{display:none}.tier-actions{width:100%;height:36px;flex-direction:row;justify-content:flex-end;padding:.25rem 1rem;border-left:none;border-top:1px solid rgba(255,255,255,.03);background:#0000001a}.tier-dropzone{padding:.75rem;min-height:72px}.filter-row{flex-direction:column;align-items:flex-start;gap:.5rem}.filter-label{width:auto}}.fullscreen-presenter-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0b0e16d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:2000;overflow:hidden;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;animation:fadeInPresenter .3s ease-out}@keyframes fadeInPresenter{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.presenter-floating-actions{position:fixed;top:16px;right:24px;display:flex;gap:.5rem;z-index:2050}.presenter-icon-btn{width:40px;height:40px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.presenter-icon-btn:hover{background:#ffffff1f;color:#fff;border-color:#ffffff4d;transform:scale(1.08)}.presenter-icon-btn.active{background:#22c55e26;border-color:#22c55e66;color:#4ade80}.presenter-icon-btn.close-btn:hover{background:#ef444426;border-color:#ef444473;color:#f87171}.presenter-board-container{flex:1;max-width:1200px;width:100%;margin:0 auto}.clean-board{height:100%;display:flex;flex-direction:column;gap:.35rem;background:#0003;border:1px solid rgba(255,255,255,.03);border-radius:16px;overflow:hidden;justify-content:stretch}.clean-board .tier-row{flex:1;min-height:0;display:grid;grid-template-columns:140px 1fr;align-items:stretch}.clean-board .tier-dropzone{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;align-items:center;padding:.25rem 1.25rem;gap:.5rem;height:100%;scrollbar-width:none}.clean-board .tier-dropzone::-webkit-scrollbar{display:none}.tier-label-text{font-size:1.15rem;font-weight:700;color:#000000d9;text-align:center;padding:.5rem;width:100%;word-break:break-word;-webkit-user-select:none;user-select:none}.save-toast{position:fixed;top:24px;right:24px;background:#166534f2;border:1px solid rgba(34,197,94,.3);box-shadow:0 10px 25px #1665344d,0 0 15px #22c55e33;border-radius:12px;padding:.85rem 1.25rem;display:flex;align-items:center;gap:.75rem;color:#fff;z-index:9999;font-weight:600;animation:slideInToast .3s cubic-bezier(.16,1,.3,1),fadeOutToast .3s cubic-bezier(.16,1,.3,1) 2.7s}@keyframes slideInToast{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeOutToast{0%{opacity:1}to{opacity:0}}.pool-horizontal-scroll .character-card{border:none!important}.home-dashboard{max-width:1000px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:3rem;padding:2rem 0;animation:fadeIn .4s ease-out}.templates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;width:100%}.template-card-hub{position:relative;background:#10131bb3;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:2.25rem 2rem;display:flex;flex-direction:column;gap:1.25rem;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px #0003;overflow:hidden}.template-card-hub:hover{transform:translateY(-8px);background:#1a1d28d9;border-color:#ffffff1f}.template-card-hub:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,rgba(255,255,255,.03),transparent 70%);pointer-events:none}.genshin-card-glow:hover{box-shadow:0 15px 35px #0000004d,0 0 25px #f3cb3f40;border-color:#f3cb3f4d}.coming-soon-card{opacity:.6;cursor:default}.coming-soon-card:hover{transform:none;background:#10131bb3;border-color:#ffffff0d;box-shadow:0 10px 30px #0003}.template-card-badge{align-self:flex-start;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;background:#f3cb3f1a;color:var(--color-geo);padding:.25rem .65rem;border-radius:20px;border:1px solid rgba(243,203,63,.2)}.template-card-badge.coming-soon{background:#ffffff0d;color:var(--text-muted);border-color:#ffffff1a}.template-card-icon-wrapper{width:60px;height:60px;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .3s ease}.template-card-hub:hover .template-card-icon-wrapper{background:#f3cb3f1a;border-color:#f3cb3f4d;color:var(--color-geo)}.template-card-title{font-size:1.35rem;font-weight:700;color:#fff;letter-spacing:-.2px}.template-card-desc{font-size:.9rem;color:var(--text-muted);line-height:1.6}.template-card-action{font-size:.9rem;font-weight:700;color:var(--color-geo);margin-top:auto;transition:transform .2s ease}.template-card-hub:hover .template-card-action:not(.disabled){transform:translate(4px)}.template-card-action.disabled{color:var(--text-muted);cursor:default}.genshin-view-header-bar{display:flex;justify-content:flex-start;margin-bottom:.5rem;animation:fadeIn .4s ease-out}.back-to-hub-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-muted);padding:.5rem 1rem;border-radius:10px;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease}.back-to-hub-btn:hover{background:#ffffff14;border-color:#ffffff26;color:#fff;transform:translate(-2px)}.wuwa-card-glow:hover{box-shadow:0 15px 35px #0000004d,0 0 25px #b874ec40;border-color:#b874ec4d}.template-card-badge.wuwa{background:#b874ec1a;color:var(--color-electro);border-color:#b874ec33}.template-card-hub:hover .template-card-icon-wrapper.wuwa{background:#b874ec1a;border-color:#b874ec4d;color:var(--color-electro)}.template-card-action.wuwa{color:var(--color-electro)}.character-card.element-aero-glow{box-shadow:0 0 6px #33ecc047,0 4px 8px #00000080}.character-card.element-aero-glow:hover{box-shadow:0 0 11px #33ecc06e,0 6px 12px #0009}.character-card.element-glacio-glow{box-shadow:0 0 6px #7adbec47,0 4px 8px #00000080}.character-card.element-glacio-glow:hover{box-shadow:0 0 11px #7adbec6e,0 6px 12px #0009}.character-card.element-fusion-glow{box-shadow:0 0 6px #ec4a3347,0 4px 8px #00000080}.character-card.element-fusion-glow:hover{box-shadow:0 0 11px #ec4a336e,0 6px 12px #0009}.character-card.element-spectro-glow{box-shadow:0 0 6px #f3cb3f47,0 4px 8px #00000080}.character-card.element-spectro-glow:hover{box-shadow:0 0 11px #f3cb3f6e,0 6px 12px #0009}.character-card.element-havoc-glow{box-shadow:0 0 6px #d03ff347,0 4px 8px #00000080}.character-card.element-havoc-glow:hover{box-shadow:0 0 11px #d03ff36e,0 6px 12px #0009}.ow-card-glow:hover{box-shadow:0 15px 35px #0000004d,0 0 25px #f0822640;border-color:#f082264d}.template-card-badge.ow{background:#f082261a;color:#f08226;border-color:#f0822633}.template-card-hub:hover .template-card-icon-wrapper.ow{background:#f082261a;border-color:#f082264d;color:#f08226}.template-card-action.ow{color:#f08226}.character-card.element-tank-glow{box-shadow:0 0 6px #24a4f247,0 4px 8px #00000080}.character-card.element-tank-glow:hover{box-shadow:0 0 11px #24a4f26e,0 6px 12px #0009}.character-card.element-damage-glow{box-shadow:0 0 6px #f0822647,0 4px 8px #00000080}.character-card.element-damage-glow:hover{box-shadow:0 0 11px #f082266e,0 6px 12px #0009}.character-card.element-support-glow{box-shadow:0 0 6px #14df7c47,0 4px 8px #00000080}.character-card.element-support-glow:hover{box-shadow:0 0 11px #14df7c6e,0 6px 12px #0009}.character-card.element-survivor-glow{box-shadow:0 0 6px #00d27f47,0 4px 8px #00000080}.character-card.element-survivor-glow:hover{box-shadow:0 0 11px #00d27f6e,0 6px 12px #0009}.character-card.element-killer-glow{box-shadow:0 0 6px #ff4b4b47,0 4px 8px #00000080}.character-card.element-killer-glow:hover{box-shadow:0 0 11px #ff4b4b6e,0 6px 12px #0009}.dbd-pool-wrapper{padding:1rem 1.5rem!important}.dbd-pool-wrapper .pool-horizontal-scroll{height:110px!important;gap:1.25rem!important}.dbd-pool-card{width:90px!important;height:90px!important;border-radius:12px!important}.quiz-view-container{max-width:800px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.quiz-card,.quiz-results-card{background:var(--bg-glass);border:1px solid var(--border-glow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:2.5rem;border-radius:20px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:2rem}.quiz-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:1.25rem}.quiz-progress{font-size:.9rem;color:var(--text-muted);font-weight:600}.quiz-timer{font-size:1.1rem;font-weight:700;color:var(--color-geo);background:#f3cb3f1a;padding:.35rem .85rem;border-radius:8px;border:1px solid rgba(243,203,63,.2)}.quiz-timer.critical{color:#ff4b4b;background:#ff4b4b1a;border-color:#ff4b4b40;animation:pulse 1s infinite alternate}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.quiz-question-text{font-size:1.5rem;font-weight:800;line-height:1.4;margin-bottom:1.5rem;color:var(--text-white)}.quiz-options-list{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.quiz-options-list{grid-template-columns:1fr 1fr}}.quiz-option-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.25rem;color:var(--text-white);font-family:var(--font-primary);font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.75rem;text-align:left;transition:var(--transition-fast)}.quiz-option-btn:hover:not(:disabled){background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.option-letter{color:var(--color-damage);font-weight:800}.quiz-option-btn.selected{border-color:var(--color-damage);background:#f082261a}.quiz-option-btn.correct{background:#14df7c26!important;border-color:#14df7c!important;color:#14df7c!important}.quiz-option-btn.incorrect{background:#ff4b4b26!important;border-color:#ff4b4b!important;color:#ff4b4b!important}.quiz-option-btn.disabled{opacity:.5;cursor:not-allowed}.quiz-feedback-area{margin-top:1rem;border-top:1px solid rgba(255,255,255,.08);padding-top:1.5rem;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.quiz-feedback-text{font-size:1.1rem;font-weight:700}.quiz-feedback-text.success{color:#14df7c}.quiz-feedback-text.danger{color:#ff4b4b}.quiz-feedback-text.timed-out{color:var(--color-geo)}.quiz-results-card{text-align:center;align-items:center;gap:2.5rem}.score-badge-circle{width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,#f0822626,#f0822605);border:4px solid var(--color-damage);display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 0 25px #f0822633}.score-number{font-size:3.5rem;font-weight:900;color:var(--text-white);line-height:1}.score-total{font-size:.9rem;color:var(--text-muted);font-weight:700;text-transform:uppercase}.score-summary-text{font-size:1.25rem;color:var(--text-muted);line-height:1.5}.quiz-actions-row{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.audio-visualizer-bars{display:inline-flex;align-items:flex-end;justify-content:center;gap:6px;height:50px;width:auto;margin:0 auto}.audio-visualizer-bars span{display:block;width:8px;height:10px;background:var(--color-electro);border-radius:4px;transition:height .2s ease}.audio-visualizer-bars.animating span{animation:visualize 1.2s infinite ease-in-out}.audio-visualizer-bars span:nth-child(1){animation-delay:.1s}.audio-visualizer-bars span:nth-child(2){animation-delay:.3s}.audio-visualizer-bars span:nth-child(3){animation-delay:.6s}.audio-visualizer-bars span:nth-child(4){animation-delay:.2s}.audio-visualizer-bars span:nth-child(5){animation-delay:.4s}@keyframes visualize{0%,to{height:10px}50%{height:50px}}