.cinematic-overlay{z-index:30;background:0 0;position:absolute;inset:0}.cinematic-overlay canvas{image-rendering:auto;width:100%;height:100%;display:block}.cinematic-overlay.pixelated canvas{image-rendering:pixelated}.cinematic-overlay button{color:#fff0cd;cursor:pointer;background:#101d23ed;border:2px solid #edbd6c;padding:10px 12px;font:700 .875rem Courier New,monospace;position:absolute;top:30px;right:12px}.cinematic-overlay button small{color:#8fa995;margin-left:8px}.cinematic-overlay button:focus-visible{outline-offset:3px;outline:3px solid #fff0cd}@media (max-width:600px){.cinematic-overlay button{padding:8px;font-size:.75rem;top:22px;right:6px}}.boxing-cinematic{z-index:35;background:#101d23;flex-direction:column;display:flex;position:absolute;inset:0}.boxing-cinematic canvas{object-fit:contain;width:100%;height:0;image-rendering:pixelated;flex:1;min-height:0;display:block}.boxing-hud{color:#fff0cd;background:#091417;flex-shrink:0;grid-template-columns:1fr 170px 1fr;gap:24px;padding:10px 18px;font:700 1rem Courier New,monospace;display:grid}.boxing-fighter-hud{min-width:0}.boxing-fighter-hud>div:first-child{justify-content:space-between;gap:8px;margin-bottom:6px;display:flex}.boxing-fighter-hud.blue{grid-area:1/3}.boxing-fighter-hud.red{grid-area:1/1}.boxing-health-bar,.boxing-stamina-bar{background:#24393d;height:12px;overflow:hidden}.boxing-health-bar i,.boxing-stamina-bar i{background:var(--red);height:100%;display:block}.blue .boxing-health-bar i{background:var(--blue)}.boxing-stamina-bar{height:7px;margin-top:5px}.boxing-stamina-bar i{background:var(--yellow)}.boxing-fighter-hud small{margin-top:4px;font-size:.875rem;display:block}.boxing-round-hud{text-align:center;grid-area:1/2}.boxing-round-hud b{font-size:.875rem;display:block}.boxing-round-hud strong{margin-right:8px;font-size:1.5rem;line-height:1.2;display:inline-block}.boxing-round-hud button{min-height:32px;padding:3px 7px;font-size:.75rem}.boxing-controls{color:#fff0cd;text-align:center;background:#091417;border-top:2px solid #edbd6c;padding:8px 10px}.boxing-controls p{margin:0 0 8px;font:700 .875rem/1.4 Courier New,monospace}.boxing-touch{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.boxing-cinematic button{color:#fff0cd;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:#101d23;border:2px solid #edbd6c;min-width:44px;min-height:44px;padding:9px 11px;font:700 .875rem Courier New,monospace}.boxing-cinematic button:active{background:#34525a}.boxing-cinematic button:focus-visible{outline-offset:2px;outline:3px solid #fff0cd}.boxing-announcement{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.boxing-controls .boxing-feedback{color:#edbd6c;min-height:20px;font-size:.875rem;display:block}.boxing-paused{color:#fff0cd;background:#071317db;flex-direction:column;justify-content:center;align-items:center;gap:15px;font:700 1.25rem Courier New,monospace;display:flex;position:absolute;inset:0}.boxing-ready{color:#fff0cd;text-align:center;background:#071317ef;flex-direction:column;justify-content:center;align-items:center;padding:24px;font:1rem/1.5 Courier New,monospace;display:flex;position:absolute;inset:0;overflow:auto}.boxing-ready h2{color:#edbd6c;margin:0 0 8px;font-size:1.5rem}.boxing-ready p{max-width:680px;margin:0 0 16px}.boxing-ready-guide{grid-template-columns:repeat(3,1fr);gap:18px;max-width:860px;display:grid}.boxing-ready-guide b,.boxing-ready-guide span{display:block}.boxing-ready-guide b{color:#edbd6c;margin-bottom:6px}.boxing-ready .boxing-rules{font-size:.875rem}.boxing-ready button{min-height:48px;font-size:1rem}.boxing-ready button small{margin-left:8px;font-size:.875rem}@media (max-width:720px),(max-height:500px){.boxing-cinematic{z-index:100;height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);position:fixed;inset:0}.boxing-controls{flex-shrink:0;padding:8px}.boxing-controls p{font-size:.875rem}.boxing-touch{gap:6px}.boxing-cinematic button{min-width:44px;min-height:44px;padding:7px;font-size:.875rem}.boxing-hud{grid-template-columns:1fr 90px 1fr;gap:8px;padding:8px;font-size:.875rem}.boxing-fighter-hud>div:first-child{flex-direction:column;gap:1px}.boxing-fighter-hud small,.boxing-round-hud b{font-size:.75rem}.boxing-round-hud strong{margin:4px 0;display:block}.boxing-round-hud button{padding:4px;font-size:.75rem}.boxing-ready{padding:20px 14px}.boxing-ready-guide{max-width:540px;display:block}.boxing-ready-guide p{margin-bottom:12px}.boxing-ready h2{font-size:1.25rem}}@media (max-height:500px){.boxing-controls>p{display:none}.boxing-ready{justify-content:flex-start;padding:12px}.boxing-ready-guide{grid-template-columns:repeat(3,1fr);display:grid}.boxing-ready h2{margin-bottom:0}.boxing-ready p{margin-bottom:8px;font-size:.875rem}.boxing-hud{padding:5px}.boxing-fighter-hud>div:first-child{flex-direction:row}.boxing-round-hud strong{margin:0 8px 0 0;font-size:1.25rem;display:inline-block}.boxing-round-hud button{min-height:32px}}.boxing-win-overlay h2{overflow-wrap:anywhere;font-size:clamp(26px,3vw,40px);line-height:1.1}@media (max-width:720px),(max-height:500px){.boxing-win-overlay{z-index:100;width:min(420px,100% - 32px);max-height:calc(100dvh - 32px);position:fixed;inset:50% auto auto 50%;overflow:auto;transform:translate(-50%,-50%)}}