.elements-wheel-container{background:radial-gradient(circle at center, hsla(var(--bg-secondary-hsl), .6) 0%, hsla(var(--bg-secondary-hsl), .3) 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(var(--text-primary-hsl), .1);border-radius:40px;flex-direction:column;align-items:center;gap:3.5rem;margin-top:2.5rem;padding:4rem 3rem;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px #0006,inset 0 0 100px #0003}.elements-wheel-container:before{content:"";background:radial-gradient(circle at 10% 10%, hsla(var(--accent-primary-hsl), .1) 0%, transparent 50%), radial-gradient(circle at 90% 90%, hsla(var(--accent-secondary-hsl), .1) 0%, transparent 50%);pointer-events:none;position:absolute;inset:0}.wheel-wrapper{justify-content:center;align-items:center;width:380px;height:380px;display:flex;position:relative}.wheel-decoration-layer{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.magic-ring{border:1px solid hsla(var(--text-primary-hsl), .05);border-radius:50%;position:absolute}.ring-1{border:1px solid hsla(var(--text-primary-hsl), .1);width:180px;height:180px}.ring-1:before{content:"";border:2px dashed hsla(var(--text-primary-hsl), .03);border-radius:50%;animation:60s linear infinite rotate;position:absolute;inset:-10px}.ring-2{border:1px solid hsla(var(--text-primary-hsl), .05);width:260px;height:260px}.ring-3{border:1px solid hsla(var(--text-primary-hsl), .02);width:340px;height:340px}.ring-runes{border:2px solid hsla(var(--text-primary-hsl), .08);background:radial-gradient(circle, transparent 60%, hsla(var(--text-primary-hsl), .02) 100%);width:220px;height:220px;animation:40s linear infinite reverse rotate}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.element-node{z-index:10;justify-content:center;align-items:center;width:80px;height:80px;transition:all .6s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute}.element-node-inner{background:linear-gradient(135deg, hsla(var(--bg-tertiary-hsl), .95), hsla(var(--bg-tertiary-hsl), .8));border:2px solid hsla(var(--text-primary-hsl), .1);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 20px #0003}.element-node-inner:after{content:"";background:linear-gradient(135deg, hsla(var(--text-primary-hsl), .1), transparent);position:absolute;inset:0}.element-node img{object-fit:contain;filter:grayscale()opacity(.2)brightness(.7);z-index:2;width:50px;height:50px;transition:all .6s}.element-node.active{transform:scale(1.15)}.element-node.active .element-node-inner{border-color:var(--el-glow);box-shadow:0 0 30px hsla(var(--accent-primary-hsl), .1), inset 0 0 20px hsla(var(--accent-primary-hsl), .05)}.element-node.active:before{content:"";border:2px solid var(--el-glow);opacity:.3;border-radius:50%;animation:3s ease-in-out infinite pulseNode;position:absolute;inset:-8px}@keyframes pulseNode{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.1)}}.element-node.active img{filter:grayscale(0) opacity(1) drop-shadow(0 0 12px var(--el-glow))}.element-node-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:2.5px;opacity:.4;pointer-events:none;white-space:nowrap;font-size:.7rem;font-weight:900;transition:all .4s;position:absolute;bottom:-32px}.element-node.active .element-node-label{opacity:1;color:#fff;text-shadow:0 0 10px var(--el-glow)}.wheel-svg-layer{z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.svg-bridge-path{stroke-width:3px;stroke-linecap:round;transition:all .8s}.svg-bridge-path.inactive{opacity:.08;stroke-width:1.5px}.svg-bridge-path.active{opacity:.6;stroke-width:3.5px;stroke-dasharray:10 10;animation:20s linear infinite flowLine}@keyframes flowLine{to{stroke-dashoffset:-200px}}.svg-bridge-glow{stroke-width:15px;stroke-linecap:round;filter:blur(8px);opacity:.25;animation:4s ease-in-out infinite pulseGlow}@keyframes pulseGlow{0%,to{opacity:.15;stroke-width:12px}50%{opacity:.35;stroke-width:18px}}.reactions-list{flex-direction:column;gap:1.5rem;width:100%;max-width:800px;display:flex}.reaction-card{background:hsla(var(--bg-tertiary-hsl), .3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid hsla(var(--text-primary-hsl), .08);border-radius:24px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);animation:.8s ease-out fadeIn;position:relative;overflow:hidden}.reaction-card:before{content:"";background:var(--accent-primary);opacity:0;width:4px;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.reaction-card.active{border-color:hsla(var(--accent-primary-hsl), .3);background:hsla(var(--bg-tertiary-hsl), .5);box-shadow:0 15px 35px #0000004d, inset 0 0 20px hsla(var(--accent-primary-hsl), .05)}.reaction-card.active:before{opacity:1}.reaction-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.reaction-info-main{align-items:center;gap:1.5rem;display:flex}.reaction-icons{align-items:center;display:flex}.reaction-mini-icon{border:2px solid hsla(var(--bg-secondary-hsl), 1);background:var(--bg-tertiary);z-index:1;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin-right:-15px;padding:6px;transition:transform .4s;display:flex;box-shadow:6px 0 15px #0006}.reaction-card:hover .reaction-mini-icon{transform:translate(-6px)}.reaction-mini-icon img{object-fit:contain;width:100%;height:100%}.reaction-name{font-family:var(--font-heading);color:var(--text-primary);text-transform:uppercase;letter-spacing:3px;background:linear-gradient(to right, #fff, hsla(var(--text-primary-hsl), .6));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:900}.reaction-card.active .reaction-name{background:linear-gradient(to right, var(--accent-primary), #fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.reaction-description{color:var(--text-secondary);opacity:.9;margin-bottom:2rem;font-size:1rem;line-height:1.7}.enhancement-toggle{background:hsla(var(--bg-secondary-hsl), .5);border:1px solid hsla(var(--text-primary-hsl), .1);cursor:pointer;width:100%;color:var(--text-primary);text-transform:uppercase;letter-spacing:1.5px;border-radius:16px;justify-content:space-between;align-items:center;padding:1rem 1.5rem;font-size:.9rem;font-weight:800;transition:all .3s;display:flex}.enhancement-toggle:hover{background:hsla(var(--bg-secondary-hsl), .8);border-color:hsla(var(--text-primary-hsl), .2)}.enhancement-toggle.active{color:var(--accent-primary);border-color:hsla(var(--accent-primary-hsl), .5);background:hsla(var(--accent-primary-hsl), .08)}.enhancements-content{border-left:2px solid hsla(var(--accent-primary-hsl), .4);flex-direction:column;gap:1.5rem;margin-top:1.5rem;padding-left:1.25rem;display:flex}.enhancement-item{align-items:flex-start;gap:1.5rem;display:flex}.enhancer-avatar{border:2px solid hsla(var(--text-primary-hsl), .15);border-radius:12px;flex-shrink:0;width:50px;height:50px;overflow:hidden;box-shadow:0 5px 15px #0000004d}.enhancer-avatar img{object-fit:cover;width:100%;height:100%}.enhancement-details{flex-direction:column;gap:8px;display:flex}.enhancer-name{color:var(--text-primary);font-size:1rem;font-weight:800;font-family:var(--font-heading);letter-spacing:1px}.enhancement-text{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.enhancement-label{color:var(--accent-primary);margin-right:8px;font-size:.85rem;font-weight:900}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.wheel-wrapper{width:320px;height:320px}.element-node{width:68px;height:68px}.element-node img{width:40px;height:40px}.elements-wheel-container{padding:2rem 1.5rem}.reaction-name{font-size:1.2rem}}