@font-face{font-family:"Press Start 2P";src:url(/fonts/PressStart2P-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.pixel-font,.pixel-text{font-family:"Press Start 2P",monospace;font-smooth:never;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeSpeed;line-height:1.6;letter-spacing:.05em}.pixel-font-xs{font-size:6px}.pixel-font-sm{font-size:8px}.pixel-font-md{font-size:10px}.pixel-font-base{font-size:12px}.pixel-font-lg{font-size:14px}.pixel-font-xl{font-size:16px}.pixel-font-2xl{font-size:20px}.pixel-font-3xl{font-size:24px}.pixel-font-4xl{font-size:32px}.pixel-font-shadow{text-shadow:2px 2px 0 rgba(0,0,0,.8)}.pixel-font-outline{text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.pixel-font-glow{text-shadow:0 0 4px currentColor,0 0 8px currentColor}.pixel-font-primary{color:#e8d5ff}.pixel-font-secondary{color:#97b}.pixel-font-accent{color:#c4f}.pixel-font-gold{color:#fc4}.pixel-font-red{color:#f33}.pixel-font-green{color:#4f8}.pixel-font-white{color:#fff}.pixel-font-black{color:#000}@keyframes pixel-text-blink{0%,49%{opacity:1}50%,to{opacity:0}}.pixel-font-blink{animation:pixel-text-blink 1s steps(2) infinite}@keyframes pixel-text-wave{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.pixel-font-wave{display:inline-block;animation:pixel-text-wave 1s ease-in-out infinite}.pixel-font-typing{overflow:hidden;white-space:nowrap;border-right:2px solid currentColor;animation:pixel-typing 2s steps(20) forwards,pixel-cursor-blink .5s step-end infinite}@keyframes pixel-typing{0%{width:0}to{width:100%}}@keyframes pixel-cursor-blink{50%{border-color:transparent}}.pixel-font-arcade{font-family:"Press Start 2P",monospace;color:#fff;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px #ff00ff,0 0 30px #ff00ff,0 0 40px #ff00ff;animation:pixel-arcade-glow 2s ease-in-out infinite}@keyframes pixel-arcade-glow{0%,to{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px #ff00ff,0 0 30px #ff00ff,0 0 40px #ff00ff}50%{text-shadow:0 0 2px #fff,0 0 5px #fff,0 0 10px #ff00ff,0 0 15px #ff00ff,0 0 20px #ff00ff}}.pixel-font-glitch{position:relative;font-family:"Press Start 2P",monospace}.pixel-font-glitch:before,.pixel-font-glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.pixel-font-glitch:before{animation:pixel-glitch-1 .3s infinite;color:#f0f;z-index:-1}.pixel-font-glitch:after{animation:pixel-glitch-2 .3s infinite;color:#0ff;z-index:-2}@keyframes pixel-glitch-1{0%,to{transform:translate(0)}33%{transform:translate(-2px,2px)}66%{transform:translate(2px,-2px)}}@keyframes pixel-glitch-2{0%,to{transform:translate(0)}33%{transform:translate(2px,-2px)}66%{transform:translate(-2px,2px)}}.pixel-font-retro{font-family:"Press Start 2P",monospace;background:linear-gradient(180deg,#f0f,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pixel-font-neon{font-family:"Press Start 2P",monospace;color:#fff;text-shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #fff,0 0 42px #0fa,0 0 82px #0fa,0 0 92px #0fa,0 0 102px #0fa,0 0 151px #0fa}.pixel-font-uppercase{text-transform:uppercase}.pixel-font-center{text-align:center}.pixel-font-left{text-align:left}.pixel-font-right{text-align:right}.pixel-font-nowrap{white-space:nowrap}:root{--bg-deep: #1c1420;--bg-mid: #301e3c;--bg-panel: rgba(28, 20, 32, .85);--accent-purple: #764876;--accent-purple-light: #dcdce4;--accent-red: #be3024;--accent-red-bright: #be3024;--accent-orange: #be3024;--accent-gold: #7a6a52;--text-primary: #dcdce4;--text-secondary: #9eaab2;--text-muted: rgba(158, 170, 178, .6);--hp-normal: #8e1818;--hp-mid: #be3024;--hp-low: #be3024;--hp-track: #1c1420;--border-glow: rgba(190, 48, 36, .4);--feed-width: 480px;--hp-height: 72px;--ranking-height: 52px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-deep);font-family:Rajdhani,Segoe UI,sans-serif;color:var(--text-primary);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;font-smooth:never}.pixel-art,.pixel-image,img.pixel,canvas.pixel{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.pixel-bg{background-size:contain;background-repeat:no-repeat;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}#bg-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}#hp-bar-track{position:relative;height:20px;background:var(--hp-track);border-radius:3px;overflow:hidden;border:1px solid rgba(100,20,120,.6);box-shadow:inset 0 0 12px #000c,0 0 8px #c8141433}#hp-bar-fill{position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,#8e1818,#be3024 40%,#be3024,#8e1818,#8e1818);transition:width .12s ease-out,background .4s ease;border-radius:3px;box-shadow:inset 0 1px #be302466,0 0 20px #be302499}#hp-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(190,48,36,.25) 0%,transparent 100%);border-radius:3px 3px 0 0}#hp-bar-fill:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;border-radius:3px;pointer-events:none;transition:opacity .12s ease-out}#hp-bar-fill.hp-mid{background:linear-gradient(90deg,#8e1818,#be3024,#be3024,#be3024,#8e1818);animation:pulse-orange 2s ease-in-out infinite}#hp-bar-fill.hp-low{background:linear-gradient(90deg,#be3024,#be3024,#be3024,#be3024,#be3024);animation:pulse-red .8s ease-in-out infinite}#hp-bar-fill.flash:before{opacity:.7}#hp-bar-damage-flash{display:none}#hp-bar-info{display:flex;align-items:center;gap:12px;padding:0 2px}#boss-name-display{font-family:"Press Start 2P",monospace;font-weight:400;font-size:9px;color:var(--text-primary);letter-spacing:.5px;text-shadow:0 0 10px rgba(200,100,255,.6);flex:1;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}#hp-text-display{font-family:"Press Start 2P",monospace;font-weight:400;font-size:7px;color:#a9aca9;letter-spacing:.5px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}#hp-pct-display{font-family:"Press Start 2P",monospace;font-weight:400;font-size:7px;color:var(--text-secondary);min-width:42px;text-align:right;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}#ws-status{position:fixed;top:8px;right:12px;font-size:10px;transition:color .3s;z-index:200}.ws-connecting{color:#888;animation:blink 1s infinite}.ws-connected{color:#bfc3ba}.ws-disconnected{color:#a9aca9;animation:blink .5s infinite}#arena{position:fixed;top:0;left:0;right:0;bottom:var(--ranking-height);z-index:1;display:flex}#boss-section{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;background-image:url(/images/ui/background.png);background-size:cover;background-position:center;background-repeat:no-repeat;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}#boss-section:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 0%,transparent 30%,rgba(0,0,0,.3) 60%,rgba(0,0,0,.7) 100%);pointer-events:none;z-index:1}#hp-bar-container{position:absolute;top:100px;left:50%;transform:translate(-50%);width:420px;max-width:85%;z-index:50;background:linear-gradient(180deg,#06030ff2,#0a0314eb);border:2px solid var(--border-glow);border-radius:6px;box-shadow:0 4px 30px #8020a066,inset 0 -1px #8020a033;padding:8px 12px;display:flex;flex-direction:column;justify-content:center;gap:4px}#boss-wrapper{position:relative;display:flex;align-items:center;justify-content:center;animation:boss-float 4s ease-in-out infinite;z-index:2}#boss-aura-outer{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(128,0,180,.12) 0%,transparent 70%);animation:aura-pulse 3s ease-in-out infinite;pointer-events:none}#boss-aura-inner{position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(180,0,80,.15) 0%,transparent 65%);animation:aura-pulse 2s ease-in-out infinite reverse;pointer-events:none}#boss-visual{position:relative;z-index:2;animation:boss-breathe 4s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(128,0,180,.4)) drop-shadow(0 0 40px rgba(100,0,50,.3));transition:filter .1s}#boss-visual.hit{filter:drop-shadow(0 0 30px rgba(255,255,255,.8)) drop-shadow(0 0 60px rgba(255,50,50,.9)) brightness(1.5)!important}#boss-visual.crit-hit{filter:drop-shadow(0 0 50px rgba(255,50,0,1)) drop-shadow(0 0 100px rgba(255,0,0,.8)) brightness(2)!important;transform:scale(.95)}#boss-svg{width:280px;height:300px}.boss-eye-glow{animation:eye-pulse 2s ease-in-out infinite}.boss-pupil{animation:pupil-slit 3s ease-in-out infinite}#boss-hit-flash{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.9) 0%,rgba(255,100,100,.5) 40%,transparent 70%);opacity:0;pointer-events:none;z-index:10}#boss-hit-flash.flash{animation:hit-flash-anim 80ms ease-out forwards}#boss-hit-flash.crit-flash{animation:crit-flash-anim .2s ease-out forwards}#damage-numbers-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20;overflow:visible}#phase-indicator{position:absolute;bottom:20px;font-family:Cinzel,serif;font-size:11px;letter-spacing:3px;color:var(--text-muted);text-transform:uppercase;z-index:2}.damage-number{position:absolute;font-family:Rajdhani,sans-serif;font-weight:700;pointer-events:none;white-space:nowrap;transform-origin:center bottom;will-change:transform,opacity}.damage-number.normal{font-family:"Press Start 2P",monospace;font-size:14px;color:#bfc3ba;text-shadow:0 0 8px rgba(255,220,100,.8),0 2px 4px rgba(0,0,0,.8);-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}.damage-number.crit{font-family:"Press Start 2P",monospace;font-size:18px;color:#a9aca9;text-shadow:0 0 12px rgba(255,80,20,1),0 0 25px rgba(255,0,0,.7),0 2px 4px rgba(0,0,0,.9);animation:crit-shake .15s ease-in-out 2;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}.damage-number.combo{font-family:"Press Start 2P",monospace;font-size:16px;color:#bfc3ba;text-shadow:0 0 12px rgba(200,80,255,1),0 0 25px rgba(150,0,255,.7);-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}#damage-feed{width:var(--feed-width);height:100%;background:linear-gradient(180deg,#0a0319eb,#080212e0);border-left:1px solid var(--border-glow);display:flex;flex-direction:column;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-shrink:0;position:relative}#damage-feed:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/images/ui/Combat%20Log.png);background-size:100% 100%;background-repeat:no-repeat;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;pointer-events:none;z-index:100}#feed-header{padding:10px 14px;font-family:"Press Start 2P",monospace;font-size:8px;font-weight:400;letter-spacing:1px;color:var(--text-secondary);border-bottom:1px solid rgba(100,20,120,.3);display:flex;align-items:center;gap:8px;background:#14052880;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}.feed-icon{color:var(--accent-purple-light)}#feed-count{margin-left:auto;font-family:"Press Start 2P",monospace;font-size:7px;color:var(--text-muted);font-weight:400;letter-spacing:0;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}#feed-list{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column-reverse;padding:42px 70px 150px 82px;scrollbar-width:thin;scrollbar-color:rgba(128,32,160,.3) transparent}#feed-list::-webkit-scrollbar{width:3px}#feed-list::-webkit-scrollbar-thumb{background:#8020a066;border-radius:2px}.feed-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid rgba(50,10,70,.3);animation:feed-slide-in .25s ease-out forwards;background:transparent;transition:background .2s;position:relative;min-height:48px}.feed-item:first-child{background:#8020a014;border-left:2px solid var(--accent-purple)}.feed-item.is-crit{background:#b414141a;border-left:2px solid var(--accent-red-bright)}.feed-item.is-crit .feed-damage{color:#a9aca9;text-shadow:0 0 6px rgba(255,50,20,.6)}.feed-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(128,32,160,.2) 0%,transparent 50%);opacity:0;animation:feed-glow-anim .6s ease-out forwards;pointer-events:none}.feed-avatar{width:28px;height:28px;border-radius:50%;border:1px solid rgba(128,32,160,.4);object-fit:cover;flex-shrink:0;background:var(--bg-mid);image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.feed-avatar-placeholder{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#3f3244,#2f2235);border:1px solid rgba(128,32,160,.4);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;color:var(--accent-purple-light)}.feed-info{flex:1;min-width:0}.feed-username{font-family:"Press Start 2P",monospace;font-size:9px;font-weight:400;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}.feed-meta{font-size:8px;color:var(--text-muted);line-height:1.3}.feed-damage{font-family:"Press Start 2P",monospace;font-weight:400;font-size:11px;color:var(--accent-gold);flex-shrink:0;letter-spacing:.5px;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}.feed-crit-badge{font-family:"Press Start 2P",monospace;background:var(--accent-red);color:#fff;font-size:7px;font-weight:400;padding:3px 5px;border-radius:2px;letter-spacing:.5px;flex-shrink:0;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}#ranking-bar{position:fixed;bottom:0;left:0;right:0;height:var(--ranking-height);z-index:100;background:linear-gradient(0deg,#06030ffa,#0a0314f2);border-top:1px solid var(--border-glow);display:flex;align-items:center;padding:0 16px;gap:16px;overflow:hidden}#ranking-title{font-family:"Press Start 2P",monospace;font-size:8px;font-weight:400;letter-spacing:1px;color:var(--text-muted);white-space:nowrap;flex-shrink:0;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}#ranking-list{display:flex;gap:8px;overflow:hidden;flex:1}.ranking-item{display:flex;align-items:center;gap:6px;background:#14052899;border:1px solid rgba(100,20,120,.3);border-radius:4px;padding:4px 10px;flex-shrink:0;white-space:nowrap}.ranking-medal{font-size:14px}.ranking-username{font-family:"Press Start 2P",monospace;font-size:8px;font-weight:400;color:var(--text-primary);-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}.ranking-damage{font-family:"Press Start 2P",monospace;font-size:8px;font-weight:400;color:var(--accent-gold);-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}#login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#070207}.overlay-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#070207}#login-card{position:relative;z-index:1;background-image:url(/images/ui/Login%20Container.png);background-size:100% 100%;background-repeat:no-repeat;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;border:none;border-radius:0;padding:180px 220px 160px;text-align:center;box-shadow:none;max-width:840px;width:90%;min-height:900px;display:flex;flex-direction:column;justify-content:center;align-items:center}#login-logo{display:none}#login-title{font-family:"Press Start 2P",monospace;font-size:40px;font-weight:400;letter-spacing:4px;color:#fff;text-shadow:0 0 40px rgba(200,100,255,.9),0 0 20px rgba(200,100,255,.8),0 4px 8px rgba(0,0,0,.9),2px 2px 0 rgba(0,0,0,.8);margin-bottom:32px;line-height:1.4;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;animation:fire-flicker 3s ease-in-out infinite}#login-subtitle{font-size:24px;color:#e8d5ff;margin-bottom:56px;line-height:1.6;text-shadow:0 0 20px rgba(200,100,255,.6),0 2px 4px rgba(0,0,0,.9),1px 1px 0 rgba(0,0,0,.7)}#github-login-btn{display:flex;width:100%;align-items:center;justify-content:center;gap:16px;background:linear-gradient(135deg,#3d1464,#6a2090);color:#fff;border:2px solid rgba(204,68,255,.8);border-radius:12px;padding:28px 48px;font-family:"Press Start 2P",monospace;font-size:18px;font-weight:400;letter-spacing:1px;text-decoration:none;cursor:pointer;transition:all .2s;box-shadow:0 0 30px #cc44ff80,0 4px 8px #000c,inset 0 1px #fff3;text-shadow:0 0 10px rgba(255,255,255,.5),0 2px 4px rgba(0,0,0,.8);margin-bottom:28px;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}#github-login-btn:hover{background:linear-gradient(135deg,#4d1874,#8a30b0);box-shadow:0 0 40px #cc44ffb3,0 4px 12px #000000e6,inset 0 1px #ffffff4d;border-color:#ff64ffe6;transform:translateY(-2px)}#watch-btn{display:block;width:100%;background:#1e083799;border:2px solid rgba(128,32,160,.6);color:#c8b5dd;cursor:pointer;font-size:16px;font-family:"Press Start 2P",monospace;font-weight:400;letter-spacing:1px;padding:20px 48px;border-radius:12px;transition:all .2s;margin-top:8px;box-shadow:0 0 20px #8020a04d,0 2px 6px #000000b3;text-shadow:0 0 8px rgba(200,180,220,.4),0 1px 3px rgba(0,0,0,.8);-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}#watch-btn:hover{border-color:#c4fc;color:#e8d5ff;background:#320f5acc;box-shadow:0 0 30px #8020a080,0 2px 8px #000c;transform:translateY(-1px)}#defeated-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;background:#0000;transition:background 1s ease}#defeated-overlay:not(.hidden){background:#000000d9}#defeated-overlay.hidden{display:none}#defeated-content{text-align:center;animation:defeated-appear 1s ease-out forwards}#defeated-explosion{width:200px;height:200px;margin:0 auto 20px;border-radius:50%;background:radial-gradient(circle,white 0%,#a9aca9 30%,#aa0000 60%,transparent 80%);animation:explosion-anim 1.5s ease-out forwards}#defeated-title{font-family:"Press Start 2P",monospace;font-size:32px;font-weight:400;letter-spacing:4px;color:var(--accent-gold);text-shadow:0 0 30px rgba(255,200,50,.8),0 0 60px rgba(255,150,0,.5);margin-bottom:16px;animation:text-glow-pulse 1s ease-in-out infinite;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;line-height:1.4}#defeated-subtitle{font-size:18px;color:var(--text-secondary);margin-bottom:32px;letter-spacing:2px}#defeated-ranking{display:flex;flex-direction:column;gap:8px;margin-bottom:32px}#new-boss-btn{font-family:"Press Start 2P",monospace;font-size:10px;letter-spacing:1px;padding:14px 32px;background:transparent;border:1px solid var(--accent-gold);color:var(--accent-gold);cursor:pointer;border-radius:4px;transition:all .3s;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}#new-boss-btn:hover{background:#ffc8321a;box-shadow:0 0 20px #ffc8324d}#demo-controls{position:fixed;bottom:calc(var(--ranking-height) + 12px);left:12px;z-index:90;display:flex;gap:8px}#demo-controls.hidden{display:none}#demo-controls button{font-family:"Press Start 2P",monospace;font-size:8px;font-weight:400;padding:8px 14px;background:#140528cc;border:1px solid rgba(128,32,160,.5);color:var(--text-secondary);border-radius:4px;cursor:pointer;transition:all .2s;letter-spacing:.5px;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}#demo-controls button:hover{background:#280a46e6;color:var(--text-primary);border-color:var(--accent-purple-light)}#demo-controls button:active{transform:scale(.97)}@keyframes boss-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes boss-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes boss-spawn{0%{opacity:0;transform:scale(.25) translateY(40px);filter:brightness(4)}60%{opacity:1;transform:scale(1.08) translateY(-6px);filter:brightness(1.4)}to{opacity:1;transform:scale(1) translateY(0);filter:brightness(1)}}#boss-visual.boss-spawning{animation:boss-spawn .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes aura-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes eye-pulse{0%,to{opacity:.3}50%{opacity:.7}}@keyframes pupil-slit{0%,80%,to{ry:5}40%{ry:7}}@keyframes hit-flash-anim{0%{opacity:.9}to{opacity:0}}@keyframes crit-flash-anim{0%{opacity:1;transform:scale(1.3)}50%{opacity:.8;transform:scale(1.1)}to{opacity:0;transform:scale(1)}}@keyframes damage-flash-anim{0%{opacity:.7}to{opacity:0}}@keyframes pulse-orange{0%,to{box-shadow:0 0 15px #c8640080}50%{box-shadow:0 0 25px #ff9600cc}}@keyframes pulse-red{0%,to{box-shadow:0 0 15px #ff1e0080}50%{box-shadow:0 0 35px #ff5000e6}}@keyframes feed-slide-in{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes feed-glow-anim{0%{opacity:1}to{opacity:0}}@keyframes crit-shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-2px,1px) rotate(-1deg)}75%{transform:translate(2px,-1px) rotate(1deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}@keyframes explosion-anim{0%{transform:scale(0);opacity:1}50%{transform:scale(1.5);opacity:.8}to{transform:scale(3);opacity:0}}@keyframes defeated-appear{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes text-glow-pulse{0%,to{text-shadow:0 0 30px rgba(255,200,50,.8),0 0 60px rgba(255,150,0,.5)}50%{text-shadow:0 0 50px rgba(255,220,80,1),0 0 100px rgba(255,180,0,.8)}}@keyframes fire-flicker{0%{text-shadow:0 0 40px rgba(200,100,255,.9),0 0 20px rgba(200,100,255,.8),0 4px 8px rgba(0,0,0,.9),2px 2px 0 rgba(0,0,0,.8)}25%{text-shadow:0 0 45px rgba(210,110,255,.95),0 0 22px rgba(200,100,255,.82),0 4px 8px rgba(0,0,0,.9),2px 2px 0 rgba(0,0,0,.8)}50%{text-shadow:0 0 38px rgba(190,90,255,.85),0 0 18px rgba(200,100,255,.78),0 4px 8px rgba(0,0,0,.9),2px 2px 0 rgba(0,0,0,.8)}75%{text-shadow:0 0 43px rgba(205,105,255,.92),0 0 21px rgba(200,100,255,.81),0 4px 8px rgba(0,0,0,.9),2px 2px 0 rgba(0,0,0,.8)}to{text-shadow:0 0 40px rgba(200,100,255,.9),0 0 20px rgba(200,100,255,.8),0 4px 8px rgba(0,0,0,.9),2px 2px 0 rgba(0,0,0,.8)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width: 768px){:root{--feed-width: 200px}#boss-svg{width:200px;height:210px}#login-card{padding:32px 24px}#login-title{font-size:26px}}@media (max-width: 480px){#damage-feed{display:none}}#profile-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:center;justify-content:center;background:#04010abf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:profile-overlay-in .2s ease-out forwards}#profile-modal.hidden{display:none!important}#profile-modal.profile-hiding{animation:profile-overlay-out .18s ease-in forwards}.profile-modal-card{position:relative;width:360px;max-width:calc(100vw - 32px);background:linear-gradient(135deg,#140528fa,#0a0314fc);border:1px solid rgba(128,32,160,.6);border-radius:8px;padding:28px 28px 24px;box-shadow:0 0 0 1px #500a784d,0 0 40px #8020a059,0 0 80px #50006433,inset 0 1px #c864ff14;animation:profile-card-in .22s cubic-bezier(.34,1.56,.64,1) forwards}#profile-modal.profile-hiding .profile-modal-card{animation:profile-card-out .18s ease-in forwards}.profile-modal-card:before{content:"᛭";position:absolute;top:10px;left:14px;font-size:13px;color:#8020a04d;pointer-events:none}.profile-modal-card:after{content:"᛭";position:absolute;bottom:10px;right:14px;font-size:13px;color:#8020a033;pointer-events:none}.profile-close-btn{position:absolute;top:12px;right:14px;background:transparent;border:1px solid rgba(128,32,160,.3);color:var(--text-muted);font-size:18px;line-height:1;width:28px;height:28px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-family:Rajdhani,sans-serif}.profile-close-btn:hover{border-color:#c4f9;color:var(--accent-purple-light);background:#8020a01f;box-shadow:0 0 10px #8020a033}.profile-close-btn:focus-visible{outline:2px solid var(--accent-purple-light);outline-offset:2px}.profile-header{display:flex;align-items:center;gap:18px;margin-bottom:20px;padding-right:20px}.profile-avatar-ring{position:relative;width:80px;height:80px;flex-shrink:0;border-radius:50%;padding:3px;background:linear-gradient(135deg,#8020a0e6,#500a6499,#b43cdccc);box-shadow:0 0 0 1px #500a7866,0 0 16px var(--avatar-glow, rgba(128,32,160,.5)),0 0 32px #8020a033;animation:avatar-ring-pulse 3s ease-in-out infinite}@keyframes avatar-ring-pulse{0%,to{box-shadow:0 0 0 1px #500a7866,0 0 16px var(--avatar-glow, rgba(128,32,160,.5)),0 0 32px #8020a033}50%{box-shadow:0 0 0 1px #500a7899,0 0 24px var(--avatar-glow, rgba(128,32,160,.7)),0 0 48px #8020a04d}}.profile-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.profile-avatar-fallback{display:none;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#3f3244,#2f2235);align-items:center;justify-content:center;font-family:Cinzel,serif;font-size:28px;font-weight:700;color:var(--accent-purple-light);text-shadow:0 0 12px rgba(204,68,255,.6)}.profile-identity{flex:1;min-width:0}.profile-username{font-family:"Press Start 2P",monospace;font-size:12px;font-weight:400;color:var(--text-primary);text-shadow:0 0 16px rgba(200,100,255,.5);letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}.profile-rank-badge{display:inline-flex;align-items:center;gap:6px;background:#ffcc4414;border:1px solid rgba(255,204,68,.25);border-radius:3px;padding:3px 10px 3px 6px;box-shadow:0 0 8px #ffcc441a}.profile-rank-medal{font-size:15px;line-height:1}.profile-rank-label{font-family:"Press Start 2P",monospace;font-size:7px;font-weight:400;letter-spacing:1px;color:var(--accent-gold);text-shadow:0 0 8px rgba(255,204,68,.4);white-space:nowrap;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}.profile-divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(128,32,160,.4) 30%,rgba(128,32,160,.4) 70%,transparent 100%);margin:0 0 18px}.profile-stats-row{display:flex;align-items:stretch;gap:0;margin-bottom:18px}.profile-stat{flex:1;text-align:center;padding:4px 8px}.profile-stat-divider{width:1px;background:#8020a04d;flex-shrink:0;margin:4px 0}.profile-stat-value{font-family:"Press Start 2P",monospace;font-size:16px;font-weight:400;letter-spacing:.5px;line-height:1.2;margin-bottom:4px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}.profile-stat-label{font-family:"Press Start 2P",monospace;font-size:6px;font-weight:400;letter-spacing:1px;color:var(--text-muted);text-transform:uppercase;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}.profile-raid-section{margin-bottom:20px}.profile-raid-title{font-family:"Press Start 2P",monospace;font-size:6px;font-weight:400;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:10px;text-transform:uppercase;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}.profile-tier{display:inline-flex;align-items:center;gap:7px;margin-bottom:12px}.profile-tier-rune{font-size:16px;color:var(--tier-color, #9977bb);text-shadow:0 0 8px var(--tier-glow, rgba(153,119,187,.5));line-height:1}.profile-tier-label{font-family:"Press Start 2P",monospace;font-size:9px;font-weight:400;letter-spacing:1px;color:var(--tier-color, #9977bb);text-shadow:0 0 10px var(--tier-glow, rgba(153,119,187,.5));-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}.profile-damage-bar-wrap{display:flex;flex-direction:column;gap:5px}.profile-damage-bar-track{height:5px;background:#1e0832cc;border-radius:3px;border:1px solid rgba(80,20,100,.4);overflow:hidden}.profile-damage-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,rgba(80,10,100,.8) 0%,var(--bar-color, #8020a0) 100%);box-shadow:0 0 8px var(--bar-glow, rgba(128,32,160,.5));transition:width .6s cubic-bezier(.22,1,.36,1);min-width:2px}.profile-damage-bar-label{font-family:Rajdhani,sans-serif;font-size:11px;font-weight:600;color:var(--text-muted);letter-spacing:.5px}.profile-github-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;background:linear-gradient(135deg,#1e0837e6,#120423f2);border:1px solid rgba(128,32,160,.5);border-radius:5px;color:var(--text-secondary);font-family:"Press Start 2P",monospace;font-size:7px;font-weight:400;letter-spacing:1px;text-decoration:none;cursor:pointer;transition:all .22s ease;box-shadow:0 0 14px #8020a026;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}.profile-github-btn:hover{background:linear-gradient(135deg,#320f5af2,#1e083cfa);border-color:#cc44ffa6;color:var(--text-primary);box-shadow:0 0 20px #8020a059,0 0 40px #6400a026;transform:translateY(-1px)}.profile-github-btn:focus-visible{outline:2px solid var(--accent-purple-light);outline-offset:2px}.profile-github-btn svg{flex-shrink:0;opacity:.75;transition:opacity .2s}.profile-github-btn:hover svg{opacity:1}.ranking-item.clickable,.feed-item.clickable{cursor:pointer;transition:background .18s,border-color .18s}.ranking-item.clickable:hover{background:#280a46d9;border-color:#8020a08c}.feed-item.clickable:hover{background:#1e083799}.feed-item.clickable:hover .feed-username,.ranking-item.clickable:hover .ranking-username{color:var(--accent-purple-light)}@keyframes profile-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes profile-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes profile-card-in{0%{opacity:0;transform:scale(.88) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes profile-card-out{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.92) translateY(8px)}}.hidden{display:none!important}.shake{animation:hp-shake .1s ease-in-out!important}@keyframes hp-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}:root{--victory-primary: #dcdce4;--victory-secondary: #9eaab2;--victory-dark: #1c1420;--victory-accent: #be3024;--victory-accent-light: #301e3c;--victory-glow: rgba(190, 48, 36, .3)}.defeated-overlay-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;overflow:hidden;background:#0000;transition:background 1s ease-out}.defeated-overlay-wrapper.show-overlay{background:#000000d9}.defeated-overlay-wrapper.hide-overlay{animation:fadeOutOverlay .5s ease-out forwards}@keyframes fadeOutOverlay{to{background:#0000;opacity:0}}.defeated-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.defeated-bg-canvas{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.15;z-index:0}.particle-container{position:absolute;width:100%;height:100%;pointer-events:none;z-index:10}.disintegration-particle{position:absolute;background:linear-gradient(135deg,#d4af37cc,#d4af3780);border-radius:50%;box-shadow:0 0 8px #be302466;animation:particleDisintegrate var(--duration) ease-out forwards}@keyframes particleDisintegrate{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(calc(cos(var(--angle)) * var(--velocity)),calc(sin(var(--angle)) * var(--velocity))) scale(.2)}}.defeated-boss{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:250px;height:280px;opacity:1;transition:opacity 2s ease-out;z-index:20;filter:drop-shadow(0 0 15px rgba(190,48,36,.3))}.defeated-boss.disintegrate{opacity:0;animation:bossDissolve 2s ease-out forwards}@keyframes bossDissolve{0%{opacity:1;filter:drop-shadow(0 0 15px rgba(190,48,36,.3))}50%{filter:drop-shadow(0 0 25px rgba(190,48,36,.4)) brightness(1.1)}to{opacity:0;filter:drop-shadow(0 0 40px rgba(220,220,228,.15)) brightness(.6)}}.boss-defeat-svg{width:100%;height:100%;filter:hue-rotate(270deg) brightness(1.1)}.defeated-frame{position:relative;max-width:800px;width:90%;background:linear-gradient(135deg,#1c1420fa,#301e3cfa);border:3px solid var(--victory-primary);box-shadow:inset 0 0 20px #bfc3ba1a,0 0 20px #dcdce426;padding:40px;z-index:30}.frame-corner{position:absolute;width:20px;height:20px;border:3px solid var(--victory-accent);background:#be30241a}.frame-tl{top:-8px;left:-8px;border-right:none;border-bottom:none}.frame-tr{top:-8px;right:-8px;border-left:none;border-bottom:none}.frame-bl{bottom:-8px;left:-8px;border-right:none;border-top:none}.frame-br{bottom:-8px;right:-8px;border-left:none;border-top:none}.defeated-title{text-align:center;font-size:3.5rem;font-weight:900;margin:0 0 20px;color:var(--victory-accent);text-transform:uppercase;letter-spacing:4px;font-family:"Press Start 2P",monospace;opacity:0;transform:scale(.5) translateY(-20px);transition:opacity 0s,transform 0s;text-shadow:0 0 10px rgba(190,48,36,.3)}.defeated-title.show-title{animation:titleAppear .8s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes titleAppear{0%{opacity:0;transform:scale(.5) translateY(-20px)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1) translateY(0)}}.glitch{position:relative;display:inline-block;text-shadow:0 0 8px var(--victory-glow),2px 2px 0 rgba(220,220,228,.15),-2px -2px 0 rgba(212,175,55,.15);animation:glitchPulse 2s ease-in-out infinite}@keyframes glitchPulse{0%,to{text-shadow:0 0 8px var(--victory-glow),2px 2px 0 rgba(220,220,228,.15),-2px -2px 0 rgba(212,175,55,.15)}50%{text-shadow:0 0 12px var(--victory-glow),3px 3px 0 rgba(212,175,55,.25),-3px -3px 0 rgba(220,220,228,.15)}}.defeated-boss-name{text-align:center;font-size:1.5rem;color:#d4af37e6;font-family:"Press Start 2P",monospace;margin-bottom:30px;text-transform:uppercase;letter-spacing:2px;opacity:0;animation:slideInDown .6s ease-out .5s forwards}@keyframes slideInDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.defeated-stats{display:flex;justify-content:space-around;margin-bottom:40px;opacity:0;transition:opacity 0s}.defeated-stats.show-stats{animation:fadeInStats .5s ease-out forwards}@keyframes fadeInStats{0%{opacity:0}to{opacity:1}}.stat-row{display:flex;flex-direction:column;align-items:center;gap:8px}.stat-label{font-size:.8rem;color:#be302466;font-family:"Press Start 2P",monospace;text-transform:uppercase;letter-spacing:1px}.stat-value{font-size:1.5rem;color:var(--victory-accent);font-family:"Press Start 2P",monospace;font-weight:700}.ranking-container{margin-bottom:40px}.ranking-header{text-align:center;font-family:"Press Start 2P",monospace;font-size:1rem;color:var(--victory-accent);margin-bottom:20px;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 8px rgba(220,220,228,.2)}.ranking-card{display:flex;align-items:center;gap:15px;padding:12px 16px;margin-bottom:12px;background:#1c142080;border:2px solid rgba(220,220,228,.2);border-left:4px solid var(--victory-accent);position:relative;opacity:0;transform:translate(-20px);transition:opacity 0s,transform 0s}.ranking-card.show-card{animation:cardSlideIn .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes cardSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.ranking-card:hover{background:#301e3cb3;border-color:#be302466;box-shadow:0 0 12px #dcdce426}.rank-badge{font-size:1.5rem;min-width:40px;text-align:center}.player-info{flex:1;display:flex;justify-content:space-between;align-items:center}.player-name{font-family:"Press Start 2P",monospace;font-size:.75rem;color:#d4af37cc;text-transform:uppercase;letter-spacing:1px}.damage-value{font-family:"Press Start 2P",monospace;font-size:.9rem;color:var(--victory-accent);font-weight:700}.continue-btn{width:100%;padding:16px;background:linear-gradient(135deg,var(--victory-accent),rgba(212,175,55,.7));color:#2f2235;border:2px solid var(--victory-accent);font-family:"Press Start 2P",monospace;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;cursor:pointer;position:relative;overflow:hidden;opacity:0;transform:scaleY(.5);transition:opacity 0s,transform 0s}.continue-btn.show-button{animation:buttonAppear .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes buttonAppear{0%{opacity:0;transform:scaleY(.5)}to{opacity:1;transform:scaleY(1)}}.btn-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff4d;animation:buttonGlow .6s ease-out}@keyframes buttonGlow{to{left:100%}}.continue-btn:hover{box-shadow:0 0 15px #be30244d,inset 0 0 20px #ffffff0d;transform:scale(1.02)}.continue-btn:active{transform:scale(.98)}@media (max-width: 768px){.defeated-frame{padding:24px;max-width:95%}.defeated-title{font-size:2rem;letter-spacing:2px}.defeated-boss-name{font-size:1rem}.stat-label{font-size:.65rem}.stat-value{font-size:1.2rem}.player-name{font-size:.6rem}.continue-btn{font-size:.8rem}}#account-menu-btn{position:fixed;top:14px;left:14px;z-index:400;width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,#1c0a30eb,#120420f5);border:1px solid rgba(128,32,160,.55);box-shadow:0 0 0 1px #3c0a5a66,0 0 12px #8020a04d,0 0 24px #50006426,inset 0 1px #c864ff14;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease,border-color .22s ease,background .22s ease;opacity:0;pointer-events:none;transform:scale(.8)}#account-menu-btn.visible{opacity:1;pointer-events:auto;transform:scale(1);animation:account-btn-appear .35s cubic-bezier(.34,1.56,.64,1) forwards}#account-menu-btn:hover{transform:scale(1.12);border-color:#cc44ffbf;background:linear-gradient(145deg,#280c46f5,#190630fa);box-shadow:0 0 0 1px #50147880,0 0 18px #b43cff8c,0 0 36px #7800b44d,0 0 54px #50008226,inset 0 1px #dc78ff1f}#account-menu-btn:active{transform:scale(.96);transition:transform .08s ease}#account-menu-btn:focus-visible{outline:2px solid rgba(204,68,255,.8);outline-offset:3px}#account-menu-btn svg{width:18px;height:18px;color:#b478dcd9;transition:color .22s ease,filter .22s ease;filter:drop-shadow(0 0 3px rgba(128,32,160,.5))}#account-menu-btn:hover svg{color:#dca0ff;filter:drop-shadow(0 0 6px rgba(180,60,255,.8)) drop-shadow(0 0 12px rgba(128,32,160,.5))}#account-menu-btn:hover .gear-icon{animation:gear-spin 3s linear infinite}@keyframes gear-spin{to{transform:rotate(360deg)}}@keyframes account-btn-appear{0%{opacity:0;transform:scale(.6) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}#account-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:center;justify-content:center;background:#04010abf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:account-overlay-in .2s ease-out forwards}#account-modal.hidden{display:none!important}#account-modal.account-hiding{animation:account-overlay-out .18s ease-in forwards}.account-modal-card{position:relative;width:380px;max-width:calc(100vw - 32px);background:linear-gradient(135deg,#140528fa,#0a0314fc);border:1px solid rgba(128,32,160,.6);border-radius:8px;padding:28px 28px 24px;box-shadow:0 0 0 1px #500a784d,0 0 40px #8020a059,0 0 80px #50006433,inset 0 1px #c864ff14;animation:account-card-in .22s cubic-bezier(.34,1.56,.64,1) forwards}#account-modal.account-hiding .account-modal-card{animation:account-card-out .18s ease-in forwards}.account-modal-card:before{content:"⚙";position:absolute;top:10px;left:14px;font-size:11px;color:#8020a047;pointer-events:none;line-height:1}.account-modal-card:after{content:"᛭";position:absolute;bottom:10px;right:14px;font-size:13px;color:#8020a033;pointer-events:none}.account-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;padding-right:4px}.account-modal-title{font-family:"Press Start 2P",monospace;font-size:9px;font-weight:400;color:var(--text-primary);letter-spacing:1px;text-shadow:0 0 14px rgba(200,100,255,.45);-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;padding-left:20px}.account-close-btn{position:absolute;top:12px;right:14px;background:transparent;border:1px solid rgba(128,32,160,.3);color:var(--text-muted);font-size:18px;line-height:1;width:28px;height:28px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-family:Rajdhani,sans-serif}.account-close-btn:hover{border-color:#c4f9;color:var(--accent-purple-light);background:#8020a01f;box-shadow:0 0 10px #8020a033}.account-close-btn:focus-visible{outline:2px solid var(--accent-purple-light);outline-offset:2px}.account-divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(128,32,160,.4) 30%,rgba(128,32,160,.4) 70%,transparent 100%);margin:0 0 20px}.account-section{margin-bottom:20px}.account-section-label{font-family:"Press Start 2P",monospace;font-size:6px;font-weight:400;letter-spacing:1.5px;color:var(--text-muted);text-transform:uppercase;margin-bottom:12px;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}.account-user-row{display:flex;align-items:center;gap:14px;background:#8020a00f;border:1px solid rgba(128,32,160,.2);border-radius:5px;padding:12px 14px}.account-avatar-wrap{width:44px;height:44px;border-radius:50%;padding:2px;flex-shrink:0;background:linear-gradient(135deg,#8020a0e6,#500a6499,#b43cdccc);box-shadow:0 0 0 1px #500a7866,0 0 10px #8020a066}.account-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.account-avatar-fallback{display:none;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#3f3244,#2f2235);align-items:center;justify-content:center;font-family:Cinzel,serif;font-size:18px;font-weight:700;color:var(--accent-purple-light);text-shadow:0 0 10px rgba(204,68,255,.6)}.account-user-info{flex:1;min-width:0}.account-username{font-family:"Press Start 2P",monospace;font-size:9px;font-weight:400;color:var(--text-primary);text-shadow:0 0 12px rgba(200,100,255,.4);letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}.account-via-github{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--text-muted);letter-spacing:.3px}.account-via-github svg{opacity:.5;flex-shrink:0}.account-action-btn{width:100%;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:5px;cursor:pointer;font-family:"Press Start 2P",monospace;font-size:7px;font-weight:400;letter-spacing:.8px;text-align:left;transition:transform .18s cubic-bezier(.34,1.56,.64,1),background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}.account-action-btn:active{transform:scale(.96)!important;transition:transform .07s ease!important}.account-action-btn .btn-icon{font-size:14px;flex-shrink:0;line-height:1;transition:filter .18s ease}.account-action-btn .btn-label{flex:1}.account-action-btn .btn-arrow{font-size:10px;opacity:.4;transition:opacity .18s ease,transform .18s ease;font-family:Rajdhani,sans-serif}.account-action-btn:hover .btn-arrow{opacity:.85;transform:translate(3px)}.account-btn-resync{background:linear-gradient(135deg,#190632e6,#0f031ef2);border:1px solid rgba(128,32,160,.45);color:var(--text-secondary);box-shadow:0 0 10px #8020a01a}.account-btn-resync:hover{background:linear-gradient(135deg,#2d0c55f2,#1c0737fa);border-color:#c4f9;color:var(--text-primary);box-shadow:0 0 16px #8020a052,0 0 32px #6400a026;transform:translateY(-1px)}.account-btn-resync.loading{opacity:.65;cursor:wait;pointer-events:none}.account-btn-resync.success{border-color:#50dc7899;color:#80e8a8;box-shadow:0 0 14px #3cb46440}.account-btn-logout{background:linear-gradient(135deg,#1e050ae6,#140308f2);border:1px solid rgba(190,48,36,.4);color:#c8645ad9;box-shadow:0 0 10px #be302414}.account-btn-logout:hover{background:linear-gradient(135deg,#37080cf5,#23050afc);border-color:#dc503cbf;color:#e89080;box-shadow:0 0 16px #be302461,0 0 32px #96140a33;transform:translateY(-1px)}@keyframes account-spin{to{transform:rotate(360deg)}}.account-spinner{display:inline-block;width:10px;height:10px;border:1px solid rgba(200,100,255,.3);border-top-color:#c864ffe6;border-radius:50%;animation:account-spin .6s linear infinite;flex-shrink:0}@keyframes account-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes account-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes account-card-in{0%{opacity:0;transform:scale(.88) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes account-card-out{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.92) translateY(8px)}}@media (max-width: 480px){#account-menu-btn{top:10px;left:10px;width:34px;height:34px}#account-menu-btn svg{width:16px;height:16px}.account-modal-card{padding:22px 18px 20px}.account-modal-title{font-size:8px}}