*{box-sizing:border-box}body{margin:0;background:#f4f3ee;color:#242b23;font-family:'Courier New',monospace}header{height:66px;max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid #d9d9d1;font-size:10px;letter-spacing:1px}a{color:inherit;text-decoration:none}.home:hover{color:#55705a}main{padding:36px 18px 28px;text-align:center}.kicker{font-size:9px;letter-spacing:1.2px;color:#6c7669}h1{font-size:clamp(29px,5vw,45px);letter-spacing:-2px;margin:12px 0 6px;font-weight:900}h1 span{color:#647a52}.game-heading>p{font-size:11px;color:#808578;margin:0 0 24px}.arcade{width:min(430px,100%);margin:auto;border:2px solid #334b39;box-shadow:7px 7px 0 #d2d8c7;background:#f8f7ee;text-align:left}.hud{height:54px;display:flex;gap:25px;align-items:center;padding:0 16px;background:#334b39;color:#edf1df;font-size:9px;letter-spacing:1px}.hud strong{display:inline-block;font-size:21px;vertical-align:middle;margin-left:5px;color:#e4f19d}button{font:inherit;cursor:pointer;border-radius:0;touch-action:manipulation}.hud button{margin-left:auto;background:none;color:#e8efdd;border:1px solid #81937d;font-size:9px;padding:8px}.hud button:disabled{opacity:.4;cursor:default}.stage{position:relative;aspect-ratio:384/512;overflow:hidden;background:#b9daca}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;touch-action:none;outline-offset:-4px}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#23382b22;padding:22px}.overlay[hidden]{display:none}.panel{text-align:center;background:#fffbeeef;border:2px solid #3b503d;box-shadow:5px 5px 0 #23382b44;padding:26px 21px;width:100%}.panel>span{font-size:8px;letter-spacing:1px;color:#78816b}.panel h2{font-size:29px;letter-spacing:-1.5px;margin:16px 0}.panel p{font-size:12px;line-height:1.8;color:#68715d;margin:0 0 22px}.panel button{display:block;width:100%;padding:15px 10px;border:2px solid #344b37;background:#dcf28d;color:#253729;box-shadow:3px 3px 0 #344b37;font-size:12px;font-weight:700}.panel button:hover{background:#e9ffb2}.panel button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #344b37}.panel small{display:block;font-size:8px;letter-spacing:1px;color:#8a907e;margin-top:18px}#result{display:flex;justify-content:center;gap:25px;border-block:1px solid #d5d8c7;padding:12px 0;margin-bottom:20px;font-size:10px}#result[hidden]{display:none}#result strong{font-size:22px;color:#3d573f;display:block;margin-top:3px}.arcade-bottom{display:flex;align-items:center;justify-content:space-between;padding:12px 12px;font-size:7px;letter-spacing:.2px;border-top:2px solid #334b39}.arcade-bottom i{width:5px;height:5px;display:inline-block;background:#789351;margin-right:4px}.arcade-bottom button{font-size:9px;border:0;background:none;padding:5px;color:#334b39}.instructions{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin:24px 0 12px;color:#7b8273;font-size:9px}kbd{display:inline-block;border:1px solid #ced3c4;padding:4px;font:8px 'Courier New',monospace;background:#fbfaf4}.footnote{font-size:9px;color:#969c8d}footer{max-width:1180px;margin:auto;padding:22px 25px;border-top:1px solid #d9d9d1;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.8px;color:#8f9587}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}button:focus-visible,a:focus-visible{outline:3px solid #6574b4;outline-offset:4px}@media(max-width:500px){header>span{display:none}header{height:52px}main{padding-top:24px}.kicker{font-size:7px}footer{font-size:7px;padding-inline:18px}.panel{padding:23px 16px}.panel h2{font-size:27px}.panel p{font-size:11px}.arcade-bottom{font-size:6px}.instructions{gap:11px}}

.hud{gap:13px}.hud #sound{margin-left:auto}.hud #pause{margin-left:0}#surprise{border:1px dashed #b1be8d;padding:10px;margin-bottom:18px;font-size:10px;line-height:1.7;color:#647446}#surprise[hidden]{display:none}.reward-icon{width:32px;height:28px;image-rendering:pixelated;display:block;margin:0 auto 7px}#surprise b{display:block;color:#465d33} @media(max-width:370px){.hud{gap:8px;padding:0 9px}.hud button{padding:7px 5px}.hud strong{font-size:18px}}

.arcade-bottom #expand{margin-left:auto;margin-right:10px;white-space:nowrap}.arcade-bottom>span{font-size:6px}
body.game-expanded{overflow:hidden}body.game-expanded::before{content:'';position:fixed;inset:0;z-index:20;background:#e7eade;background-image:radial-gradient(#bbc5b5 1px,transparent 1px);background-size:14px 14px}
.game-expanded .arcade{position:fixed;z-index:21;left:50%;top:50%;transform:translate(-50%,-50%);width:min(800px,calc((100dvh - 124px)*.75),calc(100vw - 40px));margin:0;box-shadow:10px 10px 0 #c1cbb7}
.game-expanded .hud{height:54px}.game-expanded .arcade-bottom{min-height:40px}.game-expanded .arcade-bottom>span{font-size:8px}.game-expanded .arcade-bottom button{font-size:11px}.game-expanded .panel{max-width:370px;padding:30px 25px}.game-expanded .panel h2{font-size:32px}.game-expanded .panel p{font-size:13px}.game-expanded .overlay{padding:24px}
@media(min-width:1000px){.arcade{width:480px}}
@media(max-width:560px){.arcade-bottom>span{max-width:120px;font-size:6px}.arcade-bottom #expand{font-size:8px;margin-right:5px}.game-expanded .arcade-bottom>span{display:none}.game-expanded .arcade-bottom #expand{margin-left:0}.game-expanded .arcade-bottom{padding:7px 10px}.game-expanded .panel{padding:20px 14px}.game-expanded .panel h2{font-size:25px}.game-expanded .panel p{font-size:11px}}

.panel .mode-button{margin-top:17px;padding:9px 6px;background:transparent;box-shadow:none;border:1px dashed #a6b391;font-size:9px;color:#697951}.panel .mode-button:hover{background:#e7ecd9}.laser-mode .arcade{border-color:#805b66}.laser-mode .hud{background:#503d50}.laser-mode .panel{border-color:#805b66}.laser-mode .panel .mode-button{color:#8b4b66;border-color:#b88d9c}
.panel{max-height:100%;overflow-y:auto;overscroll-behavior:contain}

.laser-status{position:absolute;z-index:1;top:12px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 28px);padding:10px 15px 8px;background:#493a51f5;color:#fff5e7;border:1px solid #c69aab;text-align:center;pointer-events:none;font-family:'Courier New',monospace;box-shadow:3px 3px 0 #493a5133}.laser-status[hidden]{display:none}.laser-status strong{display:block;font-size:13px;letter-spacing:.7px;line-height:1.3}.laser-status>span{display:block;font-size:10px;letter-spacing:.2px;color:#f6c7d0;margin-top:5px}.laser-status i{display:block;height:3px;background:#786176;margin-top:7px;overflow:hidden}.laser-status b{display:block;height:100%;width:100%;background:#ffa7b7;transform:scaleX(0);transform-origin:left}.overlay{z-index:3}.game-expanded .laser-status strong{font-size:15px}.game-expanded .laser-status>span{font-size:12px}.hud{font-size:10px}.panel>span,.panel small{font-size:10px}.arcade-bottom>span{font-size:8px}@media(max-width:400px){.laser-status{padding:8px 10px}.laser-status strong{font-size:11px}.laser-status>span{font-size:9px}}