.battle{position:relative;aspect-ratio:1.9;overflow:hidden;border-radius:18px}.battle>img{width:100%;height:100%;object-fit:cover;display:block}.battle>.cover{position:absolute;inset:0;pointer-events:none}.cover.blue{clip-path:polygon(10% 25%,29% 25%,29% 44%,10% 44%)}.cover.red{clip-path:polygon(71% 25%,90% 25%,90% 44%,71% 44%)}.hud{position:absolute;top:4%;padding:8px 12px;border-radius:12px;background:#fffffff0;font-weight:800;font-size:clamp(11px,2vw,18px)}.hud.blue{left:2%;color:#096cbb}.hud.red{right:2%;color:#b8412f}.damage{position:absolute;top:45%;left:13%;width:12%;height:29%;pointer-events:none;filter:drop-shadow(1px 2px 1px #d9e2e6)}.damage.red{left:77%}.damage .hole{display:none}.damage.holed .hole{display:block}.battle-event{position:absolute;bottom:2%;left:10%;width:80%;text-align:center;background:#ffffffec;border-radius:12px;padding:5px;font-size:13px}.roster{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.member{border:2px solid #cbd8dc;border-radius:12px;padding:10px;font-size:14px}.member.blue{border-color:#379ce4;background:#eff8ff}.member.red{border-color:#ed7969;background:#fff0ed}.member button{padding:5px 8px;font-size:13px;margin-right:5px}.member button[aria-pressed=true]{box-shadow:0 0 0 2px #3f5c69}.fields{margin-bottom:15px}#room-code{max-width:280px;margin-bottom:12px}@media(max-width:650px){.roster{grid-template-columns:repeat(2,1fr)}}

.cannon-orb{position:absolute;width:16px;height:16px;border-radius:50%;background:#273945;box-shadow:0 0 12px #ffc037;top:35%;left:23%;animation:cannon-shot .7s ease-in-out forwards}.cannon-orb.blue{left:77%;animation-name:cannon-return}@keyframes cannon-shot{0%{left:23%;top:35%}50%{left:50%;top:20%}100%{left:77%;top:35%}}@keyframes cannon-return{0%{left:77%;top:35%}50%{left:50%;top:20%}100%{left:23%;top:35%}}

.hud{min-width:25%;text-align:center;padding:8px 14px}.team-title{display:block;font-size:clamp(14px,1.8vw,22px)}.team-score{display:block;font-size:clamp(36px,5.5vw,68px);line-height:1.05;font-variant-numeric:tabular-nums}.hud-health{display:block;font-size:clamp(14px,2vw,26px);margin-top:4px}.member strong{font-size:18px}.member p{font-size:17px;font-weight:700}#answer-wait{font-size:16px;font-weight:700}

.hud{padding:6px 12px}.team-title{font-size:clamp(12px,1.6vw,20px);line-height:1.2}.team-score{font-size:clamp(32px,4.5vw,56px);line-height:1}.hud-health{font-size:clamp(13px,1.6vw,20px);line-height:1.2;margin-top:3px}

.hud,.hud.blue,.hud.red{background:transparent!important;color:#ffffff!important;border:0;box-shadow:none;text-shadow:-2px -2px 0 #172b3a,2px -2px 0 #172b3a,-2px 2px 0 #172b3a,2px 2px 0 #172b3a,0 3px 5px #172b3a}.team-score{color:#ffffff}.fire-dock{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,1000px);z-index:30;padding:8px 16px calc(10px + env(safe-area-inset-bottom));background:#ffffff;border-top:2px solid #f5b04b;box-shadow:0 -4px 18px #25364b22}.fire-dock p{margin:0 0 5px;text-align:center;font-size:16px;font-weight:800;color:#80531f}.fire-dock button{display:block;width:100%;min-height:54px;font-size:clamp(18px,2.4vw,25px);background:linear-gradient(100deg,#bf4e12,#df6c15);color:white}.fire-dock button:disabled{background:#d5dce1;color:#4b5965;opacity:1}main{padding-bottom:155px}html{scroll-padding-bottom:155px}