.demo-log{max-height:240px;overflow-y:auto;background:#00000059;border:1px solid #3a3a3a;border-radius:8px;padding:12px;scrollbar-color:#4b5563 rgba(15,23,42,.6)}.demo-log::-webkit-scrollbar{width:8px}.demo-log::-webkit-scrollbar-track{background:#0f172a99;border-radius:8px}.demo-log::-webkit-scrollbar-thumb{background:#4b5563;border-radius:8px}.demo-log-line{display:flex;align-items:flex-start;gap:8px;padding:6px 8px;border-radius:6px;background:#ffffff0a;margin-bottom:6px}.demo-log-line:last-child{margin-bottom:0}.demo-log-line--player{border-left:3px solid #4ade80}.demo-log-line--monster{border-left:3px solid #f87171}.demo-log-line--system{border-left:3px solid #60a5fa}.demo-log-tag{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:#cbd5f5;background:#1f2937;padding:2px 6px;border-radius:999px;white-space:nowrap}.demo-log-text{color:#e5e7eb;flex:1}.demo-bar{position:relative;overflow:visible}.demo-bar-value{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:700;text-shadow:1px 1px 2px #000;font-size:.75rem;color:#fff;z-index:2}.demo-progress-height{height:16px}.demo-progress-empty{width:0%}.demo-damage{position:absolute;left:50%;top:-6px;transform:translate(-50%);font-weight:700;font-size:.95rem;text-shadow:1px 1px 2px #000;color:#f87171;animation:demoDamageFloat .9s ease-out forwards;pointer-events:none;z-index:3}@keyframes demoDamageFloat{0%{opacity:0;transform:translate(-50%,4px)}15%{opacity:1}to{opacity:0;transform:translate(-50%,-28px)}}