*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#111;font-family:Arial,"sans-serif";user-select:none;-webkit-user-select:none}.font-secondary{font-family:Bangers,system-ui}#gameCanvas{display:block;position:fixed;top:0;left:0;image-rendering:pixelated;image-rendering:crisp-edges}#hud{position:fixed;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;z-index:10;pointer-events:none}#item-box{background:#000000a6;border:2px solid #2e7d32;border-radius:4px;padding:2px 14px 5px;color:#fff;font-size:18px;letter-spacing:1px;white-space:nowrap}#item-box span{color:#69ff90;font-size:15px}#score-box{background:#000000a6;border:2px solid #5a5a5a;border-radius:4px;padding:2px 14px 5px;color:#fff;font-size:18px;letter-spacing:1px;white-space:nowrap}#score-box span{color:#ffe033;font-size:15px}#danger-box{background:#000000a6;border:2px solid #5a5a5a;border-radius:4px;padding:7px 10px;display:flex;align-items:center;gap:8px;width:165px}#danger-label{color:#f63;font-size:13px;white-space:nowrap;letter-spacing:1px}#danger-track{flex:1;height:14px;background:#222;border:1px solid #555;border-radius:2px;overflow:hidden}#danger-bar{height:100%;width:0%;background:linear-gradient(90deg,#3c3,#fa0 55%,#f20);transition:width .1s linear,background .2s;border-radius:2px}.title-main{font-weight:400;font-style:normal}.screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;background:#000000b8}.screen.hidden{display:none}.screen-panel{background:#1a1a1a91;border:3px solid #4a7c59;border-radius:8px;padding:40px 48px;text-align:center;max-width:480px;width:90%;box-shadow:0 0 40px #00c8502e;backdrop-filter:blur(10px)}.start-screen-img{margin-top:-105px;margin-bottom:-45px}.start-screen-img img{width:50%;height:auto}.screen-panel h1{font-size:50px;color:#91ffb9;text-shadow:0px 5px 11px #000000;letter-spacing:2px;margin-bottom:10px}.screen-panel h2{font-size:58px;color:#f40;text-shadow:0 0 18px #ff330088;letter-spacing:2px;margin-bottom:6px}.screen-panel .subtitle{color:#aaa;font-size:14px;margin-bottom:28px;line-height:1.6}.screen-panel .final-score{color:#ffe033;font-size:22px;margin-bottom:28px}.btn-mc{display:inline-block;background:#4a7c59;color:#fff;border:none;border-radius:4px;padding:12px 36px;font-size:20px;font-family:inherit;letter-spacing:1px;cursor:pointer;border-bottom:4px solid #2d5038;transition:transform .07s,border-bottom-width .07s}.btn-mc:active{transform:translateY(3px);border-bottom-width:1px}.btn-mc:hover{background:#5a9c6a}.scoreboard{background:#00000059;border:1px solid #333;border-radius:5px;padding:10px 16px;margin:16px 0 26px;font-size:13px}.sb-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:3px 0}.sb-label{color:#777}.sb-value{color:#ccc;font-weight:700;white-space:nowrap}.sb-value.sb-new{color:#ffe033}.sb-star{color:#ffe033;margin-left:4px;font-size:14px;animation:sb-pop .4s ease-out}@keyframes sb-pop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.4);opacity:1}to{transform:scale(1);opacity:1}}.diff-selector{display:flex;gap:10px;justify-content:center;margin-bottom:8px}.diff-btn{background:#222;color:#aaa;border:2px solid #444;border-radius:5px;padding:8px 18px;font-size:14px;font-family:inherit;cursor:pointer;letter-spacing:.5px;transition:background .1s,color .1s,border-color .1s}.diff-btn:hover{background:#2a2a2a;color:#ddd;border-color:#666}.diff-btn.selected{background:#2d5038;color:#fff;border-color:#4a7c59}.diff-hint{color:#666;font-size:12px;margin-bottom:4px;min-height:16px}.controls-hint{color:#666;font-size:12px;margin-top:22px;line-height:1.8}.controls-hint kbd{background:#333;border:1px solid #555;border-radius:3px;padding:1px 5px;color:#ddd;font-family:inherit}#dpad{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:15;display:none}#dpad .row{display:flex;justify-content:center}.dpad-btn{width:60px;height:60px;background:#ffffff1f;border:2px solid rgba(255,255,255,.28);border-radius:8px;color:#fff;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:none;margin:2px;transition:background .08s}.dpad-btn:active,.dpad-btn.pressed{background:#ffffff52}.dpad-spacer{width:60px;height:60px;margin:2px}#joystick-container{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:15;display:none}#joystick-outer{width:140px;height:140px;border-radius:50%;border:3px solid rgba(255,255,255,.35);background:#ffffff14;position:relative;touch-action:none;-webkit-tap-highlight-color:transparent}#joystick-inner{width:56px;height:56px;border-radius:50%;background:#ffffff4d;border:2px solid rgba(255,255,255,.55);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .05s ease-out;pointer-events:none}#joystick-inner.joystick-active{transition:none;background:#ffffff73}
