.champion-alt-summoner-spells-container{width:100%;border-radius:12px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.alt-summoner-spells-section{border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;background:rgba(255,255,255,.02);transition:all 0.3s ease}.alt-summoner-spells-section:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}.alt-summoner-spells-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background-color:rgba(0,0,0,.3);cursor:pointer;transition:background-color 0.2s ease;user-select:none}.alt-summoner-spells-header:hover{background-color:rgba(0,0,0,.4)}.alt-summoner-spells-header-title{font-size:18px;font-weight:600;color:#f0e6d2;line-height:1.2}.alt-summoner-spells-header .toggle-icon{transition:transform 0.2s ease;display:flex;align-items:center;color:#a09b8c;flex:0 0 auto}.alt-summoner-spells-header.collapsed .toggle-icon{transform:rotate(-90deg)}.alt-summoner-spells-content{padding:12px;background:rgba(0,0,0,.2)}.alt-spells-container{padding:0;background:transparent;display:flex;justify-content:center}.alt-spells-grid{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:flex-start}.alt-spell-item{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all 0.3s ease;position:relative;padding:8px;border-radius:12px;background:rgba(255,255,255,.02);border:2px solid transparent}.alt-spell-item:hover{transform:translateY(-4px);background:rgba(255,255,255,.1);border-color:rgba(245,158,11,.5);box-shadow:0 8px 20px rgba(0,0,0,.3)}.alt-spell-item .spell-image-wrapper{position:relative;width:64px;height:64px;border-radius:10px;overflow:hidden;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(0,0,0,.3)}.alt-spell-item:hover .spell-image-wrapper{border-color:#f59e0b;box-shadow:0 0 16px rgba(245,158,11,.4)}.alt-spell-item .spell-image{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.alt-spell-item:hover .spell-image{transform:scale(1.1)}.alt-spell-item .spell-has-explanation{position:absolute;top:4px;right:4px;width:10px;height:10px;background:#10b981;border-radius:50%;box-shadow:0 0 8px rgba(16,185,129,.6)}.alt-spell-item .spell-image-wrapper::before{content:'';position:absolute;top:-150%;left:-150%;width:200%;height:200%;background:linear-gradient(135deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 40%,rgba(255,255,255,.15) 45%,rgba(255,255,255,.35) 50%,rgba(255,255,255,.15) 55%,rgba(255,255,255,0) 60%,rgba(255,255,255,0) 100%);z-index:5;pointer-events:none;transform:rotate(45deg);transition:top 0.5s ease,left 0.5s ease}.alt-spell-item:hover .spell-image-wrapper::before{top:150%;left:150%}@media (max-width:768px){.alt-spell-item .spell-image-wrapper{width:56px;height:56px}}@media (max-width:480px){.alt-summoner-spells-header{padding:14px 16px}.alt-summoner-spells-header-title{font-size:16px}.alt-spell-item{padding:6px}.alt-spell-item .spell-image-wrapper{width:48px;height:48px;border-width:2px}}@media (prefers-contrast:high){.alt-spell-item{border:2px solid #fff}.alt-spell-item:hover{border-color:#fc0}.alt-spell-item .spell-image-wrapper{border-color:#fff}}.alt-spell-item:focus{outline:2px solid #f59e0b;outline-offset:2px}@media (prefers-reduced-motion:reduce){.alt-spell-item,.alt-spell-item .spell-image-wrapper,.alt-spell-item .spell-image,.alt-spell-item .spell-image-wrapper::before{transition:none}.alt-spell-item:hover{transform:none}.alt-spell-item:hover .spell-image{transform:none}.alt-spell-item:hover .spell-image-wrapper::before{top:-150%;left:-150%}}@media print{.alt-spell-item:hover{transform:none}.alt-spell-item .spell-image-wrapper::before{display:none}}@keyframes spell-fade-in{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}.alt-spell-item{animation:spell-fade-in 0.4s ease-out}.alt-spell-item:nth-child(1){animation-delay:0.1s}.alt-spell-item:nth-child(2){animation-delay:0.2s}