:root{--spell-damage: #ff5858;--spell-buff: #88f;--spell-time: #c1ffb6;--hextech-bg: #1e2328;--hextech-panel: #23282e;--hextech-sunken: #14171c;--hextech-line: #3c3c41;--hextech-gold: #c8aa6e;--hextech-gold-dim: #785a28;--hextech-gold-wash: #2c2418;--hextech-teal: #08abac;--hextech-teal-deep: #01698b;--hextech-text: #f0e6d2;--hextech-muted: #a09b8c;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}body{margin:0;padding:0;overflow:hidden;background-color:#1e1e1e;color:#eee;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.center-page-container>div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none}*{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#loading-scene{text-align:center}#loading-scene .logo{width:80px;margin-bottom:20px}.progress{height:10px;width:300px;border:2px solid #61616188;border-radius:12px;background:#51515140;overflow:hidden}.progress-bar{height:100%;width:0%;background:#08cbcb;border-image:linear-gradient(#08abac,#01698b) 1;border-radius:20px;transition:.1s linear;transition-property:width,background-color}@keyframes spinner5{to{transform:rotate(360deg)}}.loading-text{margin-top:5px;text-align:center}.error-text{margin-top:10px;text-align:center;color:red}#menu-scene{width:100vw;height:100vh;height:100dvh;text-align:center;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}#menu-scene .background{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:radial-gradient(120% 85% at 50% -10%,rgba(8,171,172,.22),transparent 62%),radial-gradient(100% 70% at 50% 110%,rgba(200,170,110,.16),transparent 60%),linear-gradient(180deg,#10161d,#0b0f14 55%,#070a0d)}#menu-scene .background:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(60deg,rgba(200,170,110,.05) 0 1px,transparent 1px 38px),repeating-linear-gradient(-60deg,rgba(8,171,172,.05) 0 1px,transparent 1px 38px);-webkit-mask-image:radial-gradient(75% 62% at 50% 42%,#000 25%,transparent 100%);mask-image:radial-gradient(75% 62% at 50% 42%,#000 25%,transparent 100%)}#menu-scene button{z-index:10}#play-btn{margin-top:15px}#config-btn{margin-top:14px}.hextech-btn.secondary{font-size:14px;padding:.5rem 1.5rem;opacity:.85}#fullscreen-btn{position:fixed;top:calc(20px + var(--safe-top));right:calc(20px + var(--safe-right));background-color:transparent;border:none;color:#bbb;font-size:1em;cursor:pointer}.menu-links{z-index:10;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px}.menu-link{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;padding:.5rem 1.1rem;background:#00000059;border:1px solid rgba(255,255,255,.18);color:#bbb;font:inherit;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;cursor:pointer}.menu-link:hover{color:#f0e6d2;border-color:#ffffff73;background:#0000008c}#packs-btn{border-color:#c8aa6e8c;color:#c8aa6e}#packs-btn:hover{border-color:#c8aa6ef2;background:#2c241899}#about-btn{opacity:.85}.hextech-btn{text-transform:uppercase;font-size:18px;color:#f0e6d2;padding:.75rem 2rem;border:3px solid transparent;background:#1e2328;border-image:linear-gradient(#08abac,#01698b) 1;transition:all ease .5s}.hextech-btn:hover{background-image:url(https://cdn.jsdelivr.net/gh/pxlucasf/hextech-css@master/dist/img/btn.jpg);background-position:center center;background-size:cover;box-shadow:0 0 10px 4px #c0fcfd66,inset 0 0 5px 2px #c0fcfd4d;border:3px solid rgba(192,252,253,.75);cursor:pointer}.shiny{display:block;width:min(500px,86vw);position:relative;overflow:hidden}.menu-brand{position:relative;z-index:10}.menu-wordmark{display:flex;align-items:flex-start;justify-content:center;gap:.02em;margin:0;padding:.22em 0 .16em;font-size:clamp(2.6rem,15vw,5.2rem);font-weight:800;letter-spacing:.04em;line-height:1;text-transform:uppercase;user-select:none}.menu-wordmark-main{color:#c8aa6e;background:linear-gradient(180deg,#f5ecd8,#c8aa6e 55%,#8a6a2f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.menu-wordmark-2d{color:#edf2f4;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:.74em;transform:rotate(-9deg) translate(-.06em,-.28em);text-shadow:1px 1px 0 #8d99ae,1px 2px 0 #8d99ae,1px 3px 0 #8d99ae,1px 4px 0 #8d99ae,1px 5px 0 #8d99ae,1px 8px 6px rgba(16,16,16,.45),1px 14px 22px rgba(16,16,16,.35)}.shiny:before{content:"";position:absolute;height:200%;width:200%;top:-120%;left:-120%;background:linear-gradient(transparent 0%,rgba(255,255,255,.1) 45%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.1) 55%,transparent 100%);transition:all 2s;transform:rotate(-45deg);animation:shine 5s infinite forwards}@keyframes shine{0%{top:-120%;left:-120%}40%{left:100%;top:100%}to{left:100%;top:100%}}.menu-version{position:fixed;bottom:calc(8px + var(--safe-bottom));left:calc(12px + var(--safe-left));margin:0;color:#fff;font-size:.75rem;letter-spacing:.5px;opacity:.35;pointer-events:none;user-select:none}.menu-version-offline{margin-left:.5rem;color:#7fd4a0}.menu-update{position:fixed;bottom:calc(12px + var(--safe-bottom));right:calc(12px + var(--safe-right));display:flex;align-items:center;gap:.5rem;min-height:44px;padding:.6rem 1rem;background:#0a1428d9;border:2px solid rgba(120,190,240,.55);color:#bee1ff;font:inherit;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;cursor:pointer}.menu-update:hover:not(:disabled){border-color:#96d7ff;color:#fff}.menu-update:disabled{opacity:.6;cursor:default}.menu-update-checking{position:fixed;bottom:calc(12px + var(--safe-bottom));right:calc(12px + var(--safe-right));display:flex;align-items:center;gap:.5rem;min-height:44px;padding:.6rem 1rem;margin:0;background:#0a1428b3;border:2px solid rgba(120,190,240,.3);color:#bee1ff;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;opacity:.85;pointer-events:none}.menu-loading{margin-top:15px;display:flex;flex-direction:column;align-items:center;gap:10px;width:min(320px,70vw)}.menu-loading-track{width:100%;height:6px;border:1px solid rgba(200,170,110,.55);background-color:#00000073;overflow:hidden}.menu-loading-fill{height:100%;background:linear-gradient(90deg,#c8aa6e,#f0e6d2);transition:width .22s ease-out}.menu-loading-label{margin:0;color:#f0e6d2;font-size:.85rem;letter-spacing:.5px;opacity:.8;user-select:none}.menu-loading-warning{margin:8px 0 0;color:#e8b04b;font-size:.75rem;opacity:.9}.pack-banner{z-index:10;display:flex;flex-direction:column;align-items:center;gap:8px;max-width:min(360px,86vw);margin-top:16px;padding:10px 16px;border:1px solid #e8b04b88;border-radius:8px;background:#140f05d9;color:#f0e6d2;font-size:.85rem;text-align:center}.pack-banner-broken{border-color:#e8724b88;background:#1e0c05e6}.pack-banner-actions{display:flex;gap:8px}.pack-banner button[disabled]{opacity:.6;cursor:default}.pack-banner button{min-height:44px;padding:6px 18px;border:1px solid #c8aa6e;border-radius:6px;background:#1a1a1a;color:#f0e6d2;font:inherit;font-size:.8rem;cursor:pointer}.pack-banner button.ghost{border-color:#c8aa6e55;background:transparent;color:#c8aa6e}#pregame-scene{width:100vw;height:100vh;height:100dvh;align-items:center;justify-content:center}.pregame-panel{width:min(920px,92vw);max-height:88vh;overflow-y:auto;background:var(--hextech-bg);border:3px solid transparent;border-image:linear-gradient(var(--hextech-teal),var(--hextech-teal-deep)) 1;color:var(--hextech-text);padding:1.5rem 2rem 2rem;box-shadow:0 0 30px 6px #00000080}.pregame-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.pregame-header h1{flex:1;font-size:1.4em;text-transform:uppercase;letter-spacing:1px;margin:0;color:var(--hextech-gold)}.pregame-icon-btn{background:transparent;border:none;color:#bbb;font-size:1.1em;cursor:pointer}.pregame-icon-btn:hover{color:var(--hextech-text)}.pregame-tabs{display:flex;gap:.5rem;margin-bottom:1.2rem;border-bottom:1px solid var(--hextech-line)}.pregame-tab{flex:1;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--hextech-muted);padding:.6rem .4rem;font-size:.95em;text-transform:uppercase;letter-spacing:.5px;cursor:pointer}.pregame-tab:hover{color:var(--hextech-text)}.pregame-tab.selected{color:var(--hextech-gold);border-bottom-color:var(--hextech-teal)}.pregame-hint{font-size:.8em;color:var(--hextech-muted);margin:0 0 .8rem}.participant-list{display:flex;flex-direction:column;gap:.6rem}.participant-card{display:flex;align-items:stretch;background:var(--hextech-panel);border:2px solid var(--hextech-line)}.participant-card-player{border-color:#785a2887}.participant-card-main{position:relative;flex:1;display:flex;align-items:center;gap:.8rem;padding:.6rem .8rem;text-align:left;min-width:0}.participant-card-main:has(.participant-card-open:hover){background:#2a2f36}.participant-card-open{position:absolute;inset:0;background:transparent;border:none;padding:0;margin:0;cursor:pointer}.participant-portrait{flex-shrink:0;width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--hextech-sunken);display:flex;align-items:center;justify-content:center}.participant-portrait img{width:100%;height:100%;object-fit:cover}.participant-portrait-random{font-size:1.3em;color:var(--hextech-teal)}.participant-info{flex:1;min-width:0}.participant-name{font-weight:700;color:var(--hextech-gold);font-size:.95em}.participant-summary{font-size:.82em;color:#ddd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-kit-icons{display:flex;gap:3px;margin-top:.3rem}.kit-icon-btn{position:relative;background:transparent;border:1px solid var(--hextech-line);border-radius:3px;padding:0;cursor:pointer;line-height:0}.kit-icon-btn:hover{border-color:#7fd3ff}.kit-icon-btn img,.kit-icon-btn .fa-random{width:40px;height:40px}.participant-chevron{align-self:center;color:#999;flex-shrink:0}.participant-remove{flex-shrink:0;width:44px;background:transparent;border:none;border-left:2px solid var(--hextech-line);color:#d98a8a;cursor:pointer;font-size:1em}.participant-remove:hover{background:#3a2222}.participant-add-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--hextech-panel);border:2px dashed var(--hextech-line);color:var(--hextech-teal);padding:.7rem;cursor:pointer;font-size:.9em}.participant-add-btn:hover{border-color:var(--hextech-teal)}.pregame-columns{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.pregame-column h2{font-size:.95em;text-transform:uppercase;letter-spacing:1px;color:var(--hextech-muted);border-bottom:1px solid var(--hextech-line);padding-bottom:.4rem;margin-bottom:.8rem}.pregame-field{display:block;margin-bottom:.8rem;font-size:.85em}.pregame-field span{display:block;margin-bottom:.3rem}.pregame-field input[type=range]{width:100%}.pregame-toggle{display:flex;align-items:center;gap:.5rem;font-size:.85em;margin-bottom:.6rem;cursor:pointer}.map-field{margin-bottom:.8rem;font-size:.85em}.map-field-label{display:block;margin-bottom:.35rem}.map-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem}.map-option{display:flex;flex-direction:column;gap:.15rem;min-height:44px;padding:.5rem .6rem;background:var(--hextech-panel);border:2px solid var(--hextech-line);color:#bbb;font:inherit;font-size:.95em;text-align:left;cursor:pointer}.map-option:hover{border-color:var(--hextech-gold-dim)}.map-option.selected{border-color:var(--hextech-teal);background:#102426;color:var(--hextech-text)}.map-option:focus-visible{outline:2px solid var(--hextech-gold);outline-offset:2px}.map-option-name{display:flex;align-items:center;gap:.4rem;font-weight:600}.map-option.selected .map-option-name{color:var(--hextech-gold)}.map-option-tick{font-size:.8em;color:var(--hextech-teal)}.map-option-meta{font-size:.78em;color:var(--hextech-muted)}.map-option-pack{font-size:.72em;color:var(--hextech-muted);opacity:.75}.input-mode-row{display:flex;gap:.5rem;margin-bottom:.6rem}.input-mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;background:var(--hextech-panel);border:2px solid var(--hextech-line);color:#bbb;padding:.5rem .4rem;font-size:.78em;cursor:pointer}.input-mode-btn:hover{border-color:var(--hextech-gold-dim)}.input-mode-btn.selected{border-color:var(--hextech-teal);color:var(--hextech-text);background:#102426}.input-mode-btn:disabled{opacity:.45;cursor:not-allowed}@media (max-width: 640px){.pregame-columns{grid-template-columns:1fr;gap:1rem}}.pregame-modal-backdrop{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:200}.pregame-modal{position:relative;box-sizing:border-box;width:min(760px,92vw);max-height:90vh;overflow:hidden;background:var(--hextech-bg);border:3px solid transparent;border-image:linear-gradient(var(--hextech-teal),var(--hextech-teal-deep)) 1;color:var(--hextech-text);padding:1rem 1.2rem 1.2rem;box-shadow:0 0 30px 6px #00000080;display:flex;flex-direction:column}.spell-preview-modal{width:min(480px,92vw);max-height:70vh}.pregame-modal-body{flex:1;min-height:0;overflow-y:auto;padding-right:.3rem}.pregame-modal-header{flex-shrink:0;display:flex;align-items:center;gap:.6rem;margin-bottom:.8rem}.pregame-modal-header h3{flex:1;margin:0;font-size:1.05em;color:var(--hextech-gold);text-transform:uppercase;letter-spacing:1px}.kit-slot-bar{flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.4rem}.kit-slot-pill{position:relative;width:42px;height:42px;padding:0;background:var(--hextech-sunken);border:2px solid var(--hextech-line);color:var(--hextech-text);cursor:pointer;overflow:hidden;line-height:0}.kit-slot-pill img{width:100%;height:100%;object-fit:cover}.kit-slot-pill .fa-random{font-size:1em;line-height:38px;color:var(--hextech-teal)}.kit-slot-pill:hover{border-color:var(--hextech-gold-dim)}.kit-slot-pill.active{border-color:var(--hextech-teal);box-shadow:0 0 0 2px #08abac4d}.kit-slot-pill.changed{border-color:var(--hextech-gold)}.kit-slot-pill.changed.active{border-color:var(--hextech-teal)}.kit-slot-pill-key{position:absolute;right:0;bottom:0;min-width:13px;padding:0 2px;line-height:13px;font-size:.62em;font-weight:700;text-align:center;color:var(--hextech-text);background:#000c}.kit-slot-random{border-style:dashed;color:var(--hextech-teal);line-height:0}.kit-slot-random:hover:not(:disabled){border-color:var(--hextech-teal)}.kit-slot-random:disabled{opacity:.35;cursor:not-allowed}.kit-slot-random .fa-random{line-height:38px}.kit-bar-btn,.saved-kit-save{min-height:42px;padding:.3rem .9rem;font-size:.8rem;border-width:2px;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}@media (max-width: 640px){.kit-bar-label{display:none}.kit-bar-btn,.saved-kit-save{padding:.3rem .7rem}}.kit-bar-btn.secondary{font-size:.8rem;padding:.3rem .9rem}@keyframes hextechConfirmPulse{0%,to{box-shadow:0 0 6px 1px #c8aa6e66,inset 0 0 8px #c8aa6e33;border-color:var(--hextech-gold)}50%{box-shadow:0 0 16px 4px #c8aa6ed9,inset 0 0 12px #c8aa6e73;border-color:gold}}.kit-bar-btn.has-changes{animation:hextechConfirmPulse 1.8s ease-in-out infinite;border-color:var(--hextech-gold);color:var(--hextech-gold);font-weight:700}.kit-bar-actions{display:flex;align-items:center;gap:.4rem;margin-left:auto}.saved-kit-save.open{border-image:none;border-color:var(--hextech-gold)}.saved-kit-form{flex-shrink:0;display:flex;align-items:center;gap:.4rem;margin-bottom:.4rem}.saved-kit-input{flex:1 1 auto;min-width:0;min-height:38px;padding:.3rem .6rem;background:var(--hextech-sunken);border:2px solid var(--hextech-line);color:var(--hextech-text);font-family:inherit;font-size:.85em}.saved-kit-input:focus{outline:none;border-color:var(--hextech-teal)}.saved-kit-confirm{min-height:38px;padding:.3rem .9rem;font-size:.8rem;border-width:2px}.saved-kit-confirm:disabled{opacity:.4;cursor:not-allowed}.saved-kit-error{font-size:.72em;color:var(--hextech-gold)}.kit-hint{flex-shrink:0;margin:0 0 .5rem;font-size:.72em;color:var(--hextech-muted);font-style:italic}.kit-search{flex-shrink:0;position:relative;display:flex;align-items:center;margin-bottom:.5rem}.kit-search-icon{position:absolute;left:.6rem;font-size:.8em;color:var(--hextech-muted);pointer-events:none}.kit-search-input{flex:1 1 auto;min-width:0;min-height:38px;padding:.3rem 2.2rem;background:var(--hextech-sunken);border:2px solid var(--hextech-line);color:var(--hextech-text);font-family:inherit;font-size:.85em}.kit-search-input:focus{outline:none;border-color:var(--hextech-teal)}.kit-search-input::-webkit-search-cancel-button{display:none}.kit-search-clear{position:absolute;right:.25rem;min-height:30px;min-width:30px}.kit-search-empty{font-style:normal;color:var(--hextech-gold)}.kit-unsaved-dialog-scrim{position:absolute;inset:0;background:#040a0fd6;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:220;padding:1rem;animation:fadeIn .15s ease-out}.kit-unsaved-dialog{width:min(440px,94%);background:var(--hextech-bg);border:2px solid transparent;border-image:linear-gradient(var(--hextech-gold),var(--hextech-teal)) 1;box-shadow:0 0 25px 5px #000000bf,0 0 15px #c8aa6e40;padding:1.2rem 1.4rem;text-align:center;display:flex;flex-direction:column;gap:.8rem}.kit-unsaved-title{margin:0;font-size:1.05em;text-transform:uppercase;letter-spacing:.8px;color:var(--hextech-gold);display:flex;align-items:center;justify-content:center;gap:.5rem}.kit-unsaved-title .fa-circle-exclamation{color:#f59e0b}.kit-unsaved-text{margin:0;font-size:.88em;line-height:1.45;color:#ddd}.kit-unsaved-text strong{color:var(--hextech-gold)}.kit-unsaved-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.4rem}.kit-unsaved-actions .hextech-btn{min-height:38px;padding:.4rem .8rem;font-size:.82rem;display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.kit-unsaved-apply{flex:1 1 100%;font-weight:700}.kit-unsaved-discard,.kit-unsaved-stay{flex:1 1 calc(50% - .25rem)}.kit-roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));align-items:start;gap:.4rem}.kit-pack-heading{grid-column:1 / -1;display:flex;align-items:center;gap:.45rem;margin:.5rem 0 0;padding-bottom:.3rem;border-bottom:1px solid var(--hextech-border, rgba(200, 170, 110, .25));font-size:.8em;font-weight:400;color:var(--hextech-muted);text-transform:uppercase;letter-spacing:.5px}.kit-pack-heading:first-of-type{margin-top:.15rem}.kit-pack-heading-icon{width:18px;height:18px;border-radius:4px;object-fit:cover;flex:none}.kit-pack-heading-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-pack-heading-count{margin-left:auto;flex:none;opacity:.75;text-transform:none}.kit-roster .kit-shelf:not(.has-kit),.kit-roster .catalog-group-row{display:none}.kit-roster .kit-shelf.open{display:block;grid-column:1 / -1;border-color:var(--hextech-gold);background:linear-gradient(180deg,rgba(200,170,110,.08) 0%,var(--hextech-panel) 100%);box-shadow:0 4px 16px #00000059,0 0 10px #c8aa6e26}.kit-roster .kit-shelf.open .catalog-group-row{display:flex;animation:shelfExpand .25s cubic-bezier(.16,1,.3,1) both}.kit-roster .kit-shelf.open .kit-shelf-heading{flex-direction:row;margin-bottom:.35rem;text-align:left}.kit-roster .kit-shelf.open .kit-shelf-name{width:auto;text-align:left;font-size:.95em;font-weight:600;color:var(--hextech-text)}.kit-roster .kit-shelf.open .catalog-group-avatar{width:35px;height:35px}.kit-roster .kit-apply-chip{display:none}.kit-roster .kit-shelf.open .kit-apply-chip{display:inline-flex;align-items:center;gap:.25rem}.kit-roster .kit-shelf-heading{flex-direction:column;gap:.3rem;margin-bottom:0;text-align:center}.kit-roster .catalog-group-avatar{width:52px;height:52px}.kit-roster .kit-shelf-name{width:100%;text-align:center}.kit-roster .kit-shelf{padding:.5rem .35rem;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.catalog-avatar-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.kit-tile-badge{position:absolute;top:-3px;right:-3px;width:17px;height:17px;border-radius:50%;background:var(--hextech-gold);color:#0c141c;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 0 4px #000000b3;border:1px solid rgba(0,0,0,.4)}.kit-shelf-chevron{color:var(--hextech-muted);font-size:.68em;margin-top:1px;transition:transform .2s ease,color .2s ease}.kit-shelf-apply:hover .kit-shelf-chevron{color:var(--hextech-gold)}.kit-shelf-state{margin-left:auto;display:inline-flex;align-items:center;gap:.4rem}.kit-selected-pill{display:inline-flex;align-items:center;gap:.25rem;padding:2px 6px;border-radius:3px;background:#c8aa6e33;color:var(--hextech-gold);border:1px solid var(--hextech-gold-dim);font-size:.75em;font-weight:600;text-transform:none;letter-spacing:0}.kit-shelf-cta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .8rem;margin-bottom:.45rem;padding-top:.15rem;animation:shelfExpand .22s cubic-bezier(.16,1,.3,1) both}.kit-apply-all{display:inline-flex;align-items:center;gap:.4rem;flex-shrink:0;padding:.32rem .75rem;font-size:.85em;font-weight:600;border-radius:3px}.kit-apply-all.is-active-kit{background:#c8aa6e38;border-color:var(--hextech-gold);color:var(--hextech-gold);box-shadow:0 0 8px #c8aa6e40}.kit-keys-preview{display:inline-flex;gap:2px;margin-left:2px}.kit-key-badge{font-size:9px;font-weight:700;padding:1px 3px;border-radius:2px;background:#00000073;color:var(--hextech-gold);border:1px solid rgba(200,170,110,.3);line-height:1.1}.kit-slot-target-guide{display:inline-flex;align-items:center;gap:.45rem;min-width:0;color:var(--hextech-muted);font-size:.78em;text-transform:none;letter-spacing:0}.kit-guide-divider{font-size:.7em;font-weight:700;color:var(--hextech-muted);background:var(--hextech-sunken);border:1px solid var(--hextech-line);padding:1px 5px;border-radius:2px;letter-spacing:.5px}.kit-guide-action{display:inline-flex;align-items:center;gap:.3rem;color:var(--hextech-text);font-size:.95em}.kit-target-slot-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;font-size:.85em;font-weight:700;color:var(--hextech-gold);background:#c8aa6e26;border:1px solid var(--hextech-gold);border-radius:2px;box-shadow:0 0 6px #c8aa6e4d}.kit-guide-arrow{color:var(--hextech-gold);font-size:.8em;animation:bounceGuideArrow 1.5s ease-in-out infinite}@keyframes shelfExpand{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceGuideArrow{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}.kit-cta-note{min-width:0;color:var(--hextech-muted);font-size:.78em;text-transform:none;letter-spacing:0}.saved-kit-shelf{grid-column:1 / -1;border:1px solid var(--hextech-line);background:var(--hextech-panel);padding:.35rem}.saved-kit-heading{margin:0 0 .35rem;font-size:.8em;font-weight:400;color:var(--hextech-muted);text-transform:uppercase;letter-spacing:.5px}.saved-kit-list{display:flex;flex-wrap:wrap;gap:.35rem}.saved-kit{display:flex;align-items:stretch;border:1px solid var(--hextech-line);background:var(--hextech-sunken)}.saved-kit:hover{border-color:var(--hextech-gold-dim)}.saved-kit-apply{display:flex;align-items:center;gap:.4rem;max-width:220px;padding:.25rem .5rem;background:none;border:none;color:var(--hextech-text);font-family:inherit;font-size:.8em;text-align:left;cursor:pointer}.saved-kit-apply:hover .kit-apply-chip{border-color:var(--hextech-gold);background:var(--hextech-gold-wash);color:var(--hextech-text)}.saved-kit-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-kit-delete{padding:0 .5rem;background:none;border:none;border-left:1px solid var(--hextech-line);color:#d98a8a;font-size:.8em;cursor:pointer}.saved-kit-delete:hover{background:#3a2222}.kit-shelf{border:1px solid var(--hextech-line);background:var(--hextech-panel);padding:.35rem}.kit-shelf:hover{border-color:var(--hextech-gold-dim)}.kit-shelf.selected{background:#c8aa6e14;border-color:var(--hextech-gold)}.kit-shelf-heading{display:flex;align-items:center;gap:.4rem;width:100%;min-width:0;margin-bottom:.35rem;font-size:.8em;color:var(--hextech-muted);text-transform:uppercase;letter-spacing:.5px}.kit-shelf-apply{padding:0;background:none;border:none;font-family:inherit;font-size:.8em;text-align:left;cursor:pointer}.kit-shelf-apply:hover{color:var(--hextech-text)}.kit-shelf-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-apply-chip{margin-left:auto;flex-shrink:0;padding:2px 6px;border:1px solid rgba(200,170,110,.4);color:var(--hextech-gold);font-size:.9em;white-space:nowrap}.kit-shelf-apply:hover .kit-apply-chip{border-color:var(--hextech-gold);background:var(--hextech-gold-wash);color:var(--hextech-text)}.spell-peek{position:fixed;z-index:300;overflow-y:auto;pointer-events:none;box-sizing:border-box;padding:.6rem .8rem;background:var(--hextech-bg);border:2px solid var(--hextech-gold-dim);box-shadow:0 0 20px 4px #0009;color:var(--hextech-text)}.spell-peek .spell-detail-header{padding-top:0;margin-top:0}.spell-peek-scrim{position:fixed;inset:0;z-index:299;background:#00000073}.spell-peek-dismiss{margin:.5rem 0 0;padding-top:.4rem;border-top:1px solid var(--hextech-line);font-size:.78em;text-align:center;color:var(--hextech-muted);text-transform:uppercase;letter-spacing:.5px}.catalog-group-heading{display:flex;align-items:center;gap:.4rem;font-size:.8em;color:var(--hextech-muted);text-transform:uppercase;letter-spacing:.5px;margin:.8rem 0 .4rem}.catalog-group-heading:first-child{margin-top:0}.catalog-group-avatar{width:35px;height:35px;border-radius:50%;object-fit:cover;background:var(--hextech-sunken);flex-shrink:0}.catalog-group-row{display:flex;flex-wrap:wrap;gap:4px}.catalog-spell-card{position:relative;box-sizing:border-box;display:block;width:48px;height:48px;background:var(--hextech-sunken);border:2px solid var(--hextech-line);padding:0;cursor:pointer;color:var(--hextech-text);line-height:0;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.catalog-spell-card:hover{border-color:var(--hextech-gold-dim);transform:translateY(-1px)}.catalog-spell-card.selected{border-color:var(--hextech-gold);background:var(--hextech-gold-wash);box-shadow:0 0 8px #c8aa6e4d}.catalog-spell-card.matches-slot{border-color:#c8aa6e8c}.spell-slot-tag{position:absolute;top:1px;left:1px;z-index:2;font-size:9px;font-weight:700;line-height:1.1;padding:1px 3px;border-radius:2px;background:#0c141cd9;color:var(--hextech-gold);border:1px solid rgba(200,170,110,.4);pointer-events:none;box-shadow:0 1px 3px #000c}.catalog-spell-card img{width:100%;height:100%;object-fit:cover;pointer-events:none}.catalog-random-card{grid-column:1 / -1;display:flex;align-items:center;gap:.5rem;background:var(--hextech-panel);border:2px dashed var(--hextech-line);padding:.5rem;cursor:pointer;color:var(--hextech-teal);font-size:.85em;width:100%}.catalog-random-card:hover,.catalog-random-card.selected{border-color:var(--hextech-teal)}.spell-detail-header{display:flex;gap:.8rem;align-items:flex-start}.spell-detail-header img{width:56px;height:56px;border-radius:6px;border:2px solid #9999;flex-shrink:0}.spell-detail-header h3{margin:0 0 .4rem;font-size:1em}.spell-detail-costs{display:flex;gap:1rem;font-size:.85em;font-weight:700}.spell-detail-cooldown{color:#e8c17d}.spell-detail-mana{color:#9ed4ff}.spell-detail-body{margin-top:.8rem;color:#eee;font-size:.9em;line-height:1.5;flex:1}.spell-detail-body span{font-style:italic}.spell-detail-body .damage{color:var(--spell-damage)}.spell-detail-body .buff{color:var(--spell-buff)}.spell-detail-body .time{color:var(--spell-time)}.pregame-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}body.touch-ui .pregame-tab,body.touch-ui .participant-card-main,body.touch-ui .participant-remove,body.touch-ui .participant-add-btn,body.touch-ui .catalog-random-card,body.touch-ui .input-mode-btn,body.touch-ui .kit-bar-btn,body.touch-ui .saved-kit-save,body.touch-ui .saved-kit-input,body.touch-ui .saved-kit-confirm,body.touch-ui .saved-kit-apply,body.touch-ui .saved-kit-delete{min-height:44px}body.touch-ui .saved-kit-delete{min-width:44px}body.touch-ui .kit-icon-btn{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}body.touch-ui .participant-portrait{width:56px;height:56px}body.touch-ui .kit-slot-pill{width:46px;height:46px}body.touch-ui .kit-slot-pill .fa-random{line-height:42px}body.touch-ui .spell-peek{font-size:.92em}body.touch-ui .spell-peek .spell-detail-body{max-height:34vh;overflow-y:auto}@media (max-width: 640px){.pregame-modal-backdrop{align-items:stretch;justify-content:stretch}.pregame-modal{width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;border-width:0;padding:.7rem}}@media (max-height: 480px){.loadout-modal{height:100vh;height:100dvh;max-height:none;border-width:0;padding:.6rem .8rem}.pregame-modal-header{margin-bottom:.4rem}.kit-slot-bar{gap:.3rem;margin-bottom:.3rem}.kit-slot-pill,body.touch-ui .kit-slot-pill{width:38px;height:38px}body.touch-ui .kit-slot-pill .fa-random{line-height:34px}.kit-bar-btn,.kit-bar-btn.secondary,body.touch-ui .kit-bar-btn,.saved-kit-save,body.touch-ui .saved-kit-save,.saved-kit-confirm,body.touch-ui .saved-kit-confirm,body.touch-ui .saved-kit-input{min-height:38px;padding:.2rem .7rem;font-size:.75rem}.saved-kit-form{gap:.3rem;margin-bottom:.3rem}.kit-hint{display:none}.spell-detail-header h3{margin-bottom:.2rem}body.touch-ui .catalog-random-card{min-height:34px;padding:.3rem .5rem}.kit-roster{grid-template-columns:repeat(auto-fill,minmax(108px,1fr))}.catalog-spell-card{width:44px;height:44px}.kit-shelf{padding:.25rem}.kit-shelf-heading{margin-bottom:.25rem}.pregame-modal-body{min-height:120px}body.touch-ui .spell-peek .spell-detail-body{max-height:26vh}}#about-scene{width:100vw;height:100vh;height:100dvh;align-items:center;justify-content:center}.about-panel{box-sizing:border-box;display:flex;flex-direction:column;width:min(720px,92vw);height:min(600px,88vh);background:var(--hextech-bg);border:3px solid transparent;border-image:linear-gradient(var(--hextech-teal),var(--hextech-teal-deep)) 1;color:var(--hextech-text);box-shadow:0 0 30px 6px #00000080}.about-header{flex:none;display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem .8rem;border-bottom:1px solid var(--hextech-line)}.about-header h1{flex:1;margin:0;font-size:1.3em;text-transform:uppercase;letter-spacing:1px;color:var(--hextech-gold)}.about-close{flex:none;width:44px;height:44px;background:transparent;border:none;color:var(--hextech-muted);font-size:1.1em;cursor:pointer}.about-close:hover{color:var(--hextech-text)}.about-body{box-sizing:border-box;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:1rem 1.2rem 1.4rem}.about-section{margin-bottom:1.6rem}.about-section:last-child{margin-bottom:0}.about-section h2{margin:0 0 .7rem;font-size:1em;text-transform:uppercase;letter-spacing:.5px;color:var(--hextech-gold)}.about-intro-text{margin:0 0 1rem;line-height:1.55;color:var(--hextech-text)}.about-link-row{display:flex;flex-wrap:wrap;gap:.6rem}.about-link{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.about-chips{list-style:none;display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 1rem;padding:0}.about-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .65rem;background:var(--hextech-panel);border:1px solid var(--hextech-line);font-size:.82em;color:var(--hextech-text)}.about-chip i{color:var(--hextech-gold)}.about-section h2 i{margin-right:.4rem;color:var(--hextech-gold)}.about-empty{margin:0;color:var(--hextech-muted);font-size:.9em}.about-article-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.7rem}.about-article{background:var(--hextech-panel);border:1px solid var(--hextech-line);padding:.6rem .8rem}.about-article-title{color:var(--hextech-teal);font-weight:600;text-decoration:none}.about-article-title:hover{color:var(--hextech-text)}.about-article-desc{margin:.3rem 0 0;color:var(--hextech-muted);font-size:.88em;line-height:1.4}.about-release{margin-bottom:.5rem;border:1px solid var(--hextech-line);background:var(--hextech-panel)}.about-release:last-child{margin-bottom:0}.about-release-title{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;min-height:44px;margin:0;padding:.55rem .8rem;font-size:.95em;color:var(--hextech-text);cursor:pointer;list-style:none}.about-release-title::-webkit-details-marker{display:none}.about-release-title:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;margin-left:auto;font-size:.72em;color:var(--hextech-muted);transition:transform .15s ease}.about-release[open] .about-release-title:after{transform:rotate(180deg)}.about-release[open] .about-release-title{color:var(--hextech-gold);border-bottom:1px solid var(--hextech-line)}.about-release-date{flex:none;font-size:.78em;color:var(--hextech-muted);letter-spacing:.5px}.about-release-list{margin:0;padding:.7rem .9rem .8rem 2rem;display:flex;flex-direction:column;gap:.35rem;color:var(--hextech-text);font-size:.9em;line-height:1.5}@media (max-width: 640px),(max-height: 480px){.about-panel{width:100vw;height:100dvh;border-width:0}}#packs-scene{width:100vw;height:100vh;height:100dvh;align-items:center;justify-content:center}.packs-panel{box-sizing:border-box;display:flex;flex-direction:column;width:min(720px,92vw);height:min(600px,88vh);background:var(--hextech-bg);border:3px solid transparent;border-image:linear-gradient(var(--hextech-teal),var(--hextech-teal-deep)) 1;color:var(--hextech-text);box-shadow:0 0 30px 6px #00000080}.packs-header{flex:none;display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem .8rem;border-bottom:1px solid var(--hextech-line)}.packs-header h1{flex:1;margin:0;font-size:1.3em;text-transform:uppercase;letter-spacing:1px;color:var(--hextech-gold)}.packs-close{flex:none;width:44px;height:44px;background:transparent;border:none;color:var(--hextech-muted);font-size:1.1em;cursor:pointer}.packs-close:hover{color:var(--hextech-text)}.packs-body-shell{position:relative;display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.packs-body{box-sizing:border-box;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:1rem 1.2rem 1.4rem}.packs-tabs{flex:none;display:flex;border-bottom:1px solid var(--hextech-line)}.packs-tab{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;padding:.5rem .6rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--hextech-muted);font:inherit;font-size:.85em;text-transform:uppercase;letter-spacing:.5px;cursor:pointer}.packs-tab:hover{color:var(--hextech-text)}.packs-tab.selected{color:var(--hextech-gold);border-bottom-color:var(--hextech-gold)}.packs-tab:focus-visible{outline:2px solid var(--hextech-gold);outline-offset:-2px}.packs-tab-count{min-width:1.35em;padding:0 .3em;background:var(--hextech-sunken);border:1px solid var(--hextech-line);border-radius:999px;font-size:.85em;line-height:1.35;color:var(--hextech-text)}.packs-avatar{flex:none;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--hextech-line);font-size:.95em;font-weight:700;letter-spacing:.5px;user-select:none}.packs-avatar-img{object-fit:cover;background:var(--hextech-sunken)}.packs-row-main{display:flex;align-items:flex-start;gap:.7rem}.packs-row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.packs-intro{margin-bottom:1.2rem;padding:.6rem .8rem;background:var(--hextech-panel);border:1px solid var(--hextech-line)}.packs-intro-summary{display:flex;align-items:center;gap:.5rem;min-height:32px;font-size:.86em;color:var(--hextech-gold);cursor:pointer;list-style:none}.packs-intro-summary::-webkit-details-marker{display:none}.packs-intro-summary:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;margin-left:auto;font-size:.75em;color:var(--hextech-muted);transition:transform .15s ease}.packs-intro[open] .packs-intro-summary:after{transform:rotate(180deg)}.packs-intro-text{margin:.6rem 0 .7rem;font-size:.85em;line-height:1.5;color:var(--hextech-text)}.packs-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.packs-step{display:flex;align-items:flex-start;gap:.6rem;font-size:.84em;line-height:1.5;color:var(--hextech-text)}.packs-step>i{flex:none;width:1.3rem;padding-top:.15rem;text-align:center;color:var(--hextech-teal)}.packs-step code{padding:0 .25em;background:var(--hextech-sunken);border:1px solid var(--hextech-line);font-size:.92em;-webkit-user-select:text;user-select:text}.packs-section{margin-bottom:1.4rem}.packs-section:last-child{margin-bottom:0}.packs-section-title{margin:0 0 .6rem;font-size:.78em;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--hextech-muted);border-bottom:1px solid var(--hextech-line);padding-bottom:.35rem}.packs-selectable{-webkit-user-select:text;user-select:text}.packs-hint{margin:.7rem 0 0;font-size:.8em;line-height:1.5;color:var(--hextech-muted)}.packs-catalog{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.8rem}.packs-card{display:flex;flex-direction:column;gap:.4rem;padding:.8rem .9rem;background:var(--hextech-panel);border:1px solid var(--hextech-line)}.packs-card-head{display:flex;align-items:center;gap:.6rem}.packs-card-name{flex:1;font-weight:600;color:var(--hextech-gold)}.packs-card-installed{flex:none;font-size:.78em;color:#7fd4a0}.packs-card-desc{margin:0;font-size:.85em;line-height:1.5;color:var(--hextech-text)}.packs-card-url{margin:0;font-size:.76em;color:var(--hextech-muted);word-break:break-all}.packs-card-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.2rem}.packs-card-install,.packs-card-action{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:40px;padding:.35rem .8rem;border:1px solid var(--hextech-line);background:transparent;color:var(--hextech-muted);font:inherit;font-size:.8em;text-decoration:none;cursor:pointer}.packs-card-action:hover{color:var(--hextech-text);border-color:var(--hextech-muted)}.packs-card-install{border-color:var(--hextech-teal);color:var(--hextech-teal)}.packs-card-install:hover:not(:disabled){background:#102426;color:var(--hextech-text)}.packs-card-install:disabled{opacity:.55;cursor:default}.packs-card-install.done{border-color:var(--hextech-line);color:var(--hextech-muted)}.packs-add{margin-bottom:1rem}.packs-add-label{display:block;margin-bottom:.35rem;font-size:.8em;color:var(--hextech-muted)}.packs-add-row{display:flex;gap:.5rem}.packs-add-row input{flex:1 1 auto;min-width:0;min-height:42px;padding:.3rem .6rem;background:var(--hextech-sunken);border:2px solid var(--hextech-line);color:var(--hextech-text);font-family:inherit;font-size:.85em}.packs-add-row input:focus{outline:none;border-color:var(--hextech-teal)}.packs-add-row input[readonly]{opacity:.6}.packs-add-row button{flex:none;min-height:42px;padding:.4rem 1rem;background:transparent;border:2px solid var(--hextech-teal);color:var(--hextech-teal);font-size:.85em;cursor:pointer}.packs-add-row button:disabled,.packs-add-row button[aria-disabled=true]{opacity:.5;cursor:default}.packs-add-error{margin:.4rem 0 0;font-size:.8em;color:#e08a8a;word-break:break-word}.packs-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.8rem}.packs-row{background:var(--hextech-panel);border:1px solid var(--hextech-line);padding:.7rem .9rem;display:flex;flex-direction:column;gap:.55rem}.packs-row-head{display:flex;align-items:baseline;gap:.6rem}.packs-id{font-weight:600;color:var(--hextech-text)}.packs-version{font-size:.85em;color:var(--hextech-muted)}.packs-origin{margin:0;font-size:.88em;color:var(--hextech-teal);word-break:break-all}.packs-usage{display:flex;align-items:baseline;gap:.4rem;margin:0;font-size:.82em;color:var(--hextech-muted)}.packs-usage>i{flex:none;width:1em;text-align:center}.packs-usage.is-downloading{color:var(--hextech-teal)}.packs-usage.is-ready{color:var(--hextech-gold)}.packs-usage.is-downloading>i{animation:packs-usage-pulse 1.4s ease-in-out infinite}@keyframes packs-usage-pulse{0%,to{opacity:1}50%{opacity:.35}}.packs-progress{position:relative;height:5px;margin-top:.15rem;background:var(--hextech-sunken);border:1px solid var(--hextech-line);overflow:hidden}.packs-progress-fill{display:block;height:100%;background:var(--hextech-muted);transition:width .25s linear}.packs-progress.live .packs-progress-fill{background:var(--hextech-teal)}.packs-progress.live:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgb(255 255 255 / 18%),transparent);transform:translate(-100%);animation:packs-progress-sheen 1.6s linear infinite}@keyframes packs-progress-sheen{to{transform:translate(100%)}}@media (prefers-reduced-motion: reduce){.packs-usage.is-downloading>i,.packs-progress.live:after{animation:none}.packs-progress.live:after{content:none}}.packs-remove{align-self:flex-start;display:inline-flex;align-items:center;gap:.5rem;margin-top:.2rem;padding:.4rem .9rem;background:transparent;border:1px solid var(--hextech-line);color:var(--hextech-muted);font-size:.85em;cursor:pointer}.packs-remove:hover{color:var(--hextech-text);border-color:var(--hextech-muted)}.packs-remove.confirming{background:#a33;border-color:#c44;color:#fff}.packs-remove:disabled{opacity:.6;cursor:default}.packs-empty{color:var(--hextech-muted);font-size:.95em;line-height:1.5}.packs-empty-cta{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;margin-top:.8rem;padding:.4rem 1rem;background:transparent;border:2px solid var(--hextech-teal);color:var(--hextech-teal);font:inherit;font-size:.85em;cursor:pointer}.packs-empty-cta:hover{background:#102426;color:var(--hextech-text)}.packs-empty-hint{margin-top:.6rem}.pack-confirm-backdrop{position:absolute;inset:0;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:20}.pack-confirm:focus{outline:none}.pack-confirm-actions button:focus-visible,.packs-card-install:focus-visible,.packs-card-action:focus-visible,.packs-add-row button:focus-visible,.packs-remove:focus-visible{outline:2px solid var(--hextech-gold);outline-offset:2px}.pack-confirm{box-sizing:border-box;width:min(520px,100%);max-height:100%;overflow-y:auto;background:var(--hextech-bg);border:2px solid var(--hextech-teal);padding:1.1rem 1.2rem;box-shadow:0 0 24px 4px #0009}.pack-confirm-origin{margin:0 0 .6rem;font-size:1.3em;font-weight:700;color:var(--hextech-gold);word-break:break-all}.pack-confirm-name{margin:0 0 .4rem;font-size:1em;color:var(--hextech-text)}.pack-confirm-compat{margin:0 0 .4rem;font-size:.9em;color:var(--hextech-teal)}.pack-confirm-compat.pack-confirm-refused{color:#e08a8a}.pack-confirm-champions{margin:0 0 .6rem;font-size:.85em;color:var(--hextech-muted)}.pack-confirm-authority{margin:0 0 .8rem;font-size:.85em;line-height:1.5;color:var(--hextech-text)}.pack-confirm-error{margin:0 0 .6rem;font-size:.82em;color:#e08a8a;word-break:break-word}.pack-confirm-actions{display:flex;gap:.6rem}.pack-confirm-actions button{flex:1 1 0;min-height:44px;font-size:.9em;cursor:pointer}.pack-confirm-cancel{background:transparent;border:2px solid var(--hextech-line);color:var(--hextech-text)}.pack-confirm-cancel:hover{border-color:var(--hextech-muted)}.pack-confirm-install{background:#a33;border:2px solid #c44;color:#fff}.pack-confirm-install:disabled,.pack-confirm-cancel:disabled{opacity:.6;cursor:default}.pack-confirm-url{margin:.7rem 0 0;font-size:.75em;color:var(--hextech-muted);word-break:break-all}@media (max-width: 640px),(max-height: 480px){.packs-panel{width:100vw;height:100dvh;border-width:0}}#game-scene canvas{touch-action:none}#InGameHUD{z-index:100}.bottom-HUD{position:fixed;bottom:0;left:50%;transform:translate(-50%);min-width:100px;padding:5px;margin-bottom:10px;background-color:#111c;border-radius:50px 5px 5px;border:solid 2px #fff3;display:flex;flex-direction:row;align-items:flex-start}.bottom-HUD .champion-avatar img{width:80px;height:80px;border-radius:50%;border:2px solid #aaa}.champion-avatar{position:relative}.champion-avatar .revive-counter{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1119;text-align:center;line-height:80px;color:#eee;font-size:1.5em;font-weight:700}.champion-details{margin-left:10px}.spells{display:flex;flex-direction:row}.spell{position:relative;width:3em;height:3em;cursor:pointer}.spells .spell{margin-right:5px;background:#aaa6;padding:2px}.spells .spell:hover{background:#eee;cursor:pointer}.spell img{width:100%;height:100%}.spell.small{width:2em!important;height:2em!important}.spell .stacks{position:absolute;top:-6px;left:-6px;min-width:16px;padding:0 3px;border-radius:8px;background:#1b1206cc;border:1px solid #c8a15e;color:#ffe6ae;font-size:.78em;font-weight:700;line-height:15px;text-align:center;z-index:11}.spell .mana-cost{position:absolute;bottom:2px;left:2px;min-width:15px;padding:0 3px;border-radius:8px;background:#061426cc;border:1px solid #3d7fb8;color:#9ed4ff;font-size:.78em;font-weight:700;line-height:15px;text-align:center;z-index:11}.spell .mana-cost.short{background:#2a0a0acc;border-color:#b8503d;color:#ff9e9e}.spells .spell.sustaining{background:#7fd7a4;box-shadow:0 0 8px 1px #4bd08688}.spell .toggle-badge{position:absolute;top:-6px;right:-6px;min-width:16px;padding:0 3px;border-radius:8px;font-size:.7em;font-weight:700;line-height:15px;text-align:center;z-index:12}.spell .toggle-badge.on{background:#06280fdd;border:1px solid #4bd086;color:#b6ffd4}.spell .toggle-badge.off{background:#14161acc;border:1px solid #5c626c;color:#8f96a3}.spell .sustain-bar{position:absolute;top:0;left:0;height:3px;background:#4bd086;box-shadow:0 0 4px #4bd086;z-index:11}.spell .hotKey{position:absolute;bottom:-5px;right:-5px;color:#e8c17d;font-size:.9em;font-weight:700;z-index:10;text-shadow:#000 1px 0 10px}.recall-btn{position:relative;flex:none;padding:0;overflow:hidden;width:22px;height:22px;border:1px solid #fff3;border-radius:50%;background:#0d1420cc;color:#cbb894;font-size:.72em;line-height:1;cursor:pointer}.recall-btn:hover{color:var(--hextech-gold);border-color:#fff6}.recall-btn.unavailable{color:#6b6b6b;border-color:#ffffff1a;cursor:default}.recall-btn.channeling{color:#ffe09e;border-color:#c8a15e}.recall-btn i{position:relative;z-index:2}.recall-btn.channeling i{visibility:hidden}.recall-btn .recall-fill{position:absolute;left:0;right:0;bottom:0;z-index:1;background:#ffcd7852}.recall-btn .recall-count{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.05em;font-weight:700;text-shadow:#000 1px 0 6px}.cooldown{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;transition:opacity .3s ease;display:flex;flex-direction:column;justify-content:center}.cooldown p{color:#eee;text-align:center;font-weight:700}.spell.in-cooldown .cooldown{opacity:.7;transition:none}.spell .cooldown-overlay{position:absolute;bottom:0;left:0;width:100%;height:0%;background-color:#111d;transform-origin:bottom;border-top:2px solid #eee}.spell .cooldown-overlay.rhythm{background-color:#ffd08438;border-top:2px solid rgba(255,226,176,.85)}.spell.in-cooldown img{filter:grayscale(100%)}.spell-info{position:fixed;padding:10px;background-color:#111;box-shadow:0 0 10px #999b;color:#eee;font-size:1em;width:300px;pointer-events:none;transition:all .08s ease-in;z-index:100}.spell-info .header,.spell-info .header>div{display:flex;align-items:center;justify-content:space-between}.spell-info img{width:50px;margin-right:10px;border:2px solid #9999}.spell-info h4{font-size:1em;font-weight:700;margin:0;padding:0}.spell-info span{padding:0;margin:0 0 0 5px;font-weight:700;color:#e8c17d}.spell-info .costs{gap:8px;flex-direction:column;flex-shrink:0}.spell-info .costs .mana{color:#9ed4ff}.spell-info .body{margin-top:10px;color:#eee}.spell-info .body span{font-style:italic;padding:0;margin:0}.spell-info .body .damage{color:var(--spell-damage)}.spell-info .body .buff{color:var(--spell-buff)}.spell-info .body .time{color:var(--spell-time)}.health-bar{margin-top:10px;text-align:center;color:#eee}.health-bar .bar{height:15px;width:100%;position:relative}.health-bar .bar div{transition:width .1s ease;height:100%}.health-bar .bar p{margin:0;padding:0;font-size:.8em;line-height:100%;position:absolute;top:0;width:100%}.buffs{position:absolute;top:-3px;transform:translateY(-100%);display:flex;flex-direction:row}.buffs .buff{width:35px;height:35px;background-color:#1119;position:relative}.buffs .buff img{width:100%;height:100%}.buffs .buff span{position:absolute;bottom:0;right:0;font-size:.8em;color:#eee;background-color:#111e;padding:0 5px}.buffs .buff span.stacks{inset:0 auto auto 0;color:#ffd97a;font-weight:700}.practice-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-sizing:border-box;background:var(--hextech-bg);border:3px solid transparent;border-image:linear-gradient(var(--hextech-teal),var(--hextech-teal-deep)) 1;color:var(--hextech-text);box-shadow:0 0 30px 6px #00000080;display:flex;flex-direction:column;width:min(760px,92vw);height:90vh}.practice-tabs{flex:none;margin-bottom:0;padding:.5rem .8rem 0}.practice-tab{padding:.5rem .3rem;font-size:.85em}.practice-close{flex:none;width:44px;align-self:stretch;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--hextech-muted);font-size:1em;cursor:pointer}.practice-close:hover{color:var(--hextech-text)}.practice-tab-body{box-sizing:border-box;flex:1 1 auto;min-height:0;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.practice-tab-body{padding:.8rem}.practice-render-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.practice-render-settings select{box-sizing:border-box;width:100%;min-height:44px;padding:0 2.2rem 0 .7rem;border:1px solid var(--hextech-line);border-radius:3px;color:var(--hextech-text);background:#0a141c;font:inherit}.practice-render-settings select:focus-visible{outline:2px solid var(--hextech-gold);outline-offset:2px}.practice-roster-body{padding-bottom:0}.practice-team{margin-bottom:.8rem;padding:.4rem .5rem .5rem;border:1px solid transparent;border-radius:6px}.practice-team--blue{background:#4a9eff12;border-color:#4a9eff2e}.practice-team--red{background:#e0564f12;border-color:#e0564f2e}.practice-team-header{display:flex;align-items:center;gap:.5rem;padding:.2rem .2rem .4rem;border-bottom:1px solid var(--hextech-line);margin-bottom:.6rem}.practice-team-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.practice-team--blue .practice-team-dot{background:#4a9eff;box-shadow:0 0 6px #4a9eff99}.practice-team--red .practice-team-dot{background:#e0564f;box-shadow:0 0 6px #e0564f99}.practice-team-name{flex:1;font-size:.9em;letter-spacing:.5px;text-transform:uppercase}.practice-team--blue .practice-team-name{color:#7ab8ff}.practice-team--red .practice-team-name{color:#ec8580}.practice-team-count{min-width:1.6em;padding:0 .4em;text-align:center;color:var(--hextech-muted);font-variant-numeric:tabular-nums;font-size:.85em;border:1px solid var(--hextech-line);border-radius:999px}.practice-team-empty{margin:0 0 .6rem;padding:0 .2rem;color:var(--hextech-muted);font-size:.78em;font-style:italic}.practice-team-switch{flex-shrink:0;width:44px;background:transparent;border:none;border-left:2px solid var(--hextech-line);color:var(--hextech-teal);font-size:.95em;cursor:pointer}.practice-team-switch:hover{background:#50c8c81f}.practice-roster-row{display:flex;flex-direction:column;background:var(--hextech-panel);border:2px solid var(--hextech-line);margin-bottom:.6rem}.practice-roster-row.is-player{border-color:#785a2887}.practice-roster-main{display:flex;align-items:stretch;min-width:0}.practice-roster-identity{position:relative;flex:1;display:flex;align-items:center;gap:.8rem;min-width:0;padding:.6rem .8rem}.practice-roster-identity:hover{background:#2a2f36}.practice-roster-open{position:absolute;inset:0;background:transparent;border:none;padding:0;cursor:pointer}.practice-roster-portrait{flex-shrink:0;width:44px;height:44px;border:2px solid var(--hextech-gold-dim);border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.practice-roster-portrait img{width:100%;height:100%;object-fit:cover}.practice-roster-portrait.is-empty{border-style:dashed;border-color:var(--hextech-teal);color:var(--hextech-teal)}.practice-roster-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.practice-roster-label{color:var(--hextech-gold);font-size:.85em;text-transform:uppercase;letter-spacing:1px}.practice-roster-name{color:var(--hextech-muted);font-size:.85em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.practice-roster-spells{display:flex;gap:3px;margin-top:3px}.practice-roster-spell{position:relative;width:20px;height:20px;padding:0;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--hextech-sunken);border:1px solid var(--hextech-line);border-radius:3px;cursor:pointer}.practice-roster-spell:not(.is-inert):hover{border-color:var(--hextech-teal)}.practice-roster-spell.is-inert{cursor:default}.practice-roster-badge{margin-left:4px;color:var(--hextech-teal);font-size:.9em}.practice-section-title{margin:1rem 0 .5rem;color:var(--hextech-gold);font-size:.8em;text-transform:uppercase;letter-spacing:1px}.match-config-actions{flex-shrink:0;display:flex;justify-content:flex-end;gap:.6rem;padding:.4rem .6rem;border-top:2px solid var(--hextech-line)}.match-config-actions .hextech-btn{min-height:44px;padding:.4rem 1.6rem;font-size:15px}.practice-roster-spell img{width:100%;height:100%;object-fit:cover}.practice-roster-spell-empty{color:var(--hextech-muted);font-size:.62em;font-weight:700}.practice-remove-bot{flex-shrink:0;width:44px;background:transparent;border:none;border-left:2px solid var(--hextech-line);color:#d98a8a;font-size:1em;cursor:pointer}.practice-remove-bot:hover{background:#3a2222}.practice-cheat-behaviour{display:flex;flex-direction:column;margin-bottom:.35rem;padding-bottom:.35rem;border-bottom:1px solid var(--hextech-line)}.practice-cheat-flag{margin-bottom:0;min-height:34px}.practice-difficulty{display:flex;align-items:center;gap:.5rem;min-height:34px;margin-top:.15rem}.practice-difficulty-title{font-size:.78em;color:#bbb}.practice-difficulty-row{display:flex;flex:1;gap:.3rem}.practice-difficulty-btn{flex:1;min-height:30px;background:var(--hextech-panel);border:1px solid var(--hextech-line);color:#bbb;padding:.2rem .3rem;font-size:.76em;cursor:pointer}.practice-difficulty-btn:hover{border-color:var(--hextech-gold-dim)}.practice-difficulty-btn.selected{border-color:var(--hextech-teal);color:var(--hextech-text);background:#102426}.practice-add-bot{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:34px;margin-top:.4rem;padding:.35rem .6rem;background:transparent;border:1px dashed var(--hextech-line);border-radius:4px;color:var(--hextech-teal);font:inherit;font-size:.9em;cursor:pointer}body.touch-ui .practice-add-bot{min-height:44px}.practice-add-bot:hover:not(:disabled){border-color:var(--hextech-teal)}.practice-add-bot:disabled{color:var(--hextech-muted);cursor:not-allowed}.practice-add-bot-count{color:var(--hextech-muted);font-size:.85em}.practice-editor-host{display:contents}.practice-stat-toggle{display:flex;align-items:center;gap:.5rem;flex-shrink:0;padding:0 .7rem;background:none;border:none;border-left:1px solid var(--hextech-line);color:inherit;font:inherit;cursor:pointer}.practice-stat-toggle:hover{background:#ffffff0a}.practice-score{display:flex;align-items:baseline;gap:.3rem;font-variant-numeric:tabular-nums;font-size:1.05em}.practice-score-k{color:#43c41d}.practice-score-d{color:#c4431d}.practice-score-cs{color:var(--hextech-gold)}.practice-score-sep{color:#666}.practice-stat-caret{flex-shrink:0;color:#999;font-size:.8em}.practice-stat-sheet{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.5rem 1.2rem;padding:.5rem .8rem .7rem;border-top:1px solid var(--hextech-line);background:#0000002e}.practice-stat-columns{flex:1 1 300px;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.2rem 1.2rem;align-content:start}.practice-stat-title{margin:.4rem 0 .2rem;color:var(--hextech-gold);font-size:.72em;font-weight:400;text-transform:uppercase;letter-spacing:1px}.practice-stat-row{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;padding:1px 0;font-size:.8em}.practice-stat-label{display:flex;align-items:baseline;gap:.4rem;min-width:0;color:var(--hextech-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.practice-stat-icon{flex-shrink:0;width:.95em;text-align:center;color:var(--hextech-gold-dim, #8a7a4a);font-size:.92em}.practice-stat-value{flex-shrink:0;color:#ddd;font-variant-numeric:tabular-nums}.practice-cheat-group{flex:1 1 220px;align-self:stretch;padding:.3rem .55rem .45rem;background:#00000038;border:1px solid var(--hextech-line);border-radius:4px}.practice-cheat-invuln{margin-bottom:.2rem;min-height:36px}.practice-tab-body input[type=range]{height:44px;touch-action:pan-y}.practice-tab-body select,.practice-tab-body input[type=checkbox],.practice-tab-body .pregame-toggle,.practice-tab-body .pregame-field{touch-action:pan-y}.practice-note{margin:.8rem 0 0;color:var(--hextech-muted);font-size:.75em;font-style:italic}.practice-cheat-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0}.practice-cheat-btn{min-height:44px;padding:.3rem .8rem;background:var(--hextech-sunken);border:2px solid var(--hextech-line);color:var(--hextech-text);font:inherit;font-size:.85em;white-space:nowrap;cursor:pointer}.practice-cheat-btn:hover{border-color:var(--hextech-teal)}.practice-cheat-stack{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.4rem;padding:.4rem 0;border-top:1px solid var(--hextech-line)}.practice-cheat-stack-name{font-size:.85em;color:var(--hextech-muted)}.practice-cheat-stack-count{margin-left:.4rem;color:var(--hextech-gold)}.practice-cheat-stack-actions{display:flex;gap:.3rem}.practice-debug{margin-bottom:.8rem}.practice-debug-title{display:block;margin-bottom:.4rem;color:var(--hextech-muted);font-size:.7em;letter-spacing:.08em;text-transform:uppercase}.practice-debug-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 .6rem}.practice-debug-toggle{margin-bottom:.3rem;min-height:28px}.practice-tab-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.6rem}.practice-exit,.practice-reset{display:flex;flex:1 1 11rem;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.7rem;background:transparent;border:2px solid rgba(190,70,70,.5);color:#e68282e6;font:inherit;font-size:.85em;text-transform:uppercase;letter-spacing:.5px;cursor:pointer}.practice-reset{border-color:#be913c80;color:#e2be78e6}.practice-exit:hover{border-color:#dc5a5ae6;color:#f5a5a5}.practice-reset:hover{border-color:#dcaf50e6;color:#f5d796}.practice-exit.confirming{background:#96282859;border-color:#dc5a5a;color:#ffd2d2;font-weight:700}.practice-reset.confirming{background:#966e1e59;border-color:#dcaf50;color:#ffebc3;font-weight:700}.practice-fullscreen{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:44px;margin-top:1rem;padding:.7rem;background:transparent;border:2px solid rgba(90,150,200,.5);color:#a0cdf0e6;font:inherit;font-size:.85em;text-transform:uppercase;letter-spacing:.5px;cursor:pointer}.practice-fullscreen:hover{border-color:#78bef0e6;color:#c8e6ff}.practice-tab-body input[type=checkbox]{width:22px;height:22px;vertical-align:middle}@media (max-width: 640px){.practice-panel{width:100vw;height:100vh;height:100dvh;border-width:0}.practice-render-settings{grid-template-columns:1fr;gap:0}}@media (max-height: 480px){.practice-panel{height:100vh;height:100dvh;border-width:0}.practice-tabs{padding-top:.25rem}.practice-tab,body.touch-ui .practice-tab{min-height:34px;padding:.25rem .3rem;font-size:.78em}}body.touch-ui .spell-info{font-size:.85em;padding:8px;max-height:60vh;overflow-y:auto}body.touch-ui .spell-info img{width:36px;margin-right:8px}.corner-cluster{position:fixed;top:6px;right:6px;z-index:120;display:flex;flex-direction:row;gap:6px}.corner-btn{width:40px;height:40px;border-radius:8px;border:1px solid #fff3;background-color:#111c;color:#999;font-size:1.1em;cursor:pointer}.corner-btn:hover{color:#ddd;border-color:#fff6}.spell-picker-btn{color:var(--hextech-gold)}.spell-picker-btn:hover{color:var(--hextech-text);border-color:#c8aa6e87}body.touch-ui .corner-btn{width:46px;height:46px;border-radius:50%;font-size:1.25em}.orientation-hint{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#04080ef0;text-align:center}.orientation-hint-card{max-width:22rem;color:var(--hextech-text, #cdbe91)}.orientation-hint-card>i{display:block;margin-bottom:1.25rem;font-size:3.5rem;color:var(--hextech-gold, #c8aa6e);animation:orientation-hint-turn 2.4s ease-in-out infinite}@keyframes orientation-hint-turn{0%,30%{transform:rotate(0)}55%,85%{transform:rotate(-90deg)}to{transform:rotate(0)}}.orientation-hint-title{margin:0 0 .75rem;font-size:1.15em;text-transform:uppercase;letter-spacing:1px}.orientation-hint-note{margin:0 0 1.75rem;font-size:.85em;line-height:1.5;opacity:.7}.orientation-hint-dismiss{min-height:44px;padding:.7rem 1.5rem;background:transparent;border:2px solid rgba(200,170,110,.4);color:inherit;font:inherit;font-size:.8em;text-transform:uppercase;letter-spacing:.5px;opacity:.75;cursor:pointer}.orientation-hint-dismiss:hover{border-color:#c8aa6ecc;opacity:1}.champion-avatar .passive-badge{position:absolute;right:-2px;bottom:-2px;width:30px;height:30px;border-radius:50%;overflow:hidden;border:2px solid #c8a15e;background:#14100a;box-shadow:0 0 6px #0009;cursor:help;z-index:12}.champion-avatar .passive-badge img{width:100%;height:100%;display:block}.inventory-footer{display:flex;align-items:center;gap:5px}.inventory{margin-left:12px;display:flex;flex-direction:column;align-items:center;gap:4px}.inventory .items{display:grid;grid-template-columns:repeat(3,2.1em);grid-template-rows:repeat(2,2.1em);gap:3px}.item-slot{position:relative;width:2.1em;height:2.1em;background:#0006;border:1px solid #fff2;border-radius:3px;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}.item-slot img{-webkit-user-drag:none}.item-slot.lifted{opacity:.45;border-style:dashed}.item-slot.drop-target{border-color:#ffd98a;box-shadow:0 0 8px #ffd98a88;transform:translateY(-2px)}.item-slot.filled{background:#aaa6;border-color:#c8a15e66}.item-slot:hover{border-color:#eee}.item-slot.sustaining{border-color:#4bd086;box-shadow:0 0 6px #4bd08677}.item-slot img{width:100%;height:100%;border-radius:2px}.item-slot .hotKey{position:absolute;bottom:-4px;right:-3px;color:#e8c17d;font-size:.72em;font-weight:700;text-shadow:#000 1px 0 6px;z-index:10}.item-slot .cooldown-overlay{position:absolute;left:0;bottom:0;width:100%;background:#060a12aa;border-radius:2px}.item-slot .cooldown{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.item-slot .cooldown p{margin:0;color:#eee;font-size:.85em;font-weight:700}.gold-pill{display:flex;align-items:center;gap:5px;padding:1px 8px;border-radius:10px;border:1px solid #6b5a30;background:#17130a;color:#d9bd7a;font-size:.82em;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer}.gold-pill.at-shop{border-color:#e3c078;color:#ffe2a3;box-shadow:0 0 8px #e3c07855}.gold-pill:hover{background:#241d0e}.practice-cheat-item{display:flex;align-items:center;gap:6px;margin-top:4px}.practice-cheat-item-picker{flex:1;min-width:0;padding:2px 4px;border-radius:4px;border:1px solid #fff3;background:#161b22;color:#ddd;font-size:.78em}.shop-btn{color:#8d7a4d}.shop-btn.at-shop{color:#ffe2a3;border-color:#e3c07899;box-shadow:0 0 8px #e3c07844}.shop-btn:hover{color:#ffe2a3}.shop-panel{position:fixed;top:50%;right:12px;transform:translateY(-50%);width:min(620px,calc(100vw - 24px));max-height:min(76vh,640px);display:flex;flex-direction:column;background:#0d1117f2;border:2px solid var(--hextech-gold-dim, #785a28);border-radius:8px;box-shadow:0 8px 40px #000a;z-index:120;color:var(--hextech-text, #f0e6d2)}.shop-header{display:flex;align-items:center;gap:10px;padding:7px 10px;border-bottom:1px solid #fff1;flex:none}.shop-header h3{margin:0;flex:1;font-size:1em;color:var(--hextech-gold, #c8aa6e)}.shop-gold{display:flex;align-items:center;gap:5px;color:#ffe2a3;font-weight:700;font-variant-numeric:tabular-nums}.shop-close{width:30px;height:30px;border-radius:4px;border:1px solid #fff2;background:#1b2029;color:#ddd;cursor:pointer}.shop-close:hover{background:#2a3140}.shop-warning{margin:0;padding:5px 10px;background:#2a1a08;color:#ffcf8a;font-size:.78em;border-bottom:1px solid #fff1;flex:none}.shop-main{flex:1;min-height:0;display:flex;align-items:stretch}.shop-shelf{flex:1;min-width:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:8px}.shop-section+.shop-section{margin-top:10px}.shop-section h4{margin:0 0 5px;font-size:.72em;letter-spacing:.6px;text-transform:uppercase;color:var(--hextech-muted, #a09b8c)}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:5px}.shop-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 2px 4px;border-radius:5px;border:1px solid #fff2;background:#161b22;color:inherit;font:inherit;cursor:pointer}.shop-tile:hover{border-color:var(--hextech-gold, #c8aa6e);background:#1d232c}.shop-tile.picked{border-color:var(--hextech-teal, #08abac);box-shadow:0 0 0 1px var(--hextech-teal, #08abac) inset;background:#10222a}.shop-tile.blocked{opacity:.45}.shop-tile img,.shop-tile-blank{width:38px;height:38px;border-radius:4px;flex:none}.shop-tile-blank{display:flex;align-items:center;justify-content:center;background:#2a3140;color:#9fb0c8;font-weight:700}.shop-tile-price{display:flex;align-items:baseline;gap:3px;font-size:.72em;color:#ffe2a3;font-variant-numeric:tabular-nums;line-height:1.1}.shop-tile-price.discounted{color:#8fe0a8;font-weight:700}.shop-tile-price s{color:#7c8798;font-weight:400;font-size:.85em}.shop-tile-flag,.shop-tile-tick{position:absolute;top:3px;font-size:.6em}.shop-tile-flag{right:4px;color:#ffd166}.shop-tile-tick{left:4px;color:#4bd086}.shop-detail{flex:none;width:232px;display:flex;flex-direction:column;min-height:0;border-left:1px solid #fff1;background:#0b0f15}.shop-detail-back{display:none}.shop-detail-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:8px}.shop-detail-placeholder{margin:auto;padding:12px;text-align:center;font-size:.78em;color:#7c8798}.shop-detail-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.shop-detail-head img,.shop-detail-blank{width:42px;height:42px;border-radius:5px;flex:none}.shop-detail-blank{display:flex;align-items:center;justify-content:center;background:#2a3140;color:#9fb0c8;font-weight:700}.shop-detail-head h4{margin:0;font-size:.95em;color:var(--hextech-gold, #c8aa6e)}.shop-detail-active{display:inline-flex;align-items:center;gap:4px;margin-top:3px;padding:0 5px;border-radius:7px;background:#06280f;border:1px solid #4bd086;color:#b6ffd4;font-size:.66em}.shop-buy,.shop-sell{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:38px;padding:6px 10px;margin-top:6px;border-radius:5px;font:inherit;font-weight:700;cursor:pointer}.shop-buy{border:1px solid var(--hextech-gold, #c8aa6e);background:#2c2418;color:#ffe2a3}.shop-buy:hover{background:#3b3020}.shop-sell{border:1px solid #4a5768;background:#1a2029;color:#b9c4d2}.shop-sell:hover{background:#232b36}.shop-sell-price{color:#8fe0a8}.shop-buy-price,.shop-sell-price{display:flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums}.shop-buy-why,.shop-sell-why{margin:3px 0 0;font-size:.72em;color:#ff9e9e}.shop-buy-total{margin:3px 0 0;font-size:.72em;color:#8fe0a8}.shop-detail-stats{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px;font-size:.78em;color:#b9c4d2}.shop-detail-stats .amount{color:#8fe0a8;font-weight:700;font-variant-numeric:tabular-nums}.shop-detail-text{margin:8px 0 0;font-size:.75em;line-height:1.4;color:#97a3b3}.shop-detail-section{margin-top:10px;padding-top:8px;border-top:1px solid #fff1}.shop-detail-section h5{margin:0 0 5px;font-size:.7em;letter-spacing:.6px;text-transform:uppercase;color:var(--hextech-muted, #a09b8c)}.shop-tree{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:3px}.shop-tree .shop-tree{margin:3px 0 0 9px;padding-left:7px;border-left:1px solid #3c4453}.shop-tree-node{display:flex;align-items:center;gap:6px;width:100%;padding:3px 5px;border-radius:4px;border:1px solid #fff1;background:#161b22;color:inherit;font:inherit;text-align:left;cursor:pointer}.shop-tree-node:hover{border-color:var(--hextech-gold, #c8aa6e)}.shop-tree-node.held{border-color:#4bd08655;background:#10231a}.shop-tree-node img,.shop-tree-blank{width:22px;height:22px;border-radius:3px;flex:none}.shop-tree-blank{display:flex;align-items:center;justify-content:center;background:#2a3140;color:#9fb0c8;font-size:.7em;font-weight:700}.shop-tree-name{flex:1;min-width:0;font-size:.74em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-tree-cost{display:flex;align-items:center;gap:3px;font-size:.72em;color:#ffe2a3;font-variant-numeric:tabular-nums}.shop-tree-tick{font-size:.65em;color:#4bd086}.shop-into{display:flex;flex-direction:column;gap:3px}.shop-into-chip{display:flex;align-items:center;gap:6px;padding:3px 5px;border-radius:4px;border:1px solid #fff1;background:#161b22;color:inherit;font:inherit;text-align:left;cursor:pointer}.shop-into-chip:hover{border-color:var(--hextech-gold, #c8aa6e)}.shop-into-chip.held{border-color:#4bd08655;background:#10231a}.shop-into-chip img,.shop-into-blank{width:22px;height:22px;border-radius:3px;flex:none}.shop-into-blank{display:flex;align-items:center;justify-content:center;background:#2a3140;color:#9fb0c8;font-size:.7em;font-weight:700}.shop-into-name{flex:1;min-width:0;font-size:.74em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-into-cost{display:flex;align-items:center;gap:3px;font-size:.72em;color:#ffe2a3;font-variant-numeric:tabular-nums}.shop-bag{flex:none;display:flex;align-items:center;gap:8px;padding:6px 8px;border-top:1px solid #fff1;background:#10151c}.shop-bag-label{font-size:.7em;letter-spacing:.6px;text-transform:uppercase;color:var(--hextech-muted, #a09b8c)}.shop-bag-slots{display:flex;gap:5px}.shop-bag-slot{box-sizing:border-box;width:44px;height:44px;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:0;border:1px solid #fff2;background:#161b22;color:inherit;font:inherit;touch-action:none;user-select:none;-webkit-user-select:none}.shop-bag-slot.empty{border-style:dashed;border-color:#ffffff14;background:#0d1117}.shop-bag-slot.filled{cursor:pointer}.shop-bag-slot.filled:hover{border-color:var(--hextech-gold, #c8aa6e)}.shop-bag-slot.picked{border-color:var(--hextech-teal, #08abac);background:#10222a}.shop-bag-slot img,.shop-bag-blank{width:26px;height:26px;border-radius:3px}.shop-bag-slot img{-webkit-user-drag:none}.shop-bag-slot.shop-lifted{opacity:.45;border-style:dashed}.shop-bag-slot.shop-drop-target{border-color:var(--hextech-teal, #08abac);box-shadow:0 0 8px #08abac88;transform:translateY(-2px)}.shop-bag-blank{display:flex;align-items:center;justify-content:center;background:#2a3140;color:#9fb0c8;font-size:.7em;font-weight:700}.shop-bag-refund{font-size:.58em;color:#8fe0a8;font-variant-numeric:tabular-nums;line-height:1}.shop-empty{margin:0;font-size:.8em;color:#7c8798}@media (max-width: 700px),(max-height: 560px){.shop-panel{right:8px;width:min(392px,calc(100vw - 16px));max-height:min(88vh,460px)}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(54px,1fr))}.shop-detail{display:none;width:auto;flex:1;border-left:none}.shop-panel.has-detail .shop-shelf{display:none}.shop-panel.has-detail .shop-detail{display:flex}.shop-detail-back{display:flex;align-items:center;gap:6px;flex:none;width:100%;min-height:34px;padding:4px 10px;border:none;border-bottom:1px solid #fff1;background:#161b22;color:var(--hextech-muted, #a09b8c);font:inherit;font-size:.8em;text-align:left;cursor:pointer}.shop-bag-slot{width:40px;height:40px}.shop-bag-slot img,.shop-bag-blank{width:22px;height:22px}}