:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8fbff;font-synthesis:none;background:#0c1026;font-family:Inter,ui-rounded,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;touch-action:none}button{font:inherit}#app{isolation:isolate;background:radial-gradient(circle at 50% 30%,#2a336a,#0c1026 68%);position:relative}#game{outline:0;width:100%;height:100%;display:block;position:absolute;inset:0}#hud{inset:max(18px, env(safe-area-inset-top)) 20px auto;pointer-events:none;text-shadow:0 2px 12px #070b20;grid-template-columns:auto 1fr auto;align-items:start;gap:24px;display:grid;position:absolute}.brand{letter-spacing:.14em;gap:2px;display:grid}.brand strong{color:#95f6ff;font-size:15px}.brand span{opacity:.62;font-size:9px;font-weight:800}.objective{text-align:center;clip-path:polygon(5% 0,95% 0,100% 100%,0 100%);background:linear-gradient(110deg,#0f153459,#38518280,#0f153459);border-top:1px solid #84ecff8c;justify-self:center;min-width:min(430px,42vw);padding:10px 18px}.objective strong,.objective span{display:block}.objective strong{letter-spacing:.025em;font-size:14px}.eyebrow{color:#9ff3ff;letter-spacing:.24em;margin-bottom:3px;font-size:8px;font-weight:900}.status-strip{justify-content:center;align-items:center;gap:13px;margin-top:5px;display:flex}.build-progress,.egg-health{color:#ffd86b;letter-spacing:.14em;font-size:9px;font-weight:900}.egg-health{color:#87f7ff}.egg-health:before{content:"◆◆◆";letter-spacing:.04em;margin-right:5px}.egg-health[data-health="2"]{color:#ffd36b}.egg-health[data-health="2"]:before{content:"◆◆◇"}.egg-health[data-health="1"]{color:#ff8998}.egg-health[data-health="1"]:before{content:"◆◇◇"}.egg-health[data-health="0"]{color:#aab3c8}.egg-health[data-health="0"]:before{content:"◇◇◇"}.objective.feedback-correct{background:linear-gradient(110deg,#0f153459,#2877699e,#0f153459);border-top-color:#76ffc0}.objective.feedback-incorrect{background:linear-gradient(110deg,#0f153459,#88344ba3,#0f153459);border-top-color:#ff9a8f}.objective.feedback-danger{background:linear-gradient(110deg,#0f153459,#7b233db8,#0f153459);border-top-color:#ff7184}.rivals{gap:5px;min-width:180px;display:grid}.rival-row{letter-spacing:.08em;background:#090e277a;border:1px solid #ffffff1a;grid-template-columns:8px 1fr auto;align-items:center;gap:7px;padding:4px 7px;font-size:10px;display:grid}.rival-row i{border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px}.rival-row b{color:#dce7fa;white-space:nowrap;font-size:8px}.rival-row.intent-attack{border-color:#ff526f80}.rival-row.intent-attack i{border-radius:1px;transform:rotate(45deg)scale(.86,1.2)}.rival-row.intent-attack b{color:#ff899a}.rival-row.intent-guard{border-color:#65efff75}.rival-row.intent-guard i{outline-offset:2px;outline:1px solid #76f2ff}.rival-row.intent-guard b{color:#8ef4ff}.rival-row.intent-recover{border-color:#ffcb6b6b}.rival-row.intent-recover i{border-radius:1px;transform:rotate(-35deg)scale(.62,1.3)}.rival-row.intent-recover b{color:#ffd36b}.rival-row.intent-wait i{opacity:.7;transform:scale(.72)}#app:after{content:"";z-index:9;opacity:0;pointer-events:none;border:3px solid #0000;transition:opacity 90ms linear;position:absolute;inset:0;box-shadow:inset 0 0 #0000}#app.egg-lost:after{opacity:1;border-color:#ff5e77a8;box-shadow:inset 0 0 54px #80193047}#reticle{pointer-events:none;opacity:.85;width:22px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#reticle:before,#reticle:after,#reticle span:before,#reticle span:after{content:"";background:#dffcff;position:absolute;box-shadow:0 0 4px #58dfff}#reticle:before{width:2px;height:6px;top:0;left:10px}#reticle:after{width:2px;height:6px;bottom:0;left:10px}#reticle span:before{width:6px;height:2px;top:10px;left:0}#reticle span:after{width:6px;height:2px;top:10px;right:0}#debug{left:16px;bottom:max(16px, env(safe-area-inset-bottom));color:#b9c9e9;pointer-events:none;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#05091bb3;border:1px solid #7ed9ff2e;border-radius:8px;grid-template-columns:1fr 1fr;gap:3px 8px;width:166px;padding:9px 10px;font:9px/1.35 ui-monospace,Cascadia Mono,monospace;display:grid;position:absolute}#debug b{color:#7df5d0}#debug-input{left:16px;bottom:max(102px, calc(env(safe-area-inset-bottom) + 92px));z-index:12;background:#05091bd1;border:1px solid #7ed9ff33;border-radius:7px;gap:4px;padding:5px;display:flex;position:absolute}#debug-input button{color:#dff9ff;background:#182650;border:1px solid #96e8ff52;border-radius:5px;min-width:28px;min-height:28px;font-size:9px;font-weight:900}#debug-input button[aria-pressed=true]{color:#07172d;background:#81f0ff}.event-feedback{left:50%;bottom:max(76px, calc(env(safe-area-inset-bottom) + 66px));z-index:3;color:#edfdff;letter-spacing:.04em;text-align:center;pointer-events:none;background:#080f28c7;border:1px solid #7eefff66;border-radius:8px;max-width:min(620px,100% - 190px);padding:8px 14px;font-size:11px;font-weight:850;position:absolute;transform:translate(-50%);box-shadow:0 9px 28px #03071966}.event-feedback[data-tone=correct]{color:#b9ffdb;border-color:#6cffbeb3}.event-feedback[data-tone=warning]{color:#ffe5a3;border-color:#ffcf6bb8}.event-feedback[data-tone=danger]{color:pink;border-color:#ff6982c2}.control-hint{left:50%;bottom:max(20px, env(safe-area-inset-bottom));z-index:2;color:#eefcff;letter-spacing:.035em;text-align:center;pointer-events:none;background:#060c23d1;border:1px solid #87ecff6b;border-radius:999px;max-width:min(520px,100% - 210px);padding:8px 13px;font-size:11px;font-weight:800;position:absolute;transform:translate(-50%);box-shadow:0 8px 30px #03071966}.round-button{right:18px;bottom:max(18px, env(safe-area-inset-bottom));color:#eafaff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#090e26ad;border:1px solid #bdeeff59;border-radius:50%;width:42px;height:42px;position:absolute}.round-button:hover,.round-button:focus-visible{background:#263c69;border-color:#7cecff}.round-button.reset{right:68px}.round-button.sound{right:118px}.panel{text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#111839f0,#1b2351e0);border:1px solid #8aeaff73;border-radius:24px;width:min(620px,100% - 32px);padding:clamp(24px,5vw,52px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 30px 90px #030719a6,inset 0 1px #ffffff14}.panel:before{content:"";pointer-events:none;border:1px solid #ffffff0e;border-radius:17px;position:absolute;inset:10px}.kicker{color:#83efff;letter-spacing:.19em;font-size:10px;font-weight:900}.panel h1,.panel h2{letter-spacing:-.045em;max-width:520px;margin:13px auto 12px;font-size:clamp(28px,5vw,50px);line-height:.98}.panel h2{font-size:clamp(28px,4vw,42px)}.panel p{color:#bdc9e7;max-width:490px;margin:0 auto 25px;line-height:1.55}.learning-config{text-align:left;grid-template-columns:1fr 1fr;gap:12px;max-width:480px;margin:-5px auto 14px;display:grid;position:relative}.learning-config label{color:#8defff;letter-spacing:.14em;gap:6px;font-size:9px;font-weight:900;display:grid}.learning-config select{color:#f5fbff;width:100%;min-height:44px;font:inherit;cursor:pointer;touch-action:manipulation;background:#182650;border:1px solid #96e8ff70;border-radius:9px;padding:9px 36px 9px 12px;font-size:14px;font-weight:800}.learning-config select:focus-visible{outline-offset:2px;outline:2px solid #8efaff}.panel .review-note{color:#9eaccb;max-width:510px;margin-bottom:18px;font-size:11px;line-height:1.4}.primary,.secondary{letter-spacing:.08em;cursor:pointer;border-radius:10px;min-width:210px;min-height:50px;padding:13px 22px;font-weight:900;position:relative}.primary{color:#08142c;background:linear-gradient(120deg,#8efaff,#7da6ff);border:1px solid #adfbff;box-shadow:0 8px 26px #43c6ff45}.secondary{color:#effbff;background:#19254db3;border:1px solid #c2e7ff59;margin-left:8px}.sound-toggle{min-width:128px;margin:0 10px 0 0}.sound-toggle[aria-pressed=false]{color:#aab5cc;border-color:#aab5cc38}.result-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.result-actions .secondary{margin-left:0}.primary:hover,.primary:focus-visible{filter:brightness(1.08);transform:translateY(-1px)}.controls-copy{color:#9dabc9;letter-spacing:.06em;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:22px;font-size:10px;display:flex}.controls-copy b{color:#eefaff}.hidden{display:none!important}.touch-pad,#jump-button{display:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fatal{text-align:center;color:#fff;max-width:600px;margin:15vh auto;padding:30px}@media (pointer:coarse),(max-width:760px){#hud{inset:max(10px, env(safe-area-inset-top)) 10px auto;grid-template-columns:1fr auto;gap:8px}.brand{align-self:start}.objective{grid-area:2/1/auto/-1;width:min(92vw,440px);min-width:0;padding:7px 12px}.rivals{grid-area:3/1/auto/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;min-width:0}.rival-row{grid-template-columns:7px 1fr;gap:1px 5px;min-width:0;padding:3px 5px;font-size:8px}.rival-row i{grid-row:1/3}.rival-row b{letter-spacing:.02em;text-overflow:ellipsis;min-width:0;font-size:6px;overflow:hidden}.status-strip{gap:8px}.build-progress,.egg-health{letter-spacing:.08em;font-size:8px}#debug{display:none}#debug-input{left:8px;bottom:max(212px, calc(env(safe-area-inset-bottom) + 194px))}.event-feedback{bottom:max(218px, calc(env(safe-area-inset-bottom) + 200px));max-width:calc(100% - 30px);padding:7px 10px;font-size:9px}.control-hint{bottom:max(202px, calc(env(safe-area-inset-bottom) + 184px));max-width:calc(100% - 32px)}.round-button{top:max(10px, env(safe-area-inset-top));width:38px;height:38px;bottom:auto;right:8px}.round-button.reset{right:52px}.round-button.sound{right:96px}.touch-pad{bottom:max(38px, calc(env(safe-area-inset-bottom) + 22px));color:#dbf6ff80;letter-spacing:.15em;-webkit-user-select:none;user-select:none;touch-action:none;place-items:center;width:42vw;max-width:200px;height:190px;font-size:9px;font-weight:900;display:grid;position:absolute}#move-pad{left:0}#look-pad{right:0}.pad-ring{background:#101a3d40;border:2px solid #8ce4ff3d;border-radius:50%;width:104px;height:104px;position:relative}.pad-knob{background:#5fd2ee59;border:1px solid #cdf9ff99;border-radius:50%;width:38px;height:38px;position:absolute;top:32px;left:32px;box-shadow:0 0 22px #54daff2e}.look-mark{color:#adedff52;font-size:45px;font-weight:200}#jump-button{right:max(28px, env(safe-area-inset-right));bottom:max(168px, calc(env(safe-area-inset-bottom) + 150px));color:#eafbff;letter-spacing:.08em;touch-action:none;background:#4769a86b;border:1px solid #c1f4ff7a;border-radius:50%;width:68px;height:68px;font-size:10px;font-weight:900;display:block;position:absolute}.panel{border-radius:18px;padding:26px 20px}.panel h1{font-size:clamp(27px,8vw,42px)}.learning-config{grid-template-columns:1fr;gap:9px;max-width:340px}.learning-config select{min-height:42px}.controls-copy{gap:7px 12px}.secondary{margin:10px 0 0}.sound-toggle{margin:0 6px 0 0}}@media (max-height:540px) and (pointer:coarse){.panel{padding:18px 22px}.panel h1{margin:8px auto;font-size:30px}.panel p{margin-bottom:12px;font-size:13px}.learning-config{grid-template-columns:1fr 1fr;margin-bottom:9px}.learning-config label{gap:3px}.learning-config select{min-height:36px;padding-top:6px;padding-bottom:6px}.panel .review-note{margin-bottom:10px;font-size:9px}.controls-copy{margin-top:10px}.touch-pad{height:140px;bottom:4px}#jump-button{bottom:110px}#debug{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}