.boss-card{border:1px solid var(--color-line);background:var(--color-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;padding:10px 14px 12px}.boss-card.king{border-color:#f3c77a99;box-shadow:0 0 34px #f3c77a4d}.hp-track{background:#ffffff1a;border-radius:999px;height:8px;overflow:hidden}.hp-fill{background:linear-gradient(90deg,#f3c77a,#ff9fb5);border-radius:999px;height:100%;transition:width .15s ease-out;box-shadow:0 0 12px #f3c77a99}.gauge{background:#ffffff26;border-radius:999px;width:72px;height:6px;display:inline-block;overflow:hidden}.gauge-fill{background:linear-gradient(90deg,#c9a8ff,#ff9fb5);height:100%;transition:width .15s ease-out;display:block}.punch-btn{width:92px;height:58px;color:var(--color-star-ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:radial-gradient(circle at 40% 25%,#ffe2a8,#f3c77a 65%,#e2a95a);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:3px;transition:transform 60ms;display:flex;box-shadow:0 0 22px #f3c77a59}.punch-btn:active{transform:scale(.94)}.punch-btn.ready{animation:1.4s ease-in-out infinite ready}@media (max-width:520px){.punch-btn{width:80px;height:54px}}@media (max-width:420px){.punch-btn{width:72px}}.clear-banner{z-index:40;text-align:center;color:#fff;pointer-events:none;white-space:nowrap;text-shadow:0 0 18px #aabeffe6;animation:2.8s ease-out forwards clear;position:absolute;top:36%;left:50%;transform:translate(-50%,-50%)}.clear-banner .font-title{color:var(--color-star);text-shadow:0 0 24px #f3c77acc,0 0 60px #f3c77a66;font-size:clamp(34px,8vw,60px);line-height:1.1}@keyframes ready{50%{box-shadow:0 0 34px #f3c77ab3}}@keyframes clear{0%{opacity:0;filter:blur(8px);scale:.85}14%{opacity:1;filter:blur();scale:1}80%{opacity:1}to{opacity:0;translate:0 -24px}}.clear-banner.special{animation-duration:4s}.clear-banner.special .font-title{color:#ffe36e;text-shadow:0 0 28px #ffd24ae6,0 0 70px #ff8fb180;font-size:clamp(30px,7vw,54px)}