body{margin:0;padding:0;overflow:hidden;background-color:#000;font-family:system-ui,-apple-system,sans-serif;color:#fff}.absolute-fill{position:absolute;top:0;left:0;width:100%;height:100%}.pointer-none{pointer-events:none}.pointer-auto{pointer-events:auto}.flex-col{display:flex;flex-direction:column}.justify-between{justify-content:space-between}.p-5{padding:1.25rem}.hud-container{display:flex;justify-content:space-between;align-items:flex-start;background:linear-gradient(180deg,rgba(0,0,0,.8),transparent);padding:1rem;border-radius:.5rem}.text-left{text-align:left}.text-right{text-align:right}.text-blue{color:#60a5fa}.text-red{color:#f87171}.text-label{font-size:.875rem;color:#9ca3af;letter-spacing:.05em;text-transform:uppercase}.text-value{font-size:2.25rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5)}.text-hint{font-size:.75rem;color:#6b7280;margin-top:.25rem}.center-info{position:absolute;top:1.25rem;left:50%;transform:translateX(-50%);text-align:center}.phase-label{color:#facc15;font-weight:700;letter-spacing:.1em}.timer-text{font-size:3.75rem;font-weight:900;font-family:monospace;text-shadow:0 4px 6px rgba(0,0,0,.5);line-height:1}.damage-bar-bg{width:20rem;height:.75rem;background-color:#1f2937;margin-top:.5rem;border:1px solid #4b5563;position:relative}.damage-bar-fill{height:100%;background-color:#ef4444;transition:width .2s}.overlay{position:absolute;inset:0;background-color:rgba(0,0,0,.85);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50}.title-lg{font-size:3.75rem;font-weight:900;margin-bottom:.5rem}.subtitle{font-size:1.5rem;color:#d1d5db;margin-bottom:2rem}.btn-start{padding:.75rem 2rem;background-color:#fff;color:#000;font-size:1.25rem;font-weight:700;border:none;border-radius:.25rem;cursor:pointer;transition:background-color .2s}.btn-start:hover{background-color:#d1d5db}.result-box{text-align:center;margin-bottom:2rem;animation:pulse 2s infinite}@keyframes pulse{50%{opacity:.8}}