:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--ink: #10213f;--muted: #61728d;--panel: rgba(255, 255, 255, .76);--line: rgba(22, 44, 82, .18);--blue: #2782ee;--red: #ed554d;--green: #90d94d;--gold: #f7bd43;--radius: 8px}*{box-sizing:border-box}html,body{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden;background:#dff4ff;color:var(--ink)}button{font:inherit;-webkit-tap-highlight-color:transparent}.game-shell{position:fixed;inset:0;overflow:hidden;background:linear-gradient(180deg,#c9efff,#fff6df 56%,#f4d88f)}#gameCanvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hud,.timer-card,.controls-strip{position:absolute;z-index:3;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 16px 42px #2a3e5c1f,inset 0 1px #ffffffd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud{top:max(18px,env(safe-area-inset-top));width:min(38vw,430px);min-width:230px;padding:13px 15px 12px}.player-one{left:max(18px,env(safe-area-inset-left))}.player-two{right:max(18px,env(safe-area-inset-right));text-align:right}.player-name{margin-bottom:8px;font-size:.92rem;font-style:italic;font-weight:950;letter-spacing:0;text-transform:uppercase}.player-one .player-name{color:var(--blue)}.player-two .player-name{color:var(--red)}.health-frame{height:18px;overflow:hidden;border:2px solid rgba(16,33,63,.75);border-radius:4px;background:#10213f1f}.health-frame span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#9be656,#f7d957);transform-origin:left center;transition:width .16s ease}.player-two .health-frame span{margin-left:auto;background:linear-gradient(90deg,#f7d957,#9be656);transform-origin:right center}.rounds{margin-top:8px;color:var(--gold);font-size:1.05rem;font-weight:950;letter-spacing:0}.timer-card{top:max(16px,env(safe-area-inset-top));left:50%;display:grid;grid-template-columns:76px 36px;align-items:center;gap:8px;padding:9px 10px;transform:translate(-50%)}#timer{color:var(--ink);font-size:clamp(2rem,5vw,3.4rem);font-style:italic;font-weight:950;line-height:.9;text-align:center}#pauseButton{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(16,33,63,.18);border-radius:var(--radius);background:#ffffffa3;color:var(--ink);cursor:pointer}#pauseButton svg{width:58%;height:58%;fill:currentColor}.controls-strip{left:50%;bottom:max(16px,env(safe-area-inset-bottom));display:flex;gap:24px;align-items:center;max-width:calc(100vw - 36px);padding:10px 14px;color:var(--muted);font-size:.78rem;font-weight:750;line-height:1.25;transform:translate(-50%)}.controls-strip strong{color:var(--ink);font-weight:950}.overlay{position:absolute;z-index:5;inset:0;display:none;place-items:center;padding:24px;background:#eff9ff7a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.overlay.is-visible{display:grid}.overlay>div{width:min(420px,calc(100vw - 36px));padding:28px;border:1px solid rgba(16,33,63,.15);border-radius:var(--radius);background:#ffffffd1;box-shadow:0 22px 60px #2a3e5c29;text-align:center}h1{margin:0 0 10px;color:var(--ink);font-size:clamp(2.6rem,8vw,4.6rem);font-style:italic;font-weight:950;line-height:.92;letter-spacing:0}.overlay p{margin:0 auto 22px;max-width:29rem;color:var(--muted);font-size:.96rem;font-weight:760;line-height:1.45}.primary-button{min-width:164px;min-height:48px;border:0;border-radius:var(--radius);background:linear-gradient(135deg,#2782ee,#6bb9ff 50%,#f7bd43);color:#06172e;cursor:pointer;font-size:.92rem;font-weight:950;letter-spacing:0;text-transform:uppercase;box-shadow:0 14px 36px #2782ee38}@media(hover:hover){button:hover{filter:brightness(1.04)}}@media(max-width:840px){.hud{top:max(10px,env(safe-area-inset-top));min-width:132px;width:34vw;padding:9px 10px}.player-one{left:max(10px,env(safe-area-inset-left))}.player-two{right:max(10px,env(safe-area-inset-right))}.timer-card{top:max(10px,env(safe-area-inset-top));grid-template-columns:54px 32px;gap:6px;padding:7px}#timer{font-size:2rem}#pauseButton{width:32px;height:32px}.player-name{margin-bottom:6px;font-size:.74rem}.health-frame{height:14px}.rounds{margin-top:5px;font-size:.86rem}.controls-strip{display:none}}