@font-face{font-family:Pixel;src:url('./assets/PressStart2P-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{font-family:Pixel,monospace;color:#26352b;background:#edf1e5;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}#stage{position:relative;width:100%;height:100svh;overflow:hidden;touch-action:none;outline:none}canvas{display:block;width:100%;height:100%}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #fff3ba;outline-offset:5px}#stage:focus-visible{outline:3px solid #47683d;outline-offset:-3px}button:disabled{opacity:.45;cursor:default}
.scores{position:absolute;left:max(24px,env(safe-area-inset-left));top:max(24px,env(safe-area-inset-top));display:flex;gap:24px;pointer-events:none;background:#f7f9ebee;padding:16px 18px;border:3px solid #344d38;box-shadow:4px 4px 0 #344d384d}.scores>div{display:flex;flex-direction:column;gap:12px}.scores>div+div{border-left:2px solid #c6d0b7;padding-left:24px}.scores span{font-size:9px;line-height:1.4;color:#536847}.scores strong{font:400 22px/1.2 Pixel,monospace;color:#263c2b;font-variant-numeric:tabular-nums}
.controls{position:absolute;right:max(24px,env(safe-area-inset-right));top:max(24px,env(safe-area-inset-top));display:flex;gap:10px}.controls button{display:grid;place-items:center;width:46px;height:46px;border:3px solid #344d38;background:#f7f9ebee;color:#263c2b;box-shadow:3px 3px 0 #344d384d;font-family:Arial,sans-serif;font-weight:900;font-size:23px}.controls button:hover{background:#d8ed9d}.controls button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #344d384d}
.notice{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(88%,340px);padding:24px;text-align:center;background:#f7f9eb;border:4px solid #344d38;box-shadow:6px 6px 0 #344d3855;font-size:11px;line-height:2}
.result{position:absolute;inset:0;display:grid;place-items:center;padding:24px;background:#182b20a8}.result-card{position:relative;width:min(100%,348px);padding:36px 28px 28px;text-align:center;background:#f3f4db;border:4px solid #263c2b;box-shadow:0 0 0 4px #f3f4db,0 0 0 8px #263c2b,12px 12px 0 8px #13251966}.result-card:before,.result-card:after{content:'';position:absolute;width:8px;height:8px;background:#859969;top:12px}.result-card:before{left:12px}.result-card:after{right:12px}.result h1{font:400 20px/1.7 Pixel,monospace;color:#263c2b;margin:28px 0 26px}.result p{font-size:9px;line-height:1.6;color:#63764f;margin:0 0 15px}.result #final-score{display:block;font:400 34px/1.4 Pixel,monospace;color:#263c2b;margin-bottom:28px}.result button{width:100%;min-height:54px;padding:16px 12px;border:3px solid #263c2b;box-shadow:4px 4px 0 #263c2b;background:#c7de8a;color:#263c2b;font-size:12px;line-height:1.5}.result button:hover{background:#d9ecad}.result button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 #263c2b}
.pixel-chicken{width:7px;height:7px;margin:0 auto 44px;position:relative;left:-18px;background:#e26953;box-shadow:7px 0 #e26953,0 7px #fffdf0,7px 7px #fffdf0,14px 7px #fffdf0,0 14px #fffdf0,7px 14px #fffdf0,14px 14px #263c2b,21px 14px #e4b34e,-7px 21px #fffdf0,0 21px #fffdf0,7px 21px #fffdf0,14px 21px #fffdf0,-14px 28px #e5e4c9,-7px 28px #fffdf0,0 28px #fffdf0,7px 28px #fffdf0,14px 28px #fffdf0,-7px 35px #fffdf0,0 35px #fffdf0,7px 35px #fffdf0,14px 35px #fffdf0,0 42px #e4b34e,14px 42px #e4b34e}
[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:650px){.scores{left:12px;top:max(12px,env(safe-area-inset-top));gap:14px;padding:12px;border-width:2px;box-shadow:3px 3px 0 #344d384d}.scores>div{gap:10px}.scores>div+div{padding-left:14px}.scores span{font-size:7px}.scores strong{font-size:18px}.controls{right:12px;top:max(12px,env(safe-area-inset-top));gap:8px}.controls button{width:44px;height:44px;border-width:2px;font-size:21px}.result-card{padding:30px 22px 24px}.result h1{font-size:18px}}@media(max-width:350px){.controls{top:auto;bottom:max(16px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Direction controls match Hunor Marton's CodePen JwWLJo. */
.movement-controls{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:50px 50px 50px;gap:10px}.movement-controls button{box-sizing:border-box;width:100%;height:40px;padding:2px 6px;background-color:white;color:black;border:1px solid lightgray;border-radius:0;box-shadow:3px 5px 0 0 rgba(0,0,0,.75);cursor:pointer;font:400 13.3333px Arial,sans-serif;touch-action:manipulation;user-select:none}.movement-controls button:first-of-type{grid-column:1/-1}.movement-controls button:focus-visible{outline:2px solid #263c2b;outline-offset:3px}
/* Current wide controls, retained in the custom game. */
.movement-controls{bottom:max(15svh,env(safe-area-inset-bottom));left:0;transform:none;box-sizing:border-box;width:100%;padding:0 16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.movement-controls button{height:48px;font-family:Pixel,monospace;font-size:14px}