:root{font-family: 'Trebuchet MS',Arial,sans-serif;color:#24453f;background:#f7f7ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline:4px solid #eea824;outline-offset:4px}main{max-width:1360px;margin:auto;padding:24px 40px}header{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-weight:900;font-size:25px;color:#24453f;text-decoration:none}.settings{display:flex;gap:8px}.settings button,footer button{background:#e9ede1;color:#37584d;padding:11px 15px;border-radius:12px;font-size:14px}.heading{display:flex;align-items:center;justify-content:space-between;margin:32px 0 20px}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:2px;color:#6f8465}h1{font-size:34px;margin:6px 0}.phase{font-weight:bold;font-size:13px;letter-spacing:2px}.phase span{color:#e8ac35;font-size:25px;margin-left:12px}.game{position:relative;border-radius:24px;overflow:hidden;background:#bce8ec;border:6px solid white;box-shadow:0 12px 35px #284b3912}canvas{display:block;width:100%;aspect-ratio:1280/600}.mission{position:absolute;top:18px;left:18px;right:18px;display:flex;align-items:center;gap:14px;background:#fffffff2;border-radius:15px;padding:12px 18px;box-shadow:0 3px 0 #274d3d10}.mission>span{background:#eaf1dd;color:#587443;font-size:12px;font-weight:bold;padding:9px;border-radius:8px}.mission strong{font-size:20px;flex:1}.mission button{background:#eef2e7;border-radius:50%;width:40px;height:40px}.location{position:absolute;bottom:14px;left:20px;font-size:12px;font-weight:bold;background:#fffce9df;padding:9px 12px;border-radius:20px}.overlay{position:absolute;inset:0;background:#244a3d66;display:grid;place-items:center;backdrop-filter:blur(3px)}.overlay[hidden]{display:none}.welcome{background:#fffdf3;border-radius:24px;padding:25px 40px;text-align:center;box-shadow:0 12px 60px #142e3630;max-width:90%}.big-icon{display:block;font-size:54px;margin-bottom:8px}.welcome h2{font-size:32px;margin:10px}.welcome p{line-height:1.6;color:#607166}.primary{display:block;margin:20px auto;background:#2b8261;color:white;border-radius:14px;padding:16px 30px;font-size:20px;font-weight:bold;box-shadow:0 5px 0 #1d6047}.welcome small{display:block;color:#788174;font-size:11px;margin-top:16px}.dashboard{display:flex;gap:20px;justify-content:space-between;padding:24px 4px}.objectives ol{list-style:none;padding:0;margin:12px 0 0;display:flex;gap:18px;font-size:13px}.objectives li:before{content:'○';margin-right:6px;color:#8a9c7e}.objectives li.done:before{content:'●';color:#2c8c60}.objectives li.done{color:#2c8c60}.controls{display:flex;gap:9px}.controls button{background:white;border:1px solid #e4e9dd;border-bottom:4px solid #dce3d4;border-radius:13px;min-width:80px;padding:10px 12px;color:#3c594c;touch-action:none;user-select:none}.controls button:active{transform:translateY(2px);border-bottom-width:2px}kbd{display:block;font:900 16px 'Trebuchet MS',sans-serif;margin-bottom:6px}.controls span{font-size:11px}footer{border-top:1px solid #dfe6d7;padding-top:14px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#79866f}footer button{background:transparent}@media(max-width:900px){main{padding:16px}.dashboard{flex-direction:column}.controls{justify-content:center}.objectives ol{flex-wrap:wrap}.heading{margin-top:22px}h1{font-size:27px}.settings button{font-size:11px;padding:8px}.brand{font-size:18px}.mission strong{font-size:15px}.welcome{padding:12px 22px}.welcome p{font-size:13px}.welcome h2{font-size:24px}.big-icon{font-size:32px}.welcome small{display:none}}