@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,700;9..144,900&display=swap";.sound-toggle{position:absolute;right:30px;bottom:22px;z-index:5;border:1px solid #f8dfb185;border-radius:5px;background:#193827d9;color:#fff0cc;padding:8px 11px;font-size:10px;font-weight:800;letter-spacing:.12em;box-shadow:0 3px 12px #10201566}.sound-toggle:hover{background:#27543a}@media(max-width:700px){.sound-toggle{right:15px;bottom:105px}}@media(max-width:700px){.sound-toggle{bottom:185px}}@media(min-width:701px){.intro-foot{right:150px}}html,body,#app,canvas,.touch-controls,.touch-controls button{touch-action:none}.touch-controls .actions{display:grid;grid-template-columns:repeat(2,70px);grid-template-rows:repeat(2,54px);gap:5px;align-content:end}.touch-controls .actions button{min-width:0;min-height:54px}.touch-controls .dpad button{min-width:54px;min-height:54px}.touch-controls button:active{background:#dfaa62;color:#163526}.touch-controls{bottom:max(18px,env(safe-area-inset-bottom))}@media(max-width:390px){.touch-controls .actions{grid-template-columns:repeat(2,61px)}.touch-controls .dpad button{min-width:49px}}:root{font-family:DM Sans,sans-serif;color:#fffaf0;background:#172919;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}canvas{display:block;width:100%;height:100%}.hidden{display:none!important}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #ffe597;outline-offset:4px}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 40%,transparent 42%,rgba(5,20,9,.27) 100%)}.hud{position:absolute;top:25px;left:30px;right:30px;display:flex;justify-content:space-between;gap:16px;pointer-events:none;text-shadow:0 2px 8px #142315}.brand{font-family:Fraunces,serif;font-weight:900;font-size:20px;letter-spacing:.04em;display:flex;align-items:center;gap:9px}.brand em{font-style:normal;color:#f8d894}.paw{font-size:27px;color:#e2aa59}.life-label,.mission-label{margin-top:20px;font-size:11px;letter-spacing:.19em;font-weight:700;color:#f4dfb1}.life-label span{margin-left:8px;letter-spacing:.02em;color:#fff}.lives{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px;max-width:230px}.life{color:#f6b86d;font-size:21px;line-height:1;filter:drop-shadow(0 2px 3px #3a2b1c)}.life.lost{opacity:.24}.hud-right{text-align:right}.mission-label{margin-top:4px}.mission{font-size:17px;font-weight:600;margin-top:6px}.mission strong{color:#ffdb83}.status{margin-top:10px;font-size:12px;letter-spacing:.02em;color:#f8ebcd}.status.hidden-status{color:#b8ec92}.crosshair{position:absolute;top:50%;left:50%;width:5px;height:5px;border-radius:50%;background:#fff8d8;opacity:.7;box-shadow:0 0 0 5px #ffffff35;pointer-events:none}.controls{position:absolute;bottom:19px;left:50%;transform:translate(-50%);display:flex;gap:20px;align-items:center;white-space:nowrap;font-size:12px;color:#f8e9ca;text-shadow:0 2px 4px #142315}.controls span{display:flex;align-items:center;gap:5px}kbd{font:700 11px DM Sans,sans-serif;letter-spacing:.08em;border:1px solid #fff9;border-bottom-width:2px;border-radius:4px;padding:4px 6px;background:#1d3523bb;color:#fff}.toast{position:absolute;left:50%;top:24%;transform:translate(-50%);background:#102c20dd;border:1px solid #e4be79aa;border-radius:40px;padding:12px 22px;color:#ffe0a5;font-size:16px;font-weight:700;box-shadow:0 9px 40px #0005;pointer-events:none;white-space:nowrap}.screen{position:absolute;inset:0;display:flex;align-items:center;padding:clamp(22px,8vw,100px)}.screen-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b231be8,#102a20d5 34%,#12312178 63%,#142a190f);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.intro-card{position:relative;max-width:590px;padding:34px 0;animation:slide-up .6s ease both}.eyebrow{font-size:12px;letter-spacing:.25em;color:#f8d48b;font-weight:700}.intro-card h1{font-family:Fraunces,serif;font-size:clamp(68px,9vw,134px);line-height:.78;margin:30px 0;letter-spacing:-.075em;color:#fff5d7;text-shadow:0 5px 18px #07160c5e}.intro-card h1 span{color:#e7ad5f}.tagline{font-family:Fraunces,serif;font-size:clamp(19px,2vw,27px);line-height:1.2;margin:0;color:#fff5df}.rule{height:1px;background:#edc87991;width:90px;margin:24px 0}.story{font-size:15px;line-height:1.6;color:#e8e8d8;max-width:460px}.primary{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:54px;border:0;border-radius:5px;padding:17px 20px;background:#edb45f;color:#163326;font-size:15px;font-weight:800;letter-spacing:.12em;min-width:230px;box-shadow:0 9px 25px #0c1a1366;transition:transform .15s,background .15s}.primary:hover{transform:translateY(-3px);background:#ffd284}.primary span{font-size:20px;line-height:1}.press-enter{font-size:12px;letter-spacing:.13em;color:#d8dfc8;margin:22px 0}.press-enter kbd{background:transparent}.intro-foot{position:absolute;right:28px;bottom:27px;font-size:10px;letter-spacing:.18em;color:#eee7cf}.small h1{font-size:clamp(56px,7vw,96px)}.loading{position:absolute;right:20px;top:20px;padding:10px 13px;border-radius:3px;background:#102c20c9;color:#f4d093;font-size:11px;letter-spacing:.16em;font-weight:700}.touch-controls{position:absolute;bottom:24px;left:18px;right:18px;display:none;justify-content:space-between;pointer-events:none}.touch-controls button{pointer-events:auto;border:1px solid #fff9;background:#163526b8;color:#fff4d7;border-radius:12px;min-width:48px;min-height:48px;font-weight:800}.dpad{text-align:center}.dpad>button{margin-bottom:3px}.dpad div{display:flex;gap:3px}.actions{display:flex;align-items:end;gap:6px}.actions button{min-width:65px;padding:4px;font-size:11px}.actions button:last-child{background:#b97538d9}@keyframes slide-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.screen{padding:22px}.intro-card{max-width:95%}.intro-card h1{font-size:clamp(57px,16vw,90px)}.story{font-size:13px}.hud{left:15px;right:15px;top:15px}.brand{font-size:14px}.paw{font-size:20px}.life-label{margin-top:12px}.life{font-size:18px}.mission{font-size:12px}.mission-label{font-size:9px}.controls{display:none!important}.touch-controls:not(.hidden){display:flex}.intro-foot{right:15px;bottom:12px;font-size:8px}}@media(max-height:600px){.intro-card{padding:0}.intro-card h1{font-size:clamp(54px,9vh,95px);margin:17px 0}.tagline{font-size:20px}.rule{margin:14px 0}.story{font-size:12px;line-height:1.3}.primary{padding:12px 16px;margin-top:8px}.press-enter{margin:12px 0}}.touch-controls:not(.hidden){display:flex}.touch-enabled .controls{display:none!important}.touch-enabled .sound-toggle{bottom:185px}@media(min-width:701px){.touch-enabled .touch-controls{left:30px;right:30px}.touch-enabled .touch-controls .dpad button{min-width:68px;min-height:68px}.touch-enabled .touch-controls .actions{grid-template-columns:repeat(2,92px);grid-template-rows:repeat(2,68px)}.touch-enabled .touch-controls .actions button{min-height:68px}}.debug-panel{position:absolute;z-index:8;top:165px;right:26px;width:226px;padding:12px;border:1px solid #91cde6a8;border-radius:11px;background:#0d2535e8;color:#e9f8ff;box-shadow:0 8px 28px #07131c88;font:700 11px DM Sans,sans-serif;letter-spacing:.035em}.debug-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#66d2ff;letter-spacing:.16em}.debug-heading span{font-size:9px;color:#b3d0dd;letter-spacing:.09em}.debug-row{display:flex;gap:5px;margin-bottom:7px}.debug-panel select,.debug-panel button{min-height:37px;border:1px solid #8ac8e599;border-radius:6px;background:#1d4052;color:#f0fbff;font:700 11px DM Sans,sans-serif;padding:6px;touch-action:manipulation}.debug-panel select{min-width:0;flex:1}.debug-panel button{cursor:pointer}.debug-panel button:hover{background:#28607c}.debug-panel button:disabled{opacity:.45;cursor:wait}.debug-defeat{width:100%}@media(max-width:700px){.debug-panel{top:118px;right:12px;width:190px;padding:9px}.debug-heading{margin-bottom:6px}.debug-row{gap:3px}.debug-panel select,.debug-panel button{font-size:10px;min-height:40px}}.jump-charge{position:absolute;z-index:6;width:112px;transform:translate(-50%,-50%);pointer-events:none;text-align:center;filter:drop-shadow(0 2px 4px #10201a)}.jump-charge-track{height:11px;padding:2px;border:1px solid #fff7d5;border-radius:9px;background:#123322de;overflow:hidden}.jump-charge-fill{width:0;height:100%;border-radius:5px;background:linear-gradient(90deg,#f7cc6e,#ff8745);box-shadow:0 0 7px #ffc76e}.jump-charge.full .jump-charge-fill{background:linear-gradient(90deg,#ffd365,#79e9ff);box-shadow:0 0 12px #74edff}.jump-charge span{display:block;margin-top:3px;color:#fff1c6;font:800 10px DM Sans,sans-serif;letter-spacing:.1em}html,body,#app,#app *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}