.damage-feed{position:absolute;left:18px;top:132px;z-index:5;display:grid;gap:5px;max-width:300px;pointer-events:none}.damage-notice{background:#102329ed;border-left:3px solid #edb47b;padding:9px 12px;box-shadow:0 5px 16px #06131955;border-radius:3px}.damage-notice strong,.damage-notice span{display:block}.damage-notice strong{font:600 11px var(--sans);color:#f2ebd3;margin-bottom:4px}.damage-notice span{font:11px/1.4 var(--sans);color:#f9cc9d}.damage-notice.fire{border-color:#e5905c}.damage-notice.fall{border-color:#c1c8a5}
.fatality{position:absolute;top:36%;left:50%;transform:translateX(-50%);text-align:center;z-index:6;pointer-events:none;color:#ffce92;text-shadow:0 3px 12px #0d171b,0 0 24px #e5a75a44}.fatality strong{display:block;font:800 clamp(27px,4vw,49px)/1.1 var(--sans);letter-spacing:6px}.fatality span{display:block;font:11px var(--mono);margin-top:9px;color:#e8e3cd}.fatality[hidden],.hit-replay[hidden]{display:none}
.hit-replay{position:absolute;right:16px;top:125px;width:276px;z-index:7;border:1px solid #d7b27a;border-radius:6px;overflow:hidden;background:#11272eee;box-shadow:0 8px 26px #0005}.replay-head{display:flex;justify-content:space-between;align-items:center;padding-left:10px;gap:8px;color:#f1d5a0;font:9px var(--mono);letter-spacing:1px}.replay-head button{width:44px;height:44px;border:0;background:#263e44;color:#f3e4c4;font-size:23px}.hit-replay canvas{display:block;width:100%;height:auto;aspect-ratio:16/9;pointer-events:none}.replay-track{height:3px;background:#52605b}.replay-track i{height:100%;display:block;background:#eabb7e;width:0}.replay-button{border:1px solid #70817b;background:#20363b;color:#ebd09f;font:11px var(--sans);border-radius:5px;padding:8px 12px;min-height:44px}.replay-button:disabled{display:none}.shot-report>.replay-button{margin-left:auto;flex-shrink:0}.shot-report{gap:13px}#mobileReplayLast{width:100%;margin-top:8px}#resultReplay{width:100%;margin-top:15px}
.mobile .damage-feed{top:calc(101px + env(safe-area-inset-top));left:8px;max-width:min(320px,calc(100% - 16px))}.mobile .damage-notice{padding:6px 9px}.mobile .damage-notice:not(:last-child){display:none}.mobile .damage-notice strong{font-size:10px;margin-bottom:2px}.mobile .damage-notice span{font-size:10px}.mobile .hit-replay{top:calc(165px + env(safe-area-inset-top));right:8px;width:184px}.mobile .replay-head{font-size:8px;letter-spacing:.3px}.mobile .fatality{top:35%;width:90%}.mobile .fatality strong{font-size:30px;letter-spacing:4px}
@media(orientation:landscape) and (max-height:550px){.mobile .damage-feed{max-width:200px}.mobile .hit-replay{top:calc(88px + env(safe-area-inset-top));width:170px}.mobile .fatality{top:33%}}
.fatality:not([hidden])~.announcement{opacity:0}.fatality:not([hidden]){animation:fatality-enter .22s ease-out}@keyframes fatality-enter{from{opacity:0;transform:translateX(-50%) scale(1.12)}to{opacity:1;transform:translateX(-50%) scale(1)}}@media(prefers-reduced-motion:reduce){.fatality:not([hidden]){animation:none}}

@media(orientation:landscape) and (max-height:350px){.mobile .hit-replay{top:calc(74px + env(safe-area-inset-top));width:156px}}
.replay-return{display:block;width:100%;min-height:44px;border:0;border-top:1px solid #70817b;background:#284147;color:#f1d5a0;font:12px var(--sans)}.replay-return[hidden],.round-return[hidden]{display:none}.round-return{position:absolute;z-index:8;left:18px;bottom:48px;min-height:44px;padding:9px 14px;border:1px solid #d7b27a;border-radius:6px;background:#17343bf2;color:#f1d5a0;font:12px var(--sans);box-shadow:0 4px 18px #07161b66}.mobile .round-return{left:8px;bottom:calc(180px + env(safe-area-inset-bottom));font-size:12px}@media(orientation:landscape) and (max-height:550px){.mobile .round-return{bottom:calc(90px + env(safe-area-inset-bottom))}}
.opening-banner{position:absolute;z-index:4;top:130px;left:50%;transform:translateX(-50%);max-width:calc(100% - 24px);padding:12px 20px;text-align:center;border:1px solid #a9c5b57a;border-radius:6px;background:#12272ee8;pointer-events:none;color:#e4ead4;box-shadow:0 5px 22px #07161b44}.opening-banner[hidden]{display:none}.opening-banner strong{display:block;font:11px var(--mono);letter-spacing:2px;color:#eec184}.opening-banner span{display:block;font:14px var(--sans);margin:8px 0;white-space:normal}.opening-banner b{display:block;font:12px var(--sans);font-weight:500;color:#9ce1dc}.mobile .opening-banner{top:115px;padding:10px 14px;width:max-content}.mobile .opening-banner span{font-size:13px}@media(orientation:landscape) and (max-height:550px){.mobile .opening-banner{top:78px;padding:7px 12px}.mobile .opening-banner span{margin:5px 0}}