:root{--gold:#e6b450;--gold-light:#f6e7c4;--gold-dark:#8a6420;--panel:#141622f0;--panel-2:#202334f5;--panel-line:#ffffff14;--ink:#f2ecff;--muted:#a7a3bd;--red:#e0353f;--red-dark:#9c1420;--purple:#7e4fe6;--purple-dark:#4b2a9a;--teal:#1fb8a8;--teal-dark:#0e6d64;--green:#35c062;--green-dark:#1b7a3b;--orange:#ff8a2a;--hp:#3bd16a;--hp-dark:#1a7a39;--xp:#9a6bff;--font-title:"Cinzel", "Times New Roman", serif;--font-ui:"Nunito", "Segoe UI", system-ui, sans-serif;--radius:14px;--stripes:repeating-linear-gradient(-45deg, #ffffff1a 0 10px, transparent 10px 22px)}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;color:var(--ink);font-family:var(--font-ui);-webkit-user-select:none;user-select:none;background:#0d0a12;margin:0;font-weight:700;overflow:hidden}#app,#app canvas{width:100%;height:100%;display:block;position:fixed;inset:0}#ui{z-index:5;pointer-events:none;position:fixed;inset:0}.hidden{display:none!important}button{color:inherit;font-family:inherit}kbd{min-width:22px;font-family:var(--font-ui);text-align:center;color:var(--ink);background:#00000073;border:1px solid #ffffff2e;border-bottom-width:3px;border-radius:6px;margin:0 2px;padding:1px 6px;font-size:12px;font-weight:900;line-height:18px;display:inline-block}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:12px;font-weight:900}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{color:#fff;background:#444a66;border-radius:999px;padding:2px 10px;font-size:12px;font-style:normal;font-weight:900;display:inline-block}.chip.red{background:var(--red)}.chip.purple{background:var(--purple)}.chip.teal{background:var(--teal)}.chip.green{background:var(--green)}.chip.gold{background:var(--gold);color:#3a2400}.panel-card{background:var(--panel);border:1px solid var(--panel-line);border-radius:var(--radius);pointer-events:auto;overflow:hidden;box-shadow:0 12px 40px #0000008c}.panel-head{background-color:#2a2d42;background-image:var(--stripes);text-shadow:0 2px #00000059;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 18px;font-size:20px;font-weight:900;display:flex}.panel-head small{opacity:.9;font-size:13px;font-weight:800}.panel-head.gold{background-color:#c98a1e}.panel-head.red{background-color:var(--red)}.panel-head.purple{background-color:var(--purple)}.panel-head.green{background-color:#2f9e53}.panel-head.dark{background-color:#23263a}.banner{background-image:var(--stripes);text-shadow:0 3px #0000004d;border-radius:12px;align-items:baseline;gap:14px;padding:8px 26px;font-size:30px;font-weight:900;display:inline-flex;transform:skew(-6deg);box-shadow:0 6px #00000059,0 10px 30px #0006}.banner small{font-size:14px;font-weight:800}.banner.red{background-color:var(--red)}.banner.orange{background-color:var(--orange)}.banner.big{padding:6px 40px;font-size:46px;display:inline-block}.btn-cta,.btn-secondary{cursor:pointer;pointer-events:auto;color:#fff;text-shadow:0 2px #0000004d;border:0;border-radius:14px;width:100%;padding:14px 20px;font-size:24px;font-weight:900;transition:transform 80ms,filter .15s;display:block}.btn-cta{background-color:var(--red);background-image:var(--stripes);box-shadow:0 6px 0 var(--red-dark), 0 10px 24px #e0353f59}.btn-secondary{background:#34384f;margin-top:10px;font-size:18px;box-shadow:0 5px #1d2030}.btn-cta:hover,.btn-secondary:hover,.btn-cta:focus-visible,.btn-secondary:focus-visible{filter:brightness(1.12);outline:none}.btn-cta kbd{vertical-align:middle;margin-left:10px}.menu{pointer-events:auto;position:absolute;inset:0;overflow-y:auto}.menu-shade{background:linear-gradient(90deg,#0a060ed9 0%,#0a060e59 55%,#0a060e99 100%);position:absolute;inset:0}.menu-shade.strong{background:#0a060e9e}.main-left{flex-direction:column;gap:14px;width:min(560px,100vw - 32px);display:flex;position:absolute;top:50%;left:clamp(16px,5vw,80px);transform:translateY(-50%)}.logo{filter:drop-shadow(0 6px #00000073);flex-direction:column;margin-bottom:8px;display:flex}.logo-top{font-family:var(--font-title);letter-spacing:.04em;background:linear-gradient(180deg, #fff3cf 0%, var(--gold) 55%, #a8661a 100%);color:#0000;-webkit-background-clip:text;background-clip:text;padding-top:.16em;font-size:clamp(44px,7vw,84px);font-weight:900;line-height:.95}.logo-bottom{font-family:var(--font-title);letter-spacing:.32em;color:#fff;align-items:center;gap:10px;font-size:clamp(26px,4vw,44px);font-weight:900;display:flex}.logo-bottom .chip{letter-spacing:.05em;font-family:var(--font-ui)}.logo-bottom .version{font-family:var(--font-ui);letter-spacing:0;color:var(--muted);font-size:14px;font-style:normal}.tile{text-align:left;cursor:pointer;background-image:var(--stripes);border:0;border-radius:16px;align-items:center;gap:14px;padding:14px 18px;transition:transform .1s,filter .15s;display:flex;position:relative}.tile:hover,.tile:focus-visible{filter:brightness(1.12);outline:none;transform:translateY(-2px)}.tile:disabled{cursor:wait;filter:grayscale(.6)brightness(.8)}.tile-text{flex-direction:column;display:flex}.tile-text strong{text-shadow:0 2px #0000004d;font-size:24px;font-weight:900}.tile-text small{opacity:.9;font-size:13px;font-weight:800}.tile-play{background-color:var(--red);min-height:128px;box-shadow:0 8px 0 var(--red-dark), 0 16px 40px #e0353f59;border:4px solid #ffb4b8}.tile-play .tile-text strong{font-size:54px;line-height:1}.tile-key{position:absolute;bottom:12px;right:14px}.portrait-ring{background:radial-gradient(circle at 50% 40%,#6b3fd0,#1c0f3a 75%);border:4px solid #ffffffd9;border-radius:50%;flex:none;width:92px;height:92px;overflow:hidden;box-shadow:inset 0 0 0 3px #0000004d}.portrait-ring img,.champ-portrait img,.champ-chip img,.champ-tile img{object-fit:cover;object-position:50% 12%;width:100%;height:100%}.tile-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tile-purple{background-color:var(--purple);box-shadow:0 6px 0 var(--purple-dark)}.tile-teal{background-color:var(--teal);box-shadow:0 6px 0 var(--teal-dark)}.tile-icon{background:#00000040;border-radius:12px;place-items:center;width:46px;height:46px;font-size:26px;display:grid}.controls-box{color:var(--muted);background:#0a0812b3;border-radius:12px;flex-wrap:wrap;gap:8px 16px;padding:12px 14px;font-size:13px;display:flex}.loading{color:var(--gold);margin:0;font-size:14px}.main-records{width:340px;position:absolute;top:50%;right:clamp(16px,4vw,60px);transform:translateY(-50%)}.records-list{flex-direction:column;gap:8px;padding:10px;display:flex}.record-row{background:var(--panel-2);border:1px solid var(--panel-line);border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;padding:10px 14px;display:grid}.rec-name{font-weight:900}.rec-diff{color:var(--muted);grid-row:2;font-size:12px}.rec-time{color:var(--gold);grid-area:1/2;font-size:22px}.rec-kills{color:var(--muted);text-align:right;grid-area:2/2;font-size:12px}.legal{text-align:center;color:#ffffff8c;width:min(900px,100vw - 32px);margin:0;font-size:11px;font-weight:600;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.menu-topbar{align-items:center;gap:16px;padding:18px clamp(16px,3vw,40px) 10px;display:flex;position:relative}.back-btn{cursor:pointer;background:var(--panel);border:0;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:17px;font-weight:900;display:flex;box-shadow:0 4px #00000080}.back-btn:hover{filter:brightness(1.2)}.key-hints{color:var(--ink);text-shadow:0 1px 3px #000;margin-left:auto;font-size:13px}.champs-layout{grid-template-columns:minmax(0,1fr) 360px;gap:18px;height:calc(100% - 96px);padding:0 clamp(16px,3vw,40px);display:grid;position:relative}.champ-detail{flex-direction:column;min-height:0;display:flex}.champ-head{border-bottom:1px solid var(--panel-line);grid-template-columns:180px minmax(0,1fr) minmax(0,1fr);gap:22px;padding:20px;display:grid}.champ-portrait{background-color:var(--purple);background-image:var(--stripes);border:3px solid #a98bff;border-radius:16px;width:180px;height:180px;overflow:hidden}.champ-portrait img{object-fit:contain;object-position:50% 100%}.champ-id h2{margin:0;font-size:44px;font-weight:900;line-height:1.05}.champ-title{color:var(--muted);margin:2px 0 12px;font-size:15px}.stat-row{grid-template-columns:78px 1fr 52px;align-items:center;gap:10px;margin-bottom:7px;font-size:14px;display:grid}.stat-row b{text-align:right}.stat-bar{background:#ffffff14;border-radius:99px;height:10px;overflow:hidden}.stat-bar i{border-radius:99px;height:100%;display:block}.stat-bar .c0{background:#ef5a5a}.stat-bar .c1{background:#f0a23a}.stat-bar .c2{background:#4fb8ff}.stat-bar .c3{background:#9a6bff}.stat-bar .c4{background:#3bd16a}.champ-lore{border-bottom:1px solid var(--panel-line);padding:12px 20px}.champ-lore p{color:#d6d2e8;max-height:150px;margin:0;font-size:14px;line-height:1.5;overflow:auto}.lore-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.lore-foot small{color:var(--muted);font-size:11px}.lore-more{border:1px solid var(--gold-dark);font:inherit;color:var(--gold);cursor:pointer;background:0 0;border-radius:99px;padding:4px 12px;font-size:12px;font-weight:800}.lore-more:hover{background:#e6b4501f}.kit-icon img{object-fit:cover;border-radius:50%;width:100%;height:100%}.champ-tile.locked img{object-fit:cover;filter:grayscale()brightness(.6);border-radius:10px}.champ-kit{flex:1;grid-template-columns:1fr 1fr;gap:16px;min-height:0;padding:16px 20px;display:grid;overflow:auto}.kit-col{background:var(--panel-2);border:1px solid var(--panel-line);border-radius:12px;overflow:hidden}.kit-col .panel-head{padding:8px 14px;font-size:16px}.kit-list{flex-direction:column;gap:8px;padding:10px;display:flex}.kit-card{background:#00000040;border-radius:10px;gap:12px;padding:10px 12px;display:flex}.kit-evolutions{margin-top:8px}.kit-evolutions summary{color:var(--hx-gold);cursor:pointer;padding:6px 4px;font-weight:800}.kit-evolutions .kit-card{margin-top:6px}.kit-icon{color:#fff;background:radial-gradient(circle at 40% 35%, #a37bff, var(--purple-dark));border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-size:22px;display:grid;box-shadow:0 0 0 3px #ffffff26}.kit-card strong{font-size:16px;display:block}.kit-card small{color:var(--gold);font-size:12px;display:block}.kit-card p{color:#d6d2e8;margin:4px 0 0;font-size:13px;font-weight:600}.detail-foot{border-top:1px solid var(--panel-line);align-items:center;gap:18px;padding:14px 20px;display:flex}.foot-stats{color:var(--muted);flex-wrap:wrap;flex:1;gap:8px;font-size:13px;display:flex}.foot-stats span{background:var(--panel-2);border-radius:10px;padding:6px 12px}.foot-stats b{color:var(--ink);margin-right:6px;font-size:18px}.detail-foot .btn-cta{width:auto;min-width:300px}.champ-grid-panel{flex-direction:column;min-height:0;display:flex}.champ-grid{grid-template-columns:repeat(3,1fr);gap:10px;padding:12px;display:grid;overflow:auto}.champ-tile{cursor:pointer;background-color:#3c3170;background-image:var(--stripes);border:3px solid #0000;border-radius:12px;flex-direction:column;align-items:center;padding:6px 6px 8px;display:flex;position:relative}.champ-tile img{object-fit:contain;object-position:50% 100%;width:82px;height:82px}.champ-tile span{margin-top:4px;font-size:13px;font-weight:900}.champ-tile small{color:var(--muted);font-size:10px}.champ-tile:hover{filter:brightness(1.15)}.champ-tile.active{border-color:var(--gold);box-shadow:0 0 0 3px #e6b45059}.champ-tile.chosen:after{content:"✔";color:var(--green);font-size:14px;position:absolute;top:4px;right:6px}.champ-tile.locked{cursor:default;opacity:.7;background-color:#262838}.silhouette{color:#ffffff40;place-items:center;width:82px;height:82px;font-size:40px;font-weight:900;display:grid}.map-tabs{gap:12px;padding:0 clamp(16px,3vw,40px) 14px;display:flex;position:relative;overflow-x:auto}.map-tab{text-align:left;cursor:pointer;background:var(--panel);border:3px solid #0000;border-radius:14px;flex:1 1 0;align-items:center;gap:12px;min-width:200px;padding:10px 14px;display:flex;box-shadow:0 5px #00000073}.map-tab strong{font-size:17px;display:block}.map-tab small{color:var(--muted);font-size:12px}.map-tab.active{border-color:var(--gold);background:#3a2f1a}.map-tab.locked{cursor:default;opacity:.55;background:#dcdceb26}.map-dot{background:#555;border-radius:10px;flex:none;width:34px;height:34px;box-shadow:inset 0 0 0 3px #0000004d}.maps-layout{grid-template-columns:minmax(0,1fr) 380px;gap:18px;height:calc(100% - 180px);padding:0 clamp(16px,3vw,40px);display:grid;position:relative}.map-preview{border:4px solid #ffffffe6;border-radius:20px;padding:18px 22px;position:relative;box-shadow:0 0 0 9999px #0a060e80,0 12px 40px #00000080}.map-preview .eyebrow{color:#fff;text-shadow:0 1px 3px #000}.map-preview h2{color:#fff;text-shadow:0 4px #00000073,0 0 20px #00000080;margin:0 0 10px;font-size:clamp(36px,5vw,64px);font-weight:900;line-height:1}.map-info{background:#0e0c16d1;border-radius:12px;max-width:520px;padding:12px 16px}.map-info p{margin:8px 0 0;font-size:15px;font-weight:700}.champ-chip{text-align:left;cursor:pointer;background:var(--panel);border:0;border-radius:14px;align-items:center;gap:10px;padding:8px 12px 8px 8px;display:flex;position:absolute;top:18px;right:18px;box-shadow:0 5px #00000073}.champ-chip img{border:3px solid var(--gold);background:radial-gradient(circle at 50% 40%,#6b3fd0,#1c0f3a 75%);border-radius:50%;width:54px;height:54px}.champ-chip small{color:var(--muted);font-size:11px;display:block}.champ-chip strong{font-size:20px;display:block}.champ-chip em{background:#3b6ee8;border-radius:8px;align-self:flex-start;padding:2px 8px;font-size:12px;font-style:normal}.prepare{flex-direction:column;min-height:0;display:flex}.prepare-body{flex:1;padding:16px;overflow:auto}.difficulty-list{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.diff-btn{text-align:left;cursor:pointer;background:var(--panel-2);border:0;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.diff-btn small{color:var(--muted);text-align:right;font-size:12px}.diff-btn:hover{filter:brightness(1.2)}.diff-btn.active{color:#fff;background-image:var(--stripes)}.diff-btn.active small{color:#ffffffeb}.diff-btn.d0.active{background-color:var(--green);box-shadow:0 4px 0 var(--green-dark)}.diff-btn.d1.active{background-color:#d8901c;box-shadow:0 4px #8a5a0c}.diff-btn.d2.active{background-color:var(--red);box-shadow:0 4px 0 var(--red-dark)}.record-box{background:var(--panel-2);border-radius:12px;padding:14px 16px}.record-box strong{font-size:30px;display:block}.record-box span{color:var(--muted);font-size:13px}.prepare .btn-cta{width:auto;margin:0 16px 20px}#hud-champ{--hx-cut:10px;background:radial-gradient(90% 120% at 0% 50%, #8b5cf62e, transparent 70%) padding-box, linear-gradient(180deg, var(--hx-bg-2), var(--hx-bg)) padding-box, var(--hx-border) border-box;width:310px;height:92px;clip-path:polygon(var(--hx-cut) 0, calc(100% - var(--hx-cut)) 0, 100% var(--hx-cut), 100% calc(100% - var(--hx-cut)), calc(100% - var(--hx-cut)) 100%, var(--hx-cut) 100%, 0 calc(100% - var(--hx-cut)), 0 var(--hx-cut));border:1.5px solid #0000;align-items:stretch;display:flex;position:absolute;top:12px;left:12px}.hud-splash{flex:none;width:132px;position:relative;overflow:hidden}#hud-champ.has-splash .hud-splash img{width:100%;height:auto;position:absolute;top:-12%;left:0;-webkit-mask-image:linear-gradient(90deg,#000 55%,#0000);mask-image:linear-gradient(90deg,#000 55%,#0000)}#hud-champ:not(.has-splash) .hud-splash img{object-fit:cover;object-position:50% 12%;border:2px solid var(--hx-gold);background:radial-gradient(circle at 50% 40%,#6b3fd0,#1c0f3a 75%);border-radius:50%;width:72px;height:72px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-champ-info{flex-direction:column;flex:1;justify-content:center;min-width:0;padding:6px 14px 6px 2px;display:flex}#champ-hud-title{color:var(--hx-gold);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}#champ-hud-title:empty{display:none}.hud-champ-info strong{font-family:var(--font-title);letter-spacing:.04em;color:var(--hx-gold-hi);text-shadow:0 0 12px #c8aa6e59,0 2px 2px #0009;white-space:nowrap;text-overflow:ellipsis;margin:1px 0 7px;font-size:21px;line-height:1.1;display:block;overflow:hidden}#champ-hud-name.long{font-size:16px}.hud-xp-row{align-items:center;gap:8px;display:flex}.hud-level{text-align:center;white-space:nowrap;color:#2a1a00;background:linear-gradient(180deg, #fff3c4, var(--hx-gold) 45%, var(--hx-gold-dk));clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 50%,calc(100% - 6px) 100%,6px 100%,0 50%);flex:none;min-width:42px;padding:0 8px;font-size:15px;font-weight:900;line-height:20px}.hud-level small{opacity:.8;margin-right:2px;font-size:10px}#xp-bar{background:#0000008c;border-radius:1px;flex:1;height:8px;overflow:hidden;box-shadow:inset 0 0 0 1px #c8aa6e59}#xp-fill{transform-origin:0;background:linear-gradient(90deg,#6b3fd0,#a77bff 70%,#e2d4ff);height:100%;transition:transform .15s ease-out;transform:scaleX(0);box-shadow:0 0 8px #a77bffcc}#hud-center{--hx-cut:10px;background:radial-gradient(80% 120% at 50% 0%, #8b5cf624, transparent 70%) padding-box, linear-gradient(180deg, var(--hx-bg-2), var(--hx-bg)) padding-box, var(--hx-border) border-box;clip-path:polygon(var(--hx-cut) 0, calc(100% - var(--hx-cut)) 0, 100% var(--hx-cut), 100% calc(100% - var(--hx-cut)), calc(100% - var(--hx-cut)) 100%, var(--hx-cut) 100%, 0 calc(100% - var(--hx-cut)), 0 var(--hx-cut));border:1.5px solid #0000;align-items:center;gap:18px;padding:8px 24px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.hud-map strong{font-size:16px;display:block}#timer{text-align:center;font-variant-numeric:tabular-nums;min-width:96px;color:var(--hx-gold-hi);text-shadow:0 0 14px #c8aa6e66,0 2px 2px #0009;font-size:32px;font-weight:900}#kills{font-size:18px;font-weight:900}#kills .skull{color:#ff6a6a}#hud-bottom{text-align:center;width:min(460px,100vw - 32px);position:absolute;bottom:18px;left:50%;transform:translate(-50%)}#abilities{--s:1;justify-content:center;align-items:flex-end;gap:calc(10px * var(--s));width:min(680px,100vw - 24px);margin-bottom:10px;display:flex;position:relative;left:50%;transform:translate(-50%)}.power{padding:calc(4px * var(--s)) calc(12px * var(--s));font-weight:900;font-size:calc(16px * var(--s));color:#e3d0ff;background:var(--panel);border:2px solid var(--purple);border-radius:10px;flex-shrink:0;align-items:center;gap:4px;display:flex}.power .ic{color:#b98aff}.ability{width:calc(48px * var(--s,1));height:calc(48px * var(--s,1));font-size:calc(22px * var(--s,1));color:#efe2ff;background:radial-gradient(circle,#3a1f72 0%,#150a2c 85%);border:2px solid #ffffff40;border-radius:12px;flex-shrink:0;padding:0;position:relative;overflow:hidden}.ability.ult{width:calc(64px * var(--s,1));height:calc(64px * var(--s,1));font-size:calc(32px * var(--s,1));border:3px solid var(--gold);pointer-events:auto;cursor:pointer;border-radius:50%}.ability.ready{box-shadow:0 0 18px #b070ffe6}.ability.ult.recast{border-color:#d8ff5a;animation:.6s ease-in-out infinite alternate recast-pulse}@keyframes recast-pulse{0%{box-shadow:0 0 8px #d8ff5a80}to{box-shadow:0 0 24px #d8ff5a}}.ability.locked{opacity:.3;filter:grayscale()}.ability .cd{background:conic-gradient(#000000b8 calc(var(--p,0) * 360deg), transparent 0);position:absolute;inset:0}#ult-cd{color:#fff;text-shadow:0 1px 3px #000;place-items:center;font-size:22px;font-weight:900;display:grid}#ult.denied{animation:.35s ult-denied}@keyframes ult-denied{0%,to{translate:0}20%{translate:-4px}40%{translate:4px}60%{translate:-3px}80%{translate:3px}}@media (prefers-reduced-motion:reduce){#ult.denied{outline:2px solid var(--hx-danger);animation:none}}.ability .key,.ability .lvl{font-size:max(9px, calc(11px * var(--s,1)));color:#fff;background:#000c;border-radius:6px;padding:2px 4px;font-weight:900;line-height:1;position:absolute}.ability .key{bottom:4px;right:6px}.ability .lvl{color:var(--gold);top:2px;left:2px}#auto-abilities{gap:calc(6px * var(--s));flex-shrink:0;display:flex}#hp-frame{background:#2a1214;border:3px solid #ffffffd9;border-radius:999px;height:28px;position:relative;overflow:hidden;box-shadow:0 4px #00000073}#hp-fill{transform-origin:0;background:linear-gradient(180deg, #7ff09a 0%, var(--hp) 45%, var(--hp-dark) 100%);transition:transform .15s ease-out;position:absolute;inset:0}#hp-text{color:#fff;text-shadow:0 1px 2px #000;font-size:15px;font-weight:900;line-height:22px;position:relative}.screen{pointer-events:auto;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.screen.dim{background:#08060e8c}.levelup-wrap{flex-direction:column;align-items:center;gap:22px;padding:0 16px;display:flex}.cards{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.card{text-align:left;cursor:pointer;background:var(--panel);border:3px solid #0000;border-radius:18px;flex-direction:column;width:240px;min-height:330px;padding:0;transition:transform .1s,border-color .1s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px #00000073}.card:hover,.card:focus-visible{border-color:#fff;outline:none;transform:translateY(-6px)}.card-top{background-image:var(--stripes);place-items:center;height:118px;display:grid;position:relative}.stat-card .card-top{background-color:#4a7fd8}.ability-card .card-top{background-color:var(--purple)}.rune-card .card-top{background-color:#c98a1e}.spell-card .card-top{background-color:#1f9a8a}.card-kind,.card-new{background:#0a0814bf;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:900;position:absolute;top:10px}.card-kind{left:10px}.card-new{right:10px}.card .icon{color:#fff;background:#0000004d;border-radius:50%;place-items:center;width:64px;height:64px;margin-top:14px;font-size:34px;display:grid;box-shadow:0 0 0 4px #ffffff40}.card-body{flex-direction:column;flex:1;padding:14px 16px 34px;display:flex}.card .name{font-size:22px;font-weight:900}.card .lvl{color:var(--muted);font-size:12px}.card .desc{color:#e8e4f6;margin-top:10px;font-size:15px;font-weight:700}.pips{gap:5px;margin-top:auto;padding-top:12px;display:flex}.pips i{background:#ffffff26;border-radius:3px;width:16px;height:6px}.pips i.on{background:var(--gold)}.pips i.next{background:var(--green);box-shadow:0 0 6px var(--green)}.card .key{background:#00000073;border:1px solid #fff3;border-radius:6px;padding:0 8px;font-size:13px;font-weight:900;position:absolute;bottom:10px;right:12px}.controls-hint{color:#ddd;text-shadow:0 1px 3px #000;margin:0;font-size:15px}.modal{width:min(420px,100vw - 32px)}.modal-body{text-align:center;padding:18px 20px 20px}.modal-body .controls-hint{margin-top:14px;font-size:13px}.summary{grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 12px;display:grid}.summary div{background:var(--panel-2);border-radius:12px;padding:10px}.summary dt{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:12px}.summary dd{margin:4px 0 0;font-size:22px;font-weight:900}.new-record{color:var(--gold);margin:0 0 12px;font-size:22px;font-weight:900}.go-best{color:var(--muted);margin:0 0 14px;font-size:13px}.go-best span+span:before{content:" · "}.go-essence{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 10px;margin:0 0 10px;font-size:14px;display:flex}.go-essence strong{color:var(--hx-blue);font-size:18px}.go-unlocks{border:1px solid var(--hx-gold);color:var(--hx-gold);text-align:center;background:#c8aa6e1f;border-radius:6px;margin:0 0 12px;padding:8px 12px;font-weight:800;list-style:none}#fps{color:#9f9;background:#0009;padding:2px 6px;font:12px monospace;position:absolute;bottom:16px;right:16px}#error-overlay{z-index:100;color:#ffdede;pointer-events:auto;background:#280000eb;border:2px solid #ff5a5a;max-height:50vh;padding:12px 16px;font:13px/1.4 monospace;position:fixed;bottom:16px;left:16px;right:16px;overflow:auto}#error-overlay h2{color:#ff8a8a;margin:0 0 8px;font-size:15px}#error-overlay pre{white-space:pre-wrap;margin:0 0 8px}#error-overlay p{margin:0 0 8px;font:14px/1.4 inherit}#error-overlay summary{cursor:pointer;margin-bottom:8px}body[data-state=playing] #error-overlay{width:min(380px,100vw - 32px);max-height:32vh;top:72px;bottom:auto;left:auto}#error-overlay pre[data-count]:before{content:attr(data-count) " ";color:#ff8a8a;font-weight:700}@media (width<=1000px){.main-records{display:none}.champs-layout,.maps-layout{grid-template-columns:1fr;height:auto;overflow:auto}.champ-head{grid-template-columns:120px 1fr}.champ-portrait{width:120px;height:120px}.champ-stats{grid-column:1/-1}.champ-kit{grid-template-columns:1fr}.map-preview{min-height:300px}.key-hints{display:none}}@media (width<=640px){#hud-champ{width:250px;height:74px}.hud-splash{width:100px}.hud-champ-info strong{margin-bottom:5px;font-size:18px}#champ-hud-name.long{font-size:14px}#hud-center{gap:10px;padding:6px 12px;top:94px}.hud-map{display:none}#timer{font-size:24px}.card{width:100%;min-height:0}.detail-foot{flex-direction:column}.detail-foot .btn-cta{width:100%;min-width:0}}.event-banner[hidden]{display:none}.event-banner{background:var(--panel);border:2px solid var(--gold);text-align:center;pointer-events:none;border-radius:14px;flex-direction:column;align-items:center;gap:2px;max-width:min(560px,100vw - 32px);padding:10px 26px;animation:.35s ease-out event-in;display:flex;position:absolute;top:190px;left:50%;transform:translate(-50%)}.event-banner strong{color:var(--gold-light);letter-spacing:.04em;text-transform:uppercase;font-size:22px;font-weight:900}.event-banner span{color:var(--muted);font-size:14px}.event-banner.danger{border-color:var(--red);box-shadow:0 0 24px #e0353f73}.event-banner.danger strong{color:#ff9a8a}.event-banner.reward{border-color:var(--teal);box-shadow:0 0 24px #1fb8a873}.event-banner.reward strong{color:#8ff5e4}.event-banner.leaving{opacity:0;transition:opacity .4s}@keyframes event-in{0%{opacity:0;transform:translate(-50%,-12px)scale(.96)}}#menu-maps .menu-topbar,#menu-maps .map-tabs,#menu-maps .prepare{z-index:2;position:relative}.has-img img{object-fit:contain;filter:drop-shadow(0 2px 3px #0009);width:100%;height:100%}.card .icon.has-img{width:92px;height:92px;box-shadow:none;background:0 0;margin-top:18px}.kit-icon.has-img{background:radial-gradient(circle,#2a1650,#120a24);padding:3px}.ability .ic.has-img{position:absolute;inset:4px}.ability.ult .ic.has-img{inset:6px}#kills .skull.has-img{vertical-align:middle;width:24px;height:24px;display:inline-block}.power .ic.has-img{width:calc(24px * var(--s,1));height:calc(24px * var(--s,1));vertical-align:middle;display:inline-block}.menu-bg{background-position:100%;background-size:cover;position:absolute;inset:0}#hud-objective{white-space:nowrap;background:#141622d9;border-radius:999px;padding:3px 14px;font-size:14px;font-weight:800;position:absolute;top:74px;left:50%;transform:translate(-50%)}#hud-objective:empty{display:none}#boss-bar{text-align:center;width:min(620px,100vw - 32px);position:absolute;top:108px;left:50%;transform:translate(-50%)}@media (width<=640px){#hud-objective{white-space:normal;text-align:center;max-width:calc(100vw - 24px);font-size:12px;top:150px}#boss-bar{top:184px}}.boss-label strong{font-family:var(--font-title);letter-spacing:.04em;text-shadow:0 2px 6px #000;font-size:24px;font-weight:900}.boss-label small{color:#ffb0b8;text-shadow:0 1px 3px #000;margin-bottom:4px;font-size:13px;display:block}.boss-track{background:#2a0a10;border:3px solid #ffffffd9;border-radius:999px;height:20px;position:relative;overflow:hidden;box-shadow:0 4px #00000073}#boss-hp{color:#fff;text-shadow:0 1px 2px #000000e6;place-items:center;font-size:12px;font-weight:900;line-height:1;display:grid;position:absolute;inset:0}#boss-fill{transform-origin:0;background:linear-gradient(#ff6a78,#c0102a);height:100%;transition:transform .15s ease-out}#banner{text-align:center;pointer-events:none;background:linear-gradient(90deg,#0000,#140a28b8 15% 85%,#0000);border-radius:12px;max-width:calc(100vw - 32px);padding:6px 22px 8px;animation:.35s ease-out banner-in;position:absolute;top:92px;left:50%;transform:translate(-50%)}#banner strong{font-family:var(--font-title);white-space:nowrap;color:#fff;text-shadow:0 3px #00000080,0 0 22px #a040ffcc;font-size:clamp(22px,3vw,34px);font-weight:900;line-height:1.15;display:block}#banner small{text-shadow:0 2px 4px #000;font-size:15px;font-weight:800}#hud:has(#boss-bar:not(.hidden)) #banner{top:262px}@keyframes banner-in{0%{opacity:0;transform:translate(-50%,-10px)}}#portal-arrow{color:#d9a0ff;background:#140a28bf;border:2px solid;border-radius:50%;place-items:center;width:46px;height:46px;margin:-23px 0 0 -23px;font-size:30px;display:grid;position:absolute;box-shadow:0 0 16px}.portal-prompt{border:2px solid var(--gold);color:#f6ecff;white-space:nowrap;pointer-events:none;background:#140a28e0;border-radius:10px;padding:6px 12px;font-size:15px;font-weight:900;animation:.8s ease-in-out infinite alternate recast-pulse;position:absolute;transform:translate(-50%,-100%)}.portal-prompt.hidden{display:none}.portal-prompt kbd{margin-right:6px}#portal-arrow.open{color:#ffd060}#portal-arrow span{display:block}.panel-head.gold-win{background-color:#d39a1c}.hud-counters{flex-direction:column;gap:2px;display:flex}#gold{color:#ffd45a;font-size:18px;font-weight:900}.coin{vertical-align:-2px;background:radial-gradient(circle at 35% 30%,#fff6c0,#ffcf3a 45%,#b8780e);border:2px solid #3a2408;border-radius:50%;width:16px;height:16px;display:inline-block}.has-img img[src*=ddragon]{object-fit:cover;filter:none;border-radius:10px;box-shadow:0 0 0 2px #e6b450cc}.ability.ult .ic.has-img img[src*=ddragon]{border-radius:50%}.item-card .card-top{background-color:var(--rar)}.item-card .icon.has-img{width:76px;height:76px}.item-card .icon img{box-shadow:0 0 0 3px #00000073, 0 0 18px var(--rar);border-radius:12px}.rarity-legendario .card-top{background-image:var(--stripes), linear-gradient(120deg, #ff6a8a, #ffd060, #60e0ff, #b070ff)}.item-stats{color:#9fe6b0;margin:10px 0 0;padding:0;font-size:14px;font-weight:800;list-style:none}.item-stats li{margin-bottom:3px}.item-card.too-expensive{opacity:.55;filter:grayscale(.5)}.item-card.sold{opacity:.25;cursor:default}.item-card.sold:after{content:"Comprado";text-align:center;font-size:24px;font-weight:900;position:absolute;inset:45% 0 auto;transform:rotate(-12deg)}.shop-gold{color:#ffd45a;text-shadow:0 2px 4px #000;margin:0;font-size:22px;font-weight:900}.shop-actions{gap:12px;display:flex}.shop-actions .btn-cta,.shop-actions .btn-secondary{width:auto;margin:0;padding:12px 22px;font-size:18px}.shop-actions .btn-secondary:disabled{opacity:.5;cursor:default}#inventory{background:var(--panel);border:1px solid var(--panel-line);pointer-events:auto;border-radius:14px;grid-template-columns:repeat(3,46px);gap:6px;padding:8px;display:grid;position:absolute;bottom:18px;left:14px}.inv-slot{border:2px dashed #ffffff26;border-radius:10px;width:46px;height:46px;overflow:hidden}.inv-slot img{object-fit:cover;width:100%;height:100%}@media (width<=640px){#inventory{grid-template-columns:repeat(6,32px);bottom:120px}.inv-slot{width:32px;height:32px}}.hud-shop{border:1px solid var(--gold-dark);font:inherit;color:var(--gold-light);background:var(--panel);cursor:pointer;pointer-events:auto;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:800;display:flex;position:absolute;bottom:132px;left:14px}.hud-shop:hover{border-color:var(--gold)}#store{padding:16px}.store{flex-direction:column;width:min(1180px,100%);height:min(780px,100%);margin:0 auto;display:flex;overflow:hidden}.store .panel-head{align-items:center;gap:14px;display:flex}.store .panel-head>span{font-family:var(--font-title);font-size:22px}#store-search{max-width:320px;font:inherit;color:var(--ink);background:#00000059;border:1px solid #0000004d;border-radius:999px;flex:1;padding:6px 12px}.store-gold{margin-left:auto;font-size:16px}.store-gold b{color:#fff3c4}.store .panel-head .btn-secondary{width:auto;margin:0;padding:6px 14px;font-size:14px}.store-body{flex:1;grid-template-columns:180px 1fr 300px;min-height:0;display:grid}.store-cats{border-right:1px solid var(--panel-line);flex-direction:column;gap:2px;padding:10px;display:flex;overflow-y:auto}.store-cats button{font:inherit;text-align:left;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 10px;font-size:13px;font-weight:700}.store-cats button:hover,.store-cats button.active{color:var(--ink);background:#e6b45029}.store-list{color:var(--muted);padding:10px 14px;overflow-y:auto}.store-list,.store-cats,.store-detail{scrollbar-color:var(--gold-dark) transparent;scrollbar-width:thin}.store-list h4,.store-detail h5,.store-foot h5{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin:10px 0 6px;font-size:12px;font-weight:900}.store-grid{grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:8px;display:grid}.store-item{font:inherit;color:#ffd45a;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:0;font-size:12px;font-weight:800;display:flex;position:relative}.store-item img{border:2px solid var(--rar);border-radius:8px;width:50px;height:50px;box-shadow:0 0 0 1px #0009}.store-item:hover img,.store-item.selected img{box-shadow:0 0 0 2px #fff, 0 0 14px var(--rar)}.store-item.too-expensive img{filter:grayscale(.7)brightness(.7)}.store-item.too-expensive span{color:var(--muted)}.store-item.small img{width:40px;height:40px}.store-item.owned:after{content:"✓";text-align:center;color:#fff;background:var(--green);border-radius:50%;width:18px;height:18px;font-size:12px;line-height:18px;position:absolute;top:-4px;right:-4px}.store-detail{border-left:1px solid var(--panel-line);padding:12px 16px;overflow-y:auto}.store-head{align-items:center;gap:12px;display:flex}.store-head img{border:3px solid var(--rar);width:64px;height:64px;box-shadow:0 0 16px var(--rar);border-radius:10px}.store-head strong{font-size:18px;display:block}.store-head small{color:#ffd45a;font-weight:700}.store-passive{color:var(--muted);margin:8px 0;font-size:13px;line-height:1.45}.store-recipe>div{flex-wrap:wrap;gap:8px;display:flex}.store-detail .btn-cta,.store-detail .btn-secondary{width:100%;margin:14px 0 0;padding:10px;font-size:16px}.store-detail .btn-cta:disabled{opacity:.45;cursor:default}.store-msg{min-height:1em;color:var(--gold-light);margin:8px 0 0;font-weight:800}.store-hint{color:var(--muted)}.store-foot{border-top:1px solid var(--panel-line);grid-template-columns:auto 1fr;gap:24px;padding:4px 16px 14px;display:grid}.store-inventory{grid-template-columns:repeat(6,50px);gap:6px;display:grid}.store-inventory .inv-slot{cursor:pointer;background:#0000004d;width:50px;height:50px;padding:0}.store-inventory .inv-slot.selected{box-shadow:0 0 0 2px #fff, 0 0 12px var(--rar)}.store-stats{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:2px 18px;font-size:12px;display:grid}.store-stats div{color:var(--muted);justify-content:space-between;gap:8px;display:flex}@media (width<=900px){.store-body{grid-template-columns:1fr;overflow-y:auto}.store-cats{border-right:0;flex-flow:wrap}.store-foot{grid-template-columns:1fr}}.champ-tile.duel-locked img{filter:grayscale()brightness(.55)}.champ-tile.duel-locked small{color:var(--gold)}#champ-pick:disabled{opacity:.75;cursor:default;font-size:15px}body.void-floor canvas.game-canvas{filter:hue-rotate(-75deg)saturate(1.35)brightness(.85);transition:filter 1.2s}body.panic:after{content:"";pointer-events:none;z-index:5;background:radial-gradient(#0000 62%,#a5232b1a 82%,#a5232b52 100%);animation:2.4s ease-in-out infinite alternate panic-breathe;position:fixed;inset:0}@keyframes panic-breathe{0%{opacity:.6}to{opacity:1}}#hud-panic{display:none}body.panic #hud-panic{color:#ffe1c2;background:#5a2028;border-color:#d74c55;animation:2.4s ease-in-out infinite panic-glow;display:inline-block}@keyframes panic-glow{0%,to{box-shadow:0 0 6px #d74c5533}50%{box-shadow:0 0 16px #d74c55a6}}@media (prefers-reduced-motion:reduce){body.panic:after,body.panic #hud-panic{animation:none}}body:is([data-state=paused],[data-state=levelup],[data-state=chest],[data-state=shop],[data-state=gameover]) :is(#event-banner,#banner,.tutorial){display:none}#summoner-spells{gap:calc(6px * var(--s));margin-left:calc(6px * var(--s));flex-shrink:0;display:flex}.ability.spell{width:calc(44px * var(--s,1));height:calc(44px * var(--s,1));pointer-events:auto;cursor:pointer;border-color:#ffd06080;border-radius:10px}.ability.spell .ic.has-img img{width:100%;height:100%;display:block}.ability.spell .time{color:#fff;text-shadow:0 1px 3px #000;place-items:center;font-size:15px;font-weight:900;display:grid;position:absolute;inset:0}.card.augment{--frame:linear-gradient(160deg, #fff, #9fb4d4 30%, #e8f0ff 55%, #7f95b8 80%, #dfe9ff);--glow:#aac8ff8c;--tint:#5d7fb3;--tint2:#23324d;text-align:center;background:radial-gradient(circle at 50% 24%, color-mix(in srgb, var(--tint) 55%, transparent), transparent 58%) padding-box, linear-gradient(180deg, var(--tint2) 0%, #121524 55%, #0b0d17 100%) padding-box, var(--frame) border-box;width:232px;min-height:340px;box-shadow:0 10px 24px #0000008c, 0 0 14px var(--glow);border:3px solid #0000;border-radius:16px;transition:transform .12s,box-shadow .12s}.card.augment.ability-card{--frame:linear-gradient(160deg, #fff6cf, #f0b733 30%, #ffe48a 55%, #c07f12 80%, #ffd45e);--glow:#ffc44099;--tint:#e0a12a;--tint2:#4a3410}@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}@property --tint{syntax:"<color>";inherits:true;initial-value:#5d7fb3}@property --tint2{syntax:"<color>";inherits:true;initial-value:#23324d}@property --glow{syntax:"<color>";inherits:true;initial-value:#aac8ff8c}.card.augment.rune-card,.card.augment.spell-card{--frame:conic-gradient(from var(--spin), #ff8de0, #a77bff, #5fe6ff, #ffe36e, #ff8de0);--glow:#c882ffb3;--tint:#a45cff;--tint2:#2e1650;animation:4s linear infinite augment-spin,6s linear infinite augment-rainbow}@keyframes augment-spin{to{--spin:360deg}}@keyframes augment-rainbow{0%,to{--tint:#a45cff;--tint2:#2e1650;--glow:#be78ffbf}25%{--tint:#2fc4ff;--tint2:#0f2f4a;--glow:#50c8ffbf}50%{--tint:#ff4fb8;--tint2:#4a1236;--glow:#ff5abebf}75%{--tint:#ffc93a;--tint2:#4a3510;--glow:#ffc846bf}}.card.augment:before{content:"";pointer-events:none;border:1px solid #ffffff14;border-radius:11px;position:absolute;inset:5px}.card.augment:hover,.card.augment:focus-visible{box-shadow:0 10px 24px #0000008c, 0 0 30px var(--glow);border-color:#0000;transform:translateY(-6px)}.card.augment .card-top{background:0 0;height:132px}.card.augment .card-top:before{content:"";border:3px dashed #ffffffbf;border-color:#ffffffbf #ffffffbf #ffffff47 #ffffff47;border-radius:50%;width:104px;height:104px;margin-left:-52px;animation:14s linear infinite augment-ring;position:absolute;top:26px;left:50%}@keyframes augment-ring{to{transform:rotate(360deg)}}.card.augment .icon,.card.augment .icon.has-img{width:78px;height:78px;box-shadow:0 0 18px var(--glow);background:radial-gradient(circle,#2c3047 0%,#0f1120 75%);border-radius:50%;margin-top:30px;font-size:38px;position:relative}.card.augment .icon img{object-fit:cover;border-radius:50%;width:100%;height:100%}.card.augment .icon.has-img img[src*=ddragon]{box-shadow:none;border-radius:50%}.card.augment .card-kind,.card.augment .card-new{letter-spacing:.04em;text-transform:uppercase;color:#cfd3e3;background:#ffffff12;padding:1px 8px;font-size:10px;top:9px}.card.augment .card-body{align-items:center;padding:6px 18px 34px}.card.augment .name{color:#fff;text-shadow:0 2px 6px #0009;font-size:23px;line-height:1.15}.card.augment .lvl{letter-spacing:.05em;text-transform:uppercase;color:color-mix(in srgb, var(--tint) 60%, #fff);margin-top:3px;font-size:11px}.card.augment .desc{color:#d4d8e6;margin-top:12px;font-size:14px;font-weight:600;line-height:1.4}.card.augment .pips{justify-content:center}.card.augment .key{background:#ffffff0f}@media (prefers-reduced-motion:reduce){.card.augment .card-top:before,.card.augment.rune-card,.card.augment.spell-card{animation:none}}@media (width<=640px){#levelup-screen,#chest-screen{align-items:flex-start;padding:14px 0;overflow-y:auto}.card.augment{width:100%;min-height:0}.card.augment .card-top{height:92px}.card.augment .card-top:before{width:76px;height:76px;margin-left:-38px;top:18px}.card.augment .icon,.card.augment .icon.has-img{width:56px;height:56px;margin-top:20px;font-size:28px}.card.augment .desc{margin-top:6px;font-size:13px}.card.augment{text-align:left;grid-template-columns:72px 1fr;align-items:center;padding-top:22px;display:grid}.card.augment .card-top{height:auto;position:static}.card.augment .card-top:before{display:none}.card.augment .icon,.card.augment .icon.has-img{width:52px;height:52px;margin:0 auto}.card.augment .card-body{align-items:flex-start;padding:4px 26px 10px 0}.card.augment .name{font-size:17px}.card.augment .desc{margin-top:4px}}.store-body{flex-direction:column;gap:14px;padding:16px;display:flex;overflow-y:auto}.store-offer{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;display:grid}.offer-card{background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--rar,#888) 35%, transparent), transparent 60%) padding-box, linear-gradient(180deg, #1a1d2e, #0d0f19) padding-box, linear-gradient(160deg, #fff, var(--rar,#888) 45%, #222) border-box;min-height:250px;box-shadow:0 0 14px color-mix(in srgb, var(--rar,#888) 50%, transparent);border:3px solid #0000;border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex}.offer-card.sold{opacity:.4;box-shadow:none;background:#ffffff0a;border:2px dashed #fff3;place-items:center;display:grid}.offer-head{align-items:center;gap:10px;display:flex}.offer-head img{width:54px;height:54px;box-shadow:0 0 0 2px var(--rar), 0 0 12px var(--rar);border-radius:10px}.offer-head strong{font-size:17px;line-height:1.15;display:block}.offer-head small{color:var(--muted);font-size:12px}.offer-card .item-stats{flex:1;margin:0;font-size:13px}.offer-card .item-stats li.passive{color:#ffe08a;margin-top:6px;font-weight:700}.offer-buy{width:100%;margin:0;padding:8px;font-size:18px}.store-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.store-actions .btn-secondary{width:auto;margin:0;padding:8px 14px;font-size:15px}.store-potion img{vertical-align:middle;border-radius:4px;width:22px;height:22px}.store-actions .store-msg{margin:0}.inv-slot{position:relative}.inv-count{color:#fff;background:#000c;border-radius:4px;padding:0 3px;font-size:11px;font-weight:900;line-height:1.2;position:absolute;bottom:0;right:1px}#inventory:empty{display:none}#inventory{grid-template-columns:repeat(4,40px);max-height:200px;overflow-y:auto}#inventory .inv-slot{width:40px;height:40px}@media (width<=640px){#inventory{grid-template-columns:repeat(6,30px)}#inventory .inv-slot{width:30px;height:30px}}.hud-shop{opacity:.6}.hud-shop.near{opacity:1;animation:.9s ease-in-out infinite alternate shop-near;box-shadow:0 0 16px #ffc83acc}@keyframes shop-near{to{transform:translateY(-2px)}}#minimap{background:linear-gradient(#0b0d17,#0b0d17) padding-box padding-box,linear-gradient(160deg,#f5d47e,#8a6420 45%,#e8c06a 70%,#5c4214) border-box;border:3px solid #0000;border-radius:8px;width:190px;height:190px;position:absolute;bottom:18px;right:14px;box-shadow:0 6px 18px #0009}@media (width<=640px){#minimap{width:110px;height:110px;bottom:120px}}.store-inventory.empty{color:var(--muted);font-size:13px;display:block}.sound-sliders{flex-direction:column;gap:12px;width:min(360px,100%);margin:0 auto 6px;display:flex}.sound-row{grid-template-columns:120px 1fr 58px;align-items:center;gap:10px;font-weight:800;display:grid}.sound-row input{width:100%;accent-color:var(--gold)}.sound-row b{white-space:nowrap;text-align:right;color:#fff3c4}.main-sound{align-self:flex-start;width:auto;margin:0 0 10px;padding:8px 16px}.card.augment.rarity-comun{--frame:linear-gradient(160deg, #fff, #9fb4d4 30%, #e8f0ff 55%, #7f95b8 80%, #dfe9ff);--glow:#aac8ff80;--tint:#5d7fb3;--tint2:#23324d}.card.augment.rarity-pocoComun{--frame:linear-gradient(160deg, #eaffe8, #3fd36a 30%, #b8ffc4 55%, #1f9a45 80%, #9dffb4);--glow:#50e67899;--tint:#2fbf5f;--tint2:#12391f}.card.augment.rarity-raro{--frame:linear-gradient(160deg, #e6f3ff, #3f8ae0 30%, #a8d4ff 55%, #1f5fb0 80%, #8cc8ff);--glow:#4696ffa6;--tint:#3f8ae0;--tint2:#12284a}.card.augment.rarity-epico{--frame:linear-gradient(160deg, #fbe6ff, #b44dff 30%, #e3a8ff 55%, #7a1fd0 80%, #d58cff);--glow:#be5affbf;--tint:#a64dff;--tint2:#301250;animation:1.6s ease-in-out infinite epic-pulse}@keyframes epic-pulse{50%{box-shadow:0 10px 24px #0000008c, 0 0 30px var(--glow)}}.card.augment.rarity-legendario{--frame:conic-gradient(from var(--spin), #fff3b0, #ffb02e, #ff5fa2, #ffe36e, #5fe6ff, #fff3b0);--glow:#ffbe3cf2;--tint:#ffb02e;--tint2:#4a2c08;z-index:2;border-width:4px;animation:2.5s linear infinite augment-spin,1.1s ease-in-out infinite legend-pulse,.6s cubic-bezier(.2,1.6,.4,1) backwards legend-enter}@keyframes legend-pulse{0%,to{box-shadow:0 10px 24px #0000008c,0 0 22px #ffbe3cb3,0 0 60px #ff783c59}50%{box-shadow:0 10px 24px #0000008c,0 0 40px #ffdc5a,0 0 110px #ff8c3c99}}@keyframes legend-enter{0%{opacity:0;transform:scale(.6)rotate(-6deg)}to{opacity:1;transform:none}}.card.augment.rarity-legendario:after{content:"";border-radius:inherit;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 35%,#ffffff8c 48%,#ffe69659 52%,#0000 65%) 0 0/250% 100%;animation:2.2s ease-in-out infinite legend-shine;position:absolute;inset:0}@keyframes legend-shine{0%{background-position:130% 0}60%,to{background-position:-30% 0}}.card.augment.rarity-legendario .card-top:after{content:"";background:repeating-conic-gradient(#ffdc788c 0 8deg, transparent 8deg 24deg);pointer-events:none;border-radius:50%;width:190px;height:190px;margin-left:-95px;animation:6s linear infinite legend-rays;position:absolute;top:-10px;left:50%;-webkit-mask:radial-gradient(circle,#000 20%,#0000 68%);mask:radial-gradient(circle,#000 20%,#0000 68%)}@keyframes legend-rays{to{transform:rotate(360deg)}}.card.augment.rarity-legendario .icon{z-index:1;box-shadow:0 0 26px #ffd25a,0 0 60px #ff8c3cb3}.card.augment.rarity-legendario .card-body:before{content:"";opacity:.9;pointer-events:none;background-image:radial-gradient(circle,#fff7c8 0 1.5px,#0000 2.5px),radial-gradient(circle,#ffd060 0 1.5px,#0000 2.5px),radial-gradient(circle,#ff9be0 0 1px,#0000 2px);background-position:10px 0,40px 20px,25px 40px;background-size:60px 70px,85px 95px,45px 55px;animation:3s linear infinite legend-sparkles;position:absolute;inset:0}@keyframes legend-sparkles{to{background-position:10px -70px,40px -75px,25px -15px}}.card.augment.rarity-legendario .card-body>*{z-index:1;position:relative}.card.augment.rarity-legendario .name{background:linear-gradient(90deg,#fff3b0,#ffb02e,#ff8de0,#fff3b0) 0 0/200% 100%;color:#0000;text-shadow:none;filter:drop-shadow(0 2px 4px #000000b3);-webkit-background-clip:text;background-clip:text;animation:2s linear infinite legend-text}@keyframes legend-text{to{background-position:-200% 0}}.card.augment.rarity-legendario .lvl{color:#ffe08a;font-weight:900}@media (prefers-reduced-motion:reduce){.card.augment.rarity-epico,.card.augment.rarity-legendario,.card.augment.rarity-legendario:after,.card.augment.rarity-legendario .card-top:after,.card.augment.rarity-legendario .card-body:before,.card.augment.rarity-legendario .name{animation:none}}:root{--stripes:none;--hx-gold:#c8aa6e;--hx-gold-hi:#f0e6d2;--hx-gold-dk:#785a28;--hx-bg:#090c15;--hx-bg-2:#121829;--hx-violet:#8b5cf6;--hx-border:linear-gradient(180deg, #e8d7a8, #c8aa6e 25%, #785a28 70%, #c8aa6e);--hx-bright:linear-gradient(180deg, #fff3c4, #c8aa6e 35%, #785a28 75%, #c8aa6e);--hx-dim:linear-gradient(180deg, #785a28, #2a2312);--hx-cut:12px}.panel-card,.btn-cta,.btn-secondary,.tile,.back-btn,.champ-chip,.champ-portrait,.champ-tile,.map-tab{clip-path:polygon(var(--hx-cut) 0, calc(100% - var(--hx-cut)) 0, 100% var(--hx-cut), 100% calc(100% - var(--hx-cut)), calc(100% - var(--hx-cut)) 100%, var(--hx-cut) 100%, 0 calc(100% - var(--hx-cut)), 0 var(--hx-cut))}kbd{color:var(--hx-gold);border:1px solid var(--hx-gold-dk);background:linear-gradient(#1a2032,#0b0e18);border-bottom-width:2px;border-radius:3px}.eyebrow{color:var(--hx-gold);letter-spacing:.22em}.eyebrow:before{content:"◆ ";color:var(--hx-gold-dk);font-size:.8em}.chip{color:var(--hx-gold-hi);background:#c8aa6e14;border:1px solid #c8aa6e73;border-radius:2px}.chip.red{color:#ffb0b4;background:#e0353f1f;border-color:#e0535cb3}.chip.purple{color:#d6c2ff;background:#8b5cf624;border-color:#9b6bffb3}.chip.teal{color:#9ff0e6;background:#1fb8a81f;border-color:#2bc0b0b3}.chip.green{color:#a8f0c0;background:#35c0621f;border-color:#3fbf7fb3}.chip.gold{color:#3a2400;background:var(--hx-gold);border-color:var(--hx-gold-hi)}.panel-card{background:radial-gradient(120% 70% at 50% 0%, #8b5cf61f, transparent 60%) padding-box, linear-gradient(180deg, var(--hx-bg-2), var(--hx-bg)) padding-box, var(--hx-border) border-box;box-shadow:none;border:1.5px solid #0000;border-radius:0}.panel-head{--accent:var(--hx-gold);font-family:var(--font-title);letter-spacing:.1em;text-transform:uppercase;color:var(--hx-gold-hi);text-shadow:0 0 12px #c8aa6e59;box-shadow:inset 3px 0 0 var(--accent);background:linear-gradient(90deg,#c8aa6e29,#c8aa6e08 70%,#0000);border-bottom:1px solid #c8aa6e66;align-items:center;padding:11px 18px 10px;font-size:17px}.panel-head>span:first-child:before{content:"◆";vertical-align:.15em;color:var(--accent);margin-right:10px;font-size:.7em}.panel-head small{font-family:var(--font-ui);letter-spacing:0;text-transform:none;color:var(--muted)}.panel-head.gold,.panel-head.red,.panel-head.purple,.panel-head.green,.panel-head.dark{background-color:#0000}.panel-head.red{--accent:#e0535c}.panel-head.purple{--accent:#9b6bff}.panel-head.green{--accent:#3fbf7f}.panel-head.dark{--accent:#6b7290}.banner{--ribbon:polygon(20px 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 20px 100%, 0 50%);isolation:isolate;font-family:var(--font-title);letter-spacing:.08em;text-transform:uppercase;color:var(--hx-gold-hi);text-shadow:0 0 14px #c8aa6e8c;background:linear-gradient(90deg, var(--hx-gold-dk), var(--hx-gold-hi) 50%, var(--hx-gold-dk));clip-path:var(--ribbon);box-shadow:none;border:0;border-radius:0;padding:10px 44px;font-size:24px;position:relative;transform:none}.banner:before{content:"";z-index:-1;clip-path:var(--ribbon);background:radial-gradient(80% 120% at 50% 0%, var(--banner-glow,#8b5cf659), transparent 70%), linear-gradient(180deg, #1b2236, #0a0d16);position:absolute;inset:2px}.banner small{font-family:var(--font-ui);letter-spacing:0;text-transform:none;color:var(--muted)}.banner.red{--banner-glow:#e0353f66}.banner.orange{--banner-glow:#ffb02e66}.banner.big{background:linear-gradient(90deg, var(--hx-gold-dk), #fff3c4 50%, var(--hx-gold-dk));padding:12px 64px;font-size:44px;animation:.45s cubic-bezier(.2,1.5,.4,1) both hx-banner-in}.banner.big:after{content:"";clip-path:var(--ribbon);pointer-events:none;background:linear-gradient(110deg,#0000 35%,#fff5d28c 50%,#0000 65%) 0 0/260% 100%;animation:2.4s ease-in-out infinite hx-sweep;position:absolute;inset:0}@keyframes hx-banner-in{0%{opacity:0;letter-spacing:.4em;transform:scale(.7)}}@keyframes hx-sweep{0%{background-position:130% 0}55%,to{background-position:-30% 0}}.btn-cta,.btn-secondary{--hx-cut:10px;font-family:var(--font-title);letter-spacing:.1em;text-transform:uppercase;text-shadow:0 0 10px #c8aa6e80;color:var(--hx-gold-hi);box-shadow:none;border:1.5px solid #0000;border-radius:0;transition:filter .15s,transform 80ms}.btn-cta{background:radial-gradient(90% 140% at 50% 120%, #8b5cf68c, transparent 70%) padding-box, linear-gradient(180deg, #23203d, #0e0d1c) padding-box, var(--hx-bright) border-box}.btn-secondary{color:var(--hx-gold);background:linear-gradient(#161c2c,#0b0e18) padding-box padding-box,linear-gradient(#c8aa6e,#463714) border-box;font-size:16px}.btn-cta:hover,.btn-cta:focus-visible{filter:brightness(1.2)drop-shadow(0 0 10px #8b5cf6cc)}.btn-secondary:hover,.btn-secondary:focus-visible{filter:brightness(1.3)}.btn-cta:active,.btn-secondary:active{transform:translateY(1px)}.menu-shade{background:radial-gradient(70% 90% at 28%,#0a081659,#05040ceb 85%),linear-gradient(90deg,#06050ecc,#0000 60%)}.tile{--accent:var(--hx-gold);--hx-cut:14px;box-shadow:inset 4px 0 0 var(--accent);background:radial-gradient(70% 140% at 0% 50%, color-mix(in srgb, var(--accent) 28%, transparent), transparent 70%) padding-box, linear-gradient(180deg, #151b2c, #0a0d17) padding-box, linear-gradient(180deg, #c8aa6e, #463714 70%, #785a28) border-box;border:1.5px solid #0000;border-radius:0}.tile:hover,.tile:focus-visible{filter:brightness(1.18);transform:translate(4px)}.tile-text strong{font-family:var(--font-title);letter-spacing:.06em;color:var(--hx-gold-hi);text-shadow:0 0 12px color-mix(in srgb, var(--accent) 60%, transparent)}.tile-text small{color:var(--muted)}.tile-play{--accent:var(--hx-violet);box-shadow:inset 5px 0 0 var(--hx-gold);background:radial-gradient(60% 150% at 18% 50%, #8b5cf680, transparent 70%) padding-box, linear-gradient(180deg, #1c1834, #0b0a18) padding-box, var(--hx-bright) border-box;border:2px solid #0000}.tile-play .tile-text strong{background:linear-gradient(#fff6d8,#c8aa6e 70%,#8a6420);color:#0000;text-shadow:none;filter:drop-shadow(0 0 14px #8b5cf6b3);-webkit-background-clip:text;background-clip:text}.tile-purple{--accent:#9b6bff;box-shadow:inset 4px 0 #9b6bff}.tile-teal{--accent:#2bc0b0;box-shadow:inset 4px 0 #2bc0b0}.tile-icon{color:var(--hx-gold-hi);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:radial-gradient(circle, color-mix(in srgb, var(--accent) 45%, #11141f) 30%, #0b0e18 70%) padding-box;box-shadow:none;border:0;border-radius:0;outline:0}.portrait-ring{clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);box-shadow:none;background:linear-gradient(#fff3c4,#c8aa6e 40%,#785a28);border:0;border-radius:0;padding:3px}.portrait-ring img{clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);background:radial-gradient(circle at 50% 40%,#5b35b8,#120a26 75%);border:0;border-radius:0}.controls-box{background:linear-gradient(#121829d9,#090c15d9);border:1px solid #c8aa6e40;border-radius:0}.record-row,.foot-stats span,.record-box,.kit-col,.kit-card,.map-info{background:linear-gradient(#1a2032e6,#0c0f1ae6);border:1px solid #c8aa6e38;border-radius:0}.rec-time{font-family:var(--font-title);color:var(--hx-gold)}.back-btn,.champ-chip{--hx-cut:8px;color:var(--hx-gold-hi);box-shadow:none;background:linear-gradient(#161c2c,#0b0e18) padding-box padding-box,linear-gradient(#c8aa6e,#463714) border-box;border:1.5px solid #0000;border-radius:0}.champ-chip em{color:var(--hx-gold);border:1px solid var(--hx-gold-dk);background:0 0;border-radius:0}.champ-chip img{border-color:var(--hx-gold)}.champ-portrait{background:radial-gradient(circle at 50% 35%,#8b5cf673,#120a26 75%) content-box content-box,linear-gradient(#fff3c4,#c8aa6e 40%,#785a28) border-box;border:0;border-radius:0;padding:3px}.champ-id h2,.map-preview h2{font-family:var(--font-title);letter-spacing:.04em;color:var(--hx-gold-hi);text-shadow:0 0 18px #8b5cf699,0 3px 8px #000c}.champ-tile{--hx-cut:8px;box-shadow:none;background:radial-gradient(circle at 50% 30%, #8b5cf640, transparent 70%) padding-box, linear-gradient(180deg, #151b2c, #0a0d17) padding-box, var(--hx-dim) border-box;border:1.5px solid #0000;border-radius:0}.champ-tile.active{box-shadow:none;background:radial-gradient(circle at 50% 30%, #8b5cf673, transparent 70%) padding-box, linear-gradient(180deg, #1c1834, #0b0a18) padding-box, var(--hx-bright) border-box}.champ-tile.locked{background:linear-gradient(#10131d,#08090f) padding-box padding-box,linear-gradient(#3a3426,#1a1710) border-box}.champ-portrait img.splash,.champ-tile img.splash{object-fit:cover;object-position:50% 18%}.map-tab{--hx-cut:10px;box-shadow:none;background:linear-gradient(180deg, #151b2c, #0a0d17) padding-box, var(--hx-dim) border-box;border:1.5px solid #0000;border-radius:0}.map-tab.active{box-shadow:none;background:radial-gradient(80% 140% at 0% 50%, #c8aa6e38, transparent 70%) padding-box, linear-gradient(180deg, #1d1a2e, #0b0a16) padding-box, var(--hx-bright) border-box}.map-tab.locked{background:linear-gradient(#10131dd9,#08090fd9) padding-box padding-box,linear-gradient(#3a3426,#1a1710) border-box}.map-dot{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);border-radius:0}.map-preview{outline-offset:5px;border:1px solid #c8aa6ed9;border-radius:0;outline:1px solid #c8aa6e59}.diff-btn{--accent:var(--hx-gold);box-shadow:inset 3px 0 0 color-mix(in srgb, var(--accent) 50%, transparent);background:linear-gradient(#151b2c,#0a0d17);border:1px solid #c8aa6e40;border-radius:0}.diff-btn.d0{--accent:#3fbf7f}.diff-btn.d1{--accent:#e0a23a}.diff-btn.d2{--accent:#e0535c}.diff-btn.active,.diff-btn.d0.active,.diff-btn.d1.active,.diff-btn.d2.active{border-color:var(--accent);box-shadow:inset 4px 0 0 var(--accent), 0 0 14px color-mix(in srgb, var(--accent) 45%, transparent);background:radial-gradient(80% 160% at 0% 50%, color-mix(in srgb, var(--accent) 30%, transparent), transparent 70%), linear-gradient(180deg, #171d2e, #0b0e18)}.kit-icon{box-shadow:0 0 0 2px var(--hx-gold-dk)}.modal .panel-head{justify-content:center}@media (width<=640px){:root{--hx-cut:9px}.banner.big{padding:10px 44px;font-size:32px}}@media (prefers-reduced-motion:reduce){.banner.big,.banner.big:after{animation:none}}.panel-head.gold,.panel-head.red,.panel-head.purple,.panel-head.green,.panel-head.dark,.banner.red,.banner.orange{background-color:#0000}.tile-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tile-row .tile-text{min-width:0}@media (width<=640px){.tile-row .tile-text strong{letter-spacing:0;font-size:15px}.tile-row .tile{gap:8px;padding-left:12px;padding-right:8px}.tile-row .tile-icon{width:38px;height:38px;font-size:20px}}.challenge{z-index:40;pointer-events:auto;cursor:pointer;background:radial-gradient(55% 70% at 66%,#ffe9e0 0%,#ff6a5a 18%,#c3122a 45%,#5a0616 80%,#24020a 100%);animation:.35s ease-out both challenge-in;position:absolute;inset:0;overflow:hidden}.challenge-rays{background:repeating-conic-gradient(#fff0e638 0deg 5deg,#0000 5deg 15deg);width:260vmax;height:260vmax;animation:14s linear infinite challenge-spin;position:absolute;top:50%;left:66%;translate:-50% -50%;-webkit-mask:radial-gradient(circle,#000 0%,#0000 45%);mask:radial-gradient(circle,#000 0%,#0000 45%)}#challenge-silhouette{object-fit:contain;filter:drop-shadow(0 0 30px #ffffff59);width:auto;max-width:60%;height:96%;animation:.6s cubic-bezier(.2,1.4,.4,1) .45s both challenge-shadow;position:absolute;bottom:0;right:6%}.challenge-text{max-width:55%;position:absolute;top:50%;left:6%;translate:0 -50%}.challenge-text h2{font-family:var(--font-title);color:#fff;text-shadow:0 4px #6a0a1a,0 0 30px #ffffff80;margin:0;font-size:clamp(40px,8vw,104px);line-height:.95;animation:.5s cubic-bezier(.2,1.6,.4,1) .55s both challenge-slam}.challenge-text p{font-family:var(--font-title);letter-spacing:.12em;text-transform:uppercase;color:var(--hx-gold-hi,#f0e6d2);clip-path:polygon(0 0,100% 0,calc(100% - 22px) 100%,0 100%);background:linear-gradient(90deg,#12040a,#12040ad9 75%,#0000);margin:18px 0 0;padding:8px 40px 8px 18px;font-size:clamp(16px,2.4vw,28px);animation:.45s ease-out .9s both challenge-strip;display:inline-block}@keyframes challenge-in{0%{opacity:0}}@keyframes challenge-spin{to{rotate:360deg}}@keyframes challenge-shadow{0%{opacity:0;transform:scale(1.35)translate(12%)}}@keyframes challenge-slam{0%{opacity:0;transform:scale(2.2)}}@keyframes challenge-strip{0%{opacity:0;transform:translate(-60px)}}@media (width<=640px){#challenge-silhouette{opacity:.9;max-width:80%;height:70%;right:-8%}.challenge-text{max-width:90%;top:22%}}@media (prefers-reduced-motion:reduce){.challenge-rays{animation:none}}.challenge .reveal-title{display:none}.challenge.reveal{background:radial-gradient(55% 70% at 66%,#fff8e6 0%,#ffd77a 18%,#b8801e 45%,#4c2e06 80%,#1a0e02 100%)}.challenge.reveal .challenge-text h2:not(.reveal-title){display:none}.challenge.reveal .challenge-text h2.reveal-title{text-shadow:0 4px #5a3a08,0 0 30px #fff4d299;display:block}.challenge.reveal #challenge-silhouette{filter:brightness()drop-shadow(0 0 30px #ffe6a08c);animation:.6s cubic-bezier(.2,1.4,.4,1) .45s both challenge-shadow,1.2s ease-out .9s both reveal-color}@keyframes reveal-color{0%{filter:brightness(0)drop-shadow(0 0 30px #ffe6a08c)}}.champ-tile.is-new small{color:var(--hx-gold,#d7a85d);font-weight:900}.champ-tile.is-new{box-shadow:0 0 0 2px #d7a85dd9,0 0 14px #ffd27873}.champ-tile.is-new:before{content:"";z-index:1;pointer-events:none;border:2px solid var(--hx-gold,#d7a85d);position:absolute;inset:0;box-shadow:inset 0 0 14px #ffd2788c}#main-champs.has-new{position:relative}#main-champs.has-new:after{content:"";background:var(--hx-gold,#d7a85d);border-radius:50%;width:10px;height:10px;animation:1.6s ease-in-out infinite new-dot;position:absolute;top:8px;right:8px;box-shadow:0 0 10px #ffd278e6}@keyframes new-dot{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){#main-champs.has-new:after{animation:none}}.panel-head.gold-win{--accent:var(--hx-gold-hi);background-color:#0000;background-image:linear-gradient(90deg,#ffd84a52,#c8aa6e0f 70%,#0000)}.summary div{--hx-cut:7px;clip-path:polygon(var(--hx-cut) 0, calc(100% - var(--hx-cut)) 0, 100% var(--hx-cut), 100% calc(100% - var(--hx-cut)), calc(100% - var(--hx-cut)) 100%, var(--hx-cut) 100%, 0 calc(100% - var(--hx-cut)), 0 var(--hx-cut));background:linear-gradient(#1a2032,#0b0e18) padding-box padding-box,linear-gradient(#c8aa6eb3,#46371499) border-box;border:1px solid #0000;border-radius:0}.summary dt{color:var(--hx-gold)}.summary dd{font-family:var(--font-title);color:var(--hx-gold-hi)}.new-record{font-family:var(--font-title);letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(#fff6d8,#c8aa6e 70%,#8a6420);color:#0000;filter:drop-shadow(0 0 10px #ffd84a99);-webkit-background-clip:text;background-clip:text}.sound-row{color:var(--hx-gold-hi);background:linear-gradient(90deg,#c8aa6e14,#0000);border:1px solid #c8aa6e33;padding:6px 10px}.sound-row input[type=range]{appearance:none;background:linear-gradient(90deg, var(--hx-gold-dk), var(--hx-gold));border:1px solid #0b0e18;outline:1px solid #c8aa6e66;height:6px}.sound-row input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(135deg,#fff3c4,#c8aa6e 60%,#785a28);border:1px solid #0b0e18;width:14px;height:14px;rotate:45deg}.sound-row input[type=range]::-moz-range-thumb{cursor:pointer;background:linear-gradient(135deg,#fff3c4,#c8aa6e 60%,#785a28);border:1px solid #0b0e18;border-radius:0;width:12px;height:12px;rotate:45deg}.sound-row b{font-family:var(--font-title);color:var(--hx-gold-hi)}.store-cats button{font-family:var(--font-title);letter-spacing:.04em;border-radius:0}.store-cats button:hover,.store-cats button.active{color:var(--hx-gold-hi);box-shadow:inset 3px 0 0 var(--hx-gold);background:linear-gradient(90deg,#c8aa6e38,#0000)}#store-search{background:#090c15d9;border:1px solid #c8aa6e73;border-radius:0}.store-gold b{font-family:var(--font-title)}.offer-card{--hx-cut:12px;clip-path:polygon(var(--hx-cut) 0, calc(100% - var(--hx-cut)) 0, 100% var(--hx-cut), 100% calc(100% - var(--hx-cut)), calc(100% - var(--hx-cut)) 100%, var(--hx-cut) 100%, 0 calc(100% - var(--hx-cut)), 0 var(--hx-cut));background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--rar,#888) 30%, transparent), transparent 60%) padding-box, linear-gradient(180deg, #151b2c, #0a0d17) padding-box, linear-gradient(180deg, color-mix(in srgb, var(--rar,#c8aa6e) 70%, #fff3c4), #463714 75%, var(--rar,#785a28)) border-box;box-shadow:none;border-width:1.5px;border-radius:0}.offer-card.sold{clip-path:none;background:#c8aa6e0a;border:1px dashed #c8aa6e4d}.offer-head img{box-shadow:0 0 0 1px #0b0e18, 0 0 0 3px var(--rar), 0 0 12px color-mix(in srgb, var(--rar) 60%, transparent);border-radius:0}.offer-head strong{font-family:var(--font-title);letter-spacing:.03em;color:var(--hx-gold-hi)}.inv-slot{border:1px dashed #c8aa6e40;border-radius:0}.inv-slot.filled{border:2px solid var(--rar);box-shadow:inset 0 0 0 1px #0b0e18, 0 0 8px color-mix(in srgb, var(--rar) 55%, transparent)}.store-stats div{border-bottom:1px solid #c8aa6e1a}.store-stats b{color:var(--hx-gold-hi)}.store-msg{font-family:var(--font-title);color:var(--hx-gold)}:root{--hx-bg:#090e1b;--hx-bg-2:#121d35;--hx-steel:#222c49;--hx-gold:#d7a85d;--hx-gold-light:#f4d58a;--hx-gold-hi:#f1e8d8;--hx-gold-dk:#80572e;--hx-violet:#8b5cf6;--hx-arcane:#6530b5;--hx-blue:#3199e6;--hx-teal:#16b6a1;--hx-danger:#d74c55;--hx-amber:#e89b43;--muted:#a9b4c8;--hx-border:linear-gradient(125deg, #80572e 0%, #f4d58a 28%, #b78442 60%, #684322 100%);--hx-bright:linear-gradient(180deg, #fff3c4, #d7a85d 35%, #80572e 75%, #d7a85d);--ease-fantasy:cubic-bezier(.2, .8, .2, 1)}.btn-cta,.btn-secondary{transition:transform .14s var(--ease-fantasy), filter .24s ease}.btn-cta:hover,.btn-cta:focus-visible{filter:brightness(1.14);transform:translateY(-2px)}.btn-secondary:hover,.btn-secondary:focus-visible{filter:brightness(1.25);transform:translateY(-2px)}.btn-cta:active,.btn-secondary:active,.tile:active{filter:brightness(.9);transform:translateY(1px)scale(.985)}.tile{transition:transform .16s var(--ease-fantasy), filter .24s ease}.tile-play:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffecbe47 50%,#0000 65%);animation:7s ease-in-out 1.2s infinite play-shine;position:absolute;inset:0;translate:-120%}@keyframes play-shine{0%,78%{translate:-120%}to{translate:120%}}.menu-bg{overflow:hidden}.menu-bg:before{content:"";background:inherit;animation:20s ease-in-out infinite alternate menu-breathe;position:absolute;inset:0}@keyframes menu-breathe{0%{scale:1}to{scale:1.04}}.menu-shade:after{content:"";pointer-events:none;background:radial-gradient(45% 55% at 68% 42%,#e89b4329,#0000 70%);animation:9s ease-in-out infinite alternate menu-glow;position:absolute;inset:0}@keyframes menu-glow{0%{opacity:.55}to{opacity:1}}.menu-embers{pointer-events:none;position:absolute;inset:0;overflow:hidden}.menu-embers i{--x:50%;--size:4px;--time:11s;--delay:0s;--drift:30px;left:var(--x);width:var(--size);height:var(--size);opacity:0;animation:ember-rise var(--time) linear var(--delay) infinite;background:radial-gradient(circle,#fff1c2,#f3a03c 45%,#e86e2800);border-radius:50%;position:absolute;bottom:-10px;box-shadow:0 0 6px 1px #ff963cb3}.menu-embers i:first-child{--x:46%;--size:4px;--time:12s;--delay:0s;--drift:40px}.menu-embers i:nth-child(2){--x:53%;--size:3px;--time:10s;--delay:2.5s;--drift:-30px}.menu-embers i:nth-child(3){--x:61%;--size:5px;--time:14s;--delay:5s;--drift:25px}.menu-embers i:nth-child(4){--x:67%;--size:3px;--time:11s;--delay:1.2s;--drift:-45px}.menu-embers i:nth-child(5){--x:72%;--size:4px;--time:13s;--delay:7s;--drift:35px}.menu-embers i:nth-child(6){--x:78%;--size:6px;--time:16s;--delay:3.4s;--drift:-20px}.menu-embers i:nth-child(7){--x:84%;--size:3px;--time:10s;--delay:8.2s;--drift:30px}.menu-embers i:nth-child(8){--x:89%;--size:4px;--time:12s;--delay:4.6s;--drift:-35px}.menu-embers i:nth-child(9){--x:94%;--size:3px;--time:11s;--delay:9.5s;--drift:20px}.menu-embers i:nth-child(10){--x:57%;--size:3px;--time:15s;--delay:10.5s;--drift:50px}.menu-embers i:nth-child(11){--x:64%;--size:4px;--time:12s;--delay:6.3s;--drift:-25px}.menu-embers i:nth-child(12){--x:75%;--size:3px;--time:9s;--delay:11.4s;--drift:40px}.menu-embers i:nth-child(13){--x:81%;--size:5px;--time:14s;--delay:.8s;--drift:-40px}.menu-embers i:nth-child(14){--x:49%;--size:3px;--time:13s;--delay:12.2s;--drift:30px}@keyframes ember-rise{0%{opacity:0;transform:translate(0)}10%{opacity:.9}70%{opacity:.7}to{opacity:0;transform:translate(var(--drift), -80vh)}}.menu:not(.hidden) .main-left>*,.menu:not(.hidden) .main-records{animation:ui-rise .42s var(--ease-fantasy) backwards}.menu:not(.hidden) .main-left>:nth-child(2){animation-delay:60ms}.menu:not(.hidden) .main-left>:nth-child(3){animation-delay:.12s}.menu:not(.hidden) .main-left>:nth-child(4){animation-delay:.18s}.menu:not(.hidden) .main-left>:nth-child(n+5){animation-delay:.24s}.menu:not(.hidden) .main-records{animation-delay:.2s}.logo-top{filter:drop-shadow(0 0 18px #e89b4359)}@keyframes ui-rise{0%{opacity:0;translate:0 16px;scale:.985}}.screen:not(.hidden) .panel-card,.menu:not(.hidden) .menu-topbar,.menu:not(.hidden)>.panel-card{animation:ui-rise .28s var(--ease-fantasy) backwards}.card.augment{transition:transform .18s var(--ease-fantasy), box-shadow .18s ease, opacity .32s var(--ease-fantasy) var(--enter,0s), translate .32s var(--ease-fantasy) var(--enter,0s)}@starting-style{.card.augment{opacity:0;translate:0 22px}}.cards>.card:nth-child(2){--enter:70ms}.cards>.card:nth-child(3){--enter:.14s}.cards>.card:nth-child(4){--enter:.21s}.card.augment:hover,.card.augment:focus-visible{box-shadow:0 18px 32px #0009, 0 0 34px var(--glow), inset 0 0 26px color-mix(in srgb, var(--glow) 35%, transparent);transform:translateY(-8px)}.card.augment:active{transform:translateY(-4px)scale(1.03)}@media (prefers-reduced-motion:reduce){.tile-play:after,.menu-bg:before,.menu-shade:after,.menu-embers i,.menu:not(.hidden) .main-left>*,.menu:not(.hidden) .main-records,.screen:not(.hidden) .panel-card,.menu:not(.hidden) .menu-topbar,.menu:not(.hidden)>.panel-card{animation:none}.menu-embers{display:none}.card.augment{transition:none}}#hud-champ,#hud-center{background:radial-gradient(90% 120% at 0% 50%, #8b5cf61f, transparent 70%) padding-box, linear-gradient(180deg, #121d35db, #090e1bdb) padding-box, var(--hx-border) border-box;border-width:1px}#hp-frame{background:linear-gradient(#2c1216,#160709);border:1px solid #d7a85dbf;border-radius:3px;height:26px;box-shadow:0 0 0 1px #0009,0 6px 14px #00000073}#hp-fill{background:linear-gradient(#8cf2a8 0%,#45c77a 45%,#1d7a42 100%);transition:transform .15s ease-out,filter .3s}#hp-text{letter-spacing:.02em;text-shadow:0 1px 2px #000,0 0 6px #000c;line-height:24px}#hp-frame.low #hp-fill{background:linear-gradient(180deg, #ff9a9f 0%, var(--hx-danger) 45%, #7a1820 100%)}#hp-frame.low{border-color:var(--hx-danger);animation:.9s ease-in-out infinite alternate hp-low}@keyframes hp-low{0%{box-shadow:0 0 0 1px #0009,0 0 4px #d74c554d}to{box-shadow:0 0 0 1px #0009,0 0 16px #d74c55d9}}.offer-card{transition:transform .16s var(--ease-fantasy), filter .24s ease}.offer-card:not(.sold):hover{filter:brightness(1.08);transform:translateY(-4px)}.offer-head img{width:60px;height:60px}.offer-buy{padding:10px 8px;font-size:20px;position:relative;overflow:hidden}.offer-card:not(.cant-afford) .offer-buy:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffecbe4d 50%,#0000 65%);animation:4.5s ease-in-out infinite play-shine;position:absolute;inset:0;translate:-120%}.offer-card.cant-afford{filter:saturate(.55)brightness(.78)}.offer-card.cant-afford .offer-buy{color:#ffb0b4;text-shadow:none}#gameover-screen{background:radial-gradient(at 50% 42%,#78141e52,#040710d6 70%)}#gameover-screen[data-result=win]{background:radial-gradient(at 50% 42%,#d7a85d4d,#040710d6 70%)}#go-head{flex-direction:column;gap:2px;padding:16px 18px 12px}#go-heading{letter-spacing:.14em;font-size:30px}#go-heading:before{display:none}#gameover-screen:not(.hidden) .panel-card{animation:go-enter .42s var(--ease-fantasy) backwards}@keyframes go-enter{0%{opacity:0;translate:0 10px;scale:.92}}.new-record{width:fit-content;font-family:var(--font-title);letter-spacing:.12em;color:#2a1a00;background:linear-gradient(180deg, #fff3c4, var(--hx-gold) 45%, var(--hx-gold-dk));clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%);text-shadow:none;margin:0 auto 14px;padding:6px 28px;font-size:20px;position:relative;overflow:hidden}.new-record:after{content:"";background:linear-gradient(105deg,#0000 35%,#fff9 50%,#0000 65%);animation:3s ease-in-out .6s infinite play-shine;position:absolute;inset:0;translate:-120%}#gameover-screen:not(.hidden) .summary>div{animation:ui-rise .36s var(--ease-fantasy) backwards}#gameover-screen:not(.hidden) .summary>div:first-child{animation-delay:.18s}#gameover-screen:not(.hidden) .summary>div:nth-child(2){animation-delay:.26s}#gameover-screen:not(.hidden) .summary>div:nth-child(3){animation-delay:.34s}#gameover-screen:not(.hidden) .summary>div:nth-child(4){animation-delay:.42s}#gameover-screen .summary dd{font-size:24px}#retry-btn{padding:12px;font-size:22px}#menu-btn{opacity:.85}@media (prefers-reduced-motion:reduce){#hp-frame.low,.offer-card .offer-buy:after,#gameover-screen:not(.hidden) .panel-card,.new-record:after,#gameover-screen:not(.hidden) .summary>div{animation:none}}.champ-head{isolation:isolate;position:relative;overflow:hidden}.champ-head:before{content:"";z-index:-1;pointer-events:none;background:var(--champ-art,none) 50% 22% / cover no-repeat;filter:blur(6px)saturate(1.2);opacity:.4;position:absolute;inset:-20px;-webkit-mask-image:linear-gradient(90deg,#000 10%,#0000008c 55%,#0000 95%);mask-image:linear-gradient(90deg,#000 10%,#0000008c 55%,#0000 95%)}@media (height>=820px) and (width>=1001px){.champ-portrait{height:220px}}.champ-portrait img.splash{object-position:50% 14%}.stat-row{grid-template-columns:78px 1fr 56px;margin-bottom:9px}.stat-row span{letter-spacing:.04em;color:var(--muted);font-size:12px;font-weight:700}.stat-row b{color:var(--hx-gold-hi)}.stat-bar{background:#00000080;border-radius:1px;height:8px;box-shadow:inset 0 0 0 1px #d7a85d40;-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 calc(10% - 2px),#0000 calc(10% - 2px) 10%);mask-image:repeating-linear-gradient(90deg,#000 0 calc(10% - 2px),#0000 calc(10% - 2px) 10%)}.stat-bar i,.stat-bar .c0,.stat-bar .c1,.stat-bar .c2,.stat-bar .c3,.stat-bar .c4{background:linear-gradient(90deg, var(--hx-gold-dk), var(--hx-gold) 60%, var(--hx-gold-light));border-radius:1px}.champ-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:10px}.champ-tile{--hx-cut:6px;aspect-ratio:1;transition:transform .14s var(--ease-fantasy), filter .2s;padding:0;overflow:hidden}.champ-tile img,.champ-tile .silhouette{width:100%;height:100%;position:absolute;inset:0}.champ-tile img.splash{border-radius:0}.champ-tile span{text-align:center;text-wrap:balance;text-shadow:0 1px 2px #000;background:linear-gradient(#0000,#050810eb 55%);margin:0;padding:12px 3px 3px;font-size:11px;line-height:1.05;position:absolute;bottom:0;left:0;right:0}.champ-tile small{text-align:center;text-shadow:0 1px 2px #000;font-size:9px;position:absolute;top:3px;left:0;right:0}.champ-tile:hover{filter:brightness(1.15);transform:translateY(-2px)}.champ-tile.active img{filter:brightness(1.12)}.champ-tile.active span{color:var(--hx-gold-light)}.champ-tile:not(.active):not(.locked) img{filter:saturate(.8)brightness(.85)}.champ-tile.chosen:after{z-index:1;text-shadow:0 1px 2px #000;top:3px;right:5px}#menu-maps{--region:var(--hx-gold)}.map-tab.active{background:radial-gradient(80% 140% at 0% 50%, color-mix(in srgb, var(--region) 30%, transparent), transparent 70%) padding-box, linear-gradient(180deg, #1d1a2e, #0b0a16) padding-box, linear-gradient(125deg, var(--region), var(--hx-gold-light) 45%, var(--region)) border-box}.map-tab.active .map-dot{box-shadow:0 0 10px var(--region)}.map-preview h2{text-shadow:0 0 22px color-mix(in srgb, var(--region) 70%, transparent), 0 3px 8px #000000d9}.map-preview .eyebrow{color:color-mix(in srgb, var(--region) 60%, var(--hx-gold-light))}.diff-btn{text-align:left;transition:transform .14s var(--ease-fantasy), filter .2s;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:1px 10px;padding:9px 12px;display:grid}.diff-btn:before{content:"☠";letter-spacing:1px;text-align:center;min-width:62px;color:var(--accent);opacity:.55;grid-row:1/3;font-family:Segoe UI Symbol,Noto Sans Symbols,sans-serif;font-size:19px;line-height:1}.diff-btn.d1:before{content:"☠☠"}.diff-btn.d2:before{content:"☠☠☠"}.diff-btn strong{font-size:17px}.diff-btn small{text-align:left;grid-column:2}.diff-btn:hover{transform:translate(3px)}.diff-btn.active:before{opacity:1;text-shadow:0 0 8px var(--accent)}#map-start{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--region) 60%, transparent), inset 0 0 28px color-mix(in srgb, var(--region) 45%, transparent);padding:18px 12px;font-size:28px;animation:2.6s ease-in-out infinite alternate start-glow;position:relative;overflow:hidden}#map-start:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffecbe52 50%,#0000 65%);animation:4s ease-in-out .6s infinite play-shine;position:absolute;inset:0;translate:-120%}@keyframes start-glow{0%{filter:brightness()}to{filter:brightness(1.18)}}#map-start:hover{filter:brightness(1.22);animation:none}@media (prefers-reduced-motion:reduce){#map-start,#map-start:after{animation:none}}.store{height:auto;max-height:min(780px,100%)}.store-body{flex:0 auto}.offer-card .item-stats{font-size:14px;line-height:1.4}.store-stats{font-size:13px}.offer-card:not(.cant-afford) .offer-buy{color:#fff3d6;background:linear-gradient(180deg, #7b52d8, var(--hx-arcane) 55%, #3a1c74);box-shadow:inset 0 0 0 1px var(--hx-gold-light), inset 0 1px 0 #ffffff4d, inset 0 -3px 0 #00000059}.offer-card.cant-afford .offer-buy{cursor:not-allowed;color:#b9a3a6;background:linear-gradient(#2a2e3a,#181b24);box-shadow:inset 0 0 0 1px #ffffff14}.card.augment{background:radial-gradient(circle at 50% 24%, color-mix(in srgb, var(--tint) 32%, transparent), transparent 50%) padding-box, linear-gradient(180deg, color-mix(in srgb, var(--tint2) 50%, #0b0f1c) 0%, #0d111e 42%, #090c16 100%) padding-box, var(--frame) border-box;transition:transform .18s var(--ease-fantasy), box-shadow .18s ease, filter .2s ease, opacity .32s var(--ease-fantasy) var(--enter,0s), translate .32s var(--ease-fantasy) var(--enter,0s)}.card.augment .name{font-size:25px}.card.augment .desc{color:#e3e6ef;font-size:15px}.card.augment .card-kind{color:#dfe6f5;background:#c8d7f01f;font-weight:800}.card.augment.ability-card .card-kind{color:var(--hx-gold-light);background:#d7a85d2e}.card.augment.spell-card .card-kind,.card.augment.rune-card .card-kind{color:#e2cfff;background:#8b5cf640}.cards:focus,:root #upgrade-cards:focus-visible{outline:none}.cards:has(.card.augment:is(:hover,:focus-visible)) .card.augment:not(:hover,:focus-visible){filter:brightness(.68)saturate(.75)}.kit-card p{color:#dcdff0;font-size:14px;line-height:1.45}.champ-lore p{color:#e2e0ee;line-height:1.6}.champ-head:before{-webkit-mask-image:linear-gradient(90deg,#000 5%,#00000080 38%,#0000 62%);mask-image:linear-gradient(90deg,#000 5%,#00000080 38%,#0000 62%)}.champ-stats{background:#090e1bb8;border:1px solid #d7a85d2e;align-self:start;padding:12px 16px 6px}.stat-bar{-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 calc(20% - 1px),#0000 calc(20% - 1px) 20%);mask-image:repeating-linear-gradient(90deg,#000 0 calc(20% - 1px),#0000 calc(20% - 1px) 20%)}.champ-tile.locked:before{content:"🔒";z-index:1;filter:drop-shadow(0 1px 2px #000);font-size:18px;position:absolute;top:50%;left:50%;translate:-50% -70%}.map-preview h2{font-size:clamp(32px,4.2vw,54px)}.diff-btn:before{opacity:.8}.diff-btn.d2 strong{color:#ffa3a9}.prepare-summary{border:1px solid color-mix(in srgb, var(--region) 45%, transparent);background:linear-gradient(90deg, color-mix(in srgb, var(--region) 16%, transparent), transparent 80%), #090e1b99;align-items:center;gap:10px;margin:0 16px 12px;padding:8px 10px;display:flex}.prepare-summary img{object-fit:cover;object-position:50% 15%;border:1px solid var(--hx-gold);flex:none;width:42px;height:42px}.prepare-summary strong{font-family:var(--font-title);letter-spacing:.03em;color:var(--hx-gold-hi);font-size:17px;display:block}.prepare-summary small{color:var(--muted);font-size:12px}.main-records{opacity:.85;width:300px}.main-records.panel-card{background:linear-gradient(#121d3580,#090e1b80) padding-box padding-box,linear-gradient(125deg,#80572e8c,#f4d58a73 30%,#68432280) border-box}.main-records .record-row{background:#090e1b73}.main-records:hover{opacity:1}#hud-bottom:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(50% 60% at 50% 70%,#090e1bb3,#0000 100%);position:absolute;inset:-14px -70px -18px}.ability.ult{box-shadow:0 0 0 2px #090e1be6,0 0 0 3px #f4d58a80}.ability.ult.ready{box-shadow:0 0 0 2px #090e1be6, 0 0 0 3px var(--hx-gold-light), 0 0 18px #f4d58abf}#gameover-screen .modal{width:min(520px,100vw - 32px)}#gameover-screen .summary div:first-child dd{color:var(--hx-gold-light)}#gameover-screen .go-best{background:linear-gradient(90deg,#0000,#d7a85d99,#0000) 50% 100%/80% 1px no-repeat;margin-bottom:18px;padding-bottom:16px;position:relative}#gameover-screen .go-best:after{content:"";background:var(--hx-gold-light);width:7px;height:7px;position:absolute;bottom:-4px;left:50%;translate:-50%;rotate:45deg;box-shadow:0 0 8px #d7a85d99}.menu{overflow-x:hidden}@media (width<=640px),(height<=960px){#menu-main .main-left{margin:84px clamp(16px,5vw,80px) 0;position:relative;top:auto;left:auto;transform:none}#menu-main :is(.menu-bg,.menu-shade,.menu-embers){position:fixed}#menu-main .legal{margin:18px auto 12px;position:relative;bottom:auto;left:auto;transform:none}}@media (width>=641px) and (width<=1000px){#hud-center,#hud-objective{left:auto;right:12px;transform:none}}@media (height<=500px){#minimap{width:120px;height:120px}#levelup-screen,#chest-screen{align-items:flex-start;padding:10px 0;overflow-y:auto}.banner.big{padding:4px 32px;font-size:30px}.card.augment{min-height:0}.card.augment .desc{-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;margin-top:6px;font-size:13px;display:-webkit-box;overflow:hidden}.card.augment .card-top{height:76px}.card.augment .card-top:before{width:64px;height:64px;margin-left:-32px;top:8px}.card.augment .icon,.card.augment .icon.has-img{width:48px;height:48px;margin-top:16px}.card.augment .name{font-size:18px}.card.augment .card-body{padding-bottom:26px}}@media (width<=640px){.tile-play .tile-key{display:none}.menu-topbar{gap:10px}.menu-topbar .banner{padding:6px 16px;font-size:20px}.menu-topbar .banner small{display:none}.map-preview .champ-chip{width:fit-content;margin-top:12px;position:relative;top:auto;right:auto}#banner{top:200px}.store .panel-head{flex-wrap:wrap;row-gap:6px}.store .panel-head>span{font-size:18px}}@media (width<=900px){.store{overflow-y:auto}.store-body,.store-foot{flex:none;overflow:visible}}.store-gold{white-space:nowrap}#minimap{background:linear-gradient(#070b16, #070b16) padding-box, var(--hx-border) border-box;border-width:1.5px;border-radius:2px;box-shadow:0 0 0 1px #050810cc,0 6px 18px #0009}.chest-sell{justify-content:center;gap:16px;margin-top:12px;display:flex}.chest-sell.hidden{display:none}.chest-sell-btn b{color:var(--hx-gold)}.chest-sell .chest-sell-btn{flex:0 240px;width:auto;min-width:0;padding:8px 10px;font-size:12px}.chest-sell-btn kbd{margin-left:6px}.store-offer{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.store-body .store-actions{z-index:1;background:linear-gradient(transparent, var(--hx-bg) 14px);margin:0 -16px -16px;padding:10px 16px 12px;position:sticky;bottom:-16px}body.void-floor[data-state=playing]:before{content:"";pointer-events:none;z-index:4;background:radial-gradient(circle at 50% 52%,#0000 0 30vmin,#1a062c6b 48vmin,#0a0214d9 78vmin);animation:3.2s ease-in-out infinite alternate void-breathe;position:fixed;inset:0}body.boss-dark[data-state=playing]:before{content:"";pointer-events:none;z-index:4;background:radial-gradient(circle at 50% 52%,#0000 0 22vmin,#0416148c 40vmin,#020808ed 70vmin);animation:2.4s ease-in-out infinite alternate void-breathe;position:fixed;inset:0}@keyframes void-breathe{0%{opacity:.85}to{opacity:1}}@media (prefers-reduced-motion:reduce){body.void-floor[data-state=playing]:before,body.boss-dark[data-state=playing]:before{animation:none}}.chest-sell .chest-choice{flex:0 300px;width:auto;min-width:0}.chest-sell .chest-choice:disabled{opacity:.45;cursor:not-allowed}#store .store.lucky{animation:2.6s ease-in-out infinite alternate store-lucky;box-shadow:0 0 0 1px #f0c85a8c,0 0 36px #f0be4659,0 18px 60px #0009}@keyframes store-lucky{0%{box-shadow:0 0 0 1px #f0c85a73,0 0 24px #f0be4640,0 18px 60px #0009}to{box-shadow:0 0 0 1px #ffdc78bf,0 0 46px #ffcd5a73,0 18px 60px #0009}}@media (prefers-reduced-motion:reduce){#store .store.lucky{animation:none}}.main-row{flex-wrap:wrap;align-self:flex-start;gap:8px;display:flex}.main-row .main-sound{margin:0 0 10px}.main-lab{color:#dff2ff;border-color:#6ebeff8c;align-items:center;gap:8px;display:inline-flex}button.prepare-summary{width:calc(100% - 32px);font:inherit;color:inherit;text-align:left;cursor:pointer;transition:border-color .15s,transform .15s,background .15s}button.prepare-summary:hover,button.prepare-summary:focus-visible{border-color:var(--hx-gold);transform:translateY(-1px)}button.prepare-summary:active{transform:translateY(1px)}button.prepare-summary>span{flex:1;min-width:0}button.prepare-summary img{object-position:50% 12%;width:48px;height:60px}.prepare-summary .prepare-label{letter-spacing:.08em;text-transform:uppercase;color:var(--hx-gold);font-size:11px;display:block}.prepare-summary em{border:1px solid var(--hx-gold);color:var(--hx-gold-hi);border-radius:2px;flex:none;padding:4px 10px;font-size:13px;font-style:normal}@media (prefers-reduced-motion:reduce){button.prepare-summary{transition:none}}.prepare-body{scrollbar-width:none}.prepare-body::-webkit-scrollbar{display:none}.map-icon{width:30px;height:30px;filter:drop-shadow(0 0 4px color-mix(in srgb, var(--tab-region,var(--hx-gold)) 55%, transparent));flex:none;transition:transform .2s,filter .2s;position:relative}.map-icon:before{content:"";background:linear-gradient(160deg, var(--tab-region,var(--hx-gold)) 0%, #fff 42%, var(--tab-region,var(--hx-gold)) 58%, var(--tab-region,var(--hx-gold)) 100%);-webkit-mask:var(--region-icon) center / contain no-repeat;-webkit-mask:var(--region-icon) center / contain no-repeat;mask:var(--region-icon) center / contain no-repeat;background-position:0 100%;background-size:100% 320%;position:absolute;inset:0}.map-tab.no-icon .map-icon:before{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);-webkit-mask:none;mask:none}.map-tab:not(.locked):hover .map-icon{filter:drop-shadow(0 0 7px color-mix(in srgb, var(--tab-region) 85%, transparent));transform:scale(1.12)translateY(-1px)}.map-tab.active .map-icon{animation:2.4s ease-in-out infinite region-icon-pulse}.map-tab.active .map-icon:before{animation:3.2s ease-in-out infinite region-icon-shine}.map-tab.locked .map-icon{opacity:.45;filter:none}.map-tab.locked .map-icon:before{background:linear-gradient(160deg,#8a8f9e,#4a4f5e)}@keyframes region-icon-pulse{0%,to{filter:drop-shadow(0 0 4px color-mix(in srgb, var(--tab-region) 60%, transparent))}50%{filter:drop-shadow(0 0 11px var(--tab-region))}}@keyframes region-icon-shine{0%{background-position:0 100%}45%,to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.map-icon,.map-icon:before{transition:none;animation:none!important}}.mask-icon{position:relative}.mask-icon:before{content:"";background:linear-gradient(160deg, #fff 0%, var(--tint,var(--hx-gold)) 62%, color-mix(in srgb, var(--tint,var(--hx-gold)) 55%, #000) 100%);-webkit-mask:var(--mask) center / contain no-repeat;-webkit-mask:var(--mask) center / contain no-repeat;mask:var(--mask) center / contain no-repeat;position:absolute;inset:17%}.card.augment .icon.mask-icon{background:radial-gradient(circle, color-mix(in srgb, var(--tint,#5d7fb3) 34%, #171a2b) 0%, #0b0d18 78%);box-shadow:0 0 18px var(--glow), inset 0 0 0 2px color-mix(in srgb, var(--tint,#5d7fb3) 65%, transparent), inset 0 0 18px color-mix(in srgb, var(--tint,#5d7fb3) 45%, transparent)}.card.augment.rarity-mitico{--frame:conic-gradient(from var(--spin), #ff5fd2, #7affff, #c77dff, #fff3b0, #ff5fd2);--glow:#ff5fd2f2;--tint:#ff5fd2;--tint2:#3a0a35;z-index:3;border-width:4px;animation:1.4s linear infinite augment-spin,.9s ease-in-out infinite mythic-pulse,.7s cubic-bezier(.2,1.7,.4,1) backwards legend-enter}@keyframes mythic-pulse{0%,to{box-shadow:0 10px 24px #0000008c,0 0 26px #ff5fd2bf,0 0 70px #7affff59}50%{box-shadow:0 10px 24px #0000008c,0 0 46px #ff8ce6,0 0 130px #7affff99}}.card.augment.rarity-mitico:after{content:"";border-radius:inherit;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 35%,#fff9 48%,#7affff66 52%,#0000 65%) 0 0/250% 100%;animation:1.6s ease-in-out infinite legend-shine;position:absolute;inset:0}.card.augment.rarity-mitico .card-top:after{content:"";background:repeating-conic-gradient(#ff8ce68c 0 7deg, transparent 7deg 16deg, #7affff73 16deg 23deg, transparent 23deg 32deg);pointer-events:none;border-radius:50%;width:200px;height:200px;margin-left:-100px;animation:4s linear infinite legend-rays;position:absolute;top:-10px;left:50%;-webkit-mask:radial-gradient(circle,#000 20%,#0000 68%);mask:radial-gradient(circle,#000 20%,#0000 68%)}.card.augment.rarity-mitico .icon{z-index:1;box-shadow:0 0 28px #ff8ce6,0 0 70px #7affffb3}.card.augment.rarity-mitico .icon.mask-icon:before{background:conic-gradient(from var(--spin), #ff5fd2, #7affff, #c77dff, #fff3b0, #ff5fd2);animation:1.4s linear infinite augment-spin}.card.augment.rarity-mitico .card-body>*{z-index:1;position:relative}.card.augment.rarity-mitico .name{background:linear-gradient(90deg,#ffd0f4,#ff5fd2,#7affff,#c77dff,#ffd0f4) 0 0/200% 100%;color:#0000;text-shadow:none;filter:drop-shadow(0 2px 4px #000000b3);-webkit-background-clip:text;background-clip:text;animation:1.5s linear infinite legend-text}.card.augment.rarity-mitico .lvl{color:#ffb3ee;font-weight:900}@media (prefers-reduced-motion:reduce){.card.augment.rarity-mitico,.card.augment.rarity-mitico:after,.card.augment.rarity-mitico .card-top:after,.card.augment.rarity-mitico .name{animation:none}}.champ-reqs{border-top:1px solid var(--panel-line);padding:12px 20px}.champ-reqs[hidden]{display:none}.champ-reqs .champ-story{color:#d9cfe8;margin:0 0 10px;font-size:14px;font-style:italic;line-height:1.4}.champ-reqs header{color:var(--hx-gold);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:13px}.champ-reqs ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.champ-reqs li{color:#b9b3a8;font-size:14px}.champ-reqs li.done{color:var(--hx-gold)}.champ-reqs li:before{content:"○ "}.champ-reqs li.done:before{content:"✓ "}.champ-reqs li small{color:#8f8a80;margin-left:4px}.hud-signature{--sig:var(--hx-gold);align-items:center;gap:6px;margin-top:4px;font-size:11px;line-height:1;display:flex}.hud-signature[hidden]{display:none}.hud-signature .sig-label{color:var(--sig);letter-spacing:.02em;white-space:nowrap;font-weight:700}.hud-signature .sig-bar{background:#ffffff1f;border-radius:3px;flex:1;min-width:12px;height:5px;overflow:hidden}.hud-signature .sig-fill{background:var(--sig);transform-origin:0;height:100%;box-shadow:0 0 6px var(--sig);transition:transform .15s linear;transform:scaleX(0)}.hud-signature .sig-value{color:#f2ead8;font-variant-numeric:tabular-nums;white-space:nowrap}.hud-signature.full .sig-fill{animation:.8s ease-in-out infinite alternate sig-full}@keyframes sig-full{0%{filter:brightness()}to{filter:brightness(1.6)}}@media (prefers-reduced-motion:reduce){.hud-signature.full .sig-fill{animation:none}.hud-signature .sig-fill{transition:none}}.diff-btn.locked{cursor:not-allowed;opacity:.55;filter:grayscale(.8);transform:none}:root :is(button,a[href],input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--hx-gold);outline-offset:3px}:root :is(.btn-cta,.btn-secondary,.tile,.back-btn,.champ-tile,.map-tab):focus-visible{outline-offset:-8px}.screen>.panel-card{max-height:calc(100% - 16px);overflow-y:auto}body.touch #inventory{pointer-events:none}.i18n-wait #ui{visibility:hidden}.go-best .go-rank-btn{width:auto;margin:6px auto 0;padding:6px 14px}.inapp-note{border:1px solid color-mix(in srgb, var(--hx-gold) 60%, transparent);color:#fff3c4;pointer-events:auto;background:#0a0c18d1;border-radius:6px;max-width:360px;margin:0 0 12px;padding:8px 12px;font-size:13px;line-height:1.4}.ability.learned{animation:.9s ease-out ability-learned}@keyframes ability-learned{0%{filter:brightness(1.8);box-shadow:0 0 0 3px #ffd666,0 0 24px 8px #ffd666cc}}@media (prefers-reduced-motion:reduce){.ability.learned{animation:none}}.main-lab .lab-essence{color:var(--hx-blue,#6fb7ff);margin-left:6px;font-weight:900}.main-lab.can-buy{position:relative}.main-lab.can-buy:after{content:"";background:var(--hx-gold,#d7a85d);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:8px;box-shadow:0 0 8px #ffd278e6}.main-goal{text-align:center;color:#f1e3cfc7;margin:4px 0 0;font-size:13px}.i18n-wait body:before{color:var(--muted);font:700 16px var(--font-ui,sans-serif);place-items:center;display:grid;position:fixed;inset:0}:root[lang=en].i18n-wait body:before{content:"Loading…"}:root[lang=pt-BR].i18n-wait body:before{content:"Carregando…"}.logo .logo-tagline{letter-spacing:.08em;color:#f1e3cfb8;text-shadow:0 1px 3px #000;margin-top:4px;font-size:13px;font-weight:700;display:block}body.touch .ability.ult{width:max(52px, calc(64px * var(--s,1)));height:max(52px, calc(64px * var(--s,1)))}body.touch .ability.spell{width:max(44px, calc(44px * var(--s,1)));height:max(44px, calc(44px * var(--s,1)))}@media (width<=1180px){.hud-map strong,#hud-diff{display:none}}@media (width>=641px) and (width<=1000px){#hud-objective{white-space:normal;text-align:right;max-width:calc(100vw - 344px)}}@media (width>=1001px){#hud-objective{white-space:normal;text-align:center;max-width:calc(100vw - 680px)}}.go-epitaph{letter-spacing:.02em;text-transform:none;opacity:.85;margin-top:4px;font-size:14px;font-weight:600;display:block}.challenge-story{color:#ffe3c4;text-shadow:0 2px 10px #000;max-width:min(520px,90vw);margin:10px auto 0;font-size:clamp(15px,2vw,19px);font-style:italic;font-weight:600}#hurt-vignette{z-index:4;pointer-events:none;opacity:0;position:fixed;inset:0;box-shadow:inset 0 0 120px 24px #d61f1f8c}#hurt-vignette.on{animation:.4s ease-out hurt-vignette}@keyframes hurt-vignette{0%{opacity:1}to{opacity:0}}body:not([data-state=playing]) #hurt-vignette,body.dying #hurt-vignette{display:none}@media (prefers-reduced-motion:reduce){#hurt-vignette.on{animation-duration:.25s}}.pact-card .card-top{background-color:#8a1f2a}.card.augment.pact-card{--frame:linear-gradient(160deg, #ffe0e0, #d74c55 30%, #ffb3b8 55%, #8a1f2a 80%, #ff8a92);--glow:#d74c55b3;--tint:#d74c55;--tint2:#3a0f14}#hud-danger.hidden{display:none}.chest-slot{flex-direction:column;gap:8px;width:240px;display:flex}.chest-slot .card{flex:1;width:100%}.chest-slot .chest-sell-btn{width:100%;min-width:0;padding:8px 10px;font-size:12px}@media (width<=640px){.chest-slot{width:100%}.chest-offer .item-stats{font-size:13px}}.chest-offer{width:250px;min-height:0;font:inherit;color:var(--ink);text-align:left;cursor:pointer;padding:12px 14px 14px;position:relative}.chest-slot .chest-offer{flex:1;width:100%}.chest-offer:focus-visible{filter:brightness(1.08);transform:translateY(-4px)}.chest-offer .offer-tags{justify-content:space-between;gap:8px;display:flex}.chest-offer .offer-tags>span{letter-spacing:.05em;text-transform:uppercase;color:#cfd3e3;background:#ffffff12;padding:1px 8px;font-size:10px}.chest-offer .offer-rarity{color:color-mix(in srgb, var(--rar) 65%, #fff)}.chest-offer .offer-head small{display:block}.chest-offer .item-stats li{color:#d4d8e6}.chest-offer .item-stats li.passive{color:#ffe08a}.chest-offer .offer-buy{text-align:center;pointer-events:none;margin-top:4px;font-size:16px;display:block}.chest-offer .offer-buy kbd{margin-left:6px}#safari-note{flex-wrap:wrap;align-items:center;gap:8px;display:flex}#safari-note.hidden{display:none}.safari-note-btn{width:auto;padding:4px 12px;font-size:12px}:root{--hx-vitamin:#4fd8a4}.vit-row{flex-wrap:wrap;gap:3px;display:flex}.vit-row[hidden]{display:none}.vit-row .vit{background:#080a14b3;border:1px dashed #fff6;border-radius:7px;flex:none;width:22px;height:22px;position:relative}.vit-row .vit.filled{--tint:var(--hx-vitamin);border:1px solid color-mix(in srgb, var(--hx-vitamin) 70%, transparent);background:radial-gradient(circle, color-mix(in srgb, var(--hx-vitamin) 28%, #10131f) 0%, #0b0d18 80%)}.vit-row .vit.max{--tint:var(--hx-gold);border-color:var(--hx-gold);box-shadow:0 0 8px color-mix(in srgb, var(--hx-gold) 60%, transparent)}.vit-row .vit-icon{position:absolute;inset:0}.vit-row .vit-icon.mask-icon:before{inset:14%}.vit-row .vit b{color:#fff;text-align:center;background:#0b0d18;border-radius:6px;min-width:13px;padding:0 2px;font-size:11px;font-weight:800;line-height:13px;position:absolute;bottom:-4px;right:-3px}.vit-row .vit.max b{color:var(--hx-gold)}.vit-row .vit.pop{animation:.6s ease-out vit-pop}@keyframes vit-pop{40%{box-shadow:0 0 14px var(--hx-vitamin);transform:scale(1.35)}}@media (prefers-reduced-motion:reduce){.vit-row .vit.pop{animation:none}}.hud-vitamins{z-index:1;max-width:calc(100% - 12px);position:absolute;bottom:7px;left:6px}@media (width<=640px){.hud-vitamins{gap:2px;bottom:5px;left:5px}.hud-vitamins .vit{width:20px;height:20px}}.levelup-note{color:#d6f5e8;text-align:center;text-shadow:0 1px 3px #000;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:720px;margin:12px auto 0;font-size:14px;font-weight:700;display:flex}.levelup-note.hidden{display:none}.levelup-note .vit-row,.pause-vits{gap:5px}.levelup-note .vit,.pause-vits .vit{border-radius:9px;width:30px;height:30px}.pause-vits{margin-top:6px}.card.augment.vitamin-card .card-kind{color:#062a1d;background:var(--hx-vitamin)}.pause-vit-icon{--tint:var(--hx-vitamin);border:2px solid var(--hx-vitamin);background:radial-gradient(circle, color-mix(in srgb, var(--hx-vitamin) 28%, #10131f) 0%, #0b0d18 80%);border-radius:8px;flex-shrink:0;width:40px;height:40px;position:relative}.pause-vitamin.max .pause-vit-icon{--tint:var(--hx-gold);border-color:var(--hx-gold)}@media (width<=640px){#banner strong{white-space:normal;font-size:20px}#hud-champ{height:80px}#champ-hud-title{display:none}.hud-map{display:contents}#hud-zone{display:none}}.go-build{flex-direction:column;align-items:center;gap:8px;margin:4px 0 10px;display:flex}.go-build.hidden{display:none}.go-vits{justify-content:center;gap:5px}.go-vits .vit{border-radius:9px;width:30px;height:30px}.go-items{flex-wrap:wrap;justify-content:center;gap:5px;max-width:360px;display:flex}.go-item{border:2px solid var(--rar,var(--hx-gold));border-radius:7px;width:32px;height:32px;position:relative;overflow:hidden}.go-item img{object-fit:cover;width:100%;height:100%}.go-item b{color:#fff;background:#000000bf;border-radius:4px 0 0;padding:0 2px;font-size:10px;line-height:12px;position:absolute;bottom:0;right:0}.go-more{color:var(--hx-gold);align-self:center;font-weight:800}.store-elixir{border-color:color-mix(in srgb, var(--hx-vitamin) 55%, transparent)}.store-elixir .elixir-name{color:var(--hx-vitamin);font-weight:800}.store-elixir small{opacity:.8}.pause-board{flex-direction:column;width:min(1180px,100vw - 24px);max-height:min(880px,100dvh - 24px);display:flex}#pause-stats{scrollbar-width:none;flex-direction:column;flex:0 auto;gap:12px;min-height:0;padding:14px;display:flex;overflow-y:auto}#pause-stats::-webkit-scrollbar{display:none}.pause-hero{border:1px solid var(--hx-gold-dk,var(--gold-dark));background:linear-gradient(120deg, #7e4fe659, #1fb8a82e), var(--panel-2);border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 16px;display:flex}.pause-portrait{border:3px solid var(--hx-gold,var(--gold));background:radial-gradient(circle,#2a1650,#0d0a1c);border-radius:50%;flex-shrink:0;width:84px;height:84px;position:relative;overflow:hidden}.pause-portrait img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.pause-lvl{color:var(--hx-gold-hi,var(--gold-light));white-space:nowrap;background:#000c;border-radius:8px;padding:1px 8px;font-size:12px;font-weight:900;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.pause-who{flex:240px;min-width:200px}.pause-place{letter-spacing:.08em;text-transform:uppercase;color:var(--hx-gold,var(--gold));font-size:11px;font-weight:900}.pause-name{font-family:var(--font-title);margin-bottom:6px;font-size:30px;font-weight:900;line-height:1.1}.pause-bar{grid-template-columns:36px 1fr auto;align-items:center;gap:8px;margin-top:3px;font-size:12px;display:grid}.pause-bar small{color:var(--muted);font-weight:900}.pause-track{background:#ffffff1a;border-radius:99px;height:8px;overflow:hidden}.pause-fill{transform-origin:0;background:linear-gradient(90deg, var(--hx-violet,var(--purple)), var(--teal));height:100%}.pause-bar.hp .pause-fill{background:linear-gradient(90deg, var(--hp-dark), var(--hp))}.pause-bar.xp .pause-fill{background:var(--xp)}.pause-tiles{flex-wrap:wrap;gap:8px;display:flex}.pause-tile{border:1px solid var(--panel-line);text-align:center;background:#00000073;border-radius:10px;min-width:82px;padding:8px 12px}.pause-tile b{font-size:24px;font-weight:900;line-height:1.1;display:block}.pause-tile small{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:900}.pause-tab.violet{--col:var(--hx-violet,var(--purple))}.pause-tab.gold{--col:var(--hx-gold,var(--gold))}.pause-tab.teal{--col:var(--hx-teal,var(--teal))}.pause-tabs{border-bottom:1px solid #d7a85d59;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.pause-tab{min-width:0;color:var(--muted);font:inherit;text-align:left;cursor:pointer;background:linear-gradient(#121d35a6,#090e1ba6);border:0;border-top:2px solid #0000;align-items:baseline;gap:8px;padding:10px 14px 9px;transition:color .18s,background .18s,border-color .18s;display:flex}.pause-tab b{white-space:nowrap;font-size:17px;font-weight:900}.pause-tab small{white-space:nowrap;text-overflow:ellipsis;margin-left:auto;font-size:11px;overflow:hidden}.pause-tab kbd{flex-shrink:0}.pause-tab:hover{color:var(--hx-gold-hi,var(--ink))}.pause-tab.active{color:var(--hx-gold-hi,var(--ink));border-top-color:var(--col);background:radial-gradient(90% 140% at 50% 0%, color-mix(in srgb, var(--col) 28%, transparent), transparent 75%), linear-gradient(180deg, #17213b, #0c1222);box-shadow:0 1px #0c1222}.pause-tab.active small{color:var(--col)}.pause-col{display:none}.pause-col.active{display:block}.pause-col-body{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-items:start;gap:10px;display:grid}.pause-col-body>.pause-subhead,.pause-col-body>.pause-note{grid-column:1/-1}.pause-col.teal .pause-col-body{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.pause-card{border:1px solid var(--panel-line);background:#0000004d;border-radius:10px;padding:10px 12px;font-size:13px}.pause-card p{color:#c9d1e0;margin:6px 0 0;font-size:14px;line-height:1.45}.pause-card-title{align-items:center;gap:8px;display:flex}.pause-card-title b{flex:1;font-size:15px}.pause-card-title small{color:var(--hx-gold,var(--gold));font-weight:900}.pause-icon{background:radial-gradient(circle,#3a1f72,#150a2c);border-radius:8px;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:18px;display:grid;overflow:hidden}.pause-icon img{object-fit:cover;width:100%;height:100%}.pause-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:900;display:block}.pause-passive b{font-size:15px}.pause-small b{font-size:13px}.pause-chips{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.pause-chip{color:var(--muted);background:#ffffff14;border-radius:6px;padding:2px 8px;font-size:11px}.pause-chip b{color:var(--ink)}.pause-damage{margin-top:8px}.pause-damage small{color:var(--muted);margin-top:4px;display:block}.pause-note{color:var(--muted);margin:4px 2px 0;font-size:12px}.pause-subhead{letter-spacing:.08em;text-transform:uppercase;color:var(--hx-gold,var(--gold));margin:6px 2px 0;font-size:11px;font-weight:900}.pause-item{align-items:flex-start;gap:10px;display:flex}.pause-item img{border:2px solid var(--rar,var(--hx-gold,var(--gold)));border-radius:8px;flex-shrink:0;width:40px;height:40px}.pause-item b{font-size:13px}.pause-count{color:var(--hx-gold,var(--gold))}.pause-rarity{color:var(--rar,var(--muted));margin-bottom:2px;font-weight:900;display:block}.pause-stat-line{color:var(--muted);line-height:1.35}.pause-passive-line{color:var(--ink);margin-top:2px;line-height:1.35}.pause-table{background:#0000004d;border-radius:10px;padding:4px 10px}.pause-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;gap:8px;margin:0 -10px;padding:5px 10px;font-size:13px;display:flex}.pause-row:nth-child(2n){background:#ffffff09}.pause-row:last-child{border-bottom:0}.pause-row span{color:var(--muted)}.pause-row b.up{color:var(--green)}.pause-row b.down{color:var(--red)}.pause-actions{border-top:1px solid var(--panel-line);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;padding:12px 14px;display:flex}.pause-actions .controls-hint{margin:0 auto 0 0;font-size:12px}.pause-actions button{width:auto;margin:0}#resume-btn{min-width:260px;font-size:22px;position:relative;overflow:hidden}#resume-btn:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffecbe47 50%,#0000 65%);animation:5s ease-in-out .8s infinite play-shine;position:absolute;inset:0;translate:-120%}#quit-btn{opacity:.7;font-size:13px}#quit-btn:hover,#quit-btn:focus-visible{opacity:1;color:#ffb0b4}.pause-portrait img.splash{object-fit:cover;object-position:50% 16%;image-rendering:auto}@media (prefers-reduced-motion:reduce){#resume-btn:after{animation:none}}@media (width<=900px){.pause-tab small{display:none}.pause-name{font-size:24px}}@media (width<=640px){.pause-actions{flex-wrap:nowrap;gap:6px;padding:8px}.pause-actions .controls-hint{display:none}.pause-actions button{letter-spacing:0;flex:1 1 0;min-width:0;padding:8px 4px;font-size:12px}.pause-portrait{width:64px;height:64px}.pause-tile{flex:60px;min-width:0;padding:6px 8px}.pause-tile b{font-size:18px}.pause-tab{justify-content:center;gap:4px;padding:8px 4px}.pause-tab kbd{display:none}.pause-tab b{font-size:14px}#resume-btn{flex-grow:1.6;min-width:0;font-size:16px}#quit-btn{font-size:11px}}@media (height<=500px){#pause-stats{gap:8px;padding:8px}.pause-hero{padding:6px 12px}.pause-portrait{width:56px;height:56px}.pause-name{margin-bottom:2px;font-size:20px}.pause-tile{padding:4px 8px}.pause-tile b{font-size:18px}}.danger-arrow{color:#ff9a3a;pointer-events:none;background:#280a0ab3;border:2px solid;border-radius:50%;place-items:center;width:30px;height:30px;margin:-15px 0 0 -15px;font-size:18px;display:grid;position:absolute;box-shadow:0 0 10px}.danger-arrow.big{color:#ff3a3a;width:40px;height:40px;margin:-20px 0 0 -20px;font-size:24px;animation:.6s ease-in-out infinite alternate danger-pulse}.danger-arrow span{display:block}@keyframes danger-pulse{0%{box-shadow:0 0 6px}to{box-shadow:0 0 20px}}.tutorial{pointer-events:none;flex-wrap:wrap;justify-content:center;gap:10px;width:max-content;max-width:calc(100vw - 32px);animation:.5s ease-out tutorial-in;display:flex;position:absolute;bottom:150px;left:50%;transform:translate(-50%)}@media (width<=640px){.tutorial{bottom:250px}}.tutorial-tip{border:1px solid var(--panel-line);color:var(--ink);background:#140a28c7;border-radius:10px;align-items:center;gap:6px;padding:7px 12px;font-size:14px;font-weight:800;transition:opacity .5s,transform .5s;display:flex}.tutorial-tip.gone{opacity:0;transform:translateY(8px)}.tutorial-tip kbd,.tutorial-tip b{border:1px solid var(--gold);color:var(--gold);border-radius:6px;padding:1px 7px;font-family:inherit;font-weight:900}.tutorial-tip.key-r{border-color:var(--gold)}#ult.tutorial-glow{animation:.7s ease-in-out infinite alternate tutorial-glow}@keyframes tutorial-glow{0%{box-shadow:0 0 4px var(--gold)}to{box-shadow:0 0 22px 6px var(--gold)}}@keyframes tutorial-in{0%{opacity:0;transform:translate(-50%,12px)}}.touch-stick,.touch-btn{display:none}body.touch canvas{touch-action:none}body.touch{touch-action:manipulation}body.touch .touch-stick{z-index:5;pointer-events:none;opacity:0;background:radial-gradient(circle,#090e1b26,#090e1b8c 70%);border:2px solid #f4d58a8c;border-radius:50%;width:112px;height:112px;margin:-56px 0 0 -56px;transition:opacity .15s;display:block;position:fixed;box-shadow:0 0 16px #00000073}body.touch .touch-stick.active{opacity:1}.touch-knob{background:radial-gradient(circle at 40% 35%, #fff3c4, var(--hx-gold) 55%, var(--hx-gold-dk));border-radius:50%;width:50px;height:50px;margin:-25px 0 0 -25px;position:absolute;top:50%;left:50%;box-shadow:0 2px 8px #0009}body.touch .touch-btn{z-index:5;border:1.5px solid var(--hx-gold);font:inherit;color:var(--hx-gold-light);background:radial-gradient(circle at 50% 35%, var(--hx-bg-2), var(--hx-bg));pointer-events:auto;touch-action:manipulation;border-radius:50%;place-items:center;font-weight:900;display:grid;position:absolute;box-shadow:0 4px 12px #00000080}body.touch .touch-btn:active{filter:brightness(1.25);transform:scale(.92)}body.touch .touch-pause{letter-spacing:-1px;width:44px;height:44px;font-size:14px;top:96px;left:12px}body.touch .touch-use{width:62px;height:62px;font-size:14px;bottom:226px;right:18px}@media (width<=640px){body.touch .touch-use{bottom:244px}}@media (height<=500px){body.touch .touch-use{bottom:152px}}.keys-only{display:contents}.touch-only,body.touch .keys-only{display:none}body.touch .touch-only{display:inline}body.touch .controls-box,body.touch .key-hints,body.touch .controls-hint:not(#chest-sub),body.touch .btn-cta kbd,body.touch .btn-secondary kbd,body.touch .hud-shop kbd,body.touch .back-btn kbd{display:none}body.touch .hud-shop{padding:9px 16px}body.touch :is(.portal-prompt,#interact-prompt) kbd{font-size:0}body.touch :is(.portal-prompt,#interact-prompt) kbd:after{content:attr(data-use);font-size:12px}@media (width<=640px){body.touch .tutorial{justify-content:flex-start;max-width:calc(100vw - 104px);animation-name:tutorial-in-left;left:12px;transform:none}}@keyframes tutorial-in-left{0%{opacity:0;transform:translateY(12px)}}body.touch:not([data-state=playing]) :is(.touch-btn,.touch-stick){display:none}@media (width>=641px){body.touch .touch-pause{top:112px}}body.dying canvas.game-canvas{filter:grayscale(.85)brightness(.78)contrast(1.12);transition:filter 1.4s}body.dying #hud{opacity:0;transition:opacity .7s}.death-screen{z-index:40;pointer-events:none;background:radial-gradient(60% 55%,#0000 35%,#46060c8c 80%,#0a0204d9 100%);place-content:center;justify-items:center;gap:6px;animation:1.1s both death-fade;display:grid;position:fixed;inset:0}.death-screen.hidden{display:none}.death-screen h2{font-family:var(--font-title);letter-spacing:.12em;text-transform:uppercase;color:#f1e3cf;text-shadow:0 0 28px #d73c46bf,0 4px 12px #000000e6;margin:0;font-size:clamp(44px,8vw,96px);font-weight:900;animation:1.6s cubic-bezier(.2,.8,.2,1) .35s both death-title}.death-screen p{letter-spacing:.06em;color:#f1e3cfd9;text-shadow:0 2px 6px #000;margin:0;font-size:clamp(14px,1.6vw,18px);font-weight:800;animation:1s 1.1s both death-fade}.death-screen p.death-killer{color:#f0968ce6;font-size:clamp(13px,1.4vw,16px);animation-delay:1.5s}.death-screen h2:after{content:"";background:linear-gradient(90deg,#0000,#d7a85dd9,#0000);width:60%;height:1px;margin:10px auto 0;display:block}@keyframes death-fade{0%{opacity:0}}@keyframes death-title{0%{opacity:0;letter-spacing:.4em;filter:blur(6px);scale:1.25}}@media (prefers-reduced-motion:reduce){.death-screen h2{animation:.8s .2s both death-fade}}.death-epitaph{color:#ffecd6d9;text-shadow:0 2px 8px #000;margin:6px 0 0;font-size:clamp(15px,2.2vw,20px);font-style:italic}#store,#store *{scrollbar-width:none}#store::-webkit-scrollbar{display:none}#store ::-webkit-scrollbar{display:none}#lab-screen{z-index:5}.lab-panel{background:radial-gradient(at 50% -10%,#50aaff2e,#0000 60%),linear-gradient(#0b1830,#070b16);flex-direction:column;width:min(980px,100%);max-height:min(820px,100%);display:flex;box-shadow:0 0 0 1px #6ebeff59,0 0 40px #3c96ff2e,0 18px 60px #0009}.lab-panel .panel-head{align-items:center;gap:12px;display:flex}.lab-panel .panel-head>span{flex:1}.lab-panel .panel-head .btn-secondary{width:auto;margin:0;padding:6px 12px}.lab-essence-total{color:#bfe4ff;align-items:center;gap:6px;font-weight:700;display:inline-flex}.essence{background:linear-gradient(135deg,#e6f6ff,#4fb3ff 45%,#1a5fd0);border-radius:2px;width:.8em;height:.8em;display:inline-block;transform:rotate(45deg);box-shadow:0 0 8px #5ab4ffcc}.lab-body{scrollbar-width:none;flex-direction:column;gap:12px;padding:14px 16px 16px;display:flex;overflow-y:auto}.lab-body::-webkit-scrollbar{display:none}.lab-help{color:#b9c6dc;margin:0;font-size:14px;line-height:1.4}.lab-tabs{gap:8px;display:flex}.lab-tab{color:#cfe3ff;cursor:pointer;background:#14284699;border:1px solid #6ebeff4d;border-radius:4px;flex:1;padding:8px 10px;font-weight:700}.lab-tab.active{border-color:var(--hx-gold);color:#fff3c4;background:linear-gradient(#3c78c873,#14326499)}.lab-msg{color:#fff3c4;min-height:1.2em;margin:0;font-size:14px}.lab-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:10px;display:grid}.lab-grid[data-tab=items]{grid-template-columns:1fr}.lab-card{background:#0c1a30d9;border:1px solid #6ebeff38;border-radius:6px;grid-template-columns:44px 1fr;align-items:center;gap:4px 10px;padding:10px 12px;display:grid}.lab-card.owned{border-color:#f0c85a80}.lab-icon{color:#dff2ff;background:radial-gradient(circle,#50aaff59,#0a1428e6);border:1px solid #6ebeff80;border-radius:50%;grid-row:span 2;place-items:center;width:44px;height:44px;font-size:20px;display:grid}.lab-text strong{color:#fff3c4}.lab-text p{color:#b9c6dc;margin:2px 0 0;font-size:14px;line-height:1.35}.lab-pips{gap:4px;margin-top:6px;display:flex}.lab-pips i{background:#6ebeff2e;border-radius:1px;width:16px;height:6px}.lab-pips i.on{background:linear-gradient(90deg,#4fb3ff,#bfe4ff);box-shadow:0 0 6px #5ab4ff99}.lab-buy{color:#fff;cursor:pointer;background:linear-gradient(#2a6fd0,#17428a);border:1px solid #8cc8ff99;border-radius:4px;grid-column:2;justify-self:start;align-items:center;gap:6px;padding:6px 12px;font-weight:700;display:inline-flex}.lab-buy:hover{filter:brightness(1.15)}.lab-buy.cant-afford{color:#9aa4b6;background:#2a3242;border-color:#8c96aa66}.lab-done{color:var(--hx-gold);grid-column:2;justify-self:start;font-size:13px;font-weight:700}.lab-section h5{color:var(--rar);margin:4px 0 8px;font-size:15px}.lab-items{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.lab-item{border:1px solid color-mix(in srgb, var(--rar) 45%, transparent);text-align:center;background:#0c1a30d9;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;display:flex}.lab-item img{filter:grayscale(.85)brightness(.6);border-radius:4px;width:44px;height:44px}.lab-item.owned img{filter:none}.lab-item-name{color:#dfe6f2;font-size:12px;line-height:1.2}.lab-item .lab-buy,.lab-item .lab-done{justify-self:auto;font-size:12px}@media (width<=640px){.lab-tabs{flex-wrap:wrap}.lab-tab kbd{display:none}}.lab-item-blurb{-webkit-line-clamp:3;line-clamp:3;color:#9fb0c8;-webkit-box-orient:vertical;font-size:11px;line-height:1.3;display:-webkit-box;overflow:hidden}.lab-items{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.lab-item{position:relative}.lab-fav{color:#9fb0c8;cursor:pointer;background:#00000059;border:0;border-radius:50%;width:26px;height:26px;padding:0;font-size:16px;line-height:26px;position:absolute;top:4px;right:4px}.lab-fav:hover,.lab-fav:focus-visible{color:var(--hx-gold,#d7a85d)}.lab-fav.on{color:var(--hx-gold,#d7a85d);text-shadow:0 0 8px #ffd278b3}.lab-fav.full{color:#ff9a9a}#interact-prompt{z-index:30;border:1px solid var(--hx-gold,#c8aa6e);color:var(--hx-gold-hi,#f0e6d2);pointer-events:none;white-space:nowrap;background:#090c15e0;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:8px 16px;font-size:15px;display:flex;position:fixed;bottom:120px;left:50%;transform:translate(-50%)}#interact-prompt.hidden{display:none}#interact-prompt kbd{border:1px solid var(--hx-gold,#c8aa6e);color:#fff3c4;text-align:center;background:#1b2134;min-width:26px;padding:2px 6px;font-weight:700;display:inline-block}#interact-prompt .sub{color:#b8b2a2;font-size:13px}#interact-prompt.cursed{border-color:#b050ff}#interact-prompt.free{border-color:#ffe14a}#interact-prompt.poor .sub{color:#ff7a6a}.main-ranking{color:var(--hx-gold-hi);border-color:#c8aa6e8c}.ranking-screen{z-index:50}.ranking-card{width:min(520px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);flex-direction:column;display:flex}.ranking-card .modal-body{text-align:left;flex-direction:column;gap:10px;min-height:0;display:flex;overflow:auto}.ranking-tabs{background:var(--panel-2);border-radius:12px;flex-wrap:wrap;gap:6px;padding:4px;display:flex}.ranking-tabs button{min-width:90px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1 1 0;padding:8px 6px;font-size:13px;font-weight:800}.ranking-tabs button.active{background:var(--hx-gold-dk,#785a28);color:#fff}.ranking-table{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.ranking-row{background:#ffffff0a;border-radius:9px;grid-template-rows:auto auto;grid-template-columns:42px 1fr auto;align-items:center;column-gap:10px;padding:7px 10px;display:grid}.ranking-row:nth-child(2n){background:#ffffff12}.ranking-rank{text-align:center;color:var(--muted);grid-row:span 2;font-size:18px;font-weight:900}.ranking-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.ranking-time{font-variant-numeric:tabular-nums;color:var(--hx-gold-hi);grid-row:span 2;font-size:18px;font-weight:900}.ranking-row small{color:var(--muted);font-size:12px}.ranking-row.top1{box-shadow:inset 3px 0 #f2c94c}.ranking-row.top2{box-shadow:inset 3px 0 #c8d0dc}.ranking-row.top3{box-shadow:inset 3px 0 #cd8a4e}.ranking-row.mine{outline:1px solid var(--hx-arcane,#8a5cf6);background:color-mix(in srgb, var(--hx-arcane,#8a5cf6) 18%, transparent)}.ranking-gap{text-align:center;color:var(--muted);line-height:1}.ranking-note{color:var(--muted);text-align:center;margin:0;font-size:13px;line-height:1.4}.ranking-actions{flex-wrap:wrap;gap:8px;display:flex}.ranking-actions button{text-align:center;flex:160px}.account-btn{border:1px solid var(--panel-line);background:var(--panel);color:var(--ink);text-align:left;cursor:pointer;pointer-events:auto;border-radius:12px;align-items:center;gap:10px;padding:8px 16px 8px 10px;transition:filter .15s;display:flex;position:absolute;top:16px;right:clamp(16px,4vw,60px);box-shadow:0 6px 20px #00000073}.account-btn:hover,.account-btn:focus-visible{filter:brightness(1.2);outline:none}.account-btn strong{color:var(--gold);font-size:15px;font-weight:900;display:block}.account-btn small{color:var(--muted);font-size:11px}.account-ic{background:var(--purple-dark);border-radius:50%;place-items:center;width:32px;height:32px;font-size:16px;display:grid}.account-screen{z-index:50}.account-card{color:var(--ink)}.account-form{text-align:left;flex-direction:column;gap:12px;display:flex}.account-form label{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;font-weight:800;display:flex}.account-form input{border:1px solid var(--panel-line);background:var(--panel-2);color:var(--ink);font:inherit;border-radius:10px;padding:10px 12px;font-size:16px}.account-form input:focus{outline:2px solid var(--purple)}.account-form .btn-secondary{margin-top:0}.account-tabs{background:var(--panel-2);border-radius:12px;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.account-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:8px;font-weight:800}.account-tabs button.active{background:var(--purple);color:#fff}.account-error{color:#ff7a82;min-height:1em;margin:0;font-size:13px;font-weight:800}.account-error:empty{display:none}.account-note,.account-text{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.account-text{text-align:left;margin-bottom:12px;font-size:14px}.account-check{cursor:pointer;align-items:center;font-size:13px;flex-direction:row!important;gap:8px!important}.account-link{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.main-community{color:var(--hx-gold-hi);border-color:#c8aa6e8c}.community-screen{z-index:50}.community-card{width:min(520px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);flex-direction:column;display:flex}.community-card .modal-body{text-align:left;flex-direction:column;gap:12px;min-height:0;display:flex;overflow:auto}.community-card .btn-cta{text-align:center;align-self:stretch}.community-tabs{background:var(--panel-2);border-radius:12px;grid-template-columns:repeat(4,1fr);gap:6px;padding:4px;display:grid}.community-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:8px 4px;font-size:13px;font-weight:800}.community-tabs button.active{background:var(--purple);color:#fff}.community-text{margin:0;font-size:15px;line-height:1.45}.community-beta{border-left:3px solid var(--hx-gold);background:#c8aa6e1a;border-radius:8px;padding:10px 12px;font-size:14px}.community-list{color:var(--muted);margin:0;padding-left:20px;font-size:14px;line-height:1.5}.community-news h3{color:var(--hx-gold);margin:4px 0 6px;font-size:16px}.community-news h4{margin:10px 0 4px;font-size:14px}.community-actions{flex-direction:column;gap:8px;display:flex}.community-actions .btn-cta,.community-actions .btn-secondary{text-align:center;margin:0;padding:10px 14px;font-size:15px;text-decoration:none}.community-note{color:var(--muted);margin:0;font-size:12px;line-height:1.4}@media (width<=460px){.community-tabs{grid-template-columns:repeat(2,1fr)}}.controls-screen{z-index:50}.controls-card{flex-direction:column;width:min(480px,100vw - 32px);max-height:calc(100dvh - 32px);display:flex}.controls-card .modal-body{text-align:left;min-height:0;overflow:auto}.controls-card .btn-cta{width:100%;margin-top:14px}.controls-title{letter-spacing:.08em;text-transform:uppercase;color:var(--hx-gold);margin:4px 0 8px;font-size:13px}.controls-note{color:var(--muted);margin:8px 0 14px;font-size:13px;line-height:1.4}.controls-keys{gap:6px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.controls-keys li{grid-template-columns:112px 1fr;align-items:center;gap:10px;display:grid}.controls-key{flex-wrap:wrap;gap:4px;display:flex}.main-controls{border-color:#8b5cf68c}.lock-hint{color:var(--hx-gold-hi);white-space:nowrap;pointer-events:none;background:#090c15c7;border:1px solid #c8aa6e80;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:800;position:absolute;bottom:210px;left:50%;transform:translate(-50%)}.lock-hint.hidden{display:none}.lang-screen{z-index:50}.lang-list{gap:10px;display:grid}.lang-list .btn-cta,.lang-list .btn-secondary{width:100%;margin:0}