@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: #06030f;--bg-mid: #0d0520;--bg-panel: rgba(15, 5, 30, .85);--accent-purple: #8020a0;--accent-purple-light: #cc44ff;--accent-red: #cc2222;--accent-red-bright: #ff3333;--accent-orange: #ff6600;--accent-gold: #ffcc44;--text-primary: #e8d5ff;--text-secondary: #9977bb;--text-muted: #4a3a6a;--hp-normal: #cc1111;--hp-mid: #cc6600;--hp-low: #ff2200;--hp-track: #1a0510;--border-glow: rgba(128, 32, 160, .5);--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,#8b0000,#c11 40%,#d22,#c11,#8b0000);transition:width .12s ease-out,background .4s ease;border-radius:3px;box-shadow:inset 0 1px #ff64644d,0 0 15px #c8000080}#hp-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(255,180,180,.15) 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,#7a3000,#c60,#d70,#c60,#7a3000);animation:pulse-orange 2s ease-in-out infinite}#hp-bar-fill.hp-low{background:linear-gradient(90deg,#800,#f20,#f40,#f20,#800);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:#f99;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:#4f8}.ws-disconnected{color:#f44;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:#ffe8aa;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:#f42;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:#c4f;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:#f53;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,#2d0a4e,#1a0530);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:#080108}.overlay-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#080108}#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%,#ff4400 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,#2d0a4e,#1a0530);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)}}