*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;font-family:system-ui,Arial,sans-serif;line-height:1.5;background:#000}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{cursor:pointer}ul,ol{list-style:none}a{color:inherit;text-decoration:none}#root{width:100%;height:100%;text-align:center}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background-color:tan}.game-screen{width:100vw;height:100vh;overflow:hidden;background:#f0f8ff;position:relative}.hud{position:absolute;top:12px;left:50%;transform:translate(-50%);width:min(96vw,980px);z-index:80;text-align:center;box-sizing:border-box;padding:0;display:flex;flex-direction:column;align-items:center;pointer-events:none}.game-title{width:min(100%,980px);margin:0 auto 4px;font-family:Cooper Black,Arial Rounded MT Bold,Arial Black,sans-serif;font-size:clamp(42px,7vw,82px);line-height:.95;letter-spacing:0;white-space:nowrap}.game-title-exit{animation:titleBounceAway .68s cubic-bezier(.22,.8,.28,1) forwards}.title-letter{display:inline-block;color:#fff7cc;-webkit-text-stroke:3px #111;text-shadow:0 4px 0 #111,0 8px 0 rgba(0,0,0,.18);transform:translateY(var(--lift)) rotate(var(--tilt));animation:titleShake 1.05s ease-in-out infinite alternate;animation-delay:calc(var(--i) * -80ms);position:relative;z-index:1}.title-space{width:.34em}@keyframes titleShake{0%{transform:translateY(var(--lift)) rotate(calc(var(--tilt) - 1.2deg))}to{transform:translateY(calc(var(--lift) - 2px)) rotate(calc(var(--tilt) + 1.2deg))}}@keyframes titleBounceAway{0%{transform:translateY(0)}28%{transform:translateY(12px)}to{transform:translateY(-170px)}}.menu-stack{width:fit-content;min-width:220px;max-width:min(88vw,360px);display:flex;flex-direction:column;align-items:center;gap:5px;padding:7px 10px;background:#fff8d8b3;border:2px solid #111;box-shadow:0 2px #111;box-sizing:border-box;pointer-events:auto}.menu-stack p,.menu-stack h2,.menu-stack ul{margin:0}.menu-stack ul{padding:0;list-style:none}.menu-stack button,.menu-stack input{min-height:30px;border:2px solid #111;background:#fff8d8;color:#111;font:inherit;border-radius:0;box-sizing:border-box}.menu-stack button{padding:3px 10px;cursor:pointer;box-shadow:0 2px #111}.menu-stack button:disabled{opacity:.65;cursor:default}.menu-stack input{padding:3px 8px}.how-to-play-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#000000b8;color:#fff8d8;pointer-events:auto;text-align:left}.how-to-play-panel{position:relative;width:min(420px,calc(100vw - 28px));min-height:100%;padding:14px 24px 18px;box-sizing:border-box;background:#0a0a0a80;border-right:3px solid rgba(255,248,216,.72)}.how-to-play-close{position:absolute;top:12px;right:14px;min-height:30px;border:2px solid #fff8d8;background:transparent;color:#fff8d8;font:inherit;cursor:pointer}.how-to-play-toggle{position:absolute;top:12px;left:14px;min-height:30px;border:0;background:transparent;color:#fff8d8;font:inherit;font-weight:700;cursor:pointer}.how-to-play-panel h2{margin:38px 0 10px;font-size:32px}.how-to-play-section{position:relative;margin-left:-8px;margin-right:-8px;margin-bottom:9px;padding:8px 9px 9px;background:#00000085;border-left:3px solid #fff8d8}.how-to-play-section h3{margin:0 0 4px;font-size:21px}.how-to-play-section h3 span{font-size:14px;font-weight:700}.how-to-play-section p{margin:0;font-size:17px;line-height:1.24}.how-to-play-section ul{margin:0;padding-left:20px}.how-to-play-section li{margin-bottom:3px}.round-over-panel{margin-top:8px;padding:8px 12px;background:#fff8d8c7;border:2px solid #111;box-shadow:0 2px #111;pointer-events:auto}.round-over-panel h2,.round-over-panel p{margin:0 0 6px}.winner-line{font-size:26px;font-weight:900}.death-cause{max-width:320px;font-size:16px;font-weight:700}.round-over-panel button{min-height:30px;border:2px solid #111;background:#fff8d8;color:#111;font:inherit;border-radius:0;box-shadow:0 2px #111;cursor:pointer}.arena{height:100%;position:relative;width:100%;background:linear-gradient(to bottom,#bfe7ff 0,#bfe7ff 54%,#d8b684 54%,#d8b684);overflow:visible;border:2px solid black;box-sizing:border-box}.arena:after{content:"";position:absolute;left:0;right:0;top:54%;bottom:0;background:radial-gradient(ellipse at 22% 70%,rgba(97,70,38,.12) 0 8%,transparent 18%),radial-gradient(ellipse at 74% 58%,rgba(97,70,38,.1) 0 7%,transparent 16%);pointer-events:none;z-index:1}.cactus-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.cactus-prop{position:absolute;width:var(--cactus-width);opacity:var(--cactus-opacity, 1);filter:saturate(.95);-webkit-user-select:none;user-select:none}.cactus-far-left{--cactus-width: 54px;--cactus-opacity: .72;left:8%;bottom:31%;z-index:2}.cactus-mid-left{--cactus-width: 78px;--cactus-opacity: .88;left:31%;bottom:18%;z-index:3}.cactus-mid-right{--cactus-width: 62px;--cactus-opacity: .76;right:34%;bottom:28%;z-index:2}.cactus-far-right{--cactus-width: 96px;--cactus-opacity: .95;right:6%;bottom:10%;z-index:4}.scoreboard{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:flex;gap:10px;padding:4px 10px;background:#ffffffa6;border:2px solid black;font-size:18px;font-weight:700;line-height:1;z-index:30}.practice-scoreboard{min-width:120px;justify-content:center}.countdown-stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:5}.countdown-call{position:absolute;left:50%;bottom:5%;transform:translate(-50%) scale(.35);color:#fff8d8c7;-webkit-text-stroke:4px rgba(17,17,17,.78);text-shadow:0 8px 0 rgba(0,0,0,.14);font-family:Cooper Black,Arial Rounded MT Bold,Arial Black,sans-serif;font-size:clamp(80px,16vw,240px);font-weight:900;line-height:1;animation:countdownRise 1.5s ease-out forwards}@keyframes countdownRise{0%{bottom:4%;transform:translate(-50%) scale(.35);opacity:0}15%{opacity:.55}78%{bottom:50%;transform:translate(-50%,50%) scale(1);opacity:.5}to{bottom:53%;transform:translate(-50%,50%) scale(1.08);opacity:0}}.player{position:absolute;bottom:0;width:180px;height:280px;border:4px solid transparent;transform-origin:50% 100%;z-index:20}.player-one-fallen{animation:fallLeft .65s ease-in forwards}.player-two-fallen{animation:fallRight .65s ease-in forwards}@keyframes fallLeft{0%{transform:rotate(0) translateY(0)}72%{transform:rotate(-84deg) translate(-8px,6px)}to{transform:rotate(-78deg) translate(-10px,8px)}}@keyframes fallRight{0%{transform:rotate(0) translateY(0)}72%{transform:rotate(84deg) translate(8px,6px)}to{transform:rotate(78deg) translate(10px,8px)}}.you-label{display:none}.you-label:after{content:"";position:absolute;left:50%;top:100%;width:2px;height:20px;transform:translate(-50%);background:#d6a800;box-shadow:1px 0 #111}.ready-marker{position:absolute;bottom:64px;transform:translate(-50%);min-width:116px;min-height:30px;padding:3px 10px;border:2px solid #111;border-radius:0;background:#fff8d8;color:#111;box-shadow:0 2px #111;font-weight:700;z-index:35}.player1-ready{left:420px}.player2-ready{right:420px;transform:translate(50%)}.ready-marker:disabled{opacity:.75;cursor:default}.player-one{left:120px}.player-two{right:120px}.practice-cover{position:absolute;right:250px;bottom:12px;width:110px;height:268px;display:grid;grid-template-rows:repeat(4,1fr);gap:3px;z-index:28;pointer-events:none}.practice-cover-box{width:100%;height:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#f12727;border:3px solid #111;color:#fff8d8;font-size:23px;font-weight:900;text-transform:uppercase;box-shadow:inset 0 0 0 3px #ffffff2e,4px 4px #00000047;opacity:1;transform:scale(1);transition:opacity .26s ease,transform .26s cubic-bezier(.22,.8,.28,1)}.practice-cover-box-hidden{opacity:0;transform:scale(.55) rotate(-4deg)}.avatar{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:100%;border-radius:20px}.gun{position:absolute;width:90px;height:22px;top:115px;left:115px;transform-origin:10px 50%;transition:top .22s cubic-bezier(.2,.8,.25,1),left .22s cubic-bezier(.2,.8,.25,1);will-change:top,left,transform}.player-one .gun-idle{top:140px;left:75px}.player-two .gun{transform-origin:60px 50%;left:-25px}.player-two .gun-idle{top:150px;left:15px}.gun-img{width:100%;height:auto}.player-two .gun-img{transform:scaleX(-1)}.shot-origin-marker,.shot-muzzle-marker{position:absolute;width:2px;height:2px;opacity:0;pointer-events:none;transform:translate(-50%,-50%);z-index:90}.bullet{position:absolute;width:10px;height:5px;background:#ff0;border:2px solid black;border-radius:999px;transform-origin:center;z-index:20}.hitbox{position:absolute;box-sizing:border-box;border:3px dashed lime;background:#00ff002e;color:#000;font-size:12px;font-weight:700;display:flex;align-items:flex-start;justify-content:center;pointer-events:none;z-index:15;opacity:0}