:root{--bg: #0b0b16;--panel: #171728;--text: #f4f1ea;--muted: #a9a6b8;--gold: #ffd34d;--red: #d4141d;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:radial-gradient(circle at 50% 0%,#1d1840 0%,var(--bg) 60%);overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}.screen{height:100%;overflow-y:auto;padding:24px clamp(16px,5vw,64px);display:flex;flex-direction:column;align-items:center;gap:16px}.title{margin:8px 0 0;font-size:clamp(22px,4vw,36px);letter-spacing:.02em}.title.small{font-size:20px;margin-top:12px}.muted{color:var(--muted)}.col{display:flex;flex-direction:column;gap:10px;min-width:min(320px,90vw)}.row-btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.btn{background:var(--panel);border:2px solid #3a3a5c;border-radius:12px;padding:12px 20px;font-weight:700;transition:transform .08s,border-color .12s}.btn:hover:not(:disabled){border-color:var(--gold);transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:linear-gradient(180deg,#ffd34d,#e8a512);color:#1a1200;border-color:#fff3b0}.btn.big{font-size:20px;padding:14px 30px}.btn.back{align-self:flex-start}.btn em{font-style:normal;color:var(--gold);margin-left:8px}.menu{justify-content:center;text-align:center}.logo h1{margin:6px 0;font-size:clamp(40px,9vw,92px);line-height:.95;color:var(--gold);text-shadow:4px 4px 0 #b3121b,8px 8px 0 #0b0b16;letter-spacing:.02em}.logo{position:relative}.logo small{color:var(--muted);text-transform:uppercase;letter-spacing:.2em}.logo>span{color:#ff8a8a;font-weight:700;letter-spacing:.3em;text-transform:uppercase}.disclaimer{max-width:560px;font-size:12px;color:var(--muted)}.char-cards{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.char-card{width:min(300px,92vw);border:3px solid transparent;border-radius:18px;padding:16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 10px 30px #0008;transition:transform .15s,border-color .15s}.char-card:hover{transform:translateY(-4px)}.char-card.sel{border-color:var(--gold);transform:translateY(-6px) scale(1.02);box-shadow:0 0 0 4px #ffd34d44,0 14px 40px #000a}.char-card h3{margin:4px 0 0;font-size:28px}.char-card .sub{font-weight:700;opacity:.9}.char-card .party{align-self:flex-end;background:#000a;padding:3px 10px;border-radius:999px;font-weight:800}.char-card p{font-size:13px;opacity:.9;margin:6px 0}.char-card ul{list-style:none;padding:0;margin:0;text-align:left;font-size:13px;width:100%}.char-card li{padding:2px 0}.portrait{animation:bob 1.4s ease-in-out infinite;filter:drop-shadow(0 6px 6px #0008)}@keyframes bob{50%{transform:translateY(-6px) rotate(1.5deg)}}.arena-cards{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.arena-card{width:min(260px,92vw);background:var(--panel);border:3px solid #3a3a5c;border-radius:14px;padding:12px;text-align:left;display:flex;flex-direction:column;gap:4px}.arena-card span{font-size:12px;color:var(--muted)}.arena-card.sel{background:#26264a}.list{width:min(720px,100%);display:flex;flex-direction:column;gap:8px}.list h3{margin:8px 0 0}.row{display:flex;align-items:center;gap:12px;background:var(--panel);border-radius:12px;padding:10px 14px}.row.locked{opacity:.55}.row .icon{font-size:26px}.row .grow,.row input[type=range]{flex:1}.two-col{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;width:100%}.two-col .list{flex:1 1 340px}.result h1{margin:0;text-align:center;font-size:clamp(28px,6vw,56px)}.result.win h1{color:var(--gold)}.result.lose h1{color:#ff6b6b}.stats{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.stats div{background:var(--panel);border-radius:12px;padding:12px 18px;min-width:100px;text-align:center}.stats b{display:block;font-size:26px}.stats span{font-size:12px;color:var(--muted)}.game-root{position:relative;width:100%;height:100%;overflow:hidden}.game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.game-canvas canvas{display:block}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;font-weight:800;--panel: linear-gradient(180deg, #232a4a 0%, #121528 100%);--edge: #4b5688}.hud button{pointer-events:auto}.xp-top{position:absolute;top:0;left:0;right:0;height:18px;background:#0b0d1ccc;border-bottom:2px solid #000;overflow:hidden}.xp-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,#ffd35a,#f08a1c);box-shadow:0 0 12px #ffb02e99;transition:width .12s linear}.xp-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ffffff66,transparent 55%)}.xp-label{position:absolute;right:14px;top:0;line-height:18px;font-size:12px;letter-spacing:.12em;color:#fff3c9;text-shadow:0 1px 2px #000,0 0 6px #000}.hud-top{position:absolute;top:24px;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;padding:0 14px;gap:12px}.hero{display:flex;gap:10px;align-items:center;background:var(--panel);border:2px solid var(--edge);border-radius:16px;padding:6px 14px 6px 6px;box-shadow:0 6px 16px #0009,inset 0 1px #fff2}.avatar{width:58px;height:58px;border-radius:12px;border:3px solid;overflow:hidden;background:#0c0e1c;display:grid;place-items:end center;flex:none}.avatar .portrait,.avatar .portrait-img{animation:none;filter:none;width:100%;height:auto;margin-bottom:-6px}.hero-bars{display:flex;flex-direction:column;gap:4px;min-width:210px}.hero-name{font-size:15px;text-shadow:0 2px 2px #000}.hero-name small{opacity:.7;font-size:11px;margin-left:6px}.hp{display:flex;align-items:center;gap:8px}.heart{color:#ff4a5e;font-size:22px;line-height:1;filter:drop-shadow(0 0 5px #ff2a44aa)}.hp.low .heart{animation:beat .55s infinite}@keyframes beat{50%{transform:scale(1.3)}}.hp-track{position:relative;flex:1;height:16px;background:#0a0b14;border:2px solid #000;border-radius:9px;overflow:hidden}.hp-track i{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,#ff7a86,#e11d3a 55%,#9b0f26);transition:width .1s linear}.hp.low .hp-track i{background:linear-gradient(180deg,#ffb0b8,#ff3b4f 60%,#b3122b)}.hp-track:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0 17px,#0006 17px 19px),linear-gradient(180deg,#ffffff40,transparent 50%)}.hp b{font-size:13px;text-shadow:0 1px 2px #000;min-width:62px;text-align:right}.hp b small{opacity:.65;font-size:11px}.clock-wrap{position:absolute;left:50%;transform:translate(-50%);top:0}.clock{background:var(--panel);border:2px solid var(--edge);border-radius:14px;padding:2px 18px;font-size:30px;letter-spacing:.04em;font-variant-numeric:tabular-nums;text-shadow:0 2px 3px #000;box-shadow:0 6px 14px #0009}.right{display:flex;gap:10px;align-items:center}.kills{background:var(--panel);border:2px solid var(--edge);border-radius:12px;padding:6px 12px;font-size:16px;text-shadow:0 2px 2px #000}.kills span{color:#ff8a8a}.pause-btn{background:var(--panel);border:2px solid var(--edge);border-radius:12px;width:42px;height:42px;font-weight:900;box-shadow:0 6px 14px #0009}.pause-btn:hover{border-color:var(--gold)}.boss-bar{position:absolute;top:96px;left:50%;transform:translate(-50%);width:min(560px,80vw);text-align:center;text-shadow:0 2px 4px #000}.boss-bar b{font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:#ffd0d0}.boss-track{margin-top:4px;height:18px;background:#0a0b14;border:2px solid #000;border-radius:10px;overflow:hidden;box-shadow:0 0 18px #a24bff66}.boss-track i{display:block;height:100%;background:linear-gradient(180deg,#d9a0ff,#8a2be2 55%,#4c1590);transition:width .1s linear}.banner{position:absolute;top:26%;left:0;right:0;text-align:center;font-size:clamp(26px,5vw,54px);font-weight:900;color:var(--gold);text-shadow:0 4px 0 #b3121b,0 0 24px #000;animation:pop .35s ease-out}@keyframes pop{0%{transform:scale(.6);opacity:0}}.loadout{position:absolute;top:84px;right:14px;display:flex;flex-direction:column;gap:6px;align-items:flex-end;max-width:48vw}.grid{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.slot{position:relative;width:46px;height:58px;background:var(--panel);border:2px solid var(--edge);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 4px 8px #0008}.slot.passive{border-color:#3f8fb0}.slot.evolved{border-color:var(--gold);box-shadow:0 0 12px #ffd34d99,0 4px 8px #0008}.ico{display:block;line-height:1}.ico.emoji{filter:drop-shadow(0 1px 1px #000)}.pips{display:grid;grid-template-columns:repeat(5,4px);gap:2px;justify-content:center;max-width:100%}.pips i{width:4px;height:4px;border-radius:50%;background:#fff3}.pips i.on{background:#ffd34d;box-shadow:0 0 4px #ffb02e}.special-btn{position:absolute;right:16px;bottom:16px;width:112px;height:112px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#2d3560,#0c0f20 70%);border:4px solid var(--edge);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px;box-shadow:0 8px 20px #000a}.special-btn .fill{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,#ffd34d55,#ff9a1f55)}.special-btn b,.special-btn small{position:relative}.special-btn b{font-size:12px;line-height:1.1;text-shadow:0 1px 2px #000}.special-btn small{font-size:10px;color:var(--muted)}.special-btn.ready{border-color:var(--gold);box-shadow:0 0 22px #ffd34daa,0 8px 20px #000a;animation:pulse 1s infinite}@keyframes pulse{50%{transform:scale(1.06)}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 40%,#0a0c1acc,#000e);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;pointer-events:auto;padding:16px;overflow-y:auto}.overlay h2{margin:0;font-size:clamp(24px,4vw,42px);color:var(--gold);text-align:center;text-shadow:0 4px 0 #b3121b,0 0 24px #000}.cards{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.ucard{position:relative;width:min(240px,85vw);min-height:300px;background:var(--panel);border:4px solid #777;border-radius:18px;padding:18px 14px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;transition:transform .12s,box-shadow .12s;box-shadow:0 10px 26px #000a;animation:dealt .3s ease-out backwards}.ucard:nth-child(2){animation-delay:.07s}.ucard:nth-child(3){animation-delay:.14s}@keyframes dealt{0%{transform:translateY(40px) scale(.85);opacity:0}}.ucard:hover{transform:translateY(-8px) scale(1.04)}.ucard .icon{display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:radial-gradient(circle,#fff2,#0005)}.ucard p{margin:0;font-size:13px;color:var(--muted);font-weight:600}.ucard em{font-style:normal;font-size:12px;color:var(--gold);margin-top:auto}.ucard .key{position:absolute;top:8px;left:12px;font-weight:900;opacity:.7}.ucard .rar{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.r-comum{border-color:#8a8a96}.r-incomum{border-color:#3fbf5f;box-shadow:0 0 18px #3fbf5f55,0 10px 26px #000a}.r-incomum .rar{color:#3fbf5f}.r-rara{border-color:#3d8bff;box-shadow:0 0 20px #3d8bff66,0 10px 26px #000a}.r-rara .rar{color:#3d8bff}.r-epica{border-color:#a24bff;box-shadow:0 0 22px #a24bff77,0 10px 26px #000a}.r-epica .rar{color:#a24bff}.r-lendaria{border-color:#ffd34d;box-shadow:0 0 30px #ffd34daa,0 10px 26px #000a}.r-lendaria .rar{color:#ffd34d}@media(max-width:640px){.clock{font-size:20px;padding:0 10px}.hero-bars{min-width:130px}.special-btn{width:92px;height:92px}.loadout{top:76px}.cards{gap:8px}}.char-cards{gap:22px;padding-top:70px}.char-card{width:min(320px,92vw);padding:0;overflow:visible;position:relative;border-radius:22px;justify-content:flex-start;align-items:stretch;gap:0}.char-card .party{position:absolute;top:12px;right:12px;z-index:3}.char-card .art{position:relative;height:250px;pointer-events:none}.char-card .art .portrait-img{position:absolute;left:50%;top:-72px;transform:translate(-50%);max-width:none;filter:drop-shadow(0 14px 14px #000b);transition:transform .25s}.char-card:hover .art .portrait-img,.char-card.sel .art .portrait-img{transform:translate(-50%) scale(1.04)}.char-card .art .portrait{display:block;margin:40px auto 0}.char-card .info{position:relative;margin-top:-60px;padding:70px 18px 18px;border-radius:0 0 20px 20px;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.55) 32%,rgba(0,0,0,.62) 100%)}.char-card h3{font-size:34px;letter-spacing:.01em;text-shadow:0 3px 4px #000a}.char-card ul li{display:flex;gap:6px;align-items:center}.char-card .ico{display:inline-block}.portrait-img,.avatar{display:block}.avatar-img{width:100%;height:100%;background-size:175% auto;background-position:46% 4%;background-repeat:no-repeat}.char-card .info{flex:1;display:flex;flex-direction:column;justify-content:flex-end}.group{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.group h4{margin:8px 0 2px;color:var(--gold);font-size:14px;text-transform:uppercase;letter-spacing:.08em}.row small{opacity:.6;text-transform:uppercase;font-size:10px;letter-spacing:.08em}.diag-panel{position:absolute;left:14px;top:100px;background:#000b;border:1px solid #fff3;border-radius:8px;padding:6px 10px;font:600 11px/1.45 ui-monospace,monospace;color:#dfe3ff;pointer-events:none}.notice{max-width:640px;background:#3a1f1f;border:2px solid #ff6b6b;border-radius:12px;padding:12px 16px;text-align:center;font-size:14px}.notice .row-btns{margin-top:10px}.arena-card.locked{opacity:.65;filter:grayscale(.5)}.arena-card b em{font-style:normal;color:var(--gold);font-size:12px;margin-left:6px}.chip-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.chip{width:min(250px,92vw);background:var(--panel);border:3px solid #3a3a5c;border-radius:12px;padding:8px 12px;text-align:left;display:flex;flex-direction:column;gap:2px}.chip span{font-size:12px;color:var(--muted)}.chip.sel{border-color:var(--gold);background:#26264a}.hint{position:absolute;left:50%;bottom:150px;transform:translate(-50%);max-width:min(560px,86vw);background:#0b0d1cdd;border:2px solid var(--gold);border-radius:14px;padding:10px 16px;font-size:15px;text-align:center;box-shadow:0 8px 20px #000a;animation:pop .3s ease-out;pointer-events:none}.event-chip{position:absolute;left:50%;top:66px;transform:translate(-50%);padding:4px 14px;border-radius:999px;font-size:13px;font-weight:800;letter-spacing:.04em;box-shadow:0 4px 12px #000a}.event-chip.good{background:#14532d;border:2px solid #4ade80}.event-chip.bad{background:#5b1620;border:2px solid #ff6b6b}html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}.game-root,.hud{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.rotate-hint{display:none;position:absolute;left:50%;top:170px;transform:translate(-50%);max-width:80vw;text-align:center;background:#000c;border:1px solid #fff4;border-radius:12px;padding:8px 14px;font-size:13px;pointer-events:none;animation:fadeout 8s forwards}@keyframes fadeout{0%,75%{opacity:1}to{opacity:0;visibility:hidden}}@media(orientation:portrait)and (pointer:coarse){.rotate-hint{display:block}}@media(pointer:coarse){.btn{min-height:46px}.pause-btn{width:50px;height:50px}.special-btn{width:124px;height:124px}.ucard,.chip,.arena-card,.char-card{touch-action:manipulation}}@media(max-height:520px){.screen{padding:10px clamp(10px,3vw,28px);gap:8px}.title{font-size:20px;margin-top:2px}.title.small{font-size:15px;margin-top:4px}.logo h1{font-size:clamp(34px,11vh,56px)}.logo small{font-size:10px}.col{gap:6px}.btn{padding:8px 16px}.btn.big{font-size:17px;padding:10px 22px}.char-cards{padding-top:52px;gap:12px}.char-card{width:min(250px,30vw)}.char-card .art{height:150px}.char-card .art .portrait-img{top:-52px;height:300px!important}.char-card .info{padding:56px 10px 10px}.char-card h3{font-size:22px}.char-card p,.char-card ul{font-size:11px}.arena-card{width:min(220px,30vw);padding:8px 10px}.chip{width:min(220px,30vw);padding:6px 10px}.hud-top{top:22px}.hero{padding:4px 10px 4px 4px}.avatar{width:44px;height:44px}.hero-bars{min-width:150px}.clock{font-size:22px;padding:0 12px}.loadout{top:64px}.slot{width:38px;height:42px}.boss-bar{top:70px}.hint{bottom:20px;font-size:13px}.overlay{gap:10px;padding:14px 8px 8px;justify-content:flex-start}.overlay h2{font-size:20px}.ucard{min-height:0;width:min(210px,30vw);padding:10px 8px;gap:4px}.ucard .icon{width:60px;height:60px}.ucard p{font-size:11px}.special-btn{width:96px;height:96px;right:10px;bottom:10px}.banner{top:18%;font-size:clamp(20px,6vh,34px)}}.char-detail{display:none;width:min(560px,100%);border-radius:16px;padding:12px 16px;text-align:left;border:2px solid #ffffff22}.char-detail h3{margin:0;font-size:26px}.char-detail h3 small{font-size:13px;background:#000a;padding:2px 10px;border-radius:999px;margin-left:8px;vertical-align:middle}.char-detail .sub{font-weight:700;opacity:.9}.char-detail p{font-size:13px;margin:6px 0;opacity:.92}.char-detail ul{list-style:none;padding:0;margin:0;font-size:13px}.char-detail li{display:flex;gap:6px;align-items:center;padding:2px 0}@media(max-width:640px),(max-height:520px){.char-cards{flex-wrap:nowrap;gap:8px;padding-top:6px;width:100%;justify-content:center}.char-card{flex:1 1 0;width:auto;max-width:220px;min-width:0;padding:0;overflow:hidden;border-width:3px}.char-card:hover,.char-card.sel{transform:none}.char-card .party{top:6px;right:6px;font-size:11px;padding:2px 8px}.char-card .art{height:clamp(120px,24vh,190px);overflow:hidden}.char-card .art .portrait-img{position:static;transform:none!important;width:100%!important;height:100%!important;object-fit:cover;object-position:50% 8%;filter:none}.char-card .art .portrait{margin:20px auto 0}.char-card .info{margin-top:0;padding:6px 6px 10px;background:#0007;flex:0}.char-card h3{font-size:18px;margin:0}.char-card .sub,.char-card p,.char-card ul{display:none}.char-detail{display:block}.arena-cards,.chip-row{width:100%}.arena-card,.chip{width:100%;max-width:560px}}@media(max-width:640px)and (orientation:portrait){.char-card .info{padding:4px 2px 8px}.char-card h3{font-size:16px}.screen{padding-left:12px;padding-right:12px}}@media(max-height:520px){.char-card .art{height:clamp(84px,30vh,120px)}.char-card{max-width:190px}.arena-cards,.chip-row{display:grid;grid-template-columns:repeat(3,1fr)}.arena-card,.chip{max-width:none}.start-bar{padding-top:4px;padding-bottom:4px}.start-bar .btn.big{font-size:15px;padding:6px 20px;min-height:38px}}@media(max-width:640px)and (orientation:portrait){.overlay{justify-content:flex-start;padding-top:28px}.cards{flex-direction:column;flex-wrap:nowrap;width:100%;gap:10px}.ucard{width:100%;min-height:0;display:grid;grid-template-columns:72px 1fr;grid-template-areas:"icon rar" "icon title" "icon desc" "icon eff";column-gap:12px;row-gap:2px;text-align:left;align-items:center;padding:12px 14px}.ucard .icon{grid-area:icon;width:64px;height:64px;font-size:30px}.ucard strong{grid-area:title;font-size:17px}.ucard p{grid-area:desc;font-size:13px}.ucard em{grid-area:eff;margin-top:2px}.ucard .rar{grid-area:rar;position:static;font-size:10px}.ucard .key{top:8px;left:10px}}.select-screen{padding:0;gap:0;overflow:hidden;align-items:stretch}.select-head{display:flex;align-items:center;gap:16px;padding:16px clamp(16px,4vw,48px) 0}.select-head .title{margin:0;flex:1;text-align:center;padding-right:110px}.select-body{flex:1;overflow-y:auto;padding:92px clamp(16px,4vw,48px) 20px;display:flex;flex-direction:column;align-items:center;gap:22px}.select-body .char-cards{padding-top:0}.opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:min(1100px,100%)}.opts section{display:flex;flex-direction:column;gap:8px;min-width:0}.opts .title.small{margin:0;text-align:left;font-size:15px;text-transform:uppercase;letter-spacing:.08em;color:var(--gold)}.opts .arena-cards,.opts .chip-row{flex-direction:column;flex-wrap:nowrap;gap:8px;justify-content:flex-start}.opts .arena-card,.opts .chip{width:100%;max-width:none}.start-bar{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;padding:12px clamp(16px,4vw,48px) calc(12px + env(safe-area-inset-bottom));background:#0b0b16;border-top:1px solid #ffffff22;box-shadow:0 -10px 24px #000a}.start-summary{font-size:14px;color:var(--muted)}.start-summary b{color:var(--text, #fff)}@media(max-width:760px){.select-head .title{padding-right:0;font-size:20px}.opts{grid-template-columns:1fr;gap:14px}.start-summary{display:none}}@media(max-height:520px){.select-head{padding-top:8px}.select-head .title{font-size:16px;padding-right:90px}.select-body{padding-top:58px;gap:12px}.opts{gap:10px}.opts .arena-card,.opts .chip{padding:6px 10px}.start-bar{padding-top:6px;padding-bottom:6px}.start-summary{display:none}}.loadout{pointer-events:auto}.loadout-toggle{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:4px;max-width:min(300px,48vw);background:#0b0d1ccc;border:2px solid var(--edge);border-radius:12px;padding:4px 8px;color:inherit;font-weight:800;font-size:14px;cursor:pointer}.loadout-toggle:hover{border-color:var(--gold)}.loadout-toggle .mini{display:inline-flex;align-items:center;gap:1px;font-size:11px}.loadout-toggle .mini b{opacity:.85}.loadout-toggle .chev{opacity:.7;margin-left:2px}.loadout-panel{display:flex;flex-direction:column;gap:6px;align-items:flex-end;margin-top:6px;background:#05060fd9;border:1px solid #ffffff22;border-radius:12px;padding:8px;max-width:48vw}.cards{display:grid;grid-template-columns:repeat(3,var(--card-w));grid-auto-rows:1fr;gap:18px;justify-content:center;--card-w: 240px;--card-h: 330px}.ucard{width:var(--card-w);height:auto;min-height:var(--card-h);overflow:visible}.ucard strong{overflow-wrap:anywhere;line-height:1.15}.ucard p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.ucard em{overflow-wrap:anywhere;text-align:center;line-height:1.2}@media(max-height:520px){.cards{--card-w: min(210px, 30vw);--card-h: min(250px, 66vh);gap:10px}}@media(max-width:640px)and (orientation:portrait){.cards{grid-template-columns:1fr;grid-auto-rows:1fr;--card-w: 100%;--card-h: 118px;gap:10px;width:100%}.ucard p{-webkit-line-clamp:3}}@media(max-width:900px)and (min-width:641px){.cards{--card-w: min(210px, 29vw);--card-h: 300px;gap:10px}}.menu{background-size:cover;background-position:center;background-repeat:no-repeat}.logo h1{display:flex;flex-direction:column;align-items:center;animation:logoGlow 3.6s ease-in-out 1.4s infinite}.tline{position:relative;display:inline-block;white-space:nowrap}.tl{display:inline-block;animation:letterIn .7s cubic-bezier(.2,1.6,.4,1) both;animation-delay:calc(var(--i) * 55ms)}.tline:after{content:attr(data-t);position:absolute;top:0;right:0;bottom:0;left:0;color:transparent;text-shadow:none;background:linear-gradient(105deg,transparent 38%,#fffbe0 48%,#fff 50%,#fffbe0 52%,transparent 62%) 0 0 / 250% 100% no-repeat;-webkit-background-clip:text;background-clip:text;animation:shine 4.2s ease-in-out 1.6s infinite;pointer-events:none}.tline:nth-child(2):after{animation-delay:2.1s}.logo>span{animation:subIn 1.1s ease-out 1.1s both}.logo small{animation:subIn 1s ease-out .2s both}.sparks{position:absolute;top:-20px;right:-10%;bottom:0;left:-10%;pointer-events:none;overflow:visible}.sparks i{position:absolute;bottom:20%;left:var(--x);width:5px;height:5px;border-radius:50%;background:#ffd34d;box-shadow:0 0 8px 2px #ffb02e;opacity:0;animation:spark var(--d) ease-out var(--w) infinite}.sparks i:nth-child(3n){background:#ff5a5a;box-shadow:0 0 8px 2px #ff2d2d;width:4px;height:4px}@keyframes letterIn{0%{opacity:0;transform:translateY(-40px) scale(1.5) rotate(-6deg)}to{opacity:1;transform:none}}@keyframes shine{0%,55%{background-position:150% 0}to{background-position:-50% 0}}@keyframes logoGlow{0%,to{filter:drop-shadow(0 0 6px #ffb02e55)}50%{filter:drop-shadow(0 0 22px #ffb02eaa)}}@keyframes subIn{0%{opacity:0;letter-spacing:.9em}to{opacity:1}}@keyframes spark{0%{opacity:0;transform:translateY(0) scale(.6)}15%{opacity:1}to{opacity:0;transform:translateY(-160px) translate(20px) scale(1.1)}}@media(prefers-reduced-motion:reduce){.logo h1,.tl,.tline:after,.logo>span,.logo small,.sparks i{animation:none!important}.sparks{display:none}}.ranking{padding:0;gap:0;overflow:hidden;align-items:stretch}.rk-head{display:flex;align-items:center;gap:16px;padding:16px clamp(16px,4vw,48px) 8px}.rk-head .title{margin:0;flex:1;text-align:center;padding-right:110px}.rk-body{flex:1;overflow-y:auto;padding:8px clamp(16px,4vw,48px) 24px;width:min(900px,100%);margin:0 auto;display:flex;flex-direction:column;gap:14px}.rk-nick{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;background:var(--panel);border:2px solid #3a3a5c;border-radius:14px;padding:12px 14px}.rk-nick label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted);flex:1 1 220px}.rk-nick input{background:#0b0b16;color:inherit;border:2px solid #3a3a5c;border-radius:10px;padding:10px 12px;font-size:16px}.rk-nick input:focus{outline:none;border-color:var(--gold)}.rk-nick small{flex-basis:100%}.rk-msg.ok{color:#6ee7a0}.rk-msg.err{color:#ff8a8a}.rk-filters{display:flex;flex-direction:column;gap:8px}.rk-chips{display:flex;flex-wrap:wrap;gap:6px}.rk-chip{background:var(--panel);border:2px solid #3a3a5c;border-radius:999px;padding:6px 14px;font-weight:700;font-size:14px;color:inherit;cursor:pointer}.rk-chip.sel{border-color:var(--gold);background:#26264a}.rk-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.rk-row{display:grid;grid-template-columns:44px 1fr auto auto 28px;grid-template-areas:"pos nick char score rep" "pos meta meta meta rep";align-items:center;column-gap:10px;background:var(--panel);border:2px solid #2a2a45;border-radius:12px;padding:8px 12px}.rk-row.me{border-color:var(--gold);background:#26264a}.rk-pos{grid-area:pos;font-weight:900;font-size:18px;text-align:center}.rk-nick-name{grid-area:nick;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rk-char{grid-area:char;font-size:12px;font-weight:800;padding:2px 8px;border-radius:999px;background:#000a}.rk-char.c-lula{color:#ff8a8a}.rk-char.c-flavio{color:#7db7ff}.rk-char.c-renan{color:#ffd34d}.rk-score{grid-area:score;text-align:right}.rk-meta{grid-area:meta;font-size:12px;color:var(--muted)}.rk-report{grid-area:rep;background:none;border:none;color:var(--muted);cursor:pointer;font-size:16px;opacity:.6}.rk-report:hover:not(:disabled){opacity:1;color:#ff8a8a}.rk-me{text-align:center;font-size:15px}.rk-how{font-size:13px;color:var(--muted)}.rank-result{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;background:#14143a;border:2px solid var(--gold);border-radius:12px;padding:8px 14px;max-width:640px}@media(max-width:640px){.rk-head .title{padding-right:0;font-size:20px}.rk-row{grid-template-columns:38px 1fr 24px;grid-template-areas:"pos nick rep" "pos char score" "pos meta meta";row-gap:2px}.rk-score{text-align:left}}