:root{--gold:#ffd400;--gold-2:#ffe95c;--gold-deep:#c79b00;--navy:#0e1b33;--navy-2:#16263f;--panel:#16253f;--panel-2:#1c2f52;--panel-3:#243a63;--line:#2b4170;--line-2:#3a558f;--text:#eaf1ff;--text-dim:#93a7c8;--text-faint:#5f7299;--danger:#ff5a6e;--ok:#3ddc84;--rarity-common:#9db4d0;--rarity-rare:#41c464;--rarity-super-rare:#3aa0ff;--rarity-epic:#b74df5;--rarity-mythic:#ff3d5a;--rarity-legendary:#ffb300;--rarity-chromatic:#ff6b8a;--font:"Baloo 2", ui-rounded, "Segoe UI", system-ui, sans-serif;--font-display:"Luckiest Guy", "Baloo 2", system-ui, sans-serif;--tabbar-h:3.4rem;font:15px/1.45 var(--font);letter-spacing:.1px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--navy);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1100px 520px at 50% -12%, #1a2f57 0%, transparent 62%), radial-gradient(700px 400px at 110% 110%, #12304a 0%, transparent 60%), var(--navy);background-attachment:fixed;min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--text);margin:0}a{color:var(--gold)}button{font-family:inherit}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{border:2px solid var(--navy);background:#2c4170;border-radius:6px}::-webkit-scrollbar-track{background:0 0}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}@media (width<=640px){:root{font-size:14.5px}}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{z-index:20;border-bottom:3px solid var(--gold);background:linear-gradient(#1a2c50 0%,#0e1b33 100%);padding:.55rem .9rem;position:sticky;top:0;box-shadow:0 4px 16px #0006}.app-title{align-items:center;gap:.5rem;display:flex}.app-title .logo{background:radial-gradient(circle at 50% 38%,#ffe95c 0%,#ffd400 42%,#c79b00 100%);border:2px solid #8a6d00;border-radius:8px;flex-shrink:0;width:30px;height:30px;position:relative;box-shadow:inset 0 1px #ffffff80,0 2px #00000059}.app-title .logo:after{content:"★";color:#7a5d00;justify-content:center;align-items:center;font-size:1.05rem;line-height:1;display:flex;position:absolute;inset:0;transform:translateY(-1px)}.app-title h1{font-family:var(--font-display);color:#fff;letter-spacing:.04em;text-shadow:0 2px #00000059;margin:0;font-size:1.25rem;font-weight:400;line-height:1}.app-title h1 .gold{color:var(--gold)}.app-title p{display:none}.tabbar{z-index:45;padding:.3rem .5rem calc(.3rem + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);border-top:2px solid var(--line);background:#091121eb;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 24px #00000073}.tabbar-btn{min-width:0;color:var(--text-dim);cursor:pointer;letter-spacing:.02em;background:0 0;border:none;border-radius:11px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:.16rem;padding:.25rem .15rem;font-family:inherit;font-size:.6rem;font-weight:800;line-height:1;transition:color .13s,background .13s;display:flex}.tabbar-btn:hover{color:var(--text)}.tabbar-btn.active{color:var(--gold);background:#ffd40017}.tabbar-btn.active .tabbar-icon{filter:drop-shadow(0 0 4px #ffd40073)}.tabbar-icon{width:23px;height:23px;display:block}@media (width>=640px){.tabbar{border:2px solid var(--line-2);border-bottom:none;border-radius:16px 16px 0 0;width:min(620px,100%);left:50%;right:auto;transform:translate(-50%)}}.more-backdrop{z-index:60;-webkit-backdrop-filter:blur(2px);background:#0408128c;align-items:flex-end;display:flex;position:fixed;inset:0}.more-sheet{width:100%;max-width:560px;padding:.6rem .7rem calc(.6rem + env(safe-area-inset-bottom) + var(--tabbar-h));border-top:2px solid var(--line-2);background:linear-gradient(#1c2f52 0%,#101c36 100%);border-radius:16px 16px 0 0;margin:0 auto;animation:.18s ease-out sheet-up;box-shadow:0 -12px 40px #00000080}@keyframes sheet-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.more-sheet-handle{background:#ffffff40;border-radius:99px;width:40px;height:4px;margin:0 auto .6rem}.more-sheet-title{color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;text-align:center;margin:0 0 .4rem;font-size:.7rem;font-weight:800}.more-item{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-top:1px solid #2b417099;align-items:center;gap:.75rem;padding:.7rem .6rem;font-family:inherit;font-size:.92rem;font-weight:700;display:flex}.more-item:first-of-type{border-top:none}.more-item:hover,.more-item.active{color:var(--gold)}.more-item-icon{width:22px;height:22px;color:var(--gold);flex-shrink:0}.more-item-check{color:var(--gold);margin-left:auto;font-weight:800}.app-main{width:100%;max-width:1100px;padding:.9rem .8rem calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 1.2rem);flex:1;margin:0 auto}.app-footer{text-align:center;color:var(--text-faint);border-top:1px solid #1d2c4d;padding:1rem;font-size:.72rem}.toolbar{align-items:center;gap:.5rem;margin-bottom:.8rem;display:flex}.toolbar input,.toolbar select{background:var(--navy-2);border:2px solid var(--line);color:var(--text);min-width:0;accent-color:var(--gold);border-radius:9px;flex:auto;padding:.45rem .7rem;font-size:.9rem;font-weight:600}.toolbar input:focus,.toolbar select:focus{border-color:var(--gold);outline:none}.toolbar button{flex-shrink:0}.count{color:var(--text-dim);white-space:nowrap;font-size:.78rem;font-weight:600}.error{color:#ffd5da;background:#ff5a6e1f;border:2px solid #ff5a6e73;border-radius:9px;margin-bottom:.7rem;padding:.55rem .8rem;font-size:.85rem}.btn,.ghost-btn,.back-btn{cursor:pointer;border:2px solid var(--line);background:var(--panel-2);color:#dbe6ff;border-radius:9px;padding:.42rem .9rem;font-size:.85rem;font-weight:700;line-height:1.2;transition:all .13s}.btn:hover,.ghost-btn:hover,.back-btn:hover{background:var(--panel-3);border-color:var(--line-2)}.btn:disabled,.ghost-btn:disabled{opacity:.45;cursor:default}.btn-primary{background:linear-gradient(180deg, var(--gold-2), var(--gold));border-color:var(--gold-deep);color:#1e2a00;box-shadow:0 2px 0 var(--gold-deep);padding:.5rem 1.1rem;font-size:.95rem}.btn-primary:hover{filter:brightness(1.05);border-color:var(--gold-deep);background:linear-gradient(180deg, var(--gold-2), var(--gold))}.grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.55rem;display:grid}.card{background:linear-gradient(180deg, var(--panel-2) 0%, var(--panel) 100%);border:2px solid var(--line);border-radius:13px;transition:transform .13s,border-color .13s;position:relative;overflow:hidden;box-shadow:0 2px #00000047,inset 0 1px #ffffff0d}.card:hover{border-color:var(--gold);transform:translateY(-1px)}.card-icon{aspect-ratio:1;object-fit:cover;background:radial-gradient(circle at 50% 35%,#24406b 0%,#0f1c33 100%);width:100%;display:block}.card-body{padding:.45rem .6rem .6rem}.card-title{color:var(--text);margin:0 0 .35rem;font-size:.92rem;font-weight:700}.meta{flex-direction:column;gap:.15rem;display:flex}.meta-row{color:var(--text-dim);justify-content:space-between;font-size:.72rem;display:flex}.meta-row span:last-child{color:#dbe6ff;font-weight:700}.brawler-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:.5rem}.brawler-tile{--rarity:var(--line-2);background:linear-gradient(180deg, color-mix(in srgb, var(--rarity) 42%, var(--panel-2)) 0%, color-mix(in srgb, var(--rarity) 14%, var(--panel)) 100%);border:2px solid var(--line);cursor:pointer;color:inherit;text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:.15rem;padding:.35rem .25rem .4rem;font-family:inherit;transition:transform .12s,border-color .12s;display:flex;overflow:hidden;box-shadow:0 2px #00000040}.brawler-tile:hover{border-color:var(--gold);transform:translateY(-1px)}.brawler-tile-img{aspect-ratio:1;object-fit:cover;background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--rarity) 55%, #24406b) 0%, color-mix(in srgb, var(--rarity) 20%, #0f1c33) 100%);border-radius:8px;width:100%;display:block}.brawler-tile-name{color:var(--text);-webkit-line-clamp:1;-webkit-box-orient:vertical;max-width:100%;padding:0 .1rem;font-size:.72rem;font-weight:700;line-height:1.15;display:-webkit-box;overflow:hidden}.brawler-tile-rarity{text-transform:uppercase;letter-spacing:.05em;font-size:.55rem;font-weight:800;line-height:1}.brawler-tile-img-wrap{width:100%;position:relative}.tile-badge{color:#fff;background:#081020d9;border:1px solid #ffffff40;border-radius:5px;padding:.06rem .3rem;font-size:.55rem;font-weight:800;line-height:1.1;position:absolute;top:3px;right:3px}.tile-badge.power{color:var(--gold);border-color:#ffd40080;left:3px;right:auto}.tile-trophies{color:var(--gold);font-size:.68rem;font-weight:800;line-height:1.1}.profile{margin-top:.35rem}.profile-header{background:linear-gradient(180deg, var(--panel-2) 0%, var(--panel) 100%);border:2px solid var(--line);border-radius:13px;align-items:center;gap:.9rem;margin-bottom:.8rem;padding:.85rem;display:flex;box-shadow:0 2px #00000040}.avatar{border:3px solid var(--gold);background:var(--navy-2);object-fit:cover;border-radius:50%;flex-shrink:0;width:56px;height:56px}.player-name{color:var(--text);word-break:break-word;margin:0;font-size:1.25rem;font-weight:800;line-height:1.1}.player-tag,.player-club{color:var(--text-dim);margin:.1rem 0 0;font-size:.8rem}.trophy-count{text-align:center;flex-shrink:0;margin-left:auto}.trophy-num{color:var(--gold);text-shadow:0 2px #0000004d;font-size:1.45rem;font-weight:800;line-height:1;display:block}.trophy-count span:last-child{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;font-weight:700}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:.5rem;margin-bottom:.9rem;display:grid}.stat{background:linear-gradient(180deg, var(--panel-2) 0%, var(--panel) 100%);border:2px solid var(--line);border-radius:10px;flex-direction:column;gap:.05rem;padding:.42rem .6rem;display:flex}.stat-value{color:var(--text);font-size:1rem;font-weight:800;line-height:1.15}.stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.62rem;font-weight:700}.section-heading{color:var(--gold);letter-spacing:.02em;align-items:center;gap:.4rem;margin:1rem 0 .55rem;font-size:.95rem;font-weight:800;display:flex}.section-heading:before{content:"★";color:var(--gold);font-size:.8em}.rank-list{flex-direction:column;gap:.35rem;display:flex}.rank-row{background:linear-gradient(180deg, var(--panel-2) 0%, var(--panel) 100%);border:2px solid var(--line);cursor:pointer;width:100%;color:inherit;text-align:left;border-radius:10px;align-items:center;gap:.65rem;padding:.4rem .65rem;font-family:inherit;transition:border-color .12s,transform .12s;display:flex;box-shadow:0 2px #0003}.rank-row:hover{border-color:var(--gold);transform:translate(1px)}.rank-pos{text-align:center;width:1.6rem;color:var(--gold);flex-shrink:0;font-size:.9rem;font-weight:800}.rank-avatar{background:var(--navy-2);border:2px solid var(--line);object-fit:cover;border-radius:50%;flex-shrink:0;width:34px;height:34px}.rank-info{flex-direction:column;flex:1;min-width:0;display:flex}.rank-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:700;overflow:hidden}.rank-club{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.rank-trophies{color:var(--gold);flex-shrink:0;font-size:.85rem;font-weight:800}.event-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.55rem;display:grid}.event-card{flex-direction:column;display:flex}.event-map-wrap{background:0 0;border:none;width:100%;padding:0;font-family:inherit;display:block;position:relative}.event-map-wrap:not(:disabled){cursor:zoom-in}.event-map{aspect-ratio:16/10;object-fit:cover;background:var(--navy-2);width:100%;display:block}.event-map-missing{color:var(--text-faint);justify-content:center;align-items:center;font-size:.8rem;display:flex}.event-mode{object-fit:contain;filter:drop-shadow(0 1px 3px #000c);z-index:1;width:34px;height:34px;position:absolute;top:6px;left:6px}.event-map-name{color:var(--text);margin:.05rem 0;font-size:.85rem;font-weight:700}.event-time{color:var(--text-dim);align-items:baseline;gap:.3rem;margin:.2rem 0 0;font-size:.68rem;display:flex}.event-countdown{color:var(--gold);font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:800;line-height:1.1}.event-countdown-label{text-transform:uppercase;letter-spacing:.04em;font-weight:700}.map-zoom-hint{width:24px;height:24px;color:var(--gold);pointer-events:none;background:#0a101eb3;border-radius:6px;justify-content:center;align-items:center;font-size:.95rem;line-height:1;display:flex;position:absolute;bottom:6px;right:6px}.mode-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.mode-card{align-items:center;gap:.6rem;padding:.55rem .7rem;display:flex}.mode-icon{object-fit:contain;flex-shrink:0;width:34px;height:34px}.mode-icon-missing{color:var(--text-faint);text-align:center;justify-content:center;align-items:center;width:34px;height:34px;font-size:.7rem;display:flex}.mode-card .card-title{margin:0;font-size:.85rem}.back-btn{margin-bottom:.7rem}.detail-header{align-items:flex-start}.detail-portrait{border:3px solid var(--gold);background:var(--navy-2);object-fit:cover;border-radius:12px;flex-shrink:0;width:84px;height:84px}.detail-desc{color:#d7e2fa;max-width:640px;margin:.35rem 0 0;font-size:.82rem}.level-slider{align-items:center;gap:.7rem;max-width:480px;margin-bottom:.8rem;display:flex}.level-slider input{accent-color:var(--gold);flex:1}.level-label,.level-value{color:var(--text-dim);font-size:.85rem;font-weight:700}.level-value{color:var(--gold);text-align:center;min-width:1.5rem;font-size:1rem}.statbars{flex-direction:column;gap:.7rem;margin-bottom:.9rem;display:flex}.statbar{background:linear-gradient(180deg, var(--panel-2) 0%, var(--panel) 100%);border:2px solid var(--line);border-radius:10px;padding:.5rem .7rem .45rem}.statbar-head{justify-content:space-between;align-items:baseline;gap:.6rem;margin-bottom:.35rem;display:flex}.statbar-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;font-weight:700}.statbar-value{font-size:1rem;font-weight:800}.statbar-track{background:var(--navy-2);border:1px solid var(--line);border-radius:99px;height:8px;position:relative;overflow:visible}.statbar-fill{background:linear-gradient(90deg, var(--gold-deep) 0%, var(--gold) 100%);border-radius:99px;height:100%}.statbar-marker{background:var(--gold-2);border:2px solid var(--navy);border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%)}.statbar-median{background:#0f1c33eb;border:2px solid #9fc0ff;border-radius:50%;width:11px;height:11px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000059}.statbar-meta{color:var(--text-faint);flex-wrap:wrap;justify-content:space-between;gap:.2rem .5rem;margin-top:.3rem;font-size:.66rem;font-weight:700;display:flex}.statbar-median-label{color:#9fc0ff}.statbar-rank{color:var(--text-dim);align-items:center;gap:.35rem;margin-top:.18rem;font-size:.62rem;font-weight:700;display:flex}.statbar-rank-dot{background:var(--gold-2);border:1px solid var(--navy);border-radius:50%;flex-shrink:0;width:7px;height:7px}.statbar-rank-pct{color:var(--text-faint)}.skills{flex-direction:column;gap:.5rem;margin-bottom:.4rem;display:flex}.skill-row{background:linear-gradient(180deg, var(--panel-2) 0%, var(--panel) 100%);border:2px solid var(--line);border-radius:10px;align-items:center;gap:.7rem;padding:.5rem .7rem;display:flex}.skill-icon{background:var(--navy-2);object-fit:contain;border-radius:8px;flex-shrink:0;width:36px;height:36px}.skill-info{flex-direction:column;display:flex}.skill-name{color:var(--text);font-weight:700}.skill-damage{color:var(--text-dim);font-size:.78rem}.items-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.55rem;display:grid}.item-card{align-items:flex-start;gap:.6rem;padding:.55rem .65rem;display:flex}.item-pick{border-color:var(--gold);box-shadow:inset 0 0 0 1px #ffd40059}.pick-badge{text-transform:uppercase;letter-spacing:.05em;color:#1e2a00;background:linear-gradient(180deg, var(--gold-2), var(--gold));vertical-align:1px;white-space:nowrap;border-radius:99px;margin-left:.4rem;padding:.05rem .4rem;font-size:.58rem;font-weight:800}.item-rate{color:var(--text-faint);margin-top:.1rem;font-size:.66rem;font-weight:700}.item-buffie{color:#dccbff;margin-top:.35rem;font-size:.72rem;line-height:1.35;display:block}.buffie-tag{text-transform:uppercase;letter-spacing:.05em;color:#f0e6ff;background:#b388ff38;border:1px solid #b388ff80;border-radius:99px;margin-right:.35rem;padding:.05rem .4rem;font-size:.58rem;font-weight:800;display:inline-block}.best-brawler{background:linear-gradient(180deg, var(--panel-2) 0%, var(--panel) 100%);border:2px solid var(--line);border-radius:13px;align-items:center;gap:.8rem;margin-bottom:.8rem;padding:.6rem .75rem;display:flex}.best-portrait{object-fit:cover;background:var(--navy-2);border:2px solid var(--gold);border-radius:10px;flex-shrink:0;width:78px;height:78px}.best-body{flex-direction:column;gap:.1rem;min-width:0;display:flex}.best-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-size:.6rem;font-weight:800}.best-name{font-family:var(--font-display);color:var(--gold);font-size:1.3rem;line-height:1.1}.best-stats{color:var(--text-dim);flex-wrap:wrap;gap:.15rem .8rem;font-size:.75rem;display:flex}.best-stats b{color:var(--text)}.trophy-history{margin-bottom:.4rem}.delta-up{color:var(--ok)}.delta-down{color:var(--danger)}.chart-wrap{background:linear-gradient(180deg, var(--panel-2) 0%, var(--panel) 100%);border:2px solid var(--line);border-radius:12px;padding:.5rem .4rem .3rem}.trophy-chart{width:100%;height:210px;display:block}.chart-grid{stroke:var(--line);stroke-width:1px;vector-effect:non-scaling-stroke}.chart-axis{fill:var(--text-faint);font-size:11px;font-weight:700}.chart-line{fill:none;stroke:#4ea8ff;stroke-width:2px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.chart-dot{fill:#9ad0ff}.chart-delta{font-size:10px;font-weight:800}.chart-delta.up{fill:var(--ok)}.chart-delta.down{fill:var(--danger)}.battle-strip{scrollbar-width:none;gap:.2rem;margin-top:.35rem;display:flex;overflow-x:auto}.battle-strip::-webkit-scrollbar{display:none}.battle-chip{border:2px solid var(--line-2);border-radius:7px;flex:none;padding:1px;line-height:0}.battle-chip img,.battle-chip-blank{background:var(--navy-2);object-fit:cover;border-radius:5px;width:24px;height:24px;display:block}.battle-chip.victory{border-color:var(--ok)}.battle-chip.defeat{border-color:var(--danger)}.battle-chip.draw{border-color:var(--gold)}.tile-badge.buffie{letter-spacing:.03em;background:#b388ffe6;border-color:#fff6;top:auto;bottom:3px;right:3px}.map-picks{border-top:1px solid var(--line);margin-top:.4rem;padding-top:.35rem}.map-picks-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);margin-bottom:.25rem;font-size:.58rem;font-weight:800;display:block}.map-picks-row{gap:.25rem;display:flex}.map-picks-none{min-height:32px;color:var(--text-faint);align-items:center;font-size:.68rem;font-style:italic;font-weight:700;display:flex}.map-pick{flex-direction:column;align-items:center;min-width:0;display:flex;position:relative}.map-pick img{background:var(--navy-2);object-fit:cover;border-radius:6px;width:26px;height:26px}.map-pick-rate{color:var(--gold);font-size:.55rem;font-weight:800}.map-pick-name{align-items:center;gap:.4rem;display:flex}.map-pick-name img{background:var(--navy-2);object-fit:cover;border-radius:6px;width:24px;height:24px}.map-rank{flex-direction:column;gap:.35rem;margin-bottom:.5rem;display:flex}.map-rank-row{background:linear-gradient(180deg, var(--panel-2) 0%, var(--panel) 100%);border:2px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;gap:.6rem;padding:.4rem .6rem;display:flex}.map-rank-name{flex-direction:column;min-width:0;font-size:.82rem;font-weight:700;display:flex}.map-rank-mode{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;font-size:.64rem;font-weight:700}.map-rank-stats{color:var(--gold);white-space:nowrap;align-items:baseline;gap:.5rem;font-size:.8rem;display:flex}.map-rank-picks{color:var(--text-faint);font-size:.68rem;font-weight:700}.item-icon{background:var(--navy-2);object-fit:contain;border-radius:8px;flex-shrink:0;width:38px;height:38px}.item-body{flex-direction:column;min-width:0;display:flex}.item-name{color:var(--text);font-size:.85rem;font-weight:700}.item-desc{color:var(--text-dim);margin-top:.1rem;font-size:.74rem;line-height:1.35}.detail-desc{white-space:normal;overflow-wrap:anywhere}.gear-row{flex-wrap:wrap;gap:.4rem;display:flex}.gear-chip{background:var(--panel-2);border:2px solid var(--line);color:var(--text);border-radius:9px;align-items:center;gap:.35rem;padding:.3rem .55rem;font-size:.78rem;font-weight:700;display:inline-flex}.gear-chip img{background:var(--navy-2);object-fit:contain;border-radius:6px;width:26px;height:26px}.build-sheet{margin-top:.35rem}.build-header{align-items:flex-start}.pick-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.5rem;display:grid}.pick-btn{text-align:left;background:linear-gradient(180deg, var(--panel-2) 0%, var(--panel) 100%);border:2px solid var(--line);cursor:pointer;color:#dbe6ff;border-radius:10px;align-items:flex-start;gap:.55rem;padding:.5rem .4rem;font-family:inherit;transition:all .12s;display:flex}.pick-btn:hover{border-color:var(--gold)}.pick-btn.active{border-color:var(--gold);color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset;background:#ffd40024}.pick-icon{background:var(--navy-2);object-fit:contain;border-radius:8px;width:38px;height:38px}.pick-btn:disabled{opacity:.45;cursor:not-allowed}.pick-body{flex-direction:column;gap:.15rem;min-width:0;display:flex}.pick-name{font-size:.76rem;font-weight:800;line-height:1.15}.pick-desc{color:var(--text-dim);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.68rem;line-height:1.3;display:-webkit-box;overflow:hidden}.pick-btn.active .pick-desc{color:#e5d8a4}.section-hint{color:var(--text-faint);text-transform:none;letter-spacing:0;font-size:.7rem;font-weight:700}.effects{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem;margin-bottom:.9rem;display:grid}.effect-row{background:linear-gradient(180deg, var(--panel-2) 0%, var(--panel) 100%);border:2px solid var(--line);border-radius:10px;flex-direction:column;gap:.1rem;padding:.45rem .6rem;display:flex}.effect-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.62rem;font-weight:700}.effect-value{align-items:baseline;gap:.35rem;font-size:.98rem;font-weight:800;display:flex}.effect-base{color:var(--text-dim)}.effect-arrow{color:var(--text-faint);font-size:.8rem}.effect-boosted{color:var(--gold)}.effect-note{color:#b388ff;font-size:.62rem;font-weight:700}.build-actions{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.45rem;display:flex}.build-actions input{max-width:200px}.pill-btn{background:var(--panel-3);border:2px solid var(--line-2);color:var(--text);cursor:pointer;border-radius:99px;padding:.28rem .75rem;font-family:inherit;font-size:.75rem;font-weight:800}.pill-btn:hover{border-color:var(--gold);color:var(--gold)}.build-flash{color:var(--ok);font-size:.72rem;font-weight:700}.hyper-boosts{color:#b388ff;white-space:normal;margin:-.25rem 0 .55rem}.hyper-toggle{color:var(--text-dim);white-space:nowrap;align-items:center;gap:.35rem;font-size:.75rem;font-weight:700;display:flex}.hyper-toggle input{accent-color:#b388ff}.saved-builds{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.5rem;display:grid}.saved-build{background:linear-gradient(180deg, var(--panel-2) 0%, var(--panel) 100%);border:2px solid var(--line);border-radius:10px;align-items:center;gap:.5rem;padding:.4rem .5rem;display:flex}.saved-build img{background:var(--navy-2);object-fit:cover;border-radius:8px;width:34px;height:34px}.saved-open{cursor:pointer;color:inherit;background:0 0;border:0;flex-direction:column;flex:1;align-items:flex-start;gap:.1rem;min-width:0;padding:0;font-family:inherit;display:flex}.saved-name{font-size:.8rem;font-weight:800}.saved-meta{color:var(--text-dim);font-size:.66rem;font-weight:700}.saved-del{color:var(--text-faint);cursor:pointer;background:0 0;border:0;padding:0 .2rem;font-size:1.1rem;line-height:1}.saved-del:hover{color:var(--danger)}.build-summary{background:linear-gradient(180deg, var(--panel-2) 0%, var(--panel) 100%);border:2px solid var(--line);border-radius:12px;margin-top:.9rem;padding:.75rem}.summary-row{flex-wrap:wrap;gap:.45rem;display:flex}.summary-chip{background:var(--navy-2);border:2px solid var(--line);color:var(--text);border-radius:8px;align-items:center;gap:.4rem;padding:.3rem .55rem;font-size:.78rem;font-weight:700;display:flex}.summary-chip img{background:var(--navy-2);object-fit:contain;border-radius:6px;width:24px;height:24px}.summary-chip.hyper{background:#b388ff24;border-color:#b388ff}.buffies{flex-wrap:wrap;justify-content:center;gap:.2rem;min-height:0;margin-top:.3rem;display:flex}.buffie-icon{background:var(--navy-2);object-fit:contain;border-radius:5px;width:18px;height:18px;padding:1px}.buffie-icon.gear{background:var(--panel-3)}.buffie-icon.hyper{box-shadow:0 0 0 1px #b388ff}.map-modal{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#060b16d9;justify-content:center;align-items:center;padding:.75rem;display:flex;position:fixed;inset:0}.map-modal-body{background:var(--panel);border:2px solid var(--line-2);border-radius:14px;width:100%;max-width:460px;position:relative;overflow:hidden;box-shadow:0 12px 48px #0009}.map-modal-img{object-fit:contain;background:radial-gradient(circle at 50% 35%,#24406b 0%,#0f1c33 100%);width:100%;max-height:70vh;display:block}.map-modal-close{border:2px solid var(--line-2);width:30px;height:30px;color:var(--text);cursor:pointer;background:#0a101ed9;border-radius:50%;font-size:.9rem;line-height:1;position:absolute;top:8px;right:8px}.map-modal-info{padding:.6rem .8rem}.map-modal-title{align-items:center;gap:.6rem;margin-bottom:.25rem;display:flex}.map-modal-title>div{flex-direction:column;display:flex}.compare-picker{grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:.35rem;margin-bottom:1rem;display:grid}.compare-chip{background:linear-gradient(180deg, var(--panel-2) 0%, var(--panel) 100%);border:2px solid var(--line);color:#dbe6ff;cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:.15rem;padding:.2rem .1rem .3rem;font-family:inherit;font-size:.6rem;font-weight:700;line-height:1.1;transition:all .12s;display:flex;box-shadow:0 2px #00000038}.compare-chip img{aspect-ratio:1;object-fit:cover;background:var(--navy-2);border-radius:7px;width:100%}.compare-chip span{-webkit-line-clamp:1;-webkit-box-orient:vertical;max-width:100%;padding:0 .1rem;display:-webkit-box;overflow:hidden}.compare-chip.active{box-shadow:0 0 0 2px var(--gold), 0 0 10px #ffd40080;background:#ffd40024}.compare-bar{left:0;right:0;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom));z-index:40;padding:.5rem .8rem calc(.5rem + env(safe-area-inset-bottom));border-top:2px solid var(--gold);-webkit-backdrop-filter:blur(6px);background:linear-gradient(#0e1b33f0,#081020f7);justify-content:space-between;align-items:center;gap:.7rem;display:flex;position:fixed;box-shadow:0 -6px 20px #00000073}.compare-bar-picks{align-items:center;gap:.3rem;display:flex;overflow:hidden}.compare-bar-picks img{object-fit:cover;border:2px solid var(--gold);background:var(--navy-2);border-radius:8px;flex-shrink:0;width:34px;height:34px}.compare-bar-label{color:var(--text-dim);white-space:nowrap;margin-right:auto;font-size:.72rem;font-weight:700}.compare-bar .btn-primary{flex-shrink:0}.compare-bar-spacer{height:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 4rem)}@media (width>=640px){.compare-bar{border:2px solid var(--gold);border-bottom:none;border-radius:14px 14px 0 0;width:min(680px,100%);left:50%;right:auto;transform:translate(-50%)}}.compare-page{border:2px solid var(--line);background:var(--panel);border-radius:12px;margin-top:.6rem;overflow:hidden}.compare-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;font-size:.68rem}.compare-table th,.compare-table td{text-align:center;border-bottom:1px solid var(--line);border-right:1px solid var(--line);vertical-align:middle;overflow-wrap:anywhere;padding:.42rem .3rem}.compare-table .compare-label,.compare-table .compare-corner{text-align:left;width:30%;color:var(--text-dim);background:var(--panel-2);font-weight:700}.compare-table thead th{background:var(--panel-2);color:var(--text);font-size:.66rem;font-weight:800;line-height:1.1}.compare-table thead th:first-child{background:var(--panel-2)}.compare-table thead th img{object-fit:cover;background:var(--navy-2);border:2px solid var(--line-2);border-radius:7px;width:34px;height:34px;margin:0 auto .2rem;display:block}.compare-table thead th span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.compare-table td{color:var(--text)}.compare-table td.best{color:var(--gold);background:#ffd4001a;font-weight:800}.compare-table tr:last-child td{border-bottom:none}@media (width>=640px){.compare-page{overflow-x:auto}.compare-table{max-width:720px;margin:0 auto;font-size:.78rem}.compare-table th,.compare-table td{padding:.5rem}.compare-table .compare-label,.compare-table .compare-corner{width:22%}.compare-table thead th img{width:46px;height:46px}}.stats-wrap{border:2px solid var(--line);background:var(--panel);-webkit-overflow-scrolling:touch;border-radius:12px;overflow-x:auto}.stats-table{border-collapse:separate;border-spacing:0;width:100%;min-width:660px;font-size:.72rem}.stats-table th,.stats-table td{text-align:center;border-bottom:1px solid var(--line);border-right:1px solid var(--line);white-space:nowrap;padding:.42rem .5rem}.stats-table thead th{background:var(--panel-2);color:var(--text);font-size:.72rem;font-weight:800}.stats-table thead th:first-child{z-index:3;text-align:left;position:sticky;left:0}.sort-btn{font-family:inherit;font-size:inherit;color:var(--text);cursor:pointer;background:0 0;border:none;padding:0;font-weight:800}.sort-btn:hover{color:var(--gold)}.stats-table .stats-name{z-index:2;background:var(--panel-2);text-align:left;min-width:132px;position:sticky;left:0}.stats-table .stats-name img{object-fit:cover;border:2px solid var(--line-2);background:var(--navy-2);vertical-align:middle;border-radius:7px;width:32px;height:32px;margin-right:.4rem}.stats-table .stats-name span{color:var(--text);font-weight:700}.stats-table td{color:var(--text)}.stats-table tr:last-child td{border-bottom:none}.drop-chances-page{flex-direction:column;gap:1rem;display:flex}.drop-chances-intro{justify-content:space-between;align-items:flex-start;gap:1rem;padding:.35rem 0 .25rem;display:flex}.eyebrow{color:var(--gold);letter-spacing:.11em;text-transform:uppercase;margin:0 0 .25rem;font-size:.72rem;font-weight:800}.drop-chances-intro .section-heading{margin-bottom:.25rem}.drop-chances-summary{max-width:640px;color:var(--text-dim);margin:0;font-size:.88rem}.drop-chance-kind{color:var(--gold);letter-spacing:.07em;text-transform:uppercase;font-size:.68rem;font-weight:800}.drop-chances-count{color:var(--text-dim);background:var(--panel-2);border:1px solid var(--line);border-radius:999px;flex-shrink:0;padding:.35rem .55rem;font-size:.72rem;font-weight:800}.drop-chances-layout{flex-direction:column;gap:.8rem;display:flex}.drop-chance-picker,.drop-chance-detail,.chance-table-section,.drop-copy{background:linear-gradient(180deg, var(--panel-2), var(--panel));border:2px solid var(--line);border-radius:13px;box-shadow:0 2px #00000040,inset 0 1px #ffffff0a}.drop-chance-picker{padding:.7rem;overflow:hidden}.drop-chance-picker-heading{justify-content:space-between;align-items:center;gap:.5rem;margin:0 0 .55rem;display:flex}.drop-chance-picker-heading h3{font-size:.9rem}.drop-chance-picker-heading span{color:var(--text-faint);font-size:.68rem;font-weight:700}.drop-chance-picker-list{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:.5rem;padding-bottom:.15rem;display:flex;overflow-x:auto}.drop-chance-picker-list::-webkit-scrollbar{display:none}.drop-chance-picker-item{min-height:68px;color:var(--text-dim);text-align:left;border:2px solid var(--line);cursor:pointer;background:#0e1b338c;border-radius:10px;flex:0 0 188px;align-items:center;gap:.55rem;padding:.5rem;transition:border-color .13s,background .13s,color .13s;display:flex}.drop-chance-picker-item:hover,.drop-chance-picker-item.active{color:var(--text);background:linear-gradient(145deg, #29456f, var(--panel-2));border-color:var(--gold)}.drop-chance-picker-icon,.drop-chance-detail-icon{width:36px;height:36px;color:var(--gold);border:2px solid var(--line-2);text-shadow:0 1px #00000080;background:linear-gradient(145deg,#304c7d,#1a2c50);border-radius:10px;flex:0 0 36px;place-items:center;font-size:1.2rem;line-height:1;display:grid}.drop-chance-picker-item span:last-child{flex-direction:column;gap:.1rem;min-width:0;display:flex}.drop-chance-picker-item small{color:var(--gold);letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.61rem;font-weight:800;overflow:hidden}.drop-chance-picker-item strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.15;display:-webkit-box;overflow:hidden}.drop-chance-detail{min-width:0;padding:.8rem}.drop-chance-detail-top{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr;align-items:start;gap:.65rem;padding:.2rem .1rem .85rem;display:grid}.drop-chance-detail-icon{width:42px;height:42px;font-size:1.4rem}.drop-chance-detail-top h2{color:var(--text);margin:.05rem 0 .2rem;font-size:1.22rem;line-height:1.1}.drop-chance-detail-top p:last-child{color:var(--text-dim);margin:0;font-size:.78rem;line-height:1.35}.official-badge{color:var(--ok);background:#3ddc841a;border:1px solid #3ddc8459;border-radius:999px;grid-column:2;justify-self:start;padding:.2rem .45rem;font-size:.65rem;font-weight:800}.official-badge.snapshot{color:#ffcf88;background:#ffcf881a;border-color:#ffcf8859}.drop-loading{color:var(--text-dim);text-align:center;padding:1.5rem .5rem;font-size:.85rem}.drop-article-content{flex-direction:column;gap:.7rem;padding-top:.8rem;display:flex}.drop-copy{box-shadow:none;background:#1c2f5275;padding:.75rem}.drop-copy h3,.chance-table-heading h3{margin:0;font-size:.9rem}.drop-copy p{color:var(--text-dim);white-space:pre-line;margin:.35rem 0 0;font-size:.78rem;line-height:1.45}.chance-table-section{overflow:hidden}.chance-table-heading{border-bottom:1px solid var(--line);background:#243a637a;justify-content:space-between;align-items:center;gap:.5rem;padding:.65rem .75rem;display:flex}.chance-table-heading span{color:var(--text-faint);font-size:.65rem;font-weight:700}.chance-table-head,.chance-table-row{grid-template-columns:minmax(120px,.42fr) minmax(0,.58fr);gap:.6rem;padding:.48rem .7rem;display:grid}.chance-table-head{color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase;background:#0e1b335c;font-size:.63rem;font-weight:800}.chance-table-row{border-top:1px solid #2b4170b3;align-items:center;min-height:0}.chance-tabs{border-bottom:1px solid var(--line);scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:.35rem;padding:.55rem .7rem;display:flex;overflow-x:auto}.chance-tabs::-webkit-scrollbar{display:none}.chance-tab{border:2px solid var(--line);color:var(--text-dim);cursor:pointer;background:#0e1b3380;border-radius:999px;flex-shrink:0;align-items:center;gap:.3rem;padding:.26rem .6rem;font-family:inherit;font-size:.68rem;font-weight:800;transition:all .13s;display:inline-flex}.chance-tab:hover{border-color:var(--gold);color:var(--text)}.chance-tab.active{color:#1e2a00;background:linear-gradient(180deg, var(--gold-2), var(--gold));border-color:var(--gold-deep)}.chance-tab-count{opacity:.7;font-size:.58rem;font-weight:800}.chance-tab.active .chance-tab-count{opacity:.85}.chance-reward{color:var(--text);font-size:.74rem;font-weight:700;line-height:1.2}.chance-values{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.chance-value{color:var(--gold);background:#ffd4001a;border:1px solid #ffd4003d;border-radius:6px;flex-direction:column;gap:.06rem;padding:.16rem .38rem;font-size:.74rem;line-height:1.05;display:inline-flex}.chance-value small{color:var(--text-dim);font-size:.56rem;font-weight:700;line-height:1.1}.chance-value strong{font-weight:800}.chance-fallback{color:#ffcf88;font-size:.67rem;line-height:1.2}.chance-empty{color:var(--text-faint);font-size:.7rem}.drop-simulator{border:2px solid var(--gold-deep);background:radial-gradient(400px 150px at 100% 0,#ffd40024,#0000 65%),linear-gradient(145deg,#253f6c,#172844);border-radius:13px;margin-top:.8rem;padding:.8rem;box-shadow:0 3px #00000047}.simulator-heading{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.simulator-heading h2{font-size:1.15rem}.simulator-dice{width:38px;height:38px;color:var(--gold);background:#0e1b3380;border:1px solid #ffd40059;border-radius:10px;place-items:center;font-size:1.65rem;display:grid}.simulator-copy,.simulator-note{color:#c4d3ec;margin:.35rem 0 0;font-size:.73rem;line-height:1.4}.simulator-controls{grid-template-columns:1fr;gap:.5rem;margin-top:.75rem;display:grid}.simulator-controls label,.simulator-mode{color:#c4d3ec;text-transform:uppercase;flex-direction:column;gap:.2rem;font-size:.67rem;font-weight:800;display:flex}.simulator-controls select{min-width:0;color:var(--text);font:inherit;border:2px solid var(--line-2);background:#0e1b33b8;border-radius:8px;padding:.48rem .6rem;font-size:.78rem}.simulator-mode strong{min-height:33px;color:var(--gold);text-transform:none;border:2px solid var(--line-2);background:#0e1b3375;border-radius:8px;align-items:center;padding:0 .6rem;font-size:.78rem;display:flex}.simulator-run{align-self:end;width:100%}.simulator-result{border-top:1px solid #ffd40040;margin-top:.8rem;padding-top:.75rem}.simulator-result-summary{align-items:baseline;gap:.45rem;display:flex}.simulator-result-summary strong{color:var(--gold);font-size:1.25rem}.simulator-result-summary span{color:#c4d3ec;font-size:.68rem}.simulator-bars{flex-direction:column;gap:.45rem;margin-top:.65rem;display:flex}.simulator-bar-row{flex-direction:column;gap:.2rem;display:flex}.simulator-bar-label{color:#eaf1ff;justify-content:space-between;gap:.5rem;font-size:.68rem;display:flex}.simulator-bar-label span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.simulator-bar-label strong{color:var(--gold);flex-shrink:0}.simulator-bar-track{background:#0e1b33a8;border-radius:999px;height:6px;overflow:hidden}.simulator-bar-track span{background:linear-gradient(90deg, var(--gold), #fff1a0);border-radius:inherit;min-width:2px;height:100%;display:block}.simulator-empty{color:#c4d3ec;text-align:center;background:#0e1b3361;border-radius:8px;margin-top:.75rem;padding:.65rem;font-size:.74rem}.drop-fetched-note{color:var(--text-faint);text-align:center;margin:.65rem 0 0;font-size:.64rem}@media (width>=760px){.drop-chances-layout{grid-template-columns:minmax(210px,270px) minmax(0,1fr);align-items:start;display:grid}.drop-chance-picker{position:sticky;top:4rem}.drop-chance-picker-list{flex-direction:column;overflow-x:visible}.drop-chance-picker-heading span{display:none}.drop-chance-picker-item{flex-basis:auto;width:100%}.drop-chance-detail{padding:1rem}.drop-chance-detail-top{align-items:flex-start;padding-bottom:1rem;display:flex}.drop-chance-detail-top>div{min-width:0}.official-badge{margin-left:auto}.simulator-controls{grid-template-columns:minmax(0,1.3fr) minmax(130px,.7fr) auto;align-items:end}.simulator-run{width:auto}}@media (width<=640px){.app-header{padding:.5rem .7rem}.app-title h1{font-size:1.1rem}.app-main{padding:.7rem .6rem calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 1rem)}.toolbar{flex-wrap:wrap}.toolbar input,.toolbar select{flex:100%;width:100%}.profile-header{flex-wrap:wrap;gap:.7rem;padding:.7rem}.trophy-count{text-align:left;margin-left:0}.player-name{font-size:1.1rem}.avatar{width:48px;height:48px}.detail-portrait{width:68px;height:68px}.brawler-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}.items-grid{grid-template-columns:1fr}.event-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.compare-picker{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:.3rem}.map-modal{padding:.5rem}}