.pause-button{pointer-events:auto;color:#fff;font:inherit;line-height:1;cursor:pointer}
.stats .pill:not(.pause-button){display:none}
.brand{margin-top:62px}
.pause-button:hover,.pause-button:focus-visible{background:rgba(227,110,91,.92);outline:2px solid rgba(255,255,255,.8);outline-offset:2px}
#scoreStat{background:#e9aa3f;color:#18304f;text-shadow:none;box-shadow:0 5px 0 rgba(125,93,40,.45)}
#gearStat{background:#fff1c8;color:#7d5d28;text-shadow:none;border-color:#e9aa3f}
#heartStat{background:#e6483f;color:#fff;box-shadow:0 5px 0 rgba(125,45,42,.42)}
.stats .pill:last-child{background:#9b70b4;color:#fff;box-shadow:0 5px 0 rgba(82,54,100,.4)}
.story-panel{width:min(720px,94vw);max-height:min(92vh,760px);overflow:auto;padding:clamp(22px,4vw,38px);background:linear-gradient(145deg,rgba(255,249,237,.98),rgba(248,237,214,.98));border-color:rgba(24,48,79,.18);box-shadow:0 30px 80px rgba(0,0,0,.3),inset 0 0 0 5px rgba(255,255,255,.38)}
.story-panel:before{content:"";display:block;width:54px;height:6px;margin:0 auto 12px;border-radius:50%;background:var(--gold);transform:rotate(-2deg);box-shadow:18px 2px 0 -2px var(--coral),-17px 1px 0 -2px var(--sky)}
.eyebrow{margin:0 0 10px!important;color:#92702f!important;font-size:.72rem!important;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.story-panel h1{font-size:clamp(2.2rem,6vw,4.15rem);max-width:620px;margin-inline:auto}
.story-lede{max-width:610px;margin:0 auto 16px;line-height:1.55}
.mission-strip{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:14px 0}
.mission-strip span{padding:7px 11px;border:1px solid rgba(24,48,79,.12);border-radius:999px;background:rgba(255,255,255,.55);font-size:.74rem;font-weight:800;color:#445568}
.story-instructions{margin:15px 0 12px}
.story-instructions div{position:relative;border:1px solid rgba(24,48,79,.09);background:rgba(241,232,214,.78);line-height:1.55}
.story-instructions div:first-child{transform:rotate(-.35deg)}
.story-instructions div:last-child{transform:rotate(.35deg)}
.pickup-key{display:inline-grid;width:20px;height:20px;margin:2px 4px 2px 0;place-items:center;border-radius:50%;color:#fff;font-size:.72rem;font-weight:900}
.weapon-key{background:var(--coral)}.health-key{background:#fff;color:var(--coral);border:2px solid var(--coral)}.life-key{background:var(--gold)}
.progress-note{margin:2px auto 0!important;padding:9px 13px;max-width:610px;border-left:3px solid var(--gold);background:rgba(255,255,255,.48);text-align:left;font-size:.82rem!important;line-height:1.45}
.story-panel .actions{margin-top:16px}
.pause-panel{width:min(440px,92vw);background:linear-gradient(145deg,#fff9ed,#f4e7cd)}
.pause-panel:before{content:"Ⅱ";display:grid;place-items:center;width:46px;height:46px;margin:0 auto 14px;border-radius:50%;background:var(--ink);color:#fff;font-weight:900;box-shadow:4px 5px 0 rgba(233,170,63,.55);transform:rotate(-2deg)}
@media(pointer:coarse),(max-width:800px){.story-panel{padding:20px;max-height:94vh}.story-instructions{grid-template-columns:1fr 1fr}.pause-button span{display:none}.brand{display:none}}
@media(max-width:620px){.story-panel h1{font-size:clamp(2rem,10vw,3rem)}.story-instructions{grid-template-columns:1fr}.mission-strip span{font-size:.68rem}.progress-note{font-size:.76rem!important}}
@media(pointer:coarse),(hover:none),(max-width:800px){html,body{width:100%;height:100%;min-height:100svh;overflow:hidden}.game-shell{width:100vw;height:100dvh;min-height:100svh;max-width:none;max-height:none;padding:0;background:#10223a}.game-shell canvas{width:100vw;height:100dvh;min-height:100svh;max-width:none;max-height:none;object-fit:cover}.topbar{left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top))}.mobile-controls{inset:auto 0 0;display:flex;align-items:flex-end;padding:0 max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));pointer-events:none}.move-pad,.action-pad{align-items:flex-end;gap:clamp(8px,1.8vw,16px)}.control{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:clamp(74px,11vw,94px);height:clamp(74px,11vw,94px);border:2px solid rgba(255,255,255,.62);background:rgba(24,48,79,.58);box-shadow:0 7px 20px rgba(3,16,28,.24),inset 0 0 0 2px rgba(255,255,255,.06);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.control-glyph{font-size:clamp(1.45rem,3.8vw,2rem);line-height:.9}.control-label{font-size:.58rem;line-height:1;text-transform:uppercase;letter-spacing:.08em;opacity:.86}.duck-control{width:clamp(62px,9vw,78px);height:clamp(62px,9vw,78px);background:rgba(24,48,79,.48)}.jump-control{background:rgba(233,170,63,.68)}.shoot-control{width:clamp(82px,12vw,102px);height:clamp(82px,12vw,102px);background:rgba(227,110,91,.72)}.control:active,.control.active{background:rgba(255,249,237,.88);color:var(--ink);border-color:#fff;transform:scale(.92)}.exit{right:max(10px,env(safe-area-inset-right));bottom:auto;top:calc(max(8px,env(safe-area-inset-top)) + 52px)}.overlay{padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.story-panel{max-height:calc(100dvh - max(28px,env(safe-area-inset-top) + env(safe-area-inset-bottom)));overscroll-behavior:contain}}
@media(pointer:coarse) and (orientation:portrait),(hover:none) and (orientation:portrait){.mobile-controls{padding-bottom:max(20px,env(safe-area-inset-bottom))}.move-pad{display:grid;grid-template-columns:repeat(2,1fr);align-self:flex-end}.action-pad{display:grid;grid-template-columns:repeat(2,auto);grid-template-areas:"duck jump" "shoot shoot";justify-items:end}.duck-control{grid-area:duck}.jump-control{grid-area:jump}.shoot-control{grid-area:shoot;margin-right:6px}.control{width:clamp(70px,19vw,88px);height:clamp(70px,19vw,88px)}.duck-control{width:clamp(58px,16vw,72px);height:clamp(58px,16vw,72px)}.shoot-control{width:clamp(80px,22vw,98px);height:clamp(80px,22vw,98px)}.rotate{top:max(58px,calc(env(safe-area-inset-top) + 50px))}}
@media(pointer:coarse) and (orientation:landscape) and (max-height:540px){.mobile-controls{padding-bottom:max(8px,env(safe-area-inset-bottom))}.control{width:clamp(66px,13vh,84px);height:clamp(66px,13vh,84px)}.duck-control{width:clamp(56px,11vh,70px);height:clamp(56px,11vh,70px)}.shoot-control{width:clamp(74px,15vh,92px);height:clamp(74px,15vh,92px)}.control-label{font-size:.52rem}.story-panel{max-height:calc(100dvh - 18px);padding:15px}.story-panel h1{font-size:clamp(1.75rem,7vh,2.6rem)}.story-lede{font-size:.82rem!important;line-height:1.35}.story-instructions{margin:9px 0}.story-instructions div{font-size:.72rem;padding:9px}.mission-strip{margin:8px 0}.progress-note{display:none}}

/* Mobile gamepad: all directional actions stay together under the left thumb. */
@media(pointer:coarse),(hover:none),(max-width:800px){.move-pad{display:grid;grid-template-columns:repeat(3,auto);grid-template-areas:". up ." "left down right";align-items:center;justify-items:center;align-self:flex-end;gap:4px}.move-pad .jump-control{grid-area:up}.move-pad .left-control{grid-area:left}.move-pad .duck-control{grid-area:down}.move-pad .right-control{grid-area:right}.action-pad{display:flex;align-self:flex-end}.action-pad .shoot-control{margin:0}.control{width:clamp(64px,10vw,82px);height:clamp(64px,10vw,82px)}}
@media(pointer:coarse) and (orientation:portrait),(hover:none) and (orientation:portrait){.move-pad{grid-template-columns:repeat(3,clamp(58px,16vw,72px))}.move-pad .control{width:clamp(58px,16vw,72px);height:clamp(58px,16vw,72px)}.action-pad{display:flex}.action-pad .shoot-control{width:clamp(80px,22vw,98px);height:clamp(80px,22vw,98px);margin-right:6px}}