:root{color:#1c315b;font-synthesis:none;background:#2778b3;font-family:Inter,ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root,.app-shell{width:100%;min-height:100%;margin:0}body{overflow:hidden}button{font:inherit;-webkit-tap-highlight-color:transparent}.screen{isolation:isolate;background:linear-gradient(#7fe0ff 0 53%,#74c74d 53%);width:min(100vw,560px);height:100dvh;min-height:620px;margin:0 auto;position:relative;overflow:hidden}.persistent-scene{background:linear-gradient(#7fe0ff 0 53%,#74c74d 53%);width:min(100vw,560px);height:100dvh;min-height:620px;margin:0 auto;position:absolute;inset:0;overflow:hidden}.persistent-scene canvas{touch-action:none;display:block;width:100%!important;height:100%!important}.scene-hidden{pointer-events:none}.interface-layer{z-index:2;pointer-events:none;background:0 0;position:relative}.interface-layer button,.result-overlay{pointer-events:auto}.scene-loader{color:#fff;background:linear-gradient(#7fe0ff 0 53%,#74c74d 53%);place-items:center;font-weight:900;display:grid;position:absolute;inset:0}.lobby-screen{padding:max(24px, env(safe-area-inset-top)) 22px max(24px, env(safe-area-inset-bottom));place-items:center;display:grid}.lobby-sky{z-index:-2;background:linear-gradient(#8ce6ff 0 52%,#8ed15a 52%);position:absolute;inset:0;overflow:hidden}.cloud{filter:blur(1px);background:#ffffffd1;border-radius:99px;width:140px;height:44px;position:absolute}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.cloud:before{width:58px;height:58px;bottom:6px;left:23px}.cloud:after{width:76px;height:76px;bottom:2px;right:16px}.cloud-one{top:11%;left:-48px;transform:scale(.74)}.cloud-two{top:26%;right:-43px;transform:scale(.54)}.hill{border-radius:50% 50% 0 0;width:145%;position:absolute}.hill-back{background:#78bf52;height:34%;bottom:28%;left:-23%}.hill-front{background:#5daf43;height:35%;bottom:-11%;left:-20%}.lobby-card{text-align:center;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#ffffffc9;border:3px solid #ffffffd1;border-radius:30px;width:min(100%,395px);padding:26px 20px 22px;box-shadow:0 16px 36px #194d4e3b}.eyebrow{letter-spacing:.18em;color:#4970a8;margin:0 0 5px;font-size:11px;font-weight:900}h1,h2{letter-spacing:-.055em;margin:0;font-weight:1000;line-height:.83}h1{color:#176ad0;text-shadow:0 4px #f8d62f,0 7px #174c9e;font-size:clamp(56px,14vw,76px)}.lobby-copy{color:#345178;margin:23px 0 20px;font-weight:800;line-height:1.5}.primary-button,.secondary-button,.stage-button,.icon-button,.text-button,.back-button,.sound-button{cursor:pointer;border:0;transition:transform .16s,filter .16s}.primary-button:active,.secondary-button:active,.stage-button:not(:disabled):active,.icon-button:active,.back-button:active,.sound-button:active{transform:translateY(2px)scale(.98)}.primary-button{color:#fff;letter-spacing:.03em;background:linear-gradient(#ffca36,#ef891d);border-radius:16px;min-height:52px;padding:12px 18px;font-weight:1000;box-shadow:inset 0 2px #ffffff80,0 5px #ba5c16}.primary-button.large{width:100%;font-size:18px}.secondary-button{color:#275184;background:#e7f4ff;border-radius:16px;min-height:52px;padding:12px 18px;font-weight:900;box-shadow:inset 0 2px #fff,0 4px #a3cce7}.stage-grid{grid-template-columns:repeat(5,1fr);gap:8px;margin:22px 0 15px;display:grid}.stage-button{color:#2764af;background:#dff4ff;border-radius:13px;min-height:58px;box-shadow:0 3px #a9ceeb}.stage-button span,.stage-button i{font-size:8px;font-style:normal;font-weight:900;display:block}.stage-button strong{font-size:22px;line-height:1}.stage-button.locked{color:#8493a7;cursor:not-allowed;background:#d7dde1;box-shadow:0 3px #a9b4bb}.lobby-actions{justify-content:center;align-items:center;gap:14px;display:flex}.icon-button,.sound-button,.back-button{background:#ffffffe0;border-radius:50%;width:38px;height:38px;font-size:17px;box-shadow:0 3px #1e588d40}.text-button{color:#557597;background:0 0;font-size:12px;font-weight:800;text-decoration:underline}.lobby-cannon{filter:drop-shadow(0 8px 7px #14512047);width:155px;height:180px;position:absolute;bottom:-23px;left:50%;transform:translate(-50%)}.cannon-base{background:linear-gradient(90deg,#185fc5,#297ee4,#1154b8);border:7px solid #f1c62c;border-radius:48% 48% 20% 20%;width:126px;height:75px;position:absolute;bottom:0;left:14px}.cannon-ring{background:#f4c72e;border:8px solid #236ed1;border-radius:50%;width:92px;height:85px;position:absolute;bottom:53px;left:32px}.barrel{transform-origin:bottom;background:linear-gradient(90deg,#1356bd,#347fe1,#1458bc);border:8px solid #efc42a;border-radius:34px 34px 12px 12px;width:78px;height:124px;position:absolute;bottom:90px;left:39px;transform:perspective(110px)rotateX(18deg)}.hud{z-index:3;top:max(16px, env(safe-area-inset-top));pointer-events:none;grid-template-columns:42px 1fr 42px;align-items:center;gap:10px;display:grid;position:absolute;left:14px;right:14px}.hud button{pointer-events:auto}.stage-pill{color:#fff;letter-spacing:.08em;background:#1659a8d6;border:2px solid #ffffffa8;border-radius:99px;justify-self:center;padding:9px 17px;font-size:13px;font-weight:1000;box-shadow:0 3px #0a366f47}.objective-card{z-index:3;top:max(70px, calc(env(safe-area-inset-top) + 54px));color:#275083;pointer-events:none;background:#ffffffe0;border:2px solid #ffffffe6;border-radius:15px;gap:4px;min-width:131px;padding:10px 13px;display:grid;position:absolute;left:14px;box-shadow:0 4px #2f73a538}.objective-card div{justify-content:space-between;align-items:center;gap:13px;font-size:11px;font-weight:900;display:flex}.objective-card strong{color:#ec901f;letter-spacing:.08em;font-size:13px}.status-toast,.touch-hint{z-index:3;white-space:nowrap;pointer-events:none;border-radius:99px;font-size:12px;font-weight:900;position:absolute;left:50%;transform:translate(-50%)}.status-toast{color:#fff;background:#164773c7;padding:9px 15px;bottom:23%}.touch-hint{color:#1d579d;background:#ffffffc4;padding:8px 13px;animation:1.5s ease-in-out infinite hint;bottom:11%}@keyframes hint{50%{transform:translate(-50%)translateY(-5px)}}.result-overlay{z-index:8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d395961;place-items:center;padding:22px;display:grid;position:absolute;inset:0}.result-card{text-align:center;background:#f7fcff;border:4px solid #fff;border-radius:28px;width:min(100%,370px);padding:30px 24px 24px;box-shadow:0 16px 42px #06264959}.result-card h2{color:#1971d2;text-shadow:0 3px #b9e7ff;font-size:44px}.result-card.lose h2{color:#ef683c;text-shadow:0 3px #ffe0b8}.result-card p:not(.eyebrow){color:#48647f;margin:17px 0 22px;font-weight:750;line-height:1.45}.result-buttons{grid-template-columns:1fr 1fr;gap:12px;display:grid}.result-buttons .full{grid-column:1/-1}@media (width>=561px){body{background:radial-gradient(circle at 50% 30%,#78d8f6,#21639d 70%)}}@media (height<=700px){.lobby-card{transform:scale(.88)}.lobby-cannon{transform-origin:bottom;transform:translate(-50%)scale(.78)}}