*{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none}.hidden{display:none!important}:root{--bg: #0f0e17;--surface: #1a1a2e;--red: #ff6b6b;--teal: #4ecdc4;--yellow: #ffe66d;--purple: #a855f7;--muted: #a7a9be;--dark-purple: #2d1b30;--dark-teal: #1b3a35}html,body{height:100%;background:var(--bg);color:var(--muted);font-family:"Press Start 2P",monospace;overflow:hidden;cursor:crosshair}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.06) 2px,rgba(0,0,0,.06) 4px);z-index:9999}.name-entry:not(.hidden)~.wrapper,.lobby-browser:not(.hidden)~.wrapper{visibility:hidden}.wrapper{display:flex;flex-direction:column;height:100vh;max-width:900px;margin:0 auto;padding:16px;gap:12px}header{text-align:center;padding:18px 12px;background:var(--surface);border:2px solid var(--purple);border-radius:8px;flex-shrink:0;position:relative}header h1{font-size:18px;color:var(--yellow);text-shadow:0 0 20px rgba(255,230,109,.4);margin-bottom:6px}header p{font-size:7px;color:var(--muted);letter-spacing:1px}.header-encyclopedia-link{position:absolute;top:50%;right:12px;transform:translateY(-50%);font-size:8px;color:var(--teal);text-decoration:none;padding:8px 12px;border:2px solid var(--teal);border-radius:4px;background:#4ecdc41a;transition:all .2s;letter-spacing:.5px}.header-encyclopedia-link:hover{background:var(--teal);color:var(--bg);transform:translateY(-50%) scale(1.05);box-shadow:0 0 12px #4ecdc466}.wiki-link{color:var(--teal);text-decoration:none;border-bottom:1px solid rgba(78,205,196,.4);padding-bottom:1px;transition:border-color .2s}.wiki-link:hover{border-bottom-color:var(--teal)}.hud{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0;flex-wrap:wrap}.hud-item{display:flex;align-items:center;gap:8px;background:var(--surface);padding:8px 14px;border-radius:6px;border:1px solid #2a2a4a;font-size:8px}.hud-label{color:var(--muted)}.hud-value{color:var(--yellow)}.hud-value.hp{color:var(--teal)}.hud-value.bugs{color:var(--red)}.hp-bar-track{width:80px;height:10px;background:var(--bg);border:1px solid #3d3d5c;border-radius:2px;overflow:hidden}.hp-bar-fill{height:100%;background:var(--teal);border-radius:1px;transition:width .4s ease,background-color .4s ease}.hp-bar-fill.low{background:var(--red);animation:pulse-hp .6s infinite}@keyframes pulse-hp{0%,to{opacity:1}50%{opacity:.4}}.arena-wrap{flex:1;min-height:0;position:relative}.arena{width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(168,85,247,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(78,205,196,.05) 0%,transparent 50%),var(--bg);border:2px solid #2a2a4a;border-radius:8px;position:relative;overflow:hidden}.arena:before{content:"";position:absolute;bottom:0;left:0;right:0;height:100px;background:repeating-linear-gradient(0deg,transparent,transparent 18px,rgba(167,169,190,.06) 18px,rgba(167,169,190,.06) 19px);pointer-events:none}.bug{position:absolute;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;transition:transform .08s;z-index:10;animation:bug-spawn .3s ease-out}.bug:active{transform:scale(.7)}.bug-body{position:relative;width:36px;height:28px;background:var(--red);border-radius:50%;box-shadow:0 0 12px #ff6b6b66;display:flex;align-items:center;justify-content:center}.bug-body:before,.bug-body:after{content:"";position:absolute;top:-6px;width:4px;height:10px;background:var(--red);border-radius:2px}.bug-body:before{left:8px;transform:rotate(-20deg)}.bug-body:after{right:8px;transform:rotate(20deg)}.bug-eyes{font-size:10px;color:var(--bg);font-family:monospace;font-weight:700;letter-spacing:4px;margin-top:-2px}.bug-legs{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.bug-legs span{position:absolute;width:6px;height:2px;background:var(--red);border-radius:1px}.bug-legs span:nth-child(1){top:8px;left:-4px;transform:rotate(-30deg)}.bug-legs span:nth-child(2){top:16px;left:-5px;transform:rotate(0)}.bug-legs span:nth-child(3){top:24px;left:-4px;transform:rotate(30deg)}.bug-legs span:nth-child(4){top:8px;right:-4px;transform:rotate(30deg)}.bug-legs span:nth-child(5){top:16px;right:-5px;transform:rotate(0)}.bug-legs span:nth-child(6){top:24px;right:-4px;transform:rotate(-30deg)}.bug.walking{animation:bug-walk .4s steps(2) infinite}@keyframes bug-walk{0%{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes bug-spawn{0%{transform:scale(0) rotate(180deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.squash{position:absolute;pointer-events:none;z-index:20;animation:squash-anim .5s ease-out forwards}.squash-text{font-family:"Press Start 2P",monospace;font-size:11px;color:var(--yellow);text-shadow:0 0 8px rgba(255,230,109,.6);white-space:nowrap}@keyframes squash-anim{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-50px) scale(1.3);opacity:0}}.screen-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0f0e17eb;z-index:100;gap:20px;border-radius:8px;text-align:center;padding:20px}.screen-title{font-size:20px;color:var(--yellow);text-shadow:0 0 24px rgba(255,230,109,.5);line-height:1.6}.screen-title.fail{color:var(--red);text-shadow:0 0 24px rgba(255,107,107,.5)}.screen-title.win{color:var(--teal);text-shadow:0 0 24px rgba(78,205,196,.5)}.screen-sub{font-size:7px;color:var(--muted);line-height:2;max-width:500px}.screen-stats{display:flex;gap:24px;font-size:8px}.screen-stats span{color:var(--yellow)}.btn{font-family:"Press Start 2P",monospace;font-size:10px;padding:14px 28px;border:2px solid var(--purple);background:var(--dark-purple);color:var(--purple);border-radius:6px;cursor:pointer;transition:all .15s;letter-spacing:1px}.btn:hover{background:var(--purple);color:var(--bg);box-shadow:0 0 20px #a855f766}.message-bar{flex-shrink:0;text-align:center;padding:10px;font-size:6px;color:var(--muted);opacity:.5;line-height:1.8}.message-bar em{color:var(--purple);font-style:normal}.deco-pixel{position:fixed;width:4px;height:4px;opacity:.15;pointer-events:none;z-index:0}.remote-cursor{position:absolute;left:0;top:0;pointer-events:none;user-select:none;z-index:50;will-change:transform;transition:transform 60ms linear;display:flex;flex-direction:column;align-items:center;gap:4px}.remote-cursor-icon{font-size:22px;line-height:1;filter:drop-shadow(0 0 4px rgba(255,255,255,.3))}.remote-cursor-name{font-family:"Press Start 2P",monospace;font-size:5px;white-space:nowrap;opacity:.8}.replay-cursor-trail-dot{position:absolute;pointer-events:none;z-index:49;font-size:22px;line-height:1;translate:-50% -50%}@keyframes trail-fade{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1)}}.scoreboard{display:flex;flex-direction:column;gap:6px;font-size:7px;max-width:300px;width:100%}.scoreboard-row{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:#ffffff0a;border-radius:4px;gap:12px}.scoreboard-name{display:flex;align-items:center;gap:6px}.scoreboard-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.scoreboard-points{color:var(--yellow)}.scoreboard-name .guest-badge,.lobby-player-card .guest-badge{transform:scale(.75);transform-origin:left center}.live-dash-name .guest-badge{transform:scale(.45);transform-origin:left center}.live-dashboard{position:absolute;top:8px;right:8px;width:160px;max-height:40%;overflow-y:auto;background:#0f0e17bf;backdrop-filter:blur(4px);border:1px solid #2a2a4a;border-radius:6px;padding:6px;pointer-events:none;z-index:50;display:flex;flex-direction:column;gap:2px;font-family:"Press Start 2P",monospace}.live-dash-row{display:flex;align-items:center;gap:4px;padding:3px 4px;border-radius:3px;background:#ffffff08;transition:transform .3s ease;position:relative}.live-dash-row.is-me{border-left:2px solid var(--teal);background:#4ecdc414}.live-dash-rank{font-size:5px;color:var(--muted);width:10px;text-align:center;flex-shrink:0}.live-dash-row:first-child .live-dash-rank{color:var(--yellow)}.live-dash-name{font-size:5px;color:var(--muted);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:3px}.live-dash-icon{font-size:10px;line-height:1;flex-shrink:0}.live-dash-score{font-size:5px;color:var(--yellow);flex-shrink:0;position:relative}.live-dash-score.score-pop{animation:live-score-pop .3s ease-out}.live-dash-delta{position:absolute;right:0;top:-8px;font-size:5px;color:var(--teal);pointer-events:none;white-space:nowrap;animation:live-delta-rise .8s ease-out forwards}@keyframes live-score-pop{0%{transform:scale(1)}40%{transform:scale(1.5);color:var(--teal)}to{transform:scale(1)}}@keyframes live-delta-rise{0%{transform:translateY(0);opacity:1}to{transform:translateY(-12px);opacity:0}}.name-entry{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);z-index:500;gap:28px;text-align:center;padding:40px 20px;overflow-y:auto}.name-entry:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 700px 500px at 50% 35%,rgba(255,230,109,.05) 0%,transparent 100%),radial-gradient(ellipse 500px 400px at 50% 65%,rgba(78,205,196,.03) 0%,transparent 100%);pointer-events:none;z-index:0}.name-entry:after{content:"";position:fixed;inset:0;background-image:radial-gradient(circle,rgba(255,230,109,.05) 1px,transparent 1px);background-size:32px 32px;pointer-events:none;z-index:0;mask-image:radial-gradient(ellipse 500px 400px at center,black 15%,transparent 65%);-webkit-mask-image:radial-gradient(ellipse 500px 400px at center,black 15%,transparent 65%)}.name-entry>*{position:relative;z-index:1}.name-entry-title{font-size:42px;color:var(--yellow);text-shadow:0 0 30px rgba(255,230,109,.5),0 0 80px rgba(255,230,109,.15);letter-spacing:6px;position:relative;will-change:opacity}.name-entry-title:before,.name-entry-title:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;will-change:transform}.name-entry-title:before{color:var(--red);animation:lobby-glitch-1 4s infinite linear alternate-reverse;clip-path:inset(0 0 55% 0);opacity:.4}.name-entry-title:after{color:var(--teal);animation:lobby-glitch-2 3s infinite linear alternate;clip-path:inset(55% 0 0 0);opacity:.4}.name-entry-tagline{font-size:7px;color:var(--teal);letter-spacing:5px;opacity:.5;margin-top:-16px}.name-entry-sub{font-size:8px;color:var(--muted);letter-spacing:2px;opacity:.4}.name-input{font-family:"Press Start 2P",monospace;font-size:12px;padding:14px 24px;background:var(--surface);border:2px solid rgba(168,85,247,.4);border-radius:8px;color:var(--yellow);text-align:center;outline:none;width:340px;max-width:90vw;transition:border-color .2s,box-shadow .2s}.name-input::placeholder{color:#3d3d5c;font-size:9px}.name-input:focus{border-color:var(--yellow);box-shadow:0 0 24px #ffe66d26}.icon-picker{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;max-width:400px}.icon-picker-label{font-size:7px;color:var(--muted);width:100%;margin-bottom:4px;letter-spacing:1px;opacity:.4}.icon-option{width:54px;height:54px;font-size:28px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:2px solid #2a2a4a;border-radius:10px;cursor:pointer;transition:all .2s}.icon-option:hover{border-color:var(--purple);transform:scale(1.12);background:var(--dark-purple)}.icon-option.selected{border-color:var(--yellow);background:#ffe66d0f;box-shadow:0 0 18px #ffe66d33;transform:scale(1.15)}.icon-picker-premium-label{color:var(--purple);opacity:.7;text-shadow:0 0 8px rgba(168,85,247,.4)}.icon-option-premium{border-color:#a855f759;position:relative}.icon-option-premium:hover:not(.locked){border-color:var(--purple)}.icon-option-premium.selected{border-color:var(--purple);background:#a855f714;box-shadow:0 0 18px #a855f740}.icon-option.locked{opacity:.35;filter:grayscale(.8);cursor:not-allowed}.icon-option.locked:hover{transform:none;border-color:#2a2a4a;background:var(--surface)}.icon-lock-overlay{position:absolute;bottom:-2px;right:-2px;font-size:10px;line-height:1;pointer-events:none}@keyframes locked-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.icon-option.locked-shake{animation:locked-shake .4s ease}.avatar-icon.avatar-premium{image-rendering:pixelated}.name-entry-title{animation:ne-entrance .5s ease-out both}.name-entry-tagline{animation:ne-entrance .5s ease-out .08s both}.name-entry .name-entry-sub{animation:ne-entrance .5s ease-out .14s both}.name-entry .name-input{animation:ne-entrance .5s ease-out .2s both}.name-entry .icon-picker{animation:ne-entrance .5s ease-out .26s both}.name-entry .btn-play{animation:ne-entrance .5s ease-out .32s both}.name-entry .auth-status{animation:ne-entrance .5s ease-out .38s both}@keyframes ne-entrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.conn-status{position:fixed;top:8px;right:8px;font-size:5px;padding:4px 8px;border-radius:4px;background:var(--surface);border:1px solid #2a2a4a;z-index:200;opacity:.7}.conn-status.connected{color:var(--teal)}.conn-status.disconnected{color:var(--red)}.boss{position:absolute;width:120px;height:120px;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;z-index:15;animation:boss-spawn .8s ease-out}.boss:active{transform:scale(.9)}.boss-body{position:relative;width:80px;height:60px;background:linear-gradient(135deg,#a855f7,#7c3aed);border-radius:50%;box-shadow:0 0 24px #a855f799;display:flex;align-items:center;justify-content:center}.boss-body:before,.boss-body:after{content:"";position:absolute;top:-12px;width:6px;height:16px;background:#a855f7;border-radius:3px}.boss-body:before{left:16px;transform:rotate(-25deg)}.boss-body:after{right:16px;transform:rotate(25deg)}.boss-eyes{font-size:18px;color:var(--bg);font-family:monospace;font-weight:700;letter-spacing:8px;margin-top:-2px}.boss-legs{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.boss-legs span{position:absolute;width:10px;height:3px;background:#a855f7;border-radius:2px}.boss-legs span:nth-child(1){top:14px;left:4px;transform:rotate(-30deg)}.boss-legs span:nth-child(2){top:28px;left:1px;transform:rotate(0)}.boss-legs span:nth-child(3){top:42px;left:4px;transform:rotate(30deg)}.boss-legs span:nth-child(4){top:14px;right:4px;transform:rotate(30deg)}.boss-legs span:nth-child(5){top:28px;right:1px;transform:rotate(0)}.boss-legs span:nth-child(6){top:42px;right:4px;transform:rotate(-30deg)}.boss-crown{position:absolute;top:-20px;left:50%;transform:translate(-50%);display:flex;gap:4px;pointer-events:none}.boss-crown span{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:12px solid #ffe66d}.boss-crown span:nth-child(2){border-bottom-height:16px;border-bottom:16px solid #ffe66d}.boss.walking{animation:boss-walk .6s steps(2) infinite}.boss.phase-sprint .boss-body{background:linear-gradient(135deg,#a855f7,#7c3aed);box-shadow:0 0 20px #a855f780,0 0 40px #a855f726}.boss.phase-shield .boss-body{background:linear-gradient(135deg,#fbbf24,#d97706,#b45309);box-shadow:0 0 24px #fbbf2499,0 0 48px #d9770640,inset 0 0 12px #ffffff14;animation:boss-pulse-amber 1.2s ease-in-out infinite}.boss.phase-shield .boss-body:before,.boss.phase-shield .boss-body:after{background:#fbbf24}.boss.phase-shield .boss-legs span{background:#d97706}.boss.phase-shield .boss-crown span{border-bottom-color:#fbbf24}.boss.phase-shield .boss-eyes{color:#451a03}.boss.phase-swarm .boss-body{background:linear-gradient(135deg,#ff6b6b,#dc2626,#991b1b);box-shadow:0 0 28px #ff6b6bb3,0 0 56px #dc26264d,inset 0 0 10px #ffffff0f;animation:boss-pulse-swarm .5s ease-in-out infinite}.boss.phase-swarm .boss-body:before,.boss.phase-swarm .boss-body:after{background:#ef4444}.boss.phase-swarm .boss-legs span{background:#dc2626}.boss.phase-swarm .boss-crown span{border-bottom-color:#ef4444}.boss.phase-swarm .boss-eyes{color:#1c1917;letter-spacing:4px}.boss.phase-swarm.walking{animation:boss-swarm-jitter .12s steps(2) infinite}.boss.boss-shrink{width:80px;height:80px;transition:width .6s cubic-bezier(.34,1.56,.64,1),height .6s cubic-bezier(.34,1.56,.64,1)}.boss.boss-shrink .boss-body{width:55px;height:42px;transition:width .6s cubic-bezier(.34,1.56,.64,1),height .6s cubic-bezier(.34,1.56,.64,1)}.boss-shield-overlay{position:absolute;inset:-16px;border-radius:50%;opacity:0;pointer-events:none;transition:opacity .35s ease;border:2px solid rgba(96,165,250,.5);background:radial-gradient(circle,rgba(96,165,250,.12) 0%,rgba(59,130,246,.04) 60%,transparent 100%);box-shadow:inset 0 0 8px #60a5fa26,0 0 6px #60a5fa33}.boss.shielded .boss-shield-overlay{opacity:1;animation:shield-pulse 1.4s ease-in-out infinite}.boss.shielded .boss-body{filter:brightness(.85) saturate(.8)}.boss.shielded .boss-eyes{text-shadow:0 0 6px rgba(96,165,250,.6)}@keyframes shield-pulse{0%,to{border-color:#60a5fa80;box-shadow:inset 0 0 8px #60a5fa26,0 0 8px #60a5fa40;transform:scale(1)}50%{border-color:#93c5fdcc;box-shadow:inset 0 0 14px #60a5fa40,0 0 20px #60a5fa73,0 0 40px #3b82f626;transform:scale(1.04)}}@keyframes boss-pulse-amber{0%,to{box-shadow:0 0 24px #fbbf2499,0 0 48px #d9770633}50%{box-shadow:0 0 32px #fbbf24cc,0 0 60px #d9770659}}@keyframes boss-pulse-swarm{0%,to{box-shadow:0 0 28px #ff6b6bb3,0 0 56px #dc262640}50%{box-shadow:0 0 36px #ff6b6be6,0 0 72px #dc262666}}@keyframes boss-swarm-jitter{0%{transform:translate(-1px)}25%{transform:translate(1px,-1px)}50%{transform:translateY(1px)}75%{transform:translate(-1px,-1px)}to{transform:translate(1px)}}.boss-hp-bar-container{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:90;display:flex;flex-direction:column;align-items:center;gap:5px}.boss-hp-bar-label{font-family:"Press Start 2P",monospace;font-size:6px;color:var(--muted);text-shadow:0 1px 2px rgba(0,0,0,.6)}.boss-phase-name{color:var(--yellow);text-shadow:0 0 6px rgba(255,230,109,.4)}.boss-hp-bar-track{width:300px;height:14px;background:var(--bg);border:2px solid #3d3d5c;border-radius:3px;overflow:hidden;box-shadow:inset 0 1px 3px #0006}.boss-hp-bar-fill{height:100%;background:linear-gradient(90deg,#a855f7,#c084fc);border-radius:1px;transition:width .3s ease;position:relative}.boss-hp-bar-fill:after{content:"";position:absolute;top:1px;left:0;right:0;height:4px;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent);border-radius:1px 1px 0 0}.boss-hp-bar-fill.phase-shield{background:linear-gradient(90deg,#b45309,#d97706,#fbbf24);box-shadow:0 0 8px #fbbf244d}.boss-hp-bar-fill.phase-swarm{background:linear-gradient(90deg,#991b1b,#dc2626,#ef4444);box-shadow:0 0 8px #ef444466;animation:hp-bar-swarm-pulse .4s ease-in-out infinite}@keyframes hp-bar-swarm-pulse{0%,to{box-shadow:0 0 8px #ef444466;filter:brightness(1)}50%{box-shadow:0 0 14px #ef4444b3;filter:brightness(1.2)}}.boss-dr-indicator{font-family:"Press Start 2P",monospace;font-size:5px;color:#fca5a5;text-shadow:0 1px 2px rgba(0,0,0,.8);letter-spacing:1px;transition:color .3s ease}.boss-dr-indicator.high{color:#ef4444;animation:dr-pulse .6s ease-in-out infinite}@keyframes dr-pulse{0%,to{opacity:.8}50%{opacity:1}}.boss-timer{font-family:"Press Start 2P",monospace;font-size:12px;color:var(--yellow);text-shadow:0 0 8px rgba(255,230,109,.4)}.boss-timer.urgent{color:var(--red);text-shadow:0 0 12px rgba(255,107,107,.6);animation:pulse-hp .6s infinite}.boss-regen-num{position:absolute;pointer-events:none;z-index:23;font-family:"Press Start 2P",monospace;font-size:10px;color:#22c55e;text-shadow:0 0 8px rgba(34,197,94,.6);white-space:nowrap;animation:regen-float .8s ease-out forwards}@keyframes regen-float{0%{transform:translateY(0);opacity:1}to{transform:translateY(-30px);opacity:0}}.escalation-flash{position:absolute;inset:0;pointer-events:none;z-index:82;border-radius:8px;background:#a855f733;animation:escalation-flash-anim .4s ease-out forwards}@keyframes escalation-flash-anim{0%{opacity:0}30%{opacity:1}60%{opacity:.6}to{opacity:0}}@keyframes boss-spawn{0%{transform:scale(0) rotate(720deg);opacity:0}60%{transform:scale(1.2) rotate(0);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes boss-walk{0%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes boss-pulse{0%,to{box-shadow:0 0 32px #ff6b6bcc}50%{box-shadow:0 0 48px #ff6b6b}}@keyframes boss-hit-flash{0%{filter:brightness(3)}to{filter:brightness(1)}}@keyframes boss-explode{0%{transform:scale(1) rotate(0);opacity:1}40%{transform:scale(1.5) rotate(180deg);opacity:.8}to{transform:scale(0) rotate(720deg);opacity:0}}.screen-title.boss-title{color:var(--purple);text-shadow:0 0 24px rgba(168,85,247,.7),0 0 48px rgba(168,85,247,.3)}.particle{position:absolute;width:6px;height:6px;border-radius:50%;pointer-events:none;z-index:22;animation:particle-fly .4s ease-out forwards}@keyframes particle-fly{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--px),var(--py)) scale(0);opacity:0}}.arena.shake-light{animation:shake-light .2s ease-out}.arena.shake-micro{animation:shake-micro .1s ease-out}.arena.shake-medium{animation:shake-medium .3s ease-out}.arena.shake-heavy{animation:shake-heavy .5s ease-out}@keyframes shake-light{0%,to{transform:translate(0)}25%{transform:translate(-3px,2px)}50%{transform:translate(3px,-2px)}75%{transform:translate(-2px,1px)}}@keyframes shake-micro{0%,to{transform:translate(0)}25%{transform:translate(-1px,1px)}75%{transform:translate(1px,-1px)}}@keyframes shake-medium{0%,to{transform:translate(0)}10%{transform:translate(-5px,3px)}30%{transform:translate(4px,-4px)}50%{transform:translate(-3px,5px)}70%{transform:translate(5px,-2px)}90%{transform:translate(-2px,1px)}}@keyframes shake-heavy{0%,to{transform:translate(0)}8%{transform:translate(-8px,5px)}16%{transform:translate(7px,-6px)}24%{transform:translate(-6px,7px)}32%{transform:translate(8px,-4px)}48%{transform:translate(-5px,6px)}64%{transform:translate(6px,-5px)}80%{transform:translate(-4px,3px)}90%{transform:translate(2px,-1px)}}.impact-ring{position:absolute;width:40px;height:40px;border-radius:50%;border:3px solid currentColor;pointer-events:none;z-index:21;transform:translate(-50%,-50%) scale(0);animation:ring-expand .4s ease-out forwards}@keyframes ring-expand{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.damage-vignette{position:absolute;inset:0;pointer-events:none;z-index:80;border-radius:8px;animation:vignette-flash .4s ease-out forwards}@keyframes vignette-flash{0%{background:radial-gradient(ellipse at center,transparent 50%,rgba(255,60,60,0) 100%)}30%{background:radial-gradient(ellipse at center,transparent 50%,rgba(255,60,60,.4) 100%)}to{background:radial-gradient(ellipse at center,transparent 50%,rgba(255,60,60,0) 100%)}}.bug.popping{pointer-events:none;animation:bug-pop .2s ease-out forwards}@keyframes bug-pop{0%{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.3) rotate(15deg);opacity:.8}to{transform:scale(0) rotate(-30deg);opacity:0}}.boss-damage-num{position:absolute;pointer-events:none;z-index:23;font-family:"Press Start 2P",monospace;font-size:14px;text-shadow:0 0 8px currentColor;white-space:nowrap;animation:squash-anim .5s ease-out forwards}.phase-transition-flash{position:absolute;inset:0;pointer-events:none;z-index:88;border-radius:8px;overflow:hidden;animation:phase-flash 1.6s ease-out forwards}.phase-transition-flash:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,rgba(168,85,247,.08) 3px,rgba(168,85,247,.08) 4px);animation:phase-scanline-drift .2s steps(3) 4}.phase-transition-flash:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.12) 48%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.12) 52%,transparent 100%);animation:phase-scanbar .8s ease-out forwards}@keyframes phase-flash{0%{opacity:0;background:#ffffff80}5%{opacity:1;background:#ffffff73}12%{background:#a855f740}25%{background:#a855f71f}50%{background:#a855f70f;opacity:.8}to{opacity:0;background:transparent}}@keyframes phase-scanline-drift{0%{transform:translateY(0)}33%{transform:translateY(-2px)}66%{transform:translateY(1px)}to{transform:translateY(0)}}@keyframes phase-scanbar{0%{transform:translateY(-100%);opacity:1}to{transform:translateY(100%);opacity:0}}.phase-transition-text{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%) scale(.2);z-index:89;pointer-events:none;font-family:"Press Start 2P",monospace;font-size:22px;color:var(--yellow);text-shadow:0 0 8px rgba(255,230,109,.6),0 0 20px rgba(255,230,109,.2),0 2px 0 rgba(0,0,0,.9);letter-spacing:3px;white-space:nowrap;animation:phase-text-zoom 1.6s cubic-bezier(.16,1,.3,1) forwards}@keyframes phase-text-zoom{0%{transform:translate(-50%,-50%) scale(.2) translateY(10px);opacity:0;filter:blur(8px)}8%{transform:translate(-50%,-50%) scale(1.5);opacity:1;filter:blur(0)}14%{transform:translate(-50%,-50%) scale(.95)}20%{transform:translate(-50%,-50%) scale(1.02)}26%{transform:translate(-50%,-50%) scale(1)}75%{transform:translate(-50%,-50%) scale(1);opacity:1;filter:blur(0)}to{transform:translate(-50%,-50%) scale(1.05);opacity:0;filter:blur(4px)}}.phase-spark{position:absolute;width:4px;height:4px;border-radius:50%;pointer-events:none;z-index:90;background:var(--yellow);box-shadow:0 0 6px var(--yellow),0 0 12px #ffe66d80;animation:phase-spark-fly .55s ease-out forwards}@keyframes phase-spark-fly{0%{transform:translate(0) scale(1.2);opacity:1}60%{opacity:.8}to{transform:translate(var(--px),var(--py)) scale(0);opacity:0}}.boss-blocked-text{position:absolute;pointer-events:none;z-index:23;font-family:"Press Start 2P",monospace;font-size:11px;color:#93c5fd;text-shadow:0 0 10px rgba(96,165,250,.9),0 0 24px rgba(59,130,246,.5);white-space:nowrap;animation:blocked-deflect .7s cubic-bezier(.22,1,.36,1) forwards}.boss-blocked-text:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:2px;background:linear-gradient(90deg,transparent,rgba(147,197,253,.8),transparent);transform:translate(-50%,-50%) rotate(-15deg);animation:blocked-spark .35s ease-out forwards}@keyframes blocked-deflect{0%{transform:translateY(4px) scale(1.4) rotate(-3deg);opacity:1}20%{transform:translateY(-8px) scale(1) rotate(1deg);opacity:1}to{transform:translateY(-36px) scale(.7) rotate(0);opacity:0}}@keyframes blocked-spark{0%{width:0;opacity:1}40%{width:50px;opacity:1}to{width:60px;opacity:0}}.screen-wipe-flash{position:absolute;inset:0;pointer-events:none;z-index:82;border-radius:8px;overflow:hidden;animation:screen-wipe-container .6s ease-out forwards}.screen-wipe-flash:before{content:"";position:absolute;inset:0;background:#dc262626;animation:screen-wipe-pulse .6s ease-out forwards}.screen-wipe-flash:after{content:"! INCOMING !";position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);font-family:"Press Start 2P",monospace;font-size:7px;letter-spacing:6px;text-align:center;color:#ef4444b3;text-shadow:0 0 8px rgba(220,38,38,.6);padding:6px 0;background:repeating-linear-gradient(90deg,rgba(220,38,38,.08) 0px,rgba(220,38,38,.08) 8px,transparent 8px,transparent 16px);border-top:1px solid rgba(239,68,68,.3);border-bottom:1px solid rgba(239,68,68,.3);animation:screen-wipe-stripe .6s ease-out forwards}@keyframes screen-wipe-container{0%{opacity:0}15%{opacity:1}to{opacity:0}}@keyframes screen-wipe-pulse{0%{opacity:0}20%{opacity:1}60%{opacity:.6}to{opacity:0}}@keyframes screen-wipe-stripe{0%{opacity:0;transform:translateY(-50%) scaleX(0)}15%{opacity:1;transform:translateY(-50%) scaleX(1)}70%{opacity:1}to{opacity:0;transform:translateY(-50%) scaleX(1)}}.level-flash{position:absolute;inset:0;pointer-events:none;z-index:85;border-radius:8px;background:#fff;animation:level-flash-anim .5s ease-out forwards}@keyframes level-flash-anim{0%{opacity:0}30%{opacity:.3}to{opacity:0}}.bug.heisenbug .bug-body{background:var(--teal);box-shadow:0 0 16px #4ecdc499,0 0 32px #4ecdc433;animation:heisenbug-shimmer .3s steps(3) infinite}.bug.heisenbug .bug-body:before,.bug.heisenbug .bug-body:after{background:var(--teal)}.bug.heisenbug .bug-legs span{background:var(--teal)}.bug.heisenbug-stabilized .bug-body{background:var(--teal);box-shadow:0 0 8px #4ecdc44d}.bug.heisenbug-stabilized .bug-body:before,.bug.heisenbug-stabilized .bug-body:after{background:var(--teal)}.bug.heisenbug-stabilized .bug-legs span{background:var(--teal)}@keyframes heisenbug-shimmer{0%{opacity:1;transform:scale(1)}33%{opacity:.7;transform:scale(1.05)}66%{opacity:.9;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.heisenbug-ghost{position:absolute;width:48px;height:48px;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:20;font-family:"Press Start 2P",monospace;font-size:18px;color:var(--teal);text-shadow:0 0 12px rgba(78,205,196,.8);animation:heisenbug-ghost-fade .4s ease-out forwards}@keyframes heisenbug-ghost-fade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.bug.feature-bug .bug-body{background:#22c55e;box-shadow:0 0 12px #22c55e66}.bug.feature-bug .bug-body:before,.bug.feature-bug .bug-body:after{background:#22c55e}.bug.feature-bug .bug-legs span{background:#22c55e}.bug.feature-bug .bug-eyes:after{content:"\2713";font-size:14px;position:absolute;top:-14px;left:50%;transform:translate(-50%);color:#22c55e;text-shadow:0 0 6px rgba(34,197,94,.6)}.bug.feature-leaving{pointer-events:none;animation:feature-leave .5s ease-in forwards}@keyframes feature-leave{0%{transform:scale(1);opacity:1}to{transform:scale(.5);opacity:0}}.feature-penalty-text{position:absolute;pointer-events:none;z-index:25;font-family:"Press Start 2P",monospace;font-size:8px;color:var(--red);text-shadow:0 0 8px rgba(255,107,107,.6);white-space:nowrap;transform:translate(-50%);animation:feature-penalty-rise 1.2s ease-out forwards}@keyframes feature-penalty-rise{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(-60px);opacity:0}}.bug.memory-leak{cursor:grab}.bug.memory-leak .bug-body{background:#9333ea;box-shadow:0 0 12px #9333ea66;transition:transform 2s ease-out,background-color 2s ease-out,box-shadow 2s ease-out}.bug.memory-leak .bug-body:before,.bug.memory-leak .bug-body:after{background:#9333ea;transition:background-color 2s ease-out}.bug.memory-leak .bug-legs span{background:#9333ea;transition:background-color 2s ease-out}.bug.memory-leak[data-growth-stage="1"] .bug-body{transform:scale(1.15);background:#7c3aed;box-shadow:0 0 14px #7c3aed80}.bug.memory-leak[data-growth-stage="1"] .bug-body:before,.bug.memory-leak[data-growth-stage="1"] .bug-body:after{background:#7c3aed}.bug.memory-leak[data-growth-stage="1"] .bug-legs span{background:#7c3aed}.bug.memory-leak[data-growth-stage="2"] .bug-body{transform:scale(1.35);background:#6d28d9;box-shadow:0 0 16px #6d28d999}.bug.memory-leak[data-growth-stage="2"] .bug-body:before,.bug.memory-leak[data-growth-stage="2"] .bug-body:after{background:#6d28d9}.bug.memory-leak[data-growth-stage="2"] .bug-legs span{background:#6d28d9}.bug.memory-leak[data-growth-stage="3"] .bug-body{transform:scale(1.6);background:#5b21b6;box-shadow:0 0 20px #5b21b6cc,0 0 40px #5b21b64d;animation:memory-leak-pulse 1s ease-in-out infinite}.bug.memory-leak[data-growth-stage="3"] .bug-body:before,.bug.memory-leak[data-growth-stage="3"] .bug-body:after{background:#5b21b6}.bug.memory-leak[data-growth-stage="3"] .bug-legs span{background:#5b21b6}@keyframes memory-leak-pulse{0%,to{box-shadow:0 0 20px #5b21b6cc,0 0 40px #5b21b64d}50%{box-shadow:0 0 24px #5b21b6,0 0 48px #5b21b680}}.memory-leak-progress{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:44px;height:4px;background:#0006;border-radius:2px;overflow:hidden;border:1px solid rgba(147,51,234,.5)}.memory-leak-progress-fill{width:0%;height:100%;background:linear-gradient(90deg,#9333ea,#a855f7);box-shadow:0 0 8px #9333eacc}.memory-leak-holder-count{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-family:"Press Start 2P",monospace;font-size:8px;color:#a855f7;text-shadow:0 0 6px rgba(168,85,247,.8);white-space:nowrap;display:none;pointer-events:none;z-index:10}.bug.memory-leak.being-held{cursor:grabbing;filter:brightness(1.2)}.bug.azubi{width:64px;height:64px;z-index:15;transition:left .15s linear,top .15s linear;cursor:pointer}.bug.azubi .bug-body,.bug.azubi .bug-legs{display:none}.azubi-character{width:64px;height:64px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 8px rgba(245,158,11,.6)) drop-shadow(0 0 16px rgba(245,158,11,.3));animation:azubi-float 2s ease-in-out infinite}.azubi-character svg{width:48px;height:48px}.azubi-label{text-align:center;font-size:9px;font-weight:700;color:#f59e0b;text-transform:uppercase;letter-spacing:1px;margin-top:-2px;text-shadow:0 1px 3px rgba(0,0,0,.8)}@keyframes azubi-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.rubber-duck{position:absolute;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;z-index:14;font-size:28px;animation:duck-bob .8s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,230,109,.6))}.rubber-duck:after{content:"\1f986"}@keyframes duck-bob{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-6px) rotate(5deg)}}.duck-buff-overlay{position:absolute;inset:0;pointer-events:none;z-index:20;border-radius:8px;border:2px solid rgba(255,230,109,.35);animation:duck-buff-pulse 1s ease-in-out infinite}@keyframes duck-buff-pulse{0%,to{border-color:#ffe66d33;box-shadow:inset 0 0 20px #ffe66d0d}50%{border-color:#ffe66d80;box-shadow:inset 0 0 30px #ffe66d1a}}.hammer-stun-overlay{position:absolute;inset:0;pointer-events:none;z-index:20;border-radius:8px;border:2px solid rgba(200,120,255,.3);animation:hammer-stun-pulse .8s ease-in-out infinite}@keyframes hammer-stun-pulse{0%,to{border-color:#c878ff26;box-shadow:inset 0 0 18px #c878ff0a}50%{border-color:#c878ff73;box-shadow:inset 0 0 28px #c878ff14}}#powerup-indicators{position:absolute;bottom:8px;left:12px;display:flex;flex-direction:column;gap:6px;pointer-events:none;z-index:25}.powerup-indicator{display:flex;align-items:center;gap:12px;font-family:"Press Start 2P",monospace;font-size:11px}.duck-buff-indicator{color:#ffe66de6;text-shadow:0 0 8px rgba(255,230,109,.6)}.hammer-stun-indicator{color:#c878ffe6;text-shadow:0 0 8px rgba(200,120,255,.6)}.powerup-indicator-timer{min-width:44px;text-align:right}.hotfix-hammer{position:absolute;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;z-index:14;font-size:32px;animation:hammer-pulse .6s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,107,107,.6))}.hotfix-hammer:after{content:"\1f528"}@keyframes hammer-pulse{0%,to{transform:scale(1) rotate(-15deg)}50%{transform:scale(1.1) rotate(15deg)}}.hammer-shockwave{position:absolute;top:50%;left:50%;width:80px;height:80px;border-radius:50%;border:4px solid rgba(255,107,107,.8);transform:translate(-50%,-50%);pointer-events:none;z-index:15;animation:hammer-shockwave-expand .8s ease-out forwards}@keyframes hammer-shockwave-expand{0%{width:80px;height:80px;opacity:1;border-width:4px}to{width:1200px;height:1200px;opacity:0;border-width:2px}}.bug.stunned{animation:bug-stunned .3s ease-in-out infinite!important;filter:grayscale(.5) brightness(1.2)}@keyframes bug-stunned{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.boss.stunned{animation:boss-stunned .3s ease-in-out infinite!important;filter:grayscale(.5) brightness(1.2)}@keyframes boss-stunned{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.bug.merge-left .bug-body,.bug.merge-right .bug-body{border:2px solid var(--yellow);box-shadow:0 0 12px #ffe66d4d}.bug.merge-left .bug-eyes:after{content:"<<<";font-family:"Press Start 2P",monospace;font-size:6px;position:absolute;top:-16px;left:50%;transform:translate(-50%);color:var(--yellow);text-shadow:0 0 6px rgba(255,230,109,.4);white-space:nowrap}.bug.merge-right .bug-eyes:after{content:">>>";font-family:"Press Start 2P",monospace;font-size:6px;position:absolute;top:-16px;left:50%;transform:translate(-50%);color:var(--yellow);text-shadow:0 0 6px rgba(255,230,109,.4);white-space:nowrap}.bug.merge-halfclick{animation:merge-bounce .5s ease-out}@keyframes merge-bounce{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(.9)}75%{transform:scale(1.05)}to{transform:scale(1)}}.merge-resolved-text{position:absolute;pointer-events:none;z-index:25;font-family:"Press Start 2P",monospace;font-size:14px;color:var(--yellow);text-shadow:0 0 12px rgba(255,230,109,.8);white-space:nowrap;transform:translate(-50%);animation:merge-resolved-rise 1s ease-out forwards}@keyframes merge-resolved-rise{0%{transform:translate(-50%) translateY(0) scale(.8);opacity:0}20%{transform:translate(-50%) translateY(-10px) scale(1.2);opacity:1}to{transform:translate(-50%) translateY(-60px) scale(1);opacity:0}}.bug.pipeline-bug .bug-body{background:linear-gradient(135deg,#a855f7,#6366f1);box-shadow:0 0 14px #a855f780;border:2px solid rgba(168,85,247,.6);animation:pipeline-pulse 1.5s ease-in-out infinite}.bug.pipeline-bug .bug-body:before,.bug.pipeline-bug .bug-body:after{background:#a855f7}.bug.pipeline-bug .bug-legs span{background:#a855f7}.bug.pipeline-bug .bug-eyes:after{content:attr(data-chain-index);font-family:"Press Start 2P",monospace;font-size:7px;position:absolute;top:-16px;left:50%;transform:translate(-50%);color:#c084fc;text-shadow:0 0 6px rgba(168,85,247,.6);white-space:nowrap}.bug.pipeline-bug[data-chain-index="0"] .bug-eyes:after{content:"1"}.bug.pipeline-bug[data-chain-index="1"] .bug-eyes:after{content:"2"}.bug.pipeline-bug[data-chain-index="2"] .bug-eyes:after{content:"3"}.bug.pipeline-bug[data-chain-index="3"] .bug-eyes:after{content:"4"}.bug.pipeline-bug[data-chain-index="4"] .bug-eyes:after{content:"5"}@keyframes pipeline-pulse{0%,to{box-shadow:0 0 14px #a855f780}50%{box-shadow:0 0 22px #a855f7cc,0 0 6px #6366f166}}.bug.pipeline-reset{animation:pipeline-error-flash .5s ease-out!important}@keyframes pipeline-error-flash{0%{filter:brightness(1)}25%{filter:brightness(2) hue-rotate(-60deg)}50%{filter:brightness(1.5) hue-rotate(-30deg)}to{filter:brightness(1)}}.pipeline-resolved-text{position:absolute;pointer-events:none;z-index:25;font-family:"Press Start 2P",monospace;font-size:12px;color:#a855f7;text-shadow:0 0 12px rgba(168,85,247,.8),0 0 24px rgba(99,102,241,.4);white-space:nowrap;transform:translate(-50%);animation:pipeline-resolved-rise 1.2s ease-out forwards}@keyframes pipeline-resolved-rise{0%{transform:translate(-50%) translateY(0) scale(.6);opacity:0}15%{transform:translate(-50%) translateY(-10px) scale(1.3);opacity:1}to{transform:translate(-50%) translateY(-70px) scale(1);opacity:0}}.pipeline-reset-text{position:absolute;pointer-events:none;z-index:25;font-family:"Press Start 2P",monospace;font-size:10px;color:var(--red);text-shadow:0 0 8px rgba(255,107,107,.6);white-space:nowrap;transform:translate(-50%);animation:pipeline-reset-rise 1s ease-out forwards}@keyframes pipeline-reset-rise{0%{transform:translate(-50%) translateY(0) scale(1.2);opacity:1}to{transform:translate(-50%) translateY(-50px) scale(.8);opacity:0}}.bug.infinite-loop{pointer-events:none;cursor:default}.bug.infinite-loop .bug-body{background:linear-gradient(135deg,#06b6d4,#0e7490 40%,#22d3ee);box-shadow:0 0 10px #06b6d499,0 0 24px #06b6d433,inset 0 0 6px #22d3ee4d;border:2px solid rgba(34,211,238,.7);animation:loop-glitch 2.8s steps(1) infinite}.bug.infinite-loop .bug-body:before,.bug.infinite-loop .bug-body:after{background:#06b6d4}.bug.infinite-loop .bug-legs span{background:#0891b2}.bug.infinite-loop .bug-eyes:after{content:"\221e";font-family:"Press Start 2P",monospace;font-size:10px;position:absolute;top:-18px;left:50%;transform:translate(-50%);color:#67e8f9;text-shadow:0 0 8px rgba(6,182,212,.8),0 0 16px rgba(34,211,238,.3);white-space:nowrap;animation:loop-symbol-flicker 2.8s ease-in-out infinite}@keyframes loop-glitch{0%,to{transform:translate(0) rotate(0)}7%{transform:translate(2px,-1px) rotate(0)}7.5%{transform:translate(-3px) rotate(2deg)}8%{transform:translate(0) rotate(0)}50%{transform:translate(0) rotate(0)}57%{transform:translate(-1px,2px) rotate(-1deg)}57.5%{transform:translate(2px,-1px) rotate(-2deg)}58%{transform:translate(0) rotate(0)}}@keyframes loop-symbol-flicker{0%,to{opacity:1}48%{opacity:1}50%{opacity:.3}52%{opacity:1}93%{opacity:1}95%{opacity:.4}97%{opacity:1}}.infinite-loop-path{pointer-events:none}.infinite-loop-trail-dot{position:absolute;width:4px;height:4px;border-radius:50%;background:#22d3ee;pointer-events:none;z-index:7;opacity:0;box-shadow:0 0 6px #22d3ee99;animation:trail-dot-fade .6s ease-out forwards}@keyframes trail-dot-fade{0%{opacity:.7;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.3)}}.infinite-loop-breakpoint{position:absolute;width:22px;height:22px;cursor:pointer;z-index:11;transform:translate(-50%,-50%) rotate(45deg);border-radius:3px;background:linear-gradient(135deg,#ef4444,#dc2626,#b91c1c);border:2px solid #fca5a5;box-shadow:0 0 8px #ef444480,0 0 20px #ef444426;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,background .2s;animation:bp-idle-pulse 3s ease-in-out infinite}.infinite-loop-breakpoint:before{content:"";position:absolute;inset:3px;border-radius:1px;background:#fca5a540}.infinite-loop-breakpoint:after{content:"B";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);font-family:"Press Start 2P",monospace;font-size:7px;color:#fecaca;text-shadow:0 0 4px rgba(239,68,68,.8);line-height:1}.infinite-loop-breakpoint:hover{transform:translate(-50%,-50%) rotate(45deg) scale(1.15);box-shadow:0 0 14px #ef4444b3,0 0 28px #ef44444d;border-color:#fee2e2}.infinite-loop-breakpoint.hot{transform:translate(-50%,-50%) rotate(45deg) scale(1.25);background:linear-gradient(135deg,#f87171,#ef4444,#dc2626);border-color:#fff;box-shadow:0 0 16px #ef4444e6,0 0 36px #ef444466,0 0 60px #ef444426;animation:bp-hot-throb .4s ease-in-out infinite}.infinite-loop-breakpoint.hot:before{background:#fff3}@keyframes bp-idle-pulse{0%,to{box-shadow:0 0 8px #ef444480,0 0 20px #ef444426}50%{box-shadow:0 0 12px #ef4444b3,0 0 28px #ef444440}}@keyframes bp-hot-throb{0%,to{box-shadow:0 0 16px #ef4444e6,0 0 36px #ef444466,0 0 60px #ef444426;transform:translate(-50%,-50%) rotate(45deg) scale(1.25)}50%{box-shadow:0 0 22px #ef4444,0 0 44px #ef444480,0 0 70px #ef444433;transform:translate(-50%,-50%) rotate(45deg) scale(1.35)}}.infinite-loop-miss-text{position:absolute;pointer-events:none;z-index:25;font-family:"Press Start 2P",monospace;font-size:9px;color:#fca5a5;text-shadow:0 0 6px rgba(239,68,68,.6),0 0 12px rgba(239,68,68,.3);white-space:nowrap;transform:translate(-50%,-50%);animation:loop-miss-rise .9s ease-out forwards}@keyframes loop-miss-rise{0%{transform:translate(-50%,-50%) translateY(0) scale(1.3);opacity:1}15%{transform:translate(-50%,-50%) translateY(-5px) scale(1);opacity:1}to{transform:translate(-50%,-50%) translateY(-45px) scale(.7);opacity:0}}.infinite-loop-break-text{position:absolute;pointer-events:none;z-index:25;font-family:"Press Start 2P",monospace;font-size:12px;color:#22d3ee;text-shadow:0 0 10px rgba(6,182,212,.9),0 0 24px rgba(34,211,238,.4);white-space:nowrap;transform:translate(-50%);animation:loop-break-rise 1.1s ease-out forwards}@keyframes loop-break-rise{0%{transform:translate(-50%) translateY(0) scale(.5);opacity:0}12%{transform:translate(-50%) translateY(-8px) scale(1.4);opacity:1}30%{transform:translate(-50%) translateY(-18px) scale(1);opacity:1}to{transform:translate(-50%) translateY(-65px) scale(.9);opacity:0}}.bp-shatter-shard{position:absolute;width:5px;height:5px;background:#ef4444;border-radius:1px;pointer-events:none;z-index:24;transform:translate(-50%,-50%) rotate(45deg);animation:bp-shatter .5s ease-out forwards}@keyframes bp-shatter{0%{opacity:1;transform:translate(-50%,-50%) rotate(45deg) scale(1)}to{opacity:0;transform:translate(var(--sx),var(--sy)) rotate(var(--sr)) scale(.3)}}.lobby-browser{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;background:var(--bg);z-index:450;gap:16px;text-align:center;padding:20px;overflow-y:auto}.lobby-browser-spacer{flex:1 1 0}.lobby-browser:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 700px 500px at 50% 30%,rgba(168,85,247,.08) 0%,transparent 100%),radial-gradient(ellipse 500px 400px at 50% 70%,rgba(78,205,196,.05) 0%,transparent 100%);pointer-events:none;z-index:0}.lobby-browser:after{content:"";position:fixed;inset:0;background-image:radial-gradient(circle,rgba(168,85,247,.1) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;z-index:0;mask-image:radial-gradient(ellipse 600px 500px at center,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 600px 500px at center,black 20%,transparent 70%)}.lobby-browser>*{position:relative;z-index:1;flex-shrink:0}.lobby-browser-title{font-size:32px;color:var(--yellow);text-shadow:0 0 30px rgba(255,230,109,.5),0 0 80px rgba(255,230,109,.15);letter-spacing:6px;position:relative;animation:lb-entrance .45s ease-out both;will-change:opacity}.lobby-browser-title:before,.lobby-browser-title:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;will-change:transform}.lobby-browser-title:before{color:var(--red);animation:lobby-glitch-1 4s infinite linear alternate-reverse;clip-path:inset(0 0 55% 0);opacity:.4}.lobby-browser-title:after{color:var(--teal);animation:lobby-glitch-2 3s infinite linear alternate;clip-path:inset(55% 0 0 0);opacity:.4}.lobby-browser-sub{font-size:8px;color:var(--muted);letter-spacing:2px;opacity:.5}.lobby-create-form{display:flex;flex-direction:column;gap:10px;align-items:center;max-width:560px;padding:16px 20px 12px;background:#1a1a2e80;border:1px solid rgba(168,85,247,.15);border-radius:10px}.lobby-create-main{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;width:100%}.lobby-create-extras{display:flex;gap:16px;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s}.lobby-create-extras:hover,.lobby-create-extras:focus-within{opacity:1}.btn-advanced-toggle{font-family:"Press Start 2P",monospace;font-size:7px;color:var(--muted);cursor:pointer;transition:color .2s}.btn-advanced-toggle:hover{color:var(--purple)}.lobby-advanced-config{display:grid;grid-template-rows:1fr;background:#1a1a2ecc;border:2px solid var(--purple);border-radius:8px;margin:12px auto;max-width:600px;overflow:hidden;transition:grid-template-rows .35s ease,opacity .3s ease,padding .35s ease,margin .35s ease,border-width .35s ease;opacity:1;padding:16px}.lobby-advanced-config.collapsed{grid-template-rows:0fr;opacity:0;padding:0 16px;margin:0 auto;border-width:0}.lobby-advanced-config>.advanced-config-inner{overflow:hidden;min-height:0}.advanced-config-header{font-size:8px;color:var(--purple);text-align:center;margin-bottom:12px;letter-spacing:1px}.advanced-config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:12px}.advanced-config-group{display:flex;flex-direction:column;gap:4px}.advanced-config-label{font-size:6px;color:var(--muted);letter-spacing:.5px}.advanced-config-input{font-family:"Press Start 2P",monospace;font-size:8px;padding:8px;background:var(--surface);border:1px solid rgba(168,85,247,.3);border-radius:4px;color:var(--yellow);text-align:center;outline:none;width:100%}.advanced-config-input::placeholder{color:#3d3d5c;font-size:6px}.advanced-config-input:focus{border-color:var(--purple);box-shadow:0 0 8px #a855f733}.advanced-config-input:disabled{opacity:.35;cursor:not-allowed;border-color:#1a1a2e}.bug-toggle-row{display:flex;align-items:center;gap:6px}.bug-toggle{position:relative;display:inline-block;width:24px;height:14px;flex-shrink:0}.bug-toggle input{opacity:0;width:0;height:0}.bug-toggle-slider{position:absolute;cursor:pointer;inset:0;background:#1a1a2e;border:1px solid #2a2a4a;transition:background .15s}.bug-toggle-slider:before{content:"";position:absolute;height:8px;width:8px;left:2px;bottom:2px;background:#3d3d5c;transition:transform .15s,background .15s}.bug-toggle input:checked+.bug-toggle-slider{background:var(--green);border-color:var(--green)}.bug-toggle input:checked+.bug-toggle-slider:before{background:#fff;transform:translate(10px)}.advanced-reset-btn{display:block;margin:8px auto 0;font-size:6px;color:var(--red);opacity:.7;text-decoration:none;cursor:pointer;transition:opacity .15s}.advanced-reset-btn:hover{opacity:1}.config-section{margin-bottom:12px}.config-section-header{display:flex;align-items:center;gap:8px;padding:8px;background:#a855f71a;border:1px solid rgba(168,85,247,.3);border-radius:4px;cursor:pointer;transition:all .2s}.config-section-header:hover{background:#a855f733;border-color:#a855f780}.section-toggle{font-size:10px;color:var(--purple);transition:transform .3s ease;display:inline-block;width:12px}.config-section-header.expanded .section-toggle{transform:rotate(90deg)}.section-title{font-size:7px;color:var(--purple);letter-spacing:1px;font-weight:700}.config-section-content{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .3s ease,opacity .25s ease,margin-top .3s ease;margin-top:0}.config-section-content:not(.collapsed){grid-template-rows:1fr;opacity:1;margin-top:12px}.config-section-content>.advanced-config-grid{overflow:hidden;min-height:0;margin-bottom:0}.lobby-name-input{font-family:"Press Start 2P",monospace;font-size:9px;padding:10px 14px;background:var(--surface);border:2px solid var(--purple);border-radius:6px;color:var(--yellow);text-align:center;outline:none;width:180px}.lobby-name-input::placeholder{color:#3d3d5c;font-size:7px}.lobby-name-input:focus{border-color:var(--yellow);box-shadow:0 0 12px #ffe66d33}.custom-select{position:relative;font-family:"Press Start 2P",monospace;font-size:7px;cursor:pointer;user-select:none}.custom-select-trigger{padding:10px 14px;background:var(--surface);border:2px solid var(--purple);border-radius:6px;color:var(--yellow);white-space:nowrap;transition:border-color .15s,box-shadow .15s}.custom-select.open .custom-select-trigger{border-color:var(--yellow);box-shadow:0 0 12px #ffe66d33}.custom-select-options{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:2px solid var(--purple);border-radius:6px;overflow:hidden;z-index:100}.custom-select.open .custom-select-options{display:block}.custom-select-option{padding:8px 14px;color:var(--muted);transition:background .1s,color .1s;white-space:nowrap}.custom-select-option:hover{background:var(--purple);color:var(--yellow)}.custom-select-option.selected{color:var(--yellow)}.btn-small{font-size:7px;padding:10px 16px}.lobby-list{display:flex;flex-direction:column;gap:6px;max-width:560px;width:100%;max-height:280px;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(168,85,247,.3) transparent}.lobby-list::-webkit-scrollbar{width:4px}.lobby-list::-webkit-scrollbar-track{background:transparent}.lobby-list::-webkit-scrollbar-thumb{background:#a855f74d;border-radius:2px}.lobby-list::-webkit-scrollbar-thumb:hover{background:#a855f780}.lobby-list-empty{font-size:8px;color:var(--muted);padding:40px 20px 32px;opacity:.5;display:flex;flex-direction:column;align-items:center;gap:16px;letter-spacing:.5px}.lobby-list-empty:before{content:"\1f41b";font-size:28px;display:block;animation:lobby-empty-float 3s ease-in-out infinite;filter:grayscale(.3)}@keyframes lobby-empty-float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-6px) rotate(-3deg)}75%{transform:translateY(-6px) rotate(3deg)}}.lobby-list-item{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:var(--surface);border:1px solid #2a2a4a;border-radius:6px;gap:12px;transition:border-color .15s,transform .15s,box-shadow .15s}.lobby-list-item:hover{border-color:var(--purple);box-shadow:inset 3px 0 0 var(--purple)}.lobby-list-status{width:6px;height:6px;border-radius:50%;flex-shrink:0;display:inline-block}.lobby-list-status-waiting{background:var(--teal);box-shadow:0 0 6px #4ecdc480}.lobby-list-status-playing{background:var(--red);box-shadow:0 0 6px #ff6b6b80;animation:lobby-status-pulse 1.5s ease-in-out infinite}@keyframes lobby-status-pulse{0%,to{opacity:1}50%{opacity:.4}}.lobby-list-info{display:flex;align-items:baseline;gap:10px;flex:1;min-width:0}.lobby-list-name{color:var(--yellow);font-size:8px;flex-shrink:0}.lobby-list-details{display:flex;align-items:center;gap:6px;font-size:6px;color:var(--muted)}.lobby-list-detail{display:flex;align-items:center;gap:4px;white-space:nowrap}.lobby-list-sep{opacity:.3}.lobby-list-sep:before{content:"\b7"}.lobby-list-code{color:var(--teal);font-size:6px;opacity:.35;margin-left:auto;flex-shrink:0}.lobby-join-btn{font-size:6px;padding:8px 14px}.lobby-join-btn:disabled{opacity:.4;cursor:not-allowed;border-color:#3d3d5c;background:var(--surface);color:var(--muted)}.lobby-join-btn:disabled:hover{background:var(--surface);color:var(--muted);box-shadow:none}.lobby-join-area{display:flex;align-items:center;flex-shrink:0}.lobby-password-prompt{display:flex;align-items:center;gap:4px}.lobby-password-join-input{font-family:"Press Start 2P",monospace;font-size:7px;padding:6px 8px;background:var(--surface);border:2px solid var(--purple);border-radius:4px;color:var(--yellow);outline:none;width:90px}.lobby-password-join-input::placeholder{color:#3d3d5c;font-size:6px}.lobby-password-join-input:focus{border-color:var(--yellow)}.lobby-password-confirm-btn{font-size:6px!important;padding:6px 10px!important}.btn-cancel{background:transparent!important;border-color:#3d3d5c!important;color:var(--muted)!important;font-size:8px!important;padding:4px 8px!important}.btn-cancel:hover{border-color:var(--red)!important;color:var(--red)!important}.lobby-list-lock{margin-right:4px;font-size:9px}.password-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0a14d9;z-index:520;padding:20px}.password-modal-box{display:flex;flex-direction:column;align-items:center;gap:12px;background:var(--surface);border:2px solid var(--purple);border-radius:10px;padding:28px 36px;max-width:320px;width:100%;box-shadow:0 0 40px #a855f740}.password-modal-icon{font-size:28px;line-height:1}.password-modal-title{font-family:"Press Start 2P",monospace;font-size:12px;color:var(--yellow);text-shadow:0 0 16px rgba(255,230,109,.4)}.password-modal-sub{font-family:"Press Start 2P",monospace;font-size:7px;color:var(--muted)}.password-modal-input{font-family:"Press Start 2P",monospace;font-size:9px;padding:10px 14px;background:var(--bg);border:2px solid var(--purple);border-radius:6px;color:var(--yellow);outline:none;width:100%;text-align:center;box-sizing:border-box}.password-modal-input::placeholder{color:#3d3d5c;font-size:7px}.password-modal-input:focus{border-color:var(--yellow);box-shadow:0 0 12px #ffe66d33}.password-modal-error{font-family:"Press Start 2P",monospace;font-size:7px;color:var(--red)}.password-modal-buttons{display:flex;gap:10px;margin-top:4px}.lobby-password-field{display:flex;align-items:center;gap:4px;background:var(--surface);border:1px solid rgba(168,85,247,.25);border-radius:4px;padding:4px 8px;transition:border-color .2s}.lobby-password-field:focus-within{border-color:var(--purple)}.lobby-password-icon{font-size:10px;opacity:.5;line-height:1}.lobby-password-input{font-family:"Press Start 2P",monospace;font-size:7px;padding:2px 0;background:transparent;border:none;color:var(--yellow);outline:none;width:80px}.lobby-password-input::placeholder{color:#3d3d5c;font-size:7px}.lobby-create-btn{border-color:var(--teal)!important;background:var(--dark-teal)!important;color:var(--teal)!important;letter-spacing:1px}.lobby-create-btn:hover{background:var(--teal)!important;color:var(--bg)!important;box-shadow:0 0 20px #4ecdc466!important}.lobby-list-label{display:flex;align-items:center;gap:16px;font-size:6px;color:var(--muted);letter-spacing:3px;opacity:.35;margin:8px auto;max-width:560px;width:100%;padding:0 8px}.lobby-list-label:before,.lobby-list-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.25),transparent)}.lobby-error{font-size:7px;color:var(--red);padding:8px 16px;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:6px;max-width:400px}.btn-leave{font-family:"Press Start 2P",monospace;font-size:7px;padding:10px 20px;border:2px solid var(--red);background:#ff6b6b1a;color:var(--red);border-radius:6px;cursor:pointer;transition:all .15s;letter-spacing:1px}.btn-leave:hover{background:var(--red);color:var(--bg);box-shadow:0 0 16px #ff6b6b66}.hud-leave-btn{font-family:"Press Start 2P",monospace;font-size:6px;padding:6px 12px;border:1px solid var(--red);background:#ff6b6b1a;color:var(--red);border-radius:4px;cursor:pointer;transition:all .15s}.hud-leave-btn:hover{background:var(--red);color:var(--bg)}.spectator-banner{display:flex;align-items:center;gap:12px;justify-content:center;padding:6px 16px;background:#8b5cf626;border-bottom:1px solid rgba(139,92,246,.4);font-family:"Press Start 2P",monospace;font-size:8px;color:#a78bfa;letter-spacing:1px}.spectator-banner-label{flex:1;text-align:center}.spectator-leave-btn{font-size:6px;padding:5px 10px;border-color:#a78bfa;color:#a78bfa;background:#8b5cf61a}.spectator-leave-btn:hover{background:#a78bfa;color:var(--bg)}.btn-spectate{font-size:6px;padding:5px 10px;border-color:#a78bfa;color:#a78bfa;background:#8b5cf614}.btn-spectate:hover{background:#a78bfa;color:var(--bg)}.lobby-list-spectators{color:#a78bfa}.btn-play{font-size:16px;padding:18px 56px;border-color:var(--teal);background:var(--dark-teal);color:var(--teal);letter-spacing:3px;position:relative;overflow:hidden}.btn-play:hover{background:var(--teal);color:var(--bg);box-shadow:0 0 30px #4ecdc480,0 0 80px #4ecdc426}.btn-play:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 40%,rgba(78,205,196,.1) 50%,transparent 60%);animation:btn-play-shine 3s ease-in-out infinite;pointer-events:none}@keyframes btn-play-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.auth-status{font-size:7px;color:var(--muted);display:flex;align-items:center;gap:8px;justify-content:center;margin-top:8px;opacity:.7;transition:opacity .15s}.auth-status:hover{opacity:1}.auth-or{opacity:.6}.auth-username{color:var(--yellow)}.btn-link{font-family:"Press Start 2P",monospace;font-size:7px;background:none;border:none;color:var(--teal);cursor:pointer;padding:4px 8px;transition:color .15s;text-decoration:none}.btn-link:hover{color:var(--yellow);text-shadow:0 0 8px rgba(255,230,109,.3)}.auth-overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);z-index:510;gap:16px;text-align:center;padding:20px}.auth-overlay-title{font-size:18px;color:var(--yellow);text-shadow:0 0 24px rgba(255,230,109,.5)}.auth-tabs{display:flex;gap:4px}.auth-tab{font-family:"Press Start 2P",monospace;font-size:7px;padding:8px 16px;border:2px solid #2a2a4a;background:var(--surface);color:var(--muted);border-radius:6px 6px 0 0;cursor:pointer;transition:all .15s}.auth-tab.active{border-color:var(--purple);color:var(--yellow);background:var(--dark-purple)}.auth-tab:hover:not(.active){border-color:var(--muted)}.auth-form{display:flex;flex-direction:column;gap:10px;align-items:center;width:280px;max-width:90vw}.auth-input{font-family:"Press Start 2P",monospace;font-size:9px;padding:10px 14px;background:var(--surface);border:2px solid var(--purple);border-radius:6px;color:var(--yellow);text-align:center;outline:none;width:100%}.auth-input::placeholder{color:#3d3d5c;font-size:7px}.auth-input:focus{border-color:var(--yellow);box-shadow:0 0 12px #ffe66d33}.auth-error{font-size:7px;color:var(--red);padding:8px 16px;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:6px;max-width:280px}.auth-back-btn{margin-top:8px;color:var(--muted)}.lobby-tabs{display:flex;gap:0;border-bottom:1px solid rgba(168,85,247,.15)}.lobby-tab{font-family:"Press Start 2P",monospace;font-size:8px;padding:12px 24px;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;color:var(--muted);cursor:pointer;transition:all .2s;letter-spacing:1px;opacity:.5}.lobby-tab.active{border-bottom-color:var(--yellow);color:var(--yellow);background:none;opacity:1;text-shadow:0 0 16px rgba(255,230,109,.3)}.lobby-tab:hover:not(.active){color:var(--purple);border-bottom-color:#a855f766;opacity:.8}.lobby-tab-link{text-decoration:none;display:flex;align-items:center;justify-content:center}.lobby-tab-link:hover{color:var(--teal);border-bottom-color:#4ecdc466}.lobby-browser-sub,.lobby-browser .lobby-tabs,#lobby-list-panel,.leaderboard-panel,.replays-panel,.stats-card-panel{animation:lb-entrance .45s ease-out both}.lobby-browser-sub{animation-delay:.06s}.lobby-browser .lobby-tabs{animation-delay:.1s}#lobby-list-panel{animation-delay:.15s}@keyframes lb-entrance{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.lobby-profile-bar{display:flex;align-items:center;justify-content:center;gap:12px;padding:0;animation:lb-entrance .45s ease-out .08s both}.lobby-profile-info{display:flex;align-items:center;gap:8px}.lobby-profile-icon{display:flex;align-items:center;justify-content:center}.lobby-profile-name{font-size:9px;color:var(--fg);letter-spacing:1px}.lobby-profile-edit-btn{font-size:6px!important;opacity:.4;transition:opacity .15s;padding:2px 6px!important}.lobby-profile-edit-btn:hover{opacity:1}.lobby-profile-divider{width:1px;height:12px;background:#a855f740}.lobby-profile-auth{font-size:7px;color:var(--muted);display:flex;align-items:center;gap:6px;opacity:.6}.lobby-profile-auth:hover{opacity:1}.lobby-profile-auth-label{opacity:.7}.lobby-profile-auth-name{color:var(--yellow)}.lobby-profile-guest-view,.lobby-profile-logged-in-view{display:flex;align-items:center;gap:6px}.lobby-profile-editor{max-width:560px;width:100%;background:#1a1a2e80;border:1px solid rgba(168,85,247,.15);border-radius:10px;overflow:hidden;max-height:600px;padding:16px 20px;opacity:1;transition:max-height .3s ease,opacity .25s ease,padding .3s ease}.lobby-profile-editor.collapsed{max-height:0;padding-top:0;padding-bottom:0;opacity:0;border-color:transparent}.lobby-editor-icon-picker{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:12px}.lobby-editor-icon-picker .icon-picker-label{width:100%;text-align:center;font-size:7px;color:var(--muted);letter-spacing:1px;margin:4px 0}.lobby-editor-icon-picker .icon-option{width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:20px;border:2px solid rgba(168,85,247,.15);border-radius:5px;cursor:pointer;transition:border-color .15s,transform .1s}.lobby-editor-icon-picker .icon-option:hover{border-color:var(--purple);transform:scale(1.1)}.lobby-editor-icon-picker .icon-option.selected{border-color:var(--yellow);box-shadow:0 0 10px #ffe66d4d}.lobby-editor-icon-picker .icon-option.locked{opacity:.35;cursor:not-allowed;position:relative}.lobby-editor-icon-picker .icon-option-premium{background:#a855f714}.lobby-editor-row{display:flex;gap:10px;align-items:center;justify-content:center}.lobby-editor-name-input{flex:1;max-width:260px}.lobby-editor-emote-bindings{margin-bottom:12px}.lobby-editor-emote-bindings.hidden{display:none}.emote-binding-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.emote-binding-title{font-family:"Press Start 2P",monospace;font-size:7px;color:var(--muted);letter-spacing:1px}.emote-binding-reset{font-size:7px;color:var(--muted);opacity:.7}.emote-binding-reset:hover{opacity:1;color:var(--yellow)}.emote-binding-slots{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.emote-binding-slot{display:flex;flex-direction:column;align-items:center;gap:2px;width:40px;padding:4px 2px;border:2px solid var(--stroke);border-radius:6px;background:#0f0e1799;cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s}.emote-binding-slot:hover{border-color:var(--purple);transform:scale(1.08)}.emote-binding-slot.active{border-color:var(--yellow);box-shadow:0 0 10px #ffe66d4d}.emote-binding-key{font-family:"Press Start 2P",monospace;font-size:7px;color:var(--muted);line-height:1}.emote-binding-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center}.emote-binding-icon svg{width:28px;height:28px}.emote-binding-picker{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:10px;padding:8px;border:1px solid var(--stroke);border-radius:6px;background:#0f0e17cc}.emote-binding-picker.hidden{display:none}.emote-binding-picker-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px;width:52px;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.emote-binding-picker-item:hover{border-color:var(--teal);box-shadow:0 0 8px #72efdd40}.emote-binding-picker-item svg{width:32px;height:32px}.emote-binding-picker-name{font-family:"Press Start 2P",monospace;font-size:5px;color:var(--muted);text-align:center;line-height:1.2}.emote-binding-picker-item.locked{opacity:.3;cursor:not-allowed}.emote-binding-picker-item.locked:hover{border-color:transparent;box-shadow:none}.leaderboard-panel{display:flex;flex-direction:column;gap:10px;max-width:500px;width:100%;align-items:center}.leaderboard-header{font-size:10px;color:var(--teal);text-shadow:0 0 12px rgba(78,205,196,.4);letter-spacing:2px}.leaderboard-period-tabs{display:flex;gap:4px;justify-content:center}.leaderboard-period-btn{font-family:inherit;font-size:6px;letter-spacing:1px;padding:3px 8px;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--muted);cursor:pointer;transition:all .15s ease}.leaderboard-period-btn:hover{border-color:var(--purple);color:var(--text)}.leaderboard-period-btn.active{background:var(--purple);border-color:var(--purple);color:var(--bg);text-shadow:none}.leaderboard-list{display:flex;flex-direction:column;gap:4px;width:100%;max-height:320px;overflow-y:auto}.leaderboard-empty{font-size:7px;color:var(--muted);padding:20px;opacity:.6}.leaderboard-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--surface);border:1px solid #2a2a4a;border-radius:6px;font-size:7px;transition:border-color .15s}.leaderboard-row:hover{border-color:var(--purple)}.leaderboard-rank{color:var(--muted);width:20px;text-align:center;flex-shrink:0}.leaderboard-icon{font-size:16px;flex-shrink:0}.leaderboard-name{color:var(--yellow);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-score{color:var(--teal);flex-shrink:0}.leaderboard-wins{color:var(--purple);flex-shrink:0;font-size:6px}.leaderboard-winrate{color:var(--muted);flex-shrink:0;font-size:6px;width:32px;text-align:right}.leaderboard-row.leaderboard-rank-gold{border-color:#ffe66d;background:#ffe66d14}.leaderboard-rank-gold .leaderboard-rank{color:#ffe66d}.leaderboard-row.leaderboard-rank-silver{border-color:silver;background:#c0c0c00f}.leaderboard-rank-silver .leaderboard-rank{color:silver}.leaderboard-row.leaderboard-rank-bronze{border-color:#cd7f32;background:#cd7f320f}.leaderboard-rank-bronze .leaderboard-rank{color:#cd7f32}.replays-panel{display:flex;flex-direction:column;gap:10px;max-width:640px;width:100%;align-items:center}.replays-header{font-size:10px;color:var(--teal);text-shadow:0 0 12px rgba(78,205,196,.4);letter-spacing:2px}.replays-list{display:flex;flex-direction:column;gap:4px;width:100%;max-height:320px;overflow-y:auto}.replays-empty{font-size:7px;color:var(--muted);padding:20px;opacity:.6}.replay-list-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;background:var(--surface);border:1px solid #2a2a4a;border-radius:6px;font-size:7px;transition:border-color .15s}.replay-list-item:hover{border-color:var(--purple)}.replay-list-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.replay-outcome{font-weight:700;font-size:7px;padding:2px 6px;border-radius:3px;flex-shrink:0}.replay-win{color:#22c55e;background:#22c55e26;border:1px solid rgba(34,197,94,.3)}.replay-loss{color:var(--red);background:#ff6b6b26;border:1px solid rgba(255,107,107,.3)}.replay-score{color:var(--teal);flex-shrink:0}.replay-difficulty{color:var(--muted);flex-shrink:0;text-transform:capitalize}.replay-players-icons{font-size:12px;flex-shrink:0}.replay-duration{color:var(--muted);flex-shrink:0}.replay-date{color:var(--muted);flex-shrink:0;opacity:.6}.replay-shared-badge{font-size:6px;font-weight:700;padding:1px 5px;border-radius:3px;color:var(--purple);background:#a855f726;border:1px solid rgba(168,85,247,.3);flex-shrink:0}.replay-share-btn{background:transparent;border-color:var(--teal);color:var(--teal)}.replay-share-btn:hover{background:#64ffda1a}.replay-share-btn.btn-copied{border-color:#22c55e;color:#22c55e}.replay-unshare-btn{background:transparent;border-color:var(--muted);color:var(--muted)}.replay-unshare-btn:hover{border-color:var(--red);color:var(--red);background:#ff6b6b1a}.stats-card-panel{display:flex;flex-direction:column;gap:16px;max-width:480px;width:100%;margin:0 auto;align-items:center}.stats-card-panel-header{font-size:10px;color:var(--yellow);text-shadow:0 0 12px rgba(255,230,109,.3);letter-spacing:2px}.stats-card-empty{font-size:8px;color:var(--muted);text-align:center;padding:40px 20px}.stats-card-themes{display:flex;gap:8px;justify-content:center}.sc-theme-btn{font-family:"Press Start 2P",monospace;font-size:7px;background:transparent;border:1px solid rgba(167,169,190,.3);color:var(--muted);padding:6px 12px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.sc-theme-btn:hover:not(:disabled){border-color:#a7a9be99;color:#fff}.sc-theme-btn:disabled{opacity:.35;cursor:not-allowed}.sc-theme-btn.active{border-color:var(--yellow);color:var(--yellow);text-shadow:0 0 8px rgba(255,230,109,.3)}.sc-theme-swatch{width:8px;height:8px;display:inline-block}.stats-card-download-btn{border-color:var(--teal)!important;color:var(--teal)!important;padding:8px 20px!important;font-size:8px!important;letter-spacing:1px;transition:all .2s}.stats-card-download-btn:hover:not(:disabled){background:#4ecdc426!important;text-shadow:0 0 8px rgba(78,205,196,.5);box-shadow:0 0 12px #4ecdc433}.stats-card-download-btn:disabled{opacity:.35;cursor:not-allowed;border-color:var(--mid)!important;color:var(--mid)!important}.stats-card-preview{width:100%;display:flex;justify-content:center}.sc-card{width:340px;padding:24px 20px 16px;position:relative;overflow:hidden;border-width:2px;border-style:solid}.sc-card[data-theme=neon]{background:linear-gradient(180deg,#0a0a1a,#0f0e17);border-color:#4ecdc4;box-shadow:0 0 20px #4ecdc426,inset 0 0 30px #4ecdc408}.sc-card[data-theme=neon] .sc-corner{background:#4ecdc4}.sc-card[data-theme=neon] .sc-name{color:#4ecdc4;text-shadow:0 0 12px rgba(78,205,196,.5),-1px 0 #a855f7}.sc-card[data-theme=neon] .sc-rank{color:#4ecdc4;border-color:#4ecdc4;background:#4ecdc41a}.sc-card[data-theme=neon] .sc-stat-val{color:#ffe66d}.sc-card[data-theme=neon] .sc-divider{background:linear-gradient(90deg,transparent,#4ecdc4,transparent)}.sc-card[data-theme=neon] .sc-avatar{border-color:#4ecdc4;box-shadow:0 0 20px #4ecdc44d}.sc-card[data-theme=neon] .sc-footer{color:#4ecdc4}.sc-card[data-theme=neon] .sc-grid{background-image:repeating-linear-gradient(0deg,transparent,transparent 15px,rgba(78,205,196,.04) 15px,rgba(78,205,196,.04) 16px),repeating-linear-gradient(90deg,transparent,transparent 15px,rgba(78,205,196,.04) 15px,rgba(78,205,196,.04) 16px)}.sc-card[data-theme=neon] .sc-scanlines{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(78,205,196,.02) 2px,rgba(78,205,196,.02) 4px)}.sc-card[data-theme=inferno]{background:linear-gradient(180deg,#1a0a0a,#170e0e);border-color:#ff6b6b;box-shadow:0 0 20px #ff6b6b26,inset 0 0 30px #ff6b6b08}.sc-card[data-theme=inferno] .sc-corner{background:#ff6b6b}.sc-card[data-theme=inferno] .sc-name{color:#ff6b6b;text-shadow:0 0 12px rgba(255,107,107,.5),-1px 0 #ffe66d}.sc-card[data-theme=inferno] .sc-rank{color:#ff6b6b;border-color:#ff6b6b;background:#ff6b6b1a}.sc-card[data-theme=inferno] .sc-stat-val{color:#ffe66d}.sc-card[data-theme=inferno] .sc-divider{background:linear-gradient(90deg,transparent,#ff6b6b,transparent)}.sc-card[data-theme=inferno] .sc-avatar{border-color:#ff6b6b;box-shadow:0 0 20px #ff6b6b4d}.sc-card[data-theme=inferno] .sc-footer{color:#ff6b6b}.sc-card[data-theme=inferno] .sc-grid{background-image:repeating-linear-gradient(0deg,transparent,transparent 15px,rgba(255,107,107,.04) 15px,rgba(255,107,107,.04) 16px),repeating-linear-gradient(90deg,transparent,transparent 15px,rgba(255,107,107,.04) 15px,rgba(255,107,107,.04) 16px)}.sc-card[data-theme=inferno] .sc-scanlines{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,107,107,.02) 2px,rgba(255,107,107,.02) 4px)}.sc-card[data-theme=phantom]{background:linear-gradient(180deg,#0d0a1a,#12101e);border-color:#a855f7;box-shadow:0 0 20px #a855f726,inset 0 0 30px #a855f708}.sc-card[data-theme=phantom] .sc-corner{background:#a855f7}.sc-card[data-theme=phantom] .sc-name{color:#a855f7;text-shadow:0 0 12px rgba(168,85,247,.5),-1px 0 #ff9ff3}.sc-card[data-theme=phantom] .sc-rank{color:#a855f7;border-color:#a855f7;background:#a855f71a}.sc-card[data-theme=phantom] .sc-stat-val{color:#ff9ff3}.sc-card[data-theme=phantom] .sc-divider{background:linear-gradient(90deg,transparent,#a855f7,transparent)}.sc-card[data-theme=phantom] .sc-avatar{border-color:#a855f7;box-shadow:0 0 20px #a855f74d}.sc-card[data-theme=phantom] .sc-footer{color:#a855f7}.sc-card[data-theme=phantom] .sc-grid{background-image:repeating-linear-gradient(0deg,transparent,transparent 15px,rgba(168,85,247,.04) 15px,rgba(168,85,247,.04) 16px),repeating-linear-gradient(90deg,transparent,transparent 15px,rgba(168,85,247,.04) 15px,rgba(168,85,247,.04) 16px)}.sc-card[data-theme=phantom] .sc-scanlines{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(168,85,247,.02) 2px,rgba(168,85,247,.02) 4px)}.sc-scanlines,.sc-grid{position:absolute;inset:0;pointer-events:none}.sc-corner{position:absolute;width:10px;height:10px}.sc-corner-tl{top:4px;left:4px;clip-path:polygon(0 0,100% 0,0 100%)}.sc-corner-tr{top:4px;right:4px;clip-path:polygon(0 0,100% 0,100% 100%)}.sc-corner-bl{bottom:4px;left:4px;clip-path:polygon(0 0,0 100%,100% 100%)}.sc-corner-br{bottom:4px;right:4px;clip-path:polygon(100% 0,0 100%,100% 100%)}.sc-header{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:1}.sc-avatar{width:72px;height:72px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center;background:#0006;overflow:hidden}.sc-avatar .avatar-icon{font-size:40px!important}.sc-avatar img{width:56px!important;height:56px!important;image-rendering:pixelated}.sc-name{font-family:"Press Start 2P",monospace;font-size:12px;text-align:center;position:relative;letter-spacing:1px}.sc-rank{font-family:"Press Start 2P",monospace;font-size:7px;padding:4px 12px;border:1px solid;letter-spacing:1px}.sc-divider{height:1px;margin:14px 0;opacity:.4;position:relative;z-index:1}.sc-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px 8px;position:relative;z-index:1}.sc-stat{text-align:center}.sc-stat-val{font-family:"Press Start 2P",monospace;font-size:12px;margin-bottom:4px}.sc-stat-label{font-family:"Press Start 2P",monospace;font-size:5px;color:var(--muted);letter-spacing:.5px}.sc-footer{font-family:"Press Start 2P",monospace;font-size:6px;text-align:center;opacity:.4;margin-top:14px;letter-spacing:2px;position:relative;z-index:1}.playback-controls{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#0f0f23e6;border:2px solid var(--purple);border-radius:8px;padding:6px 14px;z-index:100;backdrop-filter:blur(4px)}.playback-badge{font-family:"Press Start 2P",monospace;font-size:8px;color:var(--red);letter-spacing:2px;animation:playback-blink 1s step-end infinite}@keyframes playback-blink{0%,to{opacity:1}50%{opacity:.3}}.playback-pause-btn,.playback-speed-btn{font-family:"Press Start 2P",monospace;font-size:8px;background:var(--surface);color:var(--yellow);border:1px solid #2a2a4a;border-radius:4px;padding:4px 10px;cursor:pointer;transition:all .15s}.playback-pause-btn:hover,.playback-speed-btn:hover{border-color:var(--purple);background:var(--dark-purple)}.playback-progress{display:flex;align-items:center;gap:6px;margin-left:6px}.playback-time-current,.playback-time-total{font-family:"Press Start 2P",monospace;font-size:6px;color:var(--muted);min-width:28px;text-align:center}.playback-progress-bar{width:120px;height:6px;background:var(--surface);border:1px solid #2a2a4a;border-radius:3px;cursor:pointer;position:relative;overflow:hidden}.playback-progress-fill{height:100%;width:0%;background:var(--purple);border-radius:3px;transition:width .1s linear}.lobby-bg-bugs{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0;will-change:transform;contain:layout style}.lobby-bg-bug{position:absolute;width:20px;height:14px;pointer-events:auto;cursor:pointer;z-index:1;opacity:.3;transition:opacity .2s;will-change:transform}.lobby-bg-bug:hover{opacity:.7}.lobby-bg-bug-body{width:16px;height:12px;background:var(--red);border-radius:50%;position:relative;box-shadow:0 0 6px #ff6b6b4d}.lobby-bg-bug-body:before,.lobby-bg-bug-body:after{content:"";position:absolute;width:3px;height:2px;background:var(--red);border-radius:1px}.lobby-bg-bug-body:before{top:3px;left:-3px;transform:rotate(-15deg)}.lobby-bg-bug-body:after{top:3px;right:-3px;transform:rotate(15deg)}.lobby-bg-bug-eyes{position:absolute;top:2px;left:50%;transform:translate(-50%);font-size:4px;color:var(--bg);font-family:monospace;font-weight:700;letter-spacing:2px}.lobby-bg-bug.crawl-right{left:0;animation:lobby-crawl-right var(--crawl-dur, 12s) linear infinite;animation-delay:var(--crawl-delay, 0s)}.lobby-bg-bug.crawl-left{right:0;animation:lobby-crawl-left var(--crawl-dur, 10s) linear infinite;animation-delay:var(--crawl-delay, 0s)}.lobby-bg-bug.crawl-down{top:0;animation:lobby-crawl-down var(--crawl-dur, 14s) linear infinite;animation-delay:var(--crawl-delay, 0s)}.lobby-bg-bug.crawl-up{bottom:0;animation:lobby-crawl-up var(--crawl-dur, 11s) linear infinite;animation-delay:var(--crawl-delay, 0s)}@keyframes lobby-crawl-right{0%{transform:translate(-30px)}to{transform:translate(calc(var(--arena-w, 600px) + 30px))}}@keyframes lobby-crawl-left{0%{transform:translate(30px) scaleX(-1)}to{transform:translate(calc(-1 * var(--arena-w, 600px) - 30px)) scaleX(-1)}}@keyframes lobby-crawl-down{0%{transform:translateY(-30px) rotate(90deg)}to{transform:translateY(calc(var(--arena-h, 400px) + 30px)) rotate(90deg)}}@keyframes lobby-crawl-up{0%{transform:translateY(30px) rotate(-90deg)}to{transform:translateY(calc(-1 * var(--arena-h, 400px) - 30px)) rotate(-90deg)}}.lobby-bg-bug .lobby-bg-bug-body{animation:lobby-bug-wiggle .3s steps(2) infinite}@keyframes lobby-bug-wiggle{0%{transform:translateY(0)}50%{transform:translateY(-1px)}}.lobby-bg-bug.squished{pointer-events:none;animation:lobby-bug-squish .35s ease-out forwards!important}@keyframes lobby-bug-squish{0%{transform:scale(1) rotate(0);opacity:.7}30%{transform:scale(1.4) rotate(10deg);opacity:1}to{transform:scale(0) rotate(-45deg);opacity:0}}.lobby-splat{position:absolute;pointer-events:none;z-index:2}.lobby-splat-dot{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--red);animation:lobby-splat-fly .4s ease-out forwards}@keyframes lobby-splat-fly{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--sx),var(--sy)) scale(0);opacity:0}}.lobby-title-wrap{position:relative;z-index:10;text-align:center;margin-bottom:4px}.lobby-title{font-size:22px;color:var(--yellow);text-shadow:0 0 20px rgba(255,230,109,.5),0 0 60px rgba(255,230,109,.15);position:relative;animation:lobby-title-pulse 3s ease-in-out infinite;will-change:opacity;letter-spacing:3px}.lobby-title:before,.lobby-title:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.lobby-title:before{color:var(--red);animation:lobby-glitch-1 4s infinite linear alternate-reverse;clip-path:inset(0 0 60% 0);opacity:.6}.lobby-title:after{color:var(--teal);animation:lobby-glitch-2 3s infinite linear alternate;clip-path:inset(60% 0 0 0);opacity:.6}@keyframes lobby-title-pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes lobby-glitch-1{0%,92%{transform:translate(0)}93%{transform:translate(-3px,1px)}94%{transform:translate(2px,-1px)}95%{transform:translate(-1px,2px)}96%,to{transform:translate(0)}}@keyframes lobby-glitch-2{0%,90%{transform:translate(0)}91%{transform:translate(2px,1px)}92%{transform:translate(-3px,-1px)}93%{transform:translate(1px,-2px)}94%,to{transform:translate(0)}}.lobby-subtitle{font-size:6px;color:var(--teal);letter-spacing:4px;margin-top:8px;opacity:.7;animation:lobby-sub-flicker 5s ease-in-out infinite}@keyframes lobby-sub-flicker{0%,to{opacity:.7}48%{opacity:.7}49%{opacity:.2}50%{opacity:.8}51%{opacity:.3}52%{opacity:.7}}.lobby-roster{position:relative;z-index:10;width:100%;max-width:340px}.lobby-roster-label{font-size:6px;color:var(--muted);letter-spacing:2px;margin-bottom:8px;text-align:center;opacity:.6}.lobby-roster-list{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.lobby-player-card{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#1a1a2ecc;border:1px solid #2a2a4a;border-radius:6px;font-size:6px;color:var(--muted);animation:lobby-card-in .3s ease-out backwards;transition:border-color .3s,box-shadow .3s}.lobby-player-card:hover{border-color:var(--purple)}.lobby-player-card.is-me{border-color:var(--yellow);box-shadow:0 0 8px #ffe66d26}@keyframes lobby-card-in{0%{transform:scale(.8) translateY(6px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.lobby-player-icon{font-size:16px;line-height:1}.lobby-player-name{color:var(--yellow);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-player-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;box-shadow:0 0 4px currentColor;animation:lobby-dot-pulse 1.5s ease-in-out infinite;will-change:opacity}@keyframes lobby-dot-pulse{0%,to{opacity:1}50%{opacity:.4}}.lobby-player-you{font-size:5px;color:var(--teal);opacity:.7}.guest-badge{font-size:9px;font-weight:700;letter-spacing:.5px;color:#aaa;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:3px;padding:0 3px;margin-left:4px;vertical-align:middle;line-height:1.4;display:inline-block}.lobby-actions{display:flex;gap:12px;align-items:center;z-index:10;position:relative}.lobby-start-btn{font-size:12px;padding:14px 32px;border-color:var(--teal);background:var(--dark-teal);color:var(--teal);position:relative;overflow:hidden}.lobby-start-btn:hover:not(:disabled){background:var(--teal);color:var(--bg);box-shadow:0 0 24px #4ecdc480,0 0 60px #4ecdc426}.lobby-start-btn:disabled,#retry-btn:disabled,#continue-btn:disabled{opacity:.35;cursor:not-allowed;border-color:#3d3d5c;background:var(--surface);color:var(--muted);box-shadow:none}.lobby-host-hint{font-size:10px;color:var(--muted);letter-spacing:1px;text-transform:uppercase;text-align:center;margin-top:8px}.lobby-start-btn:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 40%,rgba(78,205,196,.08) 50%,transparent 60%);animation:lobby-btn-shine 3s ease-in-out infinite}@keyframes lobby-btn-shine{0%{transform:translate(-100%) rotate(0)}to{transform:translate(100%) rotate(0)}}.lobby-start-icon{margin-right:6px;font-size:10px}.lobby-invite-btn{border-color:var(--yellow);color:var(--yellow);background:transparent;transition:all .15s}.lobby-invite-btn:hover{background:#ffe66d26;box-shadow:0 0 12px #ffe66d4d}.lobby-invite-btn.btn-copied{border-color:#22c55e;color:#22c55e}.lobby-tips{position:absolute;bottom:12px;left:12px;right:12px;z-index:10;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#0f0e17b3;border:1px solid #2a2a4a;border-radius:4px;font-size:6px;overflow:hidden}.lobby-tips-label{color:var(--purple);flex-shrink:0;letter-spacing:1px}.lobby-tips-text{color:var(--muted);white-space:nowrap;animation:lobby-tip-slide .4s ease-out;line-height:1.6}@keyframes lobby-tip-slide{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}#start-screen:before{content:"";position:absolute;inset:6px;border:1px dashed rgba(168,85,247,.15);border-radius:6px;pointer-events:none;z-index:0;animation:lobby-border-glow 4s ease-in-out infinite;will-change:opacity}@keyframes lobby-border-glow{0%,to{opacity:.6}50%{opacity:1}}@media(max-width:600px){header h1{font-size:12px}header p{font-size:6px}.hud{gap:6px}.hud-item{padding:6px 8px;font-size:6px}.hp-bar-track{width:50px}.bug{width:40px;height:40px}.bug-body{width:28px;height:22px}.screen-title{font-size:14px}.lobby-title{font-size:16px}.lobby-roster{max-width:260px}.lobby-start-btn{font-size:10px;padding:12px 24px}.lobby-invite-btn{font-size:6px;padding:8px 12px}.name-entry-title{font-size:26px;letter-spacing:3px}.name-entry-tagline{font-size:6px;letter-spacing:3px}.name-input{width:260px}.btn-play{font-size:12px;padding:14px 40px}.lobby-browser-title{font-size:22px;letter-spacing:3px}.lobby-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;justify-content:flex-start}.lobby-tabs::-webkit-scrollbar{display:none}.lobby-tab{padding:10px 12px;font-size:6px;white-space:nowrap}.lobby-create-form{padding:12px;gap:6px}.lobby-create-main{gap:6px}.lobby-create-extras{gap:10px}.lobby-profile-bar{gap:8px}.lobby-profile-divider{display:none}.lobby-profile-name{font-size:8px}.lobby-profile-editor{padding:10px 12px}.lobby-editor-icon-picker{gap:4px;margin-bottom:8px}.lobby-editor-icon-picker .icon-picker-label{font-size:6px;margin:2px 0}.lobby-editor-icon-picker .icon-option{width:30px;height:30px;font-size:16px;border-width:1.5px;border-radius:4px}.lobby-editor-icon-picker .icon-option img{width:22px!important;height:22px!important}.lobby-editor-row{gap:8px}.lobby-editor-name-input{font-size:8px;padding:8px 12px}.lobby-editor-save-btn{font-size:7px;padding:8px 14px}.emote-binding-slots{gap:4px}.emote-binding-slot{width:34px;padding:3px 1px}.emote-binding-icon{width:24px;height:24px}.emote-binding-icon svg{width:24px;height:24px}.emote-binding-picker-item{width:44px}.emote-binding-picker-item svg{width:26px;height:26px}}.error-notifications{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.error-notification{display:flex;align-items:center;gap:10px;padding:12px 16px;min-width:300px;max-width:400px;background:var(--surface);border:2px solid;border-radius:6px;font-size:8px;font-family:"Press Start 2P",monospace;cursor:pointer;pointer-events:auto;animation:error-slide-in .3s ease-out;box-shadow:0 4px 12px #0006}.error-notification.dismissing{animation:error-slide-out .3s ease-in forwards}.error-notification.error-info{border-color:var(--teal);background:#4ecdc41a}.error-notification.error-warning{border-color:var(--yellow);background:#ffe66d1a}.error-notification.error-error{border-color:var(--red);background:#ff6b6b1a}.error-icon{flex-shrink:0;font-size:16px}.error-message{flex:1;color:var(--muted);word-break:break-word;line-height:1.4}.error-notification.error-info .error-message{color:var(--teal)}.error-notification.error-warning .error-message{color:var(--yellow)}.error-notification.error-error .error-message{color:var(--red)}.error-close{flex-shrink:0;font-size:18px;color:var(--muted);opacity:.6;transition:opacity .2s;cursor:pointer}.error-notification:hover .error-close{opacity:1}@keyframes error-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes error-slide-out{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(100%) scale(.8);opacity:0}}@media(max-width:600px){.error-notifications{right:10px;left:10px}.error-notification{min-width:auto;font-size:7px}}.lobby-custom-warning{margin-top:12px;padding:8px 16px;border:2px solid var(--yellow);background:#ffe66d1a;color:var(--yellow);font-size:8px;text-align:center;border-radius:6px}.advanced-config-warning{margin:8px 0;padding:6px 12px;border:1px solid var(--yellow);background:#ffe66d1a;color:var(--yellow);font-size:7px;text-align:center;border-radius:4px}.lobby-list-custom{font-size:5px;color:var(--yellow);border:1px solid var(--yellow);padding:1px 4px;border-radius:3px}.chat-panel{position:fixed;top:0;right:0;bottom:0;width:260px;display:flex;flex-direction:column;background:var(--surface);border-left:2px solid #2a2a4a;z-index:100}.chat-handle{padding:8px 0 4px;cursor:pointer;display:flex;justify-content:center;flex-shrink:0}.chat-handle-bar{width:40px;height:4px;background:#444;border-radius:2px}.chat-handle:hover .chat-handle-bar{background:var(--teal)}.chat-toggle-btn{position:fixed;right:0;top:50%;transform:translateY(-50%);background:var(--surface);border:2px solid #2a2a4a;border-right:none;border-radius:6px 0 0 6px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:10px 6px;z-index:100}.chat-toggle-btn:hover{background:#4ecdc426}.chat-toggle-icon{font-family:"Press Start 2P",monospace;font-size:7px;color:var(--teal);writing-mode:vertical-lr;letter-spacing:2px}.chat-badge{position:absolute;top:-4px;left:-4px;min-width:16px;height:16px;background:var(--red);color:#fff;font-size:7px;font-family:"Press Start 2P",monospace;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px}.chat-body{flex:1;display:flex;flex-direction:column;min-height:0}.chat-header{padding:4px 10px 8px;font-size:8px;color:var(--teal);letter-spacing:2px;border-bottom:1px solid #2a2a4a;text-align:center}.chat-messages{flex:1;overflow-y:auto;padding:6px 8px;display:flex;flex-direction:column;gap:4px;min-height:0;scrollbar-width:thin;scrollbar-color:#2a2a4a transparent}.chat-msg{font-size:7px;line-height:1.5;word-break:break-word;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px}.chat-msg-icon{font-size:10px;flex-shrink:0}.chat-msg-icon img{vertical-align:middle}.chat-msg-name{font-weight:700;flex-shrink:0}.chat-msg-text{color:#ccc}.chat-msg-time{color:#555;font-size:6px;margin-left:auto;flex-shrink:0}.chat-msg-system{font-size:7px;color:#666;font-style:italic;text-align:center;padding:2px 0}.chat-input-row{display:flex;gap:4px;padding:6px 8px;border-top:1px solid #2a2a4a;position:relative}.chat-input{flex:1;background:#0f0e17cc;border:1px solid #2a2a4a;border-radius:4px;color:#ccc;font-family:"Press Start 2P",monospace;font-size:7px;padding:6px 8px;outline:none;min-width:0}.chat-input:focus{border-color:var(--teal)}.chat-input:disabled{opacity:.4;cursor:not-allowed}.chat-send-btn{font-size:7px;padding:4px 8px}.chat-input-row.chat-disabled{opacity:.5}.chat-input-row.chat-disabled:after{content:"Log in to chat";position:absolute;font-size:6px;color:#666;bottom:-14px;left:8px}@media(max-width:600px){.chat-panel{width:100%;top:auto;bottom:0;max-height:55vh;border-left:none;border-top:2px solid #2a2a4a;border-radius:12px 12px 0 0}.chat-toggle-btn{position:fixed;right:10px;bottom:10px;top:auto;transform:none;border:2px solid #2a2a4a;border-radius:6px;padding:10px 12px}.chat-toggle-icon{writing-mode:horizontal-tb;letter-spacing:1px}.chat-handle{padding:10px 0 6px}.chat-handle-bar{width:50px;height:5px}.chat-input{font-size:10px;padding:10px 8px}.chat-send-btn{font-size:8px;padding:8px 12px}.chat-input-row{padding:8px;gap:6px}.chat-msg,.chat-msg-system{font-size:8px}.chat-msg-time{font-size:7px}}.walkout-overlay{position:fixed;inset:0;background:#0f0e17f0;z-index:200;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;opacity:0;transition:opacity .4s ease;animation:walkout-fade-in .4s ease-out forwards;overflow:hidden}.walkout-overlay.walkout-fading{animation:walkout-fade-out .3s ease-in forwards}@keyframes walkout-fade-in{0%{opacity:0}to{opacity:1}}@keyframes walkout-fade-out{0%{opacity:1}to{opacity:0}}.walkout-title{font-family:"Press Start 2P",monospace;font-size:22px;color:var(--yellow);text-shadow:0 0 20px rgba(255,230,109,.6),0 0 40px rgba(255,230,109,.3);letter-spacing:3px;margin-bottom:40px;opacity:0;transform:translateY(-14px) scale(.95);transition:opacity .5s ease,transform .5s ease;text-align:center;line-height:1.6}.walkout-title.visible{opacity:1;transform:translateY(0) scale(1)}.walkout-reel-frame{width:420px;height:80px;border:3px solid var(--yellow);border-radius:8px;position:relative;overflow:hidden;opacity:0;transform:scale(.85);transition:opacity .35s ease,transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease,width .5s cubic-bezier(.34,1.1,.64,1),height .5s cubic-bezier(.34,1.1,.64,1),border-radius .4s ease;box-shadow:0 0 15px #ffe66d26,inset 0 0 20px #0009}.walkout-reel-frame.visible{opacity:1;transform:scale(1)}.walkout-reel-frame.walkout-reel-glow{box-shadow:0 0 30px #ffe66db3,0 0 60px #ffe66d59,0 0 100px #ffe66d26,inset 0 0 15px #0006;border-color:#fff5b0}.walkout-reel-frame.walkout-reel-expand{width:400px;height:350px;border-radius:16px;box-shadow:0 0 40px #ffe66d80,0 0 80px #ffe66d33}.walkout-reel-frame:before,.walkout-reel-frame:after{content:"";position:absolute;left:0;right:0;height:24px;z-index:5;pointer-events:none;transition:opacity .3s ease}.walkout-reel-frame:before{top:0;background:linear-gradient(to bottom,rgba(15,14,23,.95),transparent)}.walkout-reel-frame:after{bottom:0;background:linear-gradient(to top,rgba(15,14,23,.95),transparent)}.walkout-reel-frame.walkout-reel-expand:before,.walkout-reel-frame.walkout-reel-expand:after{opacity:0}.walkout-reel-indicator{position:absolute;left:0;right:0;top:50%;height:2px;transform:translateY(-1px);z-index:6;pointer-events:none;opacity:0;transition:opacity .3s ease}.walkout-reel-indicator:before,.walkout-reel-indicator:after{content:"";position:absolute;top:-6px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent}.walkout-reel-indicator:before{left:2px;border-left:8px solid var(--yellow)}.walkout-reel-indicator:after{right:2px;border-right:8px solid var(--yellow)}.walkout-reel-indicator.visible{opacity:1}.walkout-scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.06) 2px,rgba(0,0,0,.06) 4px);z-index:4;pointer-events:none;transition:opacity .3s ease}.walkout-reel-strip{position:absolute;left:0;right:0;display:flex;flex-direction:column;will-change:transform}.walkout-reel-name{height:80px;display:flex;align-items:center;justify-content:center;gap:14px;font-family:"Press Start 2P",monospace;font-size:18px;white-space:nowrap;flex-shrink:0;transition:transform .2s ease,text-shadow .2s ease}.walkout-reel-icon{display:flex;align-items:center}.walkout-reel-name.winner{transform:scale(1.12);text-shadow:0 0 20px currentColor}.walkout-sparkle-canvas{position:absolute;inset:0;z-index:20;pointer-events:none}.walkout-mvp-card{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;opacity:0;transform:scale(.9);transition:opacity .5s ease,transform .5s cubic-bezier(.34,1.56,.64,1);z-index:10;padding:20px;background:radial-gradient(ellipse at center,rgba(255,230,109,.04) 0%,transparent 70%)}.walkout-mvp-card.visible{opacity:1;transform:scale(1)}.walkout-mvp-avatar{width:80px;height:80px;border-radius:50%;border:3px solid var(--yellow);display:flex;align-items:center;justify-content:center;background:#ffe66d0f;box-shadow:0 0 25px #ffe66d4d,inset 0 0 15px #ffe66d0d;overflow:hidden}.walkout-mvp-avatar .avatar-icon{font-size:44px!important;line-height:1}.walkout-mvp-avatar img{width:56px!important;height:56px!important;image-rendering:pixelated}.walkout-mvp-name{font-family:"Press Start 2P",monospace;font-size:18px;color:#fff;text-shadow:0 0 12px rgba(255,255,255,.3);margin-top:4px;max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.walkout-mvp-stats{display:flex;gap:20px;margin-top:10px}.walkout-stat-box{text-align:center;background:#ffe66d0a;border:2px solid rgba(255,230,109,.2);border-radius:8px;padding:10px 18px;min-width:130px}.walkout-stat-label{font-family:"Press Start 2P",monospace;font-size:7px;color:var(--yellow);letter-spacing:2px;margin-bottom:8px;opacity:.8}.walkout-stat-value{font-family:"Press Start 2P",monospace;font-size:20px;color:#fff}.walkout-continue{font-family:"Press Start 2P",monospace;font-size:10px;color:#ffffff73;margin-top:30px;opacity:0;transition:opacity .5s ease;letter-spacing:1px}.walkout-continue.visible{opacity:1;animation:walkout-blink 1.4s ease-in-out infinite}@keyframes walkout-blink{0%,to{opacity:1}50%{opacity:.2}}.walkout-confetti-canvas{position:absolute;inset:0;z-index:150;pointer-events:none}.walkout-flash{position:absolute;inset:0;background:#fff;z-index:200;pointer-events:none;opacity:0}@media(max-width:600px){.walkout-title{font-size:16px;margin-bottom:24px}.walkout-reel-frame{width:300px}.walkout-reel-frame.walkout-reel-expand{width:300px;height:320px}.walkout-reel-name{font-size:12px;gap:8px}.walkout-mvp-name{font-size:13px}.walkout-stat-box{min-width:100px;padding:8px 12px}.walkout-stat-value{font-size:16px}.walkout-continue{font-size:8px}}#dev-panel{position:fixed;bottom:12px;right:12px;z-index:10000;background:#140a0aeb;border:2px solid #ff4444;border-radius:8px;font-family:monospace;font-size:12px;color:#f88;min-width:200px;max-height:80vh;overflow-y:auto}#dev-panel-header{padding:6px 10px;cursor:pointer;font-weight:700;text-align:center;letter-spacing:2px;color:#f44;border-bottom:1px solid #ff444466}#dev-panel-body{padding:8px;display:flex;flex-direction:column;gap:8px}.dev-section{display:flex;flex-direction:column;gap:4px}.dev-section-label{font-size:9px;color:#f66;letter-spacing:1.5px;text-transform:uppercase;padding-bottom:2px;border-bottom:1px solid #ff444433}.dev-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px}.dev-btn{background:#2a1515;color:#f88;border:1px solid #ff444488;border-radius:4px;padding:4px 6px;cursor:pointer;font-family:monospace;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dev-btn:hover{background:#441515;color:#faa}.dev-btn:active{background:#661515}.dev-hp-row{display:flex;gap:4px}.dev-hp-row input{flex:1;background:#1a0a0a;color:#f88;border:1px solid #ff444466;border-radius:4px;padding:4px 6px;font-family:monospace;font-size:11px;width:0}.dev-hp-row input::placeholder{color:#f448}.lobby-role-section{width:100%;max-width:560px;margin:4px auto 0}.lobby-role-section-label{font-size:9px;color:var(--muted);letter-spacing:3px;margin-bottom:12px;opacity:.7;text-align:center}.lobby-role-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lobby-role-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px 14px 14px;background:#141428b3;border:1px solid rgba(255,255,255,.07);border-radius:10px;cursor:pointer;font-family:"Press Start 2P",monospace;color:#9696b499;transition:border-color .15s,box-shadow .15s,background .15s,color .15s;position:relative;text-align:left}.lobby-role-card:hover{border-color:#a05ae680;background:#2d1446b3;color:#dcc8ffd9}.lobby-role-card.selected{border:2px solid var(--teal);background:#4ecdc41a;color:var(--teal);box-shadow:0 0 16px #4ecdc438}.lobby-role-card-header{display:flex;align-items:center;gap:10px}.lobby-role-card-icon{font-size:28px;line-height:1;flex-shrink:0}.lobby-role-card-name{font-size:11px;letter-spacing:.5px;color:inherit;line-height:1.4}.lobby-role-card-desc{font-size:11px;color:#8c8ca5cc;line-height:1.6;font-family:monospace;font-weight:400;letter-spacing:.2px}.lobby-role-card.selected .lobby-role-card-desc{color:#4ecdc4a6}.lobby-role-card-check{position:absolute;top:8px;right:10px;font-size:12px;color:var(--teal);opacity:0;transition:opacity .15s}.lobby-role-card.selected .lobby-role-card-check{opacity:1}.lobby-role-hint{margin-top:10px;font-size:10px;font-family:monospace;color:#646482b3;text-align:center;min-height:16px;letter-spacing:.3px}.lobby-role-hint.has-role{color:#4ecdc499}.lobby-player-role{font-size:12px;line-height:1;cursor:default}.live-dash-role{font-size:8px;line-height:1;flex-shrink:0;opacity:.85}.arena.cursor-enlarged .bug:before{content:"";position:absolute;inset:-6px}body.qa-hitbox-active .arena .bug:before{content:"";position:absolute;inset:-10px}#shop-screen:not(.hidden){display:flex;align-items:center;justify-content:center;padding:12px;background:radial-gradient(ellipse at 50% 30%,rgba(78,205,196,.06) 0%,transparent 60%),linear-gradient(180deg,#0f0e17fa,#1a1a2efa);overflow-y:auto}.shop-cabinet{width:100%;max-width:540px;border:2px solid rgba(78,205,196,.25);border-radius:4px;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(78,205,196,.015) 3px,rgba(78,205,196,.015) 4px),linear-gradient(180deg,#1a1a2ef2,#0f0e17fa);box-shadow:0 0 40px #4ecdc414,inset 0 1px #4ecdc41a;animation:shop-open .35s cubic-bezier(.34,1.4,.64,1)}@keyframes shop-open{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.shop-header{padding:14px 16px 10px;border-bottom:1px solid rgba(78,205,196,.12)}.shop-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.shop-title{font-size:12px;color:var(--teal);letter-spacing:3px;text-shadow:0 0 20px rgba(78,205,196,.5),0 0 4px rgba(78,205,196,.3)}.shop-score{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--yellow);text-shadow:0 0 8px rgba(255,230,109,.3)}.shop-score-label{font-size:7px;color:var(--muted);letter-spacing:1px}#shop-player-score{color:var(--yellow);font-weight:700}.shop-timer-bar{width:100%;height:4px;background:#ffffff0f;overflow:hidden}.shop-timer-fill{height:100%;background:linear-gradient(90deg,var(--teal),var(--yellow));width:100%;box-shadow:0 0 8px #4ecdc480}.shop-items{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:12px}.shop-item-card{position:relative;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:3px;padding:12px 8px 10px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:border-color .2s,background .2s,box-shadow .2s,transform .15s;cursor:default}.shop-item-card:before{content:"";position:absolute;inset:0;border-radius:3px;background:linear-gradient(180deg,rgba(78,205,196,.04) 0%,transparent 50%);opacity:0;transition:opacity .2s;pointer-events:none}.shop-item-card:hover:not(.shop-item-bought):not(.cannot-afford){border-color:#4ecdc466;background:#4ecdc40a;box-shadow:0 0 16px #4ecdc41a;transform:translateY(-1px)}.shop-item-card:hover:not(.shop-item-bought):not(.cannot-afford):before{opacity:1}.shop-item-card.shop-item-bought{opacity:.35;border-color:#4ecdc433}.shop-item-card.cannot-afford{opacity:.4}.shop-item-icon{font-size:24px;margin-bottom:6px;height:44px;display:flex;align-items:center;justify-content:center}.shop-item-icon-svg{filter:drop-shadow(0 0 6px rgba(78,205,196,.3))}.shop-item-icon-svg svg{width:40px;height:40px}.shop-item-card:hover:not(.shop-item-bought):not(.cannot-afford) .shop-item-icon-svg{filter:drop-shadow(0 0 10px rgba(78,205,196,.5));animation:shop-icon-bounce .4s ease-out}@keyframes shop-icon-bounce{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}.shop-item-name{font-size:7px;color:var(--teal);margin-bottom:4px;letter-spacing:1px;text-transform:uppercase}.shop-item-desc{font-size:6px;color:#a7a9beb3;margin-bottom:8px;line-height:1.6}.shop-item-cost{margin-top:auto}.shop-buy-btn{font-size:7px;padding:5px 12px;border:1px solid rgba(78,205,196,.3);background:#4ecdc414;color:var(--teal);border-radius:2px;letter-spacing:1px;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;cursor:pointer;font-family:"Press Start 2P",monospace}.shop-buy-btn:hover:not(:disabled){background:#4ecdc42e;border-color:var(--teal);box-shadow:0 0 10px #4ecdc433;color:#fff}.shop-buy-btn:active:not(:disabled){transform:scale(.95)}.shop-buy-btn:disabled{opacity:.35;cursor:not-allowed}.shop-cost-coin{display:inline-block;width:6px;height:6px;background:var(--yellow);border-radius:50%;vertical-align:middle;margin-right:2px;box-shadow:0 0 4px #ffe66d80}.shop-footer{border-top:1px solid rgba(78,205,196,.08);padding:8px 16px 12px;display:flex;flex-direction:column;align-items:center;gap:8px}.shop-feed{width:100%;max-height:48px;overflow-y:auto;font-size:7px;color:var(--muted)}.shop-feed::-webkit-scrollbar{width:2px}.shop-feed::-webkit-scrollbar-thumb{background:#4ecdc433;border-radius:1px}.shop-feed-entry{padding:2px 0;animation:shop-feed-in .3s ease-out}.shop-feed-ready{color:var(--teal);font-style:italic}.shop-feed-player{font-weight:700}.shop-feed-item{color:var(--yellow)}@keyframes shop-feed-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.shop-ready-btn{font-size:8px;padding:7px 28px;border:1px solid rgba(78,205,196,.3);background:#4ecdc40f;color:var(--teal);border-radius:2px;letter-spacing:2px;transition:all .2s;cursor:pointer;font-family:"Press Start 2P",monospace}.shop-ready-btn:hover:not(:disabled){background:#4ecdc426;border-color:var(--teal);box-shadow:0 0 16px #4ecdc433;color:#fff}.shop-ready-active{background:var(--teal)!important;color:var(--bg)!important;border-color:var(--teal)!important;box-shadow:0 0 20px #4ecdc466!important}.hud-buffs{display:flex;gap:4px;align-items:center;margin-left:8px}.hud-buff{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#4ecdc414;border:1px solid rgba(78,205,196,.25);border-radius:3px;animation:buff-pop-in .3s cubic-bezier(.34,1.4,.64,1);position:relative}.hud-buff:after{content:"";position:absolute;inset:0;border-radius:3px;box-shadow:inset 0 0 6px #4ecdc426;pointer-events:none}.hud-buff-icon{font-size:14px;line-height:1}.hud-buff-icon-svg svg{width:20px;height:20px;filter:drop-shadow(0 0 3px rgba(78,205,196,.4))}@keyframes buff-pop-in{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.arena.cursor-enlarged,.arena.qa-cursor{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Ccircle cx='20' cy='20' r='18' stroke='%234ecdc4' stroke-width='2' fill='none' opacity='0.6'/%3E%3Ccircle cx='20' cy='20' r='2' fill='%234ecdc4'/%3E%3C/svg%3E") 20 20,crosshair}.bug.eagle-eye-glow{box-shadow:0 0 12px 4px #f009;border-radius:50%}.bug.eagle-eye-glow:after{content:"";position:absolute;inset:-4px;border:2px solid rgba(255,0,0,.4);border-radius:50%;animation:eagle-pulse 1s ease-in-out infinite}@keyframes eagle-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.15)}}@media(max-width:500px){.shop-items{grid-template-columns:repeat(2,1fr)}.shop-title{font-size:10px;letter-spacing:2px}.shop-cabinet{max-width:100%}}.byte-coin-svg{flex-shrink:0;image-rendering:pixelated}.lobby-profile-coins{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--yellow);margin-left:4px;position:relative}.coin-balance{font-family:"Press Start 2P",monospace;background:linear-gradient(90deg,var(--yellow) 40%,#fff8c4 50%,var(--yellow) 60%);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:coin-shimmer 3s ease-in-out infinite}@keyframes coin-shimmer{0%,to{background-position:200% 0}50%{background-position:-200% 0}}.quest-tracker{width:100%;max-width:900px;margin:0 auto;padding:16px 20px 12px;position:relative;overflow:hidden}.quest-tracker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06);position:relative}.quest-tracker-coins{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--yellow);font-family:"Press Start 2P",monospace}.quest-tracker-coins #qt-balance{background:linear-gradient(90deg,var(--yellow) 40%,#fff8c4 50%,var(--yellow) 60%);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:coin-shimmer 3s ease-in-out infinite}.qt-coin-icon{filter:drop-shadow(0 0 3px rgba(255,230,109,.4))}.quest-tracker-timer{font-size:10px;color:var(--red);font-family:"Press Start 2P",monospace;letter-spacing:.5px;display:flex;align-items:center;gap:5px;animation:timer-urgency 2s ease-in-out infinite}.qt-timer-icon{font-size:11px}@keyframes timer-urgency{0%,to{opacity:.7}50%{opacity:1}}.quest-tracker-list{display:flex;flex-direction:column;gap:12px}@media(min-width:700px){.quest-tracker-list{flex-direction:row;gap:24px}.quest-section{flex:1;min-width:0}.quest-section+.quest-section{margin-top:0;padding-top:0;border-top:none;padding-left:24px;border-left:1px solid rgba(255,255,255,.06)}}.quest-section{position:relative}.quest-section+.quest-section{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.04)}.quest-section-header{font-size:8px;letter-spacing:2px;margin-bottom:8px;font-family:"Press Start 2P",monospace;display:flex;align-items:center;gap:8px}.quest-section-header:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.06) 0%,transparent 100%)}.quest-section-header.daily-header{color:var(--yellow);opacity:.8}.quest-section-header.weekly-header{color:var(--purple);opacity:.8}.quest-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:6px 8px;border-radius:6px;transition:background .15s ease;position:relative}.quest-icon{font-size:18px;text-align:center;line-height:1}.quest-info{min-width:0;display:flex;flex-direction:column;gap:3px}.quest-title-row{display:flex;align-items:baseline;gap:6px}.quest-title{font-size:10px;color:#d0d0e0;font-family:"Press Start 2P",monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.quest-desc{font-size:7px;color:var(--muted);opacity:.5;font-family:"Press Start 2P",monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quest-reward-badge{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--yellow);font-family:"Press Start 2P",monospace;flex-shrink:0;white-space:nowrap}.quest-reward-badge .byte-coin-svg{opacity:.7}.quest-progress-wrap{display:flex;align-items:center;gap:6px}.quest-progress-bar{flex:1;height:5px;background:#ffffff0f;border-radius:3px;overflow:hidden;position:relative}.quest-progress-fill{height:100%;border-radius:2px;transition:width .6s cubic-bezier(.22,1,.36,1);position:relative;background:linear-gradient(90deg,#e6b800,var(--yellow))}.quest-progress-fill:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent,transparent 3px,rgba(255,255,255,.08) 3px,rgba(255,255,255,.08) 6px);animation:progress-stripe 1s linear infinite}@keyframes progress-stripe{0%{transform:translate(0)}to{transform:translate(8.49px)}}.quest-progress-fill.quest-progress-complete{background:linear-gradient(90deg,#3ab5a8,var(--teal))}.quest-progress-fill.quest-progress-complete:after{display:none}.quest-progress-text{font-size:8px;color:var(--muted);font-family:"Press Start 2P",monospace;flex-shrink:0;min-width:40px;text-align:right;opacity:.6}.quest-almost{background:#ffe66d0a;animation:quest-hot-pulse 1.2s ease-in-out infinite}@keyframes quest-hot-pulse{0%,to{background:#ffe66d08;box-shadow:none}50%{background:#ffe66d14;box-shadow:inset 0 0 12px #ffe66d0f}}.quest-almost .quest-progress-bar{box-shadow:0 0 6px #ffe66d4d}.quest-almost .quest-progress-fill{background:linear-gradient(90deg,#fc0,#ffe66d,#fd4);box-shadow:0 0 8px #ffe66d99}.quest-almost .quest-title{color:var(--yellow)}.quest-almost .quest-reward-badge{animation:reward-bounce .8s ease-in-out infinite}@keyframes reward-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.quest-done{opacity:.45}.quest-done .quest-title{text-decoration:line-through;color:var(--teal)}.quest-done .quest-progress-text{color:var(--teal);opacity:1;font-size:7px}.quest-done .quest-reward-badge{color:var(--teal);opacity:.5}.quest-tracker-locked{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 0 4px;font-size:7px;color:var(--muted);font-family:"Press Start 2P",monospace;letter-spacing:.5px;opacity:.6}.qt-lock-icon{opacity:.5}.quest-toast{position:fixed;bottom:-80px;right:20px;display:flex;align-items:center;gap:10px;padding:12px 18px;background:linear-gradient(135deg,#1a1a2ef7,#2d1b30f7);border:1px solid var(--yellow);border-radius:8px;box-shadow:0 0 20px #ffe66d40,0 0 60px #ffe66d14,0 8px 24px #0009;z-index:10000;font-family:"Press Start 2P",monospace;transition:bottom .5s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.quest-toast:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,230,109,.08),transparent);animation:toast-scan 2s ease-in-out .5s}@keyframes toast-scan{0%{left:-60%}to{left:120%}}.quest-toast-show{bottom:24px}.quest-toast-hide{animation:quest-toast-out .35s ease-in forwards}@keyframes quest-toast-out{to{bottom:-80px;opacity:0;transform:scale(.95)}}.quest-toast-icon{font-size:18px;filter:drop-shadow(0 0 4px rgba(255,230,109,.4))}.quest-toast-text{font-size:8px;color:var(--yellow);letter-spacing:1.5px;text-shadow:0 0 10px rgba(255,230,109,.3)}.quest-toast-reward{font-size:10px;color:var(--yellow);display:flex;align-items:center;gap:4px;text-shadow:0 0 8px rgba(255,230,109,.4)}.quest-toast-reward .byte-coin-svg{filter:drop-shadow(0 0 3px rgba(255,230,109,.5));animation:toast-coin-spin .6s ease-out}@keyframes toast-coin-spin{0%{transform:rotateY(0) scale(.5);opacity:0}50%{transform:rotateY(180deg) scale(1.2)}to{transform:rotateY(360deg) scale(1);opacity:1}}@media(max-width:600px){.quest-tracker{max-width:100%;padding:8px;border-radius:6px}.quest-tracker-coins{font-size:9px}.quest-tracker-timer,.quest-title,.quest-reward-badge{font-size:6px}.quest-progress-text{font-size:5px;min-width:24px}.quest-icon{font-size:11px}.quest-row{grid-template-columns:16px 1fr auto;gap:4px}.quest-toast{right:10px;padding:10px 14px}.quest-toast-text{font-size:7px}.quest-toast-reward{font-size:8px}}#shop-panel{max-width:540px;margin:0 auto;padding:10px 0 4px}.shop-cosmetic-header{display:flex;align-items:center;justify-content:space-between;padding:0 4px 8px}.shop-cosmetic-title{font-family:"Press Start 2P",monospace;font-size:10px;color:var(--teal);text-shadow:0 0 8px rgba(78,205,196,.4)}.shop-cosmetic-balance{display:flex;align-items:center;gap:4px;font-family:"Press Start 2P",monospace;font-size:10px;color:var(--yellow)}.shop-categories{display:flex;gap:6px;padding:0 4px 8px}.shop-category-btn{font-family:"Press Start 2P",monospace;font-size:7px;padding:4px 10px;background:#4ecdc41a;border:1px solid rgba(78,205,196,.3);color:var(--teal);border-radius:4px;cursor:pointer;transition:all .15s}.shop-category-btn.active{background:#4ecdc433;border-color:var(--teal);box-shadow:0 0 6px #4ecdc44d}.shop-cosmetic-grid{display:flex;flex-direction:column;gap:10px;padding:0 4px;max-height:320px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(78,205,196,.3) transparent}.shop-section-header{font-family:"Press Start 2P",monospace;font-size:7px;color:#a7a9be;padding-bottom:4px;border-bottom:1px solid rgba(167,169,190,.2)}.shop-rotation-header{color:#4ecdc4;display:flex;align-items:center;justify-content:space-between}.shop-rotation-timer{font-family:"Press Start 2P",monospace;font-size:7px;color:#ffe66d;text-shadow:0 0 6px rgba(255,230,109,.4)}.shop-section-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.shop-cosmetic-grid .shop-item-card{display:grid;grid-template-columns:56px 1fr;grid-template-rows:1fr auto;gap:0;align-items:start;text-align:left;background:#0f0e17e6;border:1px solid rgba(78,205,196,.15);border-radius:6px;padding:8px;transition:border-color .2s,box-shadow .2s;cursor:default}.shop-cosmetic-grid .shop-item-card:hover{border-color:#4ecdc466}.shop-cosmetic-grid .shop-rarity-common{border-color:#a7a9be40}.shop-cosmetic-grid .shop-rarity-common:hover{border-color:#a7a9be80}.shop-cosmetic-grid .shop-rarity-rare{border-color:#42a5f54d;box-shadow:0 0 6px #42a5f51a}.shop-cosmetic-grid .shop-rarity-rare:hover{border-color:#42a5f599;box-shadow:0 0 10px #42a5f533}.shop-cosmetic-grid .shop-rarity-epic{border-color:#a855f74d;box-shadow:0 0 6px #a855f726}.shop-cosmetic-grid .shop-rarity-epic:hover{border-color:#a855f799;box-shadow:0 0 12px #a855f740}.shop-cosmetic-grid .shop-item-owned{opacity:.65}.shop-item-preview{grid-row:1 / -1;display:flex;align-items:center;justify-content:center}.shop-item-preview img{image-rendering:pixelated}.shop-item-info{display:flex;flex-direction:column;gap:2px;min-width:0}.shop-cosmetic-grid .shop-item-name{font-family:"Press Start 2P",monospace;font-size:7px;color:#e0e0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-cosmetic-grid .shop-item-desc{font-family:"Press Start 2P",monospace;font-size:5px;color:#a7a9be;line-height:1.4}.shop-item-rarity{font-family:"Press Start 2P",monospace;font-size:5px;margin-top:2px}.shop-rarity-tag-common{color:#a7a9be}.shop-rarity-tag-rare{color:#42a5f5}.shop-rarity-tag-epic{color:#a855f7}.shop-item-action{grid-column:1 / -1;display:flex;justify-content:center;padding-top:6px}.shop-cosmetic-grid .shop-buy-btn{display:flex;align-items:center;gap:4px;font-size:7px;padding:3px 10px}.shop-buy-disabled{opacity:.4;cursor:not-allowed}.shop-owned-badge{font-family:"Press Start 2P",monospace;font-size:7px;color:#4ecdc4;display:flex;align-items:center;gap:4px}.shop-owned-badge:before{content:"\2714"}.shop-login-badge{font-family:"Press Start 2P",monospace;font-size:7px;color:#a7a9be;opacity:.6}.shop-guest-banner{font-family:"Press Start 2P",monospace;font-size:7px;color:#a7a9be;text-align:center;padding:6px 0;border:1px dashed rgba(167,169,190,.3);border-radius:4px}.shop-guest-lock{display:flex;align-items:center;justify-content:center;gap:6px;font-family:"Press Start 2P",monospace;font-size:8px;color:#a7a9be;padding:24px 0;text-align:center}.shop-empty{font-family:"Press Start 2P",monospace;font-size:8px;color:#a7a9be;text-align:center;padding:24px 0}.shop-purchase-toast .quest-toast-text{color:var(--teal)}.shop-error-toast .quest-toast-icon{color:var(--red)}.shop-new-badge,.quest-tab-badge{font-family:"Press Start 2P",monospace;font-size:5px;color:#0f0e17;background:#ffe66d;padding:1px 4px;border-radius:3px;margin-left:4px;vertical-align:middle;animation:shop-badge-pulse 2s ease-in-out infinite}@keyframes shop-badge-pulse{0%,to{opacity:1}50%{opacity:.6}}.icon-picker-shop-label{color:var(--yellow);display:flex;align-items:center;gap:4px}.icon-option-shop{position:relative}.icon-option-rarity-rare{box-shadow:0 0 4px #42a5f54d}.icon-option-rarity-epic{box-shadow:0 0 4px #a855f74d}.icon-lock-coin{font-family:"Press Start 2P",monospace;font-size:5px;color:var(--yellow);display:flex;align-items:center;gap:1px}@media(min-width:480px){.shop-section-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:479px){.shop-section-grid{grid-template-columns:1fr}.shop-cosmetic-grid .shop-item-card{padding:6px}.shop-cosmetic-grid .shop-item-name{font-size:6px}.shop-cosmetic-grid .shop-item-desc{font-size:5px}}#map-screen{background:#07071a}.map-layout{display:flex;width:100%;height:100%;gap:0}.map-container{flex:1;position:relative;overflow:hidden;min-height:0;background:radial-gradient(ellipse at 50% 30%,rgba(80,40,160,.14) 0%,transparent 60%),radial-gradient(ellipse at 30% 80%,rgba(20,60,160,.08) 0%,transparent 50%),radial-gradient(ellipse at 70% 70%,rgba(160,40,80,.06) 0%,transparent 50%)}.map-container:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.035) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;z-index:0}.map-edges{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.map-edges line{stroke:#ffffff17;stroke-width:1.5;stroke-dasharray:5 6}.map-edges line.edge-available{stroke:#4ecdc4;stroke-width:2.5;stroke-dasharray:8 5;opacity:.9;filter:drop-shadow(0 0 4px rgba(78,205,196,.55));animation:edge-flow 1.4s linear infinite}.map-edges line.edge-visited{stroke:#ffffff38;stroke-width:2;stroke-dasharray:none}@keyframes edge-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-26}}.map-nodes{position:absolute;inset:0;z-index:2}.map-node{position:absolute;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:14px;border:2px solid rgba(255,255,255,.1);background:linear-gradient(160deg,#161636f7,#0a0a1cfc);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:default;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,opacity .25s ease;z-index:2;box-shadow:0 4px 16px #00000080;overflow:hidden}.map-node:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:3px;background:var(--node-color, rgba(255, 255, 255, .2));border-radius:14px 14px 0 0;opacity:.9}.map-node-icon{color:var(--node-color, #888);display:flex;align-items:center;justify-content:center;margin-top:2px}.map-node-icon svg{display:block;width:26px;height:26px}.map-node-label{font-family:"Press Start 2P",monospace;font-size:5px;color:#bebed7b3;margin-top:4px;white-space:nowrap;letter-spacing:.2px}.map-node-votes{position:absolute;bottom:-13px;left:50%;transform:translate(-50%);display:flex;gap:3px}.map-vote-dot{width:10px;height:10px;border-radius:50%;border:1.5px solid rgba(255,255,255,.4);box-shadow:0 0 6px currentColor,0 0 2px #ffffff4d}.map-node.available{cursor:pointer;border-color:var(--node-color, #4ecdc4);box-shadow:0 0 0 1px var(--node-color, #4ecdc4) inset,0 0 14px var(--node-color, rgba(78,205,196,.4)),0 4px 16px #00000080;animation:map-node-pulse 2.2s ease-in-out infinite}.map-node.available:hover{transform:translate(-50%,-50%) scale(1.14);box-shadow:0 0 0 1px var(--node-color, #4ecdc4) inset,0 0 26px var(--node-color, rgba(78,205,196,.6)),0 8px 24px #0009}.map-node.visited{opacity:.25;border-color:#ffffff12;filter:grayscale(60%);box-shadow:none}.map-node.visited:before{opacity:.25}.map-node.current{border-color:#ffe66d;box-shadow:0 0 0 1px #ffe66d inset,0 0 18px #ffe66d66,0 4px 16px #00000080}.map-node.current:before{background:#ffe66d}.map-node.locked{opacity:.18;border-color:#ffffff0d;box-shadow:none}.map-node.locked:before{opacity:.12}.map-node.my-vote{border-color:#ffe66d;box-shadow:0 0 0 1px #ffe66d inset,0 0 22px #ffe66d80,0 4px 16px #00000080;transform:translate(-50%,-50%) scale(1.08)}.map-node.selected{border-color:#ffe66d;box-shadow:0 0 32px #ffe66dbf;animation:map-node-select .6s ease-out forwards}@keyframes map-node-pulse{0%,to{box-shadow:0 0 0 1px var(--node-color, #4ecdc4) inset,0 0 10px var(--node-color, rgba(78,205,196,.3)),0 4px 16px #00000080}50%{box-shadow:0 0 0 1px var(--node-color, #4ecdc4) inset,0 0 22px var(--node-color, rgba(78,205,196,.6)),0 4px 16px #00000080}}@keyframes map-node-select{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.28)}to{transform:translate(-50%,-50%) scale(1.1)}}.map-sidebar{width:162px;background:#060614fa;border-left:1px solid rgba(255,255,255,.06);padding:16px 12px 14px;display:flex;flex-direction:column;gap:10px;box-shadow:-3px 0 24px #00000080}.map-sidebar-title{font-family:"Press Start 2P",monospace;font-size:8px;color:#ffe66d;text-align:center;letter-spacing:3px;padding-bottom:10px;border-bottom:1px solid rgba(255,230,109,.1)}.map-stats{display:flex;flex-direction:column;gap:8px}.map-stat{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;row-gap:5px;padding:7px 8px;background:#ffffff08;border-radius:7px;border:1px solid rgba(255,255,255,.05)}.map-stat-label{font-family:"Press Start 2P",monospace;font-size:5.5px;color:#8c8cafd9;text-transform:uppercase;letter-spacing:.8px}.map-stat-value{font-family:"Press Start 2P",monospace;font-size:8px;color:#fff}.map-vote-timer{display:flex;flex-direction:column;gap:5px;align-items:center}.map-timer-bar{width:100%;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.map-timer-fill{width:100%;height:100%;background:linear-gradient(90deg,#ff6b6b,#ffe66d);border-radius:2px}.map-timer-text{font-family:"Press Start 2P",monospace;font-size:7px;color:#ff6b6b}.map-vote-status{font-family:"Press Start 2P",monospace;font-size:6px;color:#8c8cafbf;text-align:center}.map-hint{font-family:"Press Start 2P",monospace;font-size:5.5px;color:#64649199;text-align:center;margin-top:auto;line-height:1.7}.map-hp-bar{flex:0 0 100%;width:100%;height:6px;background:#ffffff12;border-radius:3px;overflow:hidden}.map-hp-bar-fill{height:100%;background:linear-gradient(90deg,#2ed573,#4ecdc4);border-radius:3px;transition:width .5s ease,background .4s ease}.map-hp-bar-fill.medium{background:linear-gradient(90deg,#ffe66d,#ffa502)}.map-hp-bar-fill.low{background:linear-gradient(90deg,#ff4757,#ff6b6b)}.map-buffs{display:flex;flex-direction:column;gap:5px;padding-top:8px;border-top:1px solid rgba(255,255,255,.05)}.map-buffs.hidden{display:none}.map-buff-item{font-family:"Press Start 2P",monospace;font-size:6px;color:#afafd2e6;padding:5px 7px;background:#ffffff0a;border-radius:6px;border:1px solid rgba(255,255,255,.06);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:1px}.map-buff-item.score-bonus{color:#ffe66d;background:#ffe66d12;border-color:#ffe66d26}.map-buff-item.event-mod{color:#ff9ff3;background:#ff9ff312;border-color:#ff9ff326;font-size:5px}#event-screen,#rest-screen{display:flex;align-items:center;justify-content:center;background:#0a0a1eeb}.event-card{background:linear-gradient(135deg,#1a1a3e,#0d0d2b);border:2px solid #ffe66d;border-radius:16px;padding:28px 32px;max-width:420px;width:90%;text-align:center;box-shadow:0 0 40px #ffe66d26,inset 0 1px #ffffff0d;animation:event-card-enter .4s ease-out}@keyframes event-card-enter{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.event-icon{font-size:48px;margin-bottom:12px;filter:drop-shadow(0 2px 8px rgba(255,230,109,.3))}.event-title{font-family:"Press Start 2P",monospace;font-size:14px;color:#ffe66d;margin-bottom:10px;text-shadow:0 0 10px rgba(255,230,109,.4)}.event-description{font-family:"Press Start 2P",monospace;font-size:7px;color:#aaa;line-height:1.8;margin-bottom:20px}.event-options{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.event-option-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left;color:#ccc}.event-option-btn:hover{background:#4ecdc41a;border-color:#4ecdc466;transform:translate(4px)}.event-option-btn.my-vote{background:#4ecdc426;border-color:#4ecdc4;box-shadow:0 0 12px #4ecdc433}.event-option-btn.chosen{background:#ffe66d26;border-color:#ffe66d;box-shadow:0 0 16px #ffe66d4d;animation:event-chosen-pulse .5s ease-out}.event-option-btn.dimmed{opacity:.35}@keyframes event-chosen-pulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.event-option-icon{font-size:24px;flex-shrink:0}.event-option-text{display:flex;flex-direction:column;gap:4px;flex:1}.event-option-label{font-family:"Press Start 2P",monospace;font-size:9px;color:#fff}.event-option-desc{font-family:"Press Start 2P",monospace;font-size:6px;color:#888;line-height:1.6}.event-option-votes{display:flex;gap:4px;flex-shrink:0}.event-vote-dot{width:10px;height:10px;border-radius:50%;border:1px solid rgba(255,255,255,.2);animation:event-dot-pop .3s ease-out}@keyframes event-dot-pop{0%{transform:scale(0)}to{transform:scale(1)}}.event-timer{margin-bottom:12px}.event-timer-bar{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-bottom:4px}.event-timer-fill{height:100%;background:linear-gradient(90deg,#4ecdc4,#ffe66d);border-radius:2px;transition:width 1s linear}.event-timer-text{font-family:"Press Start 2P",monospace;font-size:6px;color:#666}.event-vote-status{font-family:"Press Start 2P",monospace;font-size:6px;color:#555;min-height:12px}.event-result-banner{margin-top:16px;padding:12px 16px;background:#ffe66d1a;border:1px solid rgba(255,230,109,.3);border-radius:8px;font-family:"Press Start 2P",monospace;font-size:7px;color:#ffe66d;line-height:1.8;white-space:pre-line;animation:event-result-enter .4s ease-out}@keyframes event-result-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rest-card{background:linear-gradient(135deg,#1a2a1e,#0d1a12);border:2px solid #54a0ff;border-radius:16px;padding:28px 32px;max-width:420px;width:90%;text-align:center;box-shadow:0 0 40px #54a0ff26,inset 0 1px #ffffff0d;animation:event-card-enter .4s ease-out}.rest-icon{font-size:48px;margin-bottom:12px;filter:drop-shadow(0 2px 8px rgba(84,160,255,.3))}.rest-title{font-family:"Press Start 2P",monospace;font-size:14px;color:#54a0ff;margin-bottom:10px;text-shadow:0 0 10px rgba(84,160,255,.4)}.rest-description{font-family:"Press Start 2P",monospace;font-size:7px;color:#aaa;line-height:1.8;margin-bottom:20px}.rest-options{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.rest-option-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left;color:#ccc}.rest-option-btn:hover{background:#54a0ff1a;border-color:#54a0ff66;transform:translate(4px)}.rest-option-btn.my-vote{background:#54a0ff26;border-color:#54a0ff;box-shadow:0 0 12px #54a0ff33}.rest-option-btn.chosen{background:#54a0ff26;border-color:#54a0ff;box-shadow:0 0 16px #54a0ff4d;animation:event-chosen-pulse .5s ease-out}.rest-option-btn.dimmed{opacity:.35}.rest-option-icon{font-size:24px;flex-shrink:0}.rest-option-text{display:flex;flex-direction:column;gap:4px;flex:1}.rest-option-label{font-family:"Press Start 2P",monospace;font-size:9px;color:#fff}.rest-option-desc{font-family:"Press Start 2P",monospace;font-size:6px;color:#888;line-height:1.6}.rest-option-votes{display:flex;gap:4px;flex-shrink:0}.rest-vote-dot{width:10px;height:10px;border-radius:50%;border:1px solid rgba(255,255,255,.2);animation:event-dot-pop .3s ease-out}.rest-timer{margin-bottom:12px}.rest-timer-bar{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-bottom:4px}.rest-timer-fill{height:100%;background:linear-gradient(90deg,#54a0ff,#48dbfb);border-radius:2px;transition:width 1s linear}.rest-timer-text{font-family:"Press Start 2P",monospace;font-size:6px;color:#666}.rest-vote-status{font-family:"Press Start 2P",monospace;font-size:6px;color:#555;min-height:12px}.rest-result-banner{margin-top:16px;padding:12px 16px;background:#54a0ff1a;border:1px solid rgba(84,160,255,.3);border-radius:8px;font-family:"Press Start 2P",monospace;font-size:7px;color:#54a0ff;line-height:1.8;white-space:pre-line;animation:event-result-enter .4s ease-out}.elite-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200;text-align:center;padding:30px 50px;background:linear-gradient(135deg,#140a28f2,#3c1450f2);border:2px solid #ff6b35;border-radius:16px;box-shadow:0 0 40px #ff6b3580;animation:elite-banner-enter .5s ease-out;pointer-events:none}.elite-banner.fade-out{animation:elite-banner-exit .5s ease-in forwards}.elite-banner-icon{font-size:48px;margin-bottom:8px}.elite-banner-title{font-family:"Press Start 2P",monospace;font-size:16px;color:#ff6b35;margin-bottom:8px;text-shadow:0 0 10px rgba(255,107,53,.6)}.elite-banner-desc{font-family:"Press Start 2P",monospace;font-size:7px;color:#ddd;margin-bottom:8px;line-height:1.6}.elite-banner-mult{font-family:"Press Start 2P",monospace;font-size:10px;color:gold;text-shadow:0 0 8px rgba(255,215,0,.5)}@keyframes elite-banner-enter{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes elite-banner-exit{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.1)}}#mini-boss-screen{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:16px 20px;gap:0}.mini-boss-header{text-align:center;margin-bottom:12px;position:relative}.mini-boss-icon{width:48px;height:48px;margin:0 auto 6px;filter:drop-shadow(0 0 12px rgba(168,85,247,.5));animation:mb-icon-pulse 2s ease-in-out infinite}.mini-boss-icon svg{width:100%;height:100%}@keyframes mb-icon-pulse{0%,to{filter:drop-shadow(0 0 12px rgba(168,85,247,.5))}50%{filter:drop-shadow(0 0 20px rgba(255,107,107,.6))}}.mini-boss-title-row{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:4px}.mini-boss-title{font-family:"Press Start 2P",monospace;font-size:13px;color:var(--red);text-shadow:0 0 10px rgba(255,107,107,.4),0 0 30px rgba(255,107,107,.15);letter-spacing:1px;text-transform:uppercase}.mini-boss-timer{display:inline-flex;align-items:center;padding:3px 10px;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:4px}.mini-boss-timer-text{font-family:"Press Start 2P",monospace;font-size:10px;color:var(--red);letter-spacing:1px}.mini-boss-timer-text.urgent{color:#f44;animation:mb-timer-urgent .3s steps(2) infinite}@keyframes mb-timer-urgent{0%,to{opacity:1}50%{opacity:.3}}.mini-boss-desc{font-family:"Press Start 2P",monospace;font-size:7px;color:var(--muted);line-height:1.6;max-width:500px}.mini-boss-arena{position:relative;width:100%;max-width:620px;aspect-ratio:8 / 5;background:radial-gradient(ellipse at 50% 50%,rgba(168,85,247,.04) 0%,transparent 70%),linear-gradient(180deg,#0f0e17f2,#1a1a2e99);border:1px solid rgba(168,85,247,.2);border-radius:8px;overflow:hidden;box-shadow:inset 0 0 60px #0006,0 0 30px #a855f714}.mini-boss-arena:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(168,85,247,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(168,85,247,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}.mini-boss-arena.arena-stack-overflow{border-color:#ff6b6b40;box-shadow:inset 0 0 60px #0006,0 0 24px #ff6b6b1a}.mini-boss-arena.arena-race-condition{border-color:#4ecdc433;box-shadow:inset 0 0 60px #0006,0 0 24px #4ecdc414;cursor:pointer}.mini-boss-arena.arena-deadlock{border-color:#a855f740;box-shadow:inset 0 0 60px #0006,0 0 24px #a855f71a}.mini-boss-entity{position:absolute;transform:translate(-50%,-50%);cursor:pointer;transition:left .25s cubic-bezier(.4,0,.2,1),top .25s cubic-bezier(.4,0,.2,1),opacity .3s ease,filter .2s ease;text-align:center;user-select:none;z-index:1}.mini-boss-entity:hover:not(.defeated):not(.frozen){transform:translate(-50%,-50%) scale(1.12);filter:brightness(1.2)}.mini-boss-entity:active:not(.defeated):not(.frozen){transform:translate(-50%,-50%) scale(.95)}.mini-boss-entity.defeated{opacity:.15;pointer-events:none;filter:grayscale(1) brightness(.5)}.mini-boss-entity.frozen{filter:brightness(.5) saturate(.3);pointer-events:none;animation:mb-entity-freeze .15s steps(3) 3}@keyframes mb-entity-freeze{0%,to{transform:translate(-50%,-50%)}33%{transform:translate(-49%,-51%)}66%{transform:translate(-51%,-49%)}}.mini-boss-entity.entity-despawn{opacity:0;transform:translate(-50%,-50%) scale(.3);transition:opacity .3s ease,transform .3s ease}.mini-boss-entity-icon{width:44px;height:44px;margin:0 auto;line-height:0}.mini-boss-entity-icon svg{width:100%;height:100%}.mini-boss-entity-label{font-family:"Press Start 2P",monospace;font-size:7px;color:var(--muted);margin-top:2px;letter-spacing:1px}.mini-boss-entity-label.label-thread-a{color:var(--teal)}.mini-boss-entity-label.label-thread-b{color:var(--red)}.mini-boss-entity-hp{width:48px;height:3px;background:#ffffff14;border-radius:2px;margin:3px auto 0;overflow:hidden;position:relative}.mini-boss-entity-hp-fill{height:100%;background:linear-gradient(90deg,var(--red),var(--teal));border-radius:2px;transition:width .2s ease}.mini-boss-entity.variant-boss{filter:drop-shadow(0 0 10px rgba(255,107,107,.4))}.mini-boss-entity.variant-boss .mini-boss-entity-icon{width:56px;height:56px;animation:mb-boss-hover 3s ease-in-out infinite}@keyframes mb-boss-hover{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.mini-boss-entity.variant-frame{filter:drop-shadow(0 0 8px rgba(168,85,247,.4));animation:mb-frame-bob 1.2s ease-in-out infinite}.mini-boss-entity.variant-frame .mini-boss-entity-icon{width:36px;height:36px}@keyframes mb-frame-bob{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-4px)}}.mini-boss-entity.variant-recursive-frame{filter:drop-shadow(0 0 12px rgba(255,107,107,.7));animation:mb-recursive-frame-pulse .8s ease-in-out infinite}.mini-boss-entity.variant-recursive-frame .mini-boss-entity-icon{width:40px;height:40px}@keyframes mb-recursive-frame-pulse{0%,to{filter:drop-shadow(0 0 12px rgba(255,107,107,.7))}50%{filter:drop-shadow(0 0 20px rgba(255,107,107,1))}}.mini-boss-entity.variant-thread-a{filter:drop-shadow(0 0 10px rgba(78,205,196,.5))}.mini-boss-entity.variant-thread-a .mini-boss-entity-icon{width:52px;height:52px;animation:mb-thread-a-spin 8s linear infinite}@keyframes mb-thread-a-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mini-boss-entity.variant-thread-b{filter:drop-shadow(0 0 10px rgba(255,107,107,.5))}.mini-boss-entity.variant-thread-b .mini-boss-entity-icon{width:52px;height:52px;animation:mb-thread-b-spin 8s linear infinite reverse}@keyframes mb-thread-b-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mb-click-ripple{position:absolute;width:60px;height:60px;margin-left:-30px;margin-top:-30px;border-radius:50%;border:2px solid rgba(168,85,247,.6);animation:mb-ripple-expand .6s ease-out forwards;pointer-events:none;z-index:0}@keyframes mb-ripple-expand{0%{transform:scale(.2);opacity:1}to{transform:scale(2);opacity:0}}.mini-boss-arena.overflow-flash{animation:mb-overflow-flash .5s ease-out}@keyframes mb-overflow-flash{0%{box-shadow:inset 0 0 80px #ff6b6b80,0 0 40px #ff6b6b66;border-color:#ff6b6bcc}to{box-shadow:inset 0 0 60px #0006,0 0 24px #4ecdc414;border-color:#4ecdc433}}.mini-boss-arena.capture-flash{animation:mb-capture-flash .4s ease-out}@keyframes mb-capture-flash{0%{box-shadow:inset 0 0 80px #4ecdc480,0 0 40px #4ecdc466;border-color:#4ecdc4cc}to{box-shadow:inset 0 0 60px #0006,0 0 24px #4ecdc414;border-color:#4ecdc433}}.mini-boss-entity.variant-lock{filter:drop-shadow(0 0 6px rgba(168,85,247,.3));transition:left .25s cubic-bezier(.4,0,.2,1),top .25s cubic-bezier(.4,0,.2,1),opacity .3s ease,filter .3s ease,transform .2s ease}.mini-boss-entity.variant-lock .mini-boss-entity-icon{width:48px;height:48px}.mini-boss-entity.lock-lit{filter:drop-shadow(0 0 16px rgba(255,230,109,.8));transform:translate(-50%,-50%) scale(1.15);z-index:5;animation:mb-lock-pulse .8s ease-in-out infinite}@keyframes mb-lock-pulse{0%,to{filter:drop-shadow(0 0 16px rgba(255,230,109,.8))}50%{filter:drop-shadow(0 0 24px rgba(255,230,109,1))}}.mini-boss-entity.shake-error{animation:mb-shake-error .5s ease-out}@keyframes mb-shake-error{0%,to{transform:translate(-50%,-50%)}15%{transform:translate(calc(-50% - 6px),-50%)}30%{transform:translate(calc(-50% + 6px),-50%)}45%{transform:translate(calc(-50% - 4px),-50%)}60%{transform:translate(calc(-50% + 4px),-50%)}75%{transform:translate(calc(-50% - 2px),-50%)}}.mini-boss-entity.variant-sync-zone{pointer-events:none;animation:mb-sync-zone-pulse 2s ease-in-out infinite;z-index:0}.mini-boss-entity.variant-sync-zone .mini-boss-entity-icon{width:70px;height:70px;opacity:.7}@keyframes mb-sync-zone-pulse{0%,to{opacity:.7;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}.mini-boss-boss-hp{margin-bottom:10px;padding:6px 14px;background:#a855f70f;border:1px solid rgba(168,85,247,.12);border-radius:6px;max-width:360px;width:100%}.mb-hp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.mb-hp-label{font-family:"Press Start 2P",monospace;font-size:6px;color:var(--purple);letter-spacing:1px}.mb-hp-streak{font-family:"Press Start 2P",monospace;font-size:6px;color:var(--teal);letter-spacing:1px}.mb-hp-track{height:8px;background:#0006;border-radius:2px;overflow:hidden;position:relative;border:1px solid rgba(168,85,247,.15)}.mb-hp-fill{height:100%;background:linear-gradient(90deg,#7c3aed,#a855f7,#c084fc);transition:width .4s cubic-bezier(.4,0,.2,1);position:relative}.mb-hp-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent);border-radius:2px 2px 0 0}.mb-hp-stripe{position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent,transparent 3px,rgba(0,0,0,.1) 3px,rgba(0,0,0,.1) 6px);pointer-events:none}.mini-boss-result{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:24px 40px;border-radius:8px;animation:mb-result-enter .4s cubic-bezier(.34,1.56,.64,1);z-index:10;backdrop-filter:blur(4px)}.mini-boss-result.victory{background:#4ecdc41a;border:2px solid rgba(78,205,196,.5);box-shadow:0 0 40px #4ecdc426}.mini-boss-result.defeat{background:#ff6b6b1a;border:2px solid rgba(255,107,107,.5);box-shadow:0 0 40px #ff6b6b26}.mini-boss-result-icon{width:40px;height:40px;margin:0 auto 8px}.mini-boss-result-icon svg{width:100%;height:100%}.mini-boss-result-text{font-family:"Press Start 2P",monospace;font-size:12px;color:#fff;letter-spacing:2px}.mini-boss-result-hp{font-family:"Press Start 2P",monospace;font-size:9px;color:var(--red);margin-top:6px}@keyframes mb-result-enter{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.mini-boss-warning{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:6px 14px;background:#ff6b6b26;border:1px solid rgba(255,107,107,.4);border-radius:4px;font-family:"Press Start 2P",monospace;font-size:6px;color:var(--red);white-space:nowrap;animation:mb-warning-enter .25s ease-out;z-index:10;backdrop-filter:blur(4px)}.mini-boss-warning .warning-icon{width:12px;height:12px;flex-shrink:0;color:var(--red)}@keyframes mb-warning-enter{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}#reward-screen{display:flex;align-items:center;justify-content:center}.reward-card{text-align:center;padding:30px 40px;background:linear-gradient(135deg,#141428f2,#28143cf2);border:2px solid rgba(255,215,0,.5);border-radius:16px;box-shadow:0 0 30px #ffd70033;animation:reward-enter .5s ease-out}.reward-icon{font-size:48px;margin-bottom:8px}.reward-title{font-family:"Press Start 2P",monospace;font-size:14px;color:gold;margin-bottom:4px;text-shadow:0 0 10px rgba(255,215,0,.5)}.reward-subtitle{font-family:"Press Start 2P",monospace;font-size:8px;color:#ddd;margin-bottom:12px}.reward-score{font-family:"Press Start 2P",monospace;font-size:10px;color:#54a0ff;margin-bottom:8px}.reward-item{font-family:"Press Start 2P",monospace;font-size:8px;color:#2ecc71;margin-bottom:12px}.reward-continue-btn{display:inline-block;padding:10px 24px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border:none;border-radius:8px;font-family:"Press Start 2P",monospace;font-size:10px;color:#fff;cursor:pointer;margin-top:8px;transition:transform .15s ease,box-shadow .15s ease}.reward-continue-btn:hover{transform:scale(1.05);box-shadow:0 0 15px #6c5ce780}.reward-auto{font-family:"Press Start 2P",monospace;font-size:7px;color:#888;margin-top:12px}@keyframes reward-enter{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media(max-width:600px){.map-layout{flex-direction:column}.map-sidebar{width:100%;flex-direction:row;flex-wrap:wrap;border-left:none;border-top:1px solid rgba(255,255,255,.06);padding:8px;gap:6px}.map-sidebar-title{display:none}.map-stats{flex-direction:row;gap:8px}.map-buffs{flex-direction:row;flex-wrap:wrap;padding-top:0;border-top:none}.map-hint{display:none}.map-node{width:52px;height:52px}.map-node-icon svg{width:20px;height:20px}.map-node-label{font-size:4px}.event-card,.rest-card{padding:16px 20px;max-width:100%}.event-icon,.rest-icon{font-size:32px;margin-bottom:8px}.event-title,.rest-title{font-size:11px}.event-option-icon,.rest-option-icon{font-size:18px}.elite-banner{padding:16px 24px}.elite-banner-icon{font-size:32px}.elite-banner-title{font-size:12px}#mini-boss-screen{padding:8px 10px}.mini-boss-icon{width:36px;height:36px}.mini-boss-title{font-size:10px}.mini-boss-entity-icon{width:36px;height:36px}.mini-boss-entity.variant-boss .mini-boss-entity-icon{width:44px;height:44px}.mini-boss-boss-hp{max-width:280px}.mini-boss-arena{max-width:100%}.reward-card{padding:16px 20px;min-width:auto;width:90%}}.shop-emotes-header{margin-top:12px}.shop-emotes-hint{font-family:var(--font-ui);font-size:6px;color:#a7a9be80;text-transform:uppercase;letter-spacing:.5px}.shop-emotes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.shop-emote-card{display:grid;grid-template-columns:48px 1fr;grid-template-rows:1fr auto;gap:0;align-items:start;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:8px;transition:border-color .2s,box-shadow .2s;cursor:default}.shop-emote-card:hover{border-color:#a855f766;box-shadow:0 0 12px #a855f71a}.shop-emote-card.shop-rarity-common{border-color:#a7a9be40}.shop-emote-card.shop-rarity-rare{border-color:#a855f759}.shop-emote-card.shop-rarity-epic{border-color:#f59e0b59}.shop-emote-card.shop-rarity-common:hover{border-color:#a7a9be80}.shop-emote-card.shop-rarity-rare:hover{border-color:#a855f799}.shop-emote-card.shop-rarity-epic:hover{border-color:#f59e0b99}.shop-emote-card.shop-item-owned{opacity:.65}.shop-emote-preview{grid-row:1 / -1;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.shop-emote-preview svg{width:36px;height:36px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.shop-emote-card:hover .shop-emote-preview svg{filter:drop-shadow(0 0 8px rgba(168,85,247,.5))}.shop-emote-info{display:flex;flex-direction:column;gap:2px;min-width:0}.shop-emote-name{font-family:"Press Start 2P",monospace;font-size:7px;color:#e2e4f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-emote-desc{font-family:var(--font-ui);font-size:9px;color:#a7a9beb3;line-height:1.3}.shop-emote-meta{display:flex;align-items:center;gap:6px;margin-top:2px}.shop-emote-key{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:#a855f726;border:1px solid rgba(168,85,247,.4);border-radius:3px;font-family:"Press Start 2P",monospace;font-size:8px;color:#c4b5fd;line-height:1}.shop-emote-card .shop-item-action{grid-column:1 / -1;display:flex;justify-content:flex-end;margin-top:6px}@media(max-width:479px){.shop-emotes-grid{grid-template-columns:1fr}.shop-emote-card{padding:6px}.shop-emote-name{font-size:6px}.shop-emote-desc{font-size:8px}}.emote-bubble{position:absolute;pointer-events:none;z-index:5;width:56px;height:56px;margin-left:-28px;margin-top:-56px;animation:emote-float 2.2s ease-out forwards}.emote-bubble svg{width:56px;height:56px}.emote-gg{filter:drop-shadow(0 0 10px rgba(251,191,36,.7)) drop-shadow(0 0 20px rgba(245,158,11,.3))}.emote-nice{filter:drop-shadow(0 0 10px rgba(74,222,128,.7)) drop-shadow(0 0 20px rgba(34,197,94,.3))}.emote-lol{filter:drop-shadow(0 0 10px rgba(234,179,8,.7)) drop-shadow(0 0 20px rgba(202,138,4,.3))}.emote-wow{filter:drop-shadow(0 0 10px rgba(96,165,250,.7)) drop-shadow(0 0 20px rgba(59,130,246,.3))}.emote-panic{filter:drop-shadow(0 0 10px rgba(248,113,113,.8)) drop-shadow(0 0 20px rgba(239,68,68,.4))}.emote-shipit{filter:drop-shadow(0 0 12px rgba(167,139,250,.8)) drop-shadow(0 0 24px rgba(124,58,237,.4))}.emote-duck{filter:drop-shadow(0 0 10px rgba(250,204,21,.6)) drop-shadow(0 0 18px rgba(234,179,8,.3))}.emote-stack{filter:drop-shadow(0 0 8px rgba(99,102,241,.6)) drop-shadow(0 0 16px rgba(79,70,229,.3))}.emote-404{filter:drop-shadow(0 0 10px rgba(129,140,248,.7)) drop-shadow(0 0 20px rgba(99,102,241,.4))}@keyframes emote-float{0%{opacity:0;transform:translateY(0) scale(.3)}10%{opacity:1;transform:translateY(-10px) scale(1.15)}20%{transform:translateY(-16px) scale(1)}70%{opacity:1;transform:translateY(-50px) scale(1)}to{opacity:0;transform:translateY(-70px) scale(.7)}}