.header-actions{display:flex;align-items:center;gap:8px}.header-actions .quiet{font-size:12px;padding:10px 12px;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.audio-note{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:-10px 0 16px;color:#b7cfcc;font-size:13px;line-height:1.5}.audio-note .quiet{font-size:12px;white-space:nowrap;padding:9px 12px}
@media(max-width:600px){header{flex-wrap:wrap;gap:14px}.header-actions{margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.audio-note{margin-top:0;flex-wrap:wrap;font-size:12px}.header-actions .quiet{min-height:42px}}
@media(max-width:380px){header{gap:12px;flex-wrap:wrap}.header-actions{margin-left:auto}}
.skill-hud{display:flex;justify-content:space-between;gap:8px;padding:7px 18px;background:#142c32;border-top:1px solid #ffffff12;color:#86e7bd;font-size:10px;font-weight:800;letter-spacing:.7px}.skill-hud .bonus-lost{color:#ddbd9d}.level-rewards,.run-bonuses{padding:10px 12px;border:1px solid #60e5af40;border-radius:8px;background:#60e5af0c;color:#86e7bd!important;font-size:12px!important;line-height:1.65!important}.level-rewards:empty{display:none}
#feedback-layer{position:absolute;inset:0;z-index:15;pointer-events:none;overflow:hidden}.feedback-pop{position:absolute;display:block;transform:translate(-50%,-50%);animation:trap-pop .75s ease-out forwards;white-space:nowrap;font-weight:900;filter:drop-shadow(0 3px 2px #142030)}.jeeter-reaction{font-size:40px;z-index:2}.points-pop{font-size:30px;color:#86ffc9;text-shadow:2px 2px #142030}.cap-pop{font-size:11px;color:#fff1dc;background:#142030d9;padding:8px 10px;border:1px solid #60e5af;border-radius:8px;z-index:3}.paint-burst{width:10px;height:10px;animation:paint-fade .7s forwards}.paint-burst i{position:absolute;width:13px;height:9px;background:#60e5af;border-radius:60% 40% 55% 45%;animation:paint-drop .65s ease-out forwards}.paint-burst i:nth-child(2n){background:#f6bb4b;width:8px;height:13px}
#boss-arrival{position:absolute;inset:0;z-index:20;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;background:linear-gradient(0deg,#101724ee,#331d2999,#101724ee);border:3px solid #ef765f;box-sizing:border-box}#boss-arrival[hidden]{display:none}#boss-arrival strong{font:900 clamp(35px,8vw,70px)/.92 'Barlow Condensed',sans-serif;color:#fff1dc;text-shadow:4px 4px #973f36;margin:12px 0}#boss-arrival span{color:#ffb28b;font-size:12px;font-weight:800;letter-spacing:2px}#boss-arrival small{color:#d4e3e5;margin-top:16px;font-size:11px}.arriving{animation:boss-enter 1.65s ease-out both}
.share-box{margin:16px 0;padding:14px;border:1px solid #ffffff26;border-radius:10px;text-align:left;background:#111d2b}.share-box h3{margin:0 0 8px;font:800 20px 'Barlow Condensed',sans-serif;color:#fff1dc}.share-box textarea{display:block;box-sizing:border-box;width:100%;min-height:104px;resize:vertical;background:#0b1721;color:#dbe9e9;border:1px solid #ffffff26;border-radius:6px;padding:10px;font:12px/1.6 'DM Sans',sans-serif}.share-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.share-actions .quiet{font-size:11px;padding:10px;flex:1;white-space:nowrap}.share-box p{font-size:11px!important;line-height:1.5!important;margin:8px 0 0!important;color:#abc5cd!important}.share-box details{margin-top:10px;font-size:12px;color:#86e7bd}.share-box summary{cursor:pointer;padding:5px 0}.share-box img{display:block;width:100%;height:auto;margin-top:8px;border-radius:6px}.share-box button:disabled{opacity:.45;cursor:wait}
@keyframes trap-pop{0%{opacity:0;transform:translate(-50%,-25%) scale(.75) rotate(0)}15%{opacity:1}100%{opacity:0;transform:translate(-50%,-160%) scale(1.08) rotate(var(--tilt,0deg))}}@keyframes paint-fade{0%,70%{opacity:1}100%{opacity:0}}@keyframes paint-drop{from{transform:translate(0,0) scale(.5)}to{transform:translate(var(--dx),var(--dy)) scale(1.15) rotate(90deg)}}@keyframes boss-enter{0%{opacity:0;transform:scale(1.08)}15%,80%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1)}}
@media(max-width:520px){.header-actions{gap:5px}.header-actions .quiet{padding:9px 7px;font-size:10px}.skill-hud{padding:7px 10px;font-size:9px;letter-spacing:.2px}.share-box{padding:10px}}
@media(prefers-reduced-motion:reduce){.feedback-pop{animation:paint-fade .75s both}.paint-burst i{animation:none;transform:translate(var(--dx),var(--dy))}.arriving{animation:none}}