:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-0:#0b0e14;--bg-1:#121826;--bg-2:#1a2335;--line:#2c3a52;--gold:#d9a441;--gold-2:#f3cf7a;--text:#e6e9ef;--muted:#8c97ab;--tier0:#7f8ca3;--tier1:#3fb6a8;--tier2:#a06be0;--tier3:#e8b343;font-family:"Exo 2",system-ui,sans-serif}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);background:radial-gradient(1200px 600px at 50% -10%, #1e2c47 0%, transparent 60%), radial-gradient(800px 500px at 100% 100%, #2a1d12 0%, transparent 55%), var(--bg-0);margin:0}h1,h2,h3{letter-spacing:.03em;margin:0;font-family:Philosopher,serif}button,input{font-family:inherit}.app{flex-direction:column;gap:20px;max-width:960px;min-height:100vh;margin:0 auto;padding:16px 16px 48px;display:flex}.topbar{justify-content:flex-end;gap:6px;display:flex}.lang{cursor:pointer;border:1px solid var(--line);background:var(--bg-1);color:var(--muted);border-radius:5px;padding:4px 10px;font-size:.85rem;font-weight:700}.lang.active{color:#1a1206;border-color:var(--gold-2);background:linear-gradient(#f3cf7a,#c28a2c)}.brand{text-align:center}.brand h1{color:var(--gold-2);text-shadow:0 0 24px #d9a44159;font-size:clamp(2rem,6vw,3rem)}.brand p{color:var(--muted);margin:6px 0 0}.panel{background:linear-gradient(180deg, var(--bg-2), var(--bg-1));border:1px solid var(--line);border-radius:10px;padding:18px;position:relative;box-shadow:inset 0 0 0 1px #ffffff08,0 8px 24px #0006}.panel:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);opacity:.7;border-radius:10px 10px 0 0;height:2px;position:absolute;inset:0 0 auto}.panel h2{color:var(--gold-2);margin-bottom:12px;font-size:1.2rem}.btn{cursor:pointer;letter-spacing:.05em;text-transform:uppercase;color:#1a1206;border:1px solid var(--gold-2);background:linear-gradient(#f3cf7a,#c28a2c);border-radius:6px;padding:10px 20px;font-size:1rem;font-weight:700;transition:transform .12s,filter .12s;box-shadow:inset 0 0 0 1px #6b4a12,0 4px 14px #d9a44140}.btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.secondary{color:var(--text);border-color:var(--line);box-shadow:none;background:linear-gradient(#26324a,#1a2335)}.btn.small{padding:6px 12px;font-size:.8rem}.btn.linkbtn{text-decoration:none;display:inline-block}.btn.btn-icon{align-items:center;gap:10px;display:inline-flex}.btn-img{border-radius:3px;height:26px}.btn-img.spin{animation:.3s ease-in-out infinite wiggle}@keyframes wiggle{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.center{justify-content:center}.modes{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.mode{text-align:left;cursor:pointer;border:1px solid var(--line);background:var(--bg-1);color:var(--text);border-radius:8px;padding:14px 16px;transition:all .15s}.mode strong{color:var(--gold-2);margin-bottom:4px;font-family:Philosopher,serif;font-size:1.2rem;display:block}.mode span{color:var(--muted);font-size:.95rem}.mode.active{border-color:var(--gold);background:linear-gradient(#1f2a40,#151d2e);box-shadow:0 0 18px #d9a44140}.picker-tools{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.search{border:1px solid var(--line);background:var(--bg-0);color:var(--text);border-radius:6px;flex:200px;padding:10px 12px;font-size:1rem}.heroes{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;max-height:360px;padding:4px;display:grid;overflow-y:auto}.hero-tile{cursor:pointer;background:var(--bg-0);color:var(--text);border:2px solid #0000;border-radius:6px;padding:0;overflow:hidden}.hero-tile img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.hero-tile span{text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#0006;padding:3px 4px;font-size:.78rem;display:block;overflow:hidden}.hero-tile:hover:not(:disabled){border-color:var(--line)}.hero-tile.selected{border-color:var(--gold);box-shadow:0 0 14px #d9a44180}.start-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.chosen{color:var(--muted);align-items:center;gap:10px;display:flex}.chosen b{color:var(--gold-2);font-size:1.1rem}.chosen .mini{border:1px solid var(--gold);border-radius:4px;height:44px}.build-head{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.portrait{aspect-ratio:16/9;object-fit:cover;border:2px solid var(--gold);border-radius:6px;width:128px;box-shadow:0 0 18px #d9a44159}.build-head h2{margin:0;font-size:1.7rem}.build-head .sub{color:var(--muted)}.build-head .actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.progress{background:var(--bg-0);border:1px solid var(--line);border-radius:6px;height:8px;margin-top:14px;overflow:hidden}.progress>div{background:linear-gradient(90deg,#c28a2c,#f3cf7a);height:100%;transition:width .4s}.build-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:start;gap:16px;display:grid}@media (width<=760px){.build-grid{grid-template-columns:1fr}}.inv{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.slot{aspect-ratio:88/64;border:1px solid var(--line);background:radial-gradient(circle at 50% 30%,#1a2335,#0b0e14);border-radius:6px;padding:0;display:block;overflow:hidden;box-shadow:inset 0 2px 10px #000c}button.slot{cursor:pointer}.slot.filled{border-color:var(--gold)}.slot img{object-fit:cover;width:100%;height:100%;animation:.45s ease-out drop;display:block}@keyframes drop{0%{opacity:0;transform:translateY(-30px)scale(1.3)}to{opacity:1;transform:none}}.timeline{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.chip{background:var(--bg-0);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:3px 10px 3px 4px;font-size:.85rem;display:flex}.chip:hover{border-color:var(--gold)}.chip img{border-radius:3px;height:22px}.chip i{color:var(--gold);font-style:normal;font-weight:700}.note{color:var(--muted);margin:12px 0 0;font-size:.9rem}.lucky{text-align:center;color:var(--gold-2);text-shadow:0 0 14px #f3cf7a99;margin-bottom:12px;font-family:Philosopher,serif;font-size:1.3rem;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.6}}.offer{flex-wrap:wrap;gap:14px;display:flex}.card{border:2px solid var(--tier);box-shadow:0 0 22px color-mix(in srgb, var(--tier) 45%, transparent);background:linear-gradient(#1f2a40,#121826);border-radius:10px;flex-direction:column;flex:200px;align-items:center;gap:10px;padding:16px;animation:.5s ease-out both appear;display:flex}.card img{border:1px solid var(--tier);border-radius:6px;width:132px}.card h3{text-align:center;font-size:1.2rem}.price{color:var(--gold-2);font-size:1.2rem;font-weight:700}.coin{background:radial-gradient(circle at 35% 35%,#fff2b8,#d9a441 60%,#8a5d12);border-radius:50%;width:.8em;height:.8em;margin-right:6px;display:inline-block}.tier0{--tier:var(--tier0)}.tier1{--tier:var(--tier1)}.tier2{--tier:var(--tier2)}.tier3{--tier:var(--tier3)}@keyframes appear{0%{opacity:0;transform:translateY(14px)scale(.95)}to{opacity:1;transform:none}}.done{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.done .total{color:var(--muted)}.done .total b{color:var(--gold-2)}.overlay{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#05070bc7;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--gold);background:linear-gradient(180deg, var(--bg-2), var(--bg-1));border-radius:10px;flex-direction:column;gap:12px;width:100%;max-width:520px;max-height:88vh;padding:20px;display:flex;overflow-y:auto;box-shadow:0 0 40px #d9a44140}.modal h3{color:var(--gold-2);font-size:1.4rem}.modal .note{margin:0}.modal-head{align-items:center;gap:14px;display:flex}.modal-img{border:1px solid var(--gold);border-radius:6px;width:96px}.stats{color:var(--text);margin:0;padding-left:18px}.ability{background:var(--bg-0);border:1px solid var(--line);border-radius:6px;padding:10px 12px}.ability strong{color:var(--gold-2)}.ability p{color:var(--muted);white-space:pre-line;margin:6px 0 0;font-size:.92rem}.seg{gap:8px;display:flex}.seg button{cursor:pointer;border:1px solid var(--line);background:var(--bg-1);color:var(--muted);border-radius:6px;flex:1;padding:8px;font-weight:700}.seg button.active{color:var(--gold-2);border-color:var(--gold);box-shadow:0 0 12px #d9a44140}.textarea{resize:vertical;border:1px solid var(--line);background:var(--bg-0);width:100%;color:var(--text);font:inherit;border-radius:6px;padding:10px 12px}.footer{text-align:center;color:var(--muted);margin-top:auto;padding-top:16px;font-size:.8rem}.footer p{margin:8px 0 0}.linklike{cursor:pointer;color:var(--gold-2);background:0 0;border:0;padding:0;font-size:.9rem;text-decoration:underline}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.progress-label{color:var(--muted);margin-top:6px;font-size:.85rem}.tag{border:1px solid var(--gold);color:var(--gold-2);letter-spacing:.06em;text-transform:uppercase;border-radius:12px;align-self:flex-start;padding:2px 10px;font-size:.75rem;font-weight:700}.sub-label{color:var(--muted);margin-top:-6px;font-size:.8rem}.upg{background:var(--bg-0);border:1px solid var(--line);width:100%;color:var(--text);border-radius:6px;padding:8px 10px;font-size:.85rem}.upg.dim{color:var(--muted);border-style:dashed}