*{box-sizing:border-box}body{margin:0;background:#101a21;color:#e9ebdd;font:14px system-ui,sans-serif}header{height:76px;border-bottom:1px solid #ffffff13;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}header a{font-weight:900;letter-spacing:3px}small{font-weight:400;letter-spacing:0;color:#9aa9a9}header small{margin-left:12px}header span{color:#91a4a5}button{cursor:pointer;background:#20343b;color:#dce7dd;border:1px solid #ffffff20;border-radius:6px;padding:10px 16px}button:hover{background:#31505a}main{max-width:1320px;margin:auto;padding:35px 35px}.heading{display:flex;justify-content:space-between;align-items:center}label{color:#a4c3ad;letter-spacing:3px;font-size:11px}h1{font-size:36px;margin:10px 0 24px}p{color:#a9b7b5;line-height:1.8}.game{position:relative;border:1px solid #52605c;border-radius:12px;overflow:hidden;background:#142730}canvas{width:100%;display:block}.hud{position:absolute;top:22px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:2px;pointer-events:none}.hud span{background:#101a21aa;padding:10px;border-radius:5px}#overlay{z-index:8;position:absolute;inset:0;background:#0b1925bb;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;backdrop-filter:blur(4px)}h2{font-size:42px;margin:15px}#overlay button{background:#c5d4a5;color:#192c30;font-size:16px;font-weight:bold;margin:12px}#overlay small{margin:14px}#message{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);background:#101b24dd;border:1px solid #ffffff20;padding:12px 24px;border-radius:30px;white-space:nowrap;font-size:13px}footer{display:flex;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid #ffffff15}footer div{flex:1;color:#a5b3b0}b{margin-right:12px}kbd{display:inline-block;min-width:27px;text-align:center;padding:5px;border:1px solid #607475;border-radius:4px;color:#e6e9dd;margin:0 3px}.mint{color:#9fd7c4}.orange{color:#edb38b}.notes{display:flex;justify-content:space-between;margin-top:22px;color:#819694;font-size:12px}.notes b{color:#bfccc2;margin-left:12px}@media(max-width:800px){header span,.heading p,.notes{display:none}main{padding:22px 12px}footer{flex-wrap:wrap;gap:10px}footer div{min-width:45%}h1{font-size:28px}h2{font-size:26px}#overlay p{font-size:12px}#overlay small{display:none}}

.heading h1{font-size:30px;max-width:760px}header a{color:inherit;text-decoration:none}.seo-content{max-width:850px;margin:65px auto 20px;border-top:1px solid #ffffff18;padding-top:35px;line-height:1.9}.seo-content h2{font-size:23px;margin:30px 0 12px}.seo-content p,.seo-content li{color:#a9b7b5}.seo-content a{color:#c5d4a5}.seo-content details{border-bottom:1px solid #ffffff18;padding:15px 0}.seo-content summary{cursor:pointer;color:#dce7dd}.edition{font-size:12px;margin-top:30px}#message{max-width:95%;white-space:normal;text-align:center}
/* --- on-screen hands (touch devices) --- */
.touch{display:none;z-index:6;position:absolute;left:0;right:0;bottom:0;padding:10px 12px 14px;justify-content:space-between;align-items:flex-end;gap:12px;pointer-events:none}
.touch.force{display:flex}
@media (pointer:coarse){ .touch{display:flex} }
.pad{pointer-events:auto;touch-action:none;user-select:none;display:flex;flex-direction:column;gap:6px;align-items:center}
.pad-label{font:10px monospace;letter-spacing:2px;color:#8fa6a4;background:#0d1a24aa;padding:3px 8px;border-radius:20px}
.pad-row{display:flex;gap:8px}
.tbtn{width:60px;height:60px;border-radius:14px;font-size:20px;line-height:1;background:#1b2f3aee;color:#dce7dd;border:1px solid #ffffff2e;padding:0;touch-action:none;-webkit-tap-highlight-color:transparent}
.tbtn.jump{background:#c5d4a5ee;color:#192c30;font-weight:bold;width:70px}
.tbtn:active,.tbtn.on{background:#e5ff9c;color:#16250f;border-color:#e5ff9c}
@media (max-width:800px){
  .tbtn{width:54px;height:54px;font-size:18px;border-radius:12px}
  .tbtn.jump{width:62px}
  .pad-label{display:none}
}
.pad.center{position:absolute;left:50%;transform:translateX(-50%);bottom:14px;pointer-events:auto}
.tbtn.crouch{width:78px;background:#8f7a4eee;color:#fff8e6;border-color:#ffffff33;font-size:15px;letter-spacing:1px}
.tbtn.crouch:active,.tbtn.crouch.on{background:#e5ff9c;color:#16250f}
@media (max-width:800px){ .tbtn.crouch{width:64px;height:50px} .pad.center{bottom:10px} }