*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#817550;color:#fff;font-family:Impact,'Arial Black',sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid yellow;outline-offset:4px}#game{height:100svh;min-height:100%;position:relative;isolation:isolate;overflow:hidden;background:url('assets/hood-uncensored.png') center 48%/cover no-repeat;image-rendering:pixelated}#game:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1a241b80,transparent 65%);z-index:-1}.scanlines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#0002 0,#0002 1px,transparent 2px,transparent 4px);z-index:6}h1{position:absolute;top:9%;left:6%;font-size:clamp(60px,10.8vw,160px);line-height:.86;letter-spacing:-3px;margin:0;transform:rotate(-4deg);text-transform:uppercase;color:#eeeade;-webkit-text-stroke:2px #151912;text-shadow:5px 6px 0 #151912;z-index:2}h1 span{color:#b0cd56}.hud{position:absolute;right:4%;top:4%;display:grid;justify-items:end;font-size:clamp(24px,3vw,44px);line-height:1.1;-webkit-text-stroke:1px #10130d;text-shadow:3px 3px #10130d;z-index:3}.hud .stars{color:#d4bd60;letter-spacing:4px}.hud b{color:#76a96d;font-weight:400}#sound{position:absolute;bottom:24px;left:25px;z-index:8;background:#1119;border:2px solid #111;color:#eee;padding:8px 12px;font:700 14px monospace;transform:rotate(-2deg)}.subtitle{position:absolute;left:6%;top:57%;font:bold clamp(15px,1.7vw,25px)/1.25 Arial;max-width:45%;color:#fff1ac;text-shadow:2px 2px #111,-1px -1px #111;transform:rotate(-3deg);z-index:3}#cj{position:absolute;height:65%;width:auto;max-width:85%;object-fit:contain;right:0;bottom:7%;image-rendering:pixelated;filter:drop-shadow(8px 8px 0 #15191288);z-index:1;pointer-events:none;transform-origin:bottom center}.controls{position:absolute;left:6%;bottom:13%;width:min(420px,44%);z-index:4}#again{width:100%;font-size:clamp(20px,2.7vw,37px);background:#719c39;color:#e9e5bd;border:4px solid #10170d;box-shadow:5px 5px #10170d;padding:14px 12px;transform:rotate(-2deg);text-shadow:2px 2px #18220f}#again:hover{background:#99be51}#again:active{transform:rotate(2deg) translate(3px,3px);box-shadow:1px 1px #111}.ca{display:flex;background:#151912db;border:2px solid #050a05;margin-top:20px;transform:rotate(1deg);padding:5px}.ca input{width:100%;min-width:0;border:none;background:transparent;color:#e8e6d2;font:bold 14px monospace;padding:10px}.ca button{border:1px solid #a7af8d;background:#333b29;color:#eee;padding:8px;font:bold 12px monospace}.ca button:disabled{opacity:.45;cursor:not-allowed}.lore{position:absolute;bottom:28px;left:190px;color:#fff2b7;font:bold 13px monospace;text-shadow:2px 2px #000;z-index:8}.location{position:absolute;right:4%;bottom:3%;font:italic 900 clamp(30px,4vw,60px) Georgia;letter-spacing:-2px;color:#dfddd1;text-shadow:4px 4px #111;-webkit-text-stroke:1px #111;z-index:3}.mission{position:absolute;top:40%;left:0;right:0;z-index:7;background:#0008;text-align:center;font:900 clamp(36px,6vw,90px) Impact,sans-serif;color:#dca947;text-shadow:4px 4px #111;padding:20px;display:none}.mission small{display:block;color:#f5eacb;font-size:40%}.mission.show{display:block}#toast{display:none;position:absolute;bottom:22%;left:8%;background:#111;color:#fff;padding:15px;z-index:9;font:14px monospace}#toast.show{display:block}.goofy #cj{animation:goofy .7s steps(4) 2}@keyframes goofy{0%,100%{transform:rotate(0) scale(1)}25%{transform:rotate(15deg) scale(1.2)}50%{transform:rotate(-12deg) scale(.9)}75%{transform:translateX(-50px) rotate(8deg) scale(1.3)}}@media(max-width:650px){h1{top:14%;left:7%;font-size:clamp(64px,15vw,98px);-webkit-text-stroke:1px #111;text-shadow:4px 4px #111}.hud{font-size:22px;right:5%;top:3%}.subtitle{top:47%;left:7%;max-width:70%;font-size:16px}#cj{height:48%;max-width:115%;right:-27%;bottom:16%}.controls{left:7%;bottom:14%;width:80%}#again{font-size:25px;padding:13px}.ca{margin-top:13px}.location{bottom:8%;right:5%;font-size:28px}#sound{bottom:18px;left:7%;font-size:11px}.lore{bottom:27px;left:auto;right:7%;font-size:11px}}@media(max-height:550px) and (min-width:651px){h1{font-size:16vh;top:8%}.subtitle{top:52%;font-size:14px}.controls{bottom:13%;width:38%}#again{font-size:20px;padding:8px}.ca{margin-top:10px}.ca input{padding:5px}.hud{font-size:24px}}@media(prefers-reduced-motion:reduce){.goofy #cj{animation:none}}