*{box-sizing:border-box}body{margin:0;background:#eff7fc;color:#193850;font-family:system-ui,-apple-system,sans-serif}header{display:flex;justify-content:space-between;align-items:center;padding:20px 5%;border-bottom:1px solid #d3e3ec;gap:15px}.logo{font-weight:850;letter-spacing:2px;font-size:13px}header span{font-size:12px;color:#6d889a}button{border:0;border-radius:12px;background:#dbeaf2;color:#214561;padding:12px 18px;font-weight:750;cursor:pointer}button:hover{filter:brightness(.96)}button:focus-visible,canvas:focus-visible{outline:3px solid #efac42;outline-offset:3px}button:disabled{opacity:.45;cursor:default}main{max-width:1240px;padding:32px 35px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;gap:15px}small{font-size:10px;letter-spacing:1.6px;font-weight:750;color:#60829a}h1{font-size:30px;letter-spacing:-1px;margin:8px 0 25px}em{font-style:normal;color:#228897}.stats{display:flex;gap:9px}.stats span{white-space:nowrap;background:white;padding:14px;border-radius:14px;font-size:13px;box-shadow:0 4px 20px #385c6508}.world{position:relative;border-radius:22px;overflow:hidden;box-shadow:0 16px 44px #1d5d8120}canvas{width:100%;display:block;background:#bde0ee;touch-action:none}.badge{position:absolute;top:20px;left:24px;font-size:10px;letter-spacing:1.4px;font-weight:800;color:#48758c;pointer-events:none}.badge span{opacity:.6;margin-left:12px}#toast{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);max-width:90%;width:max-content;padding:12px 22px;border-radius:30px;background:#193850ed;color:white;font-size:13px;pointer-events:none;opacity:0;transition:opacity .2s}.controls{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 0}.controls p{font-size:12px;color:#526f85;line-height:2.5}kbd{background:white;padding:5px 7px;border:1px solid #d7e4ed;border-bottom-width:3px;border-radius:6px;font-family:inherit;margin:0 4px 0 10px}#openShop{background:#1e7180;color:white}.mission{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d4e3ee;padding-top:22px;gap:20px}.mission p{font-size:13px}#saveStatus{font-size:10px;color:#678299;max-width:140px}#bag{display:flex;gap:6px;margin-top:8px}#bag button{padding:8px;font-size:11px}#bag button.active{background:#236e80;color:white}dialog{border:0;border-radius:24px;padding:30px;color:#193850;max-width:650px;width:92%;box-shadow:0 25px 100px #123a5355}dialog::backdrop{background:#16375088;backdrop-filter:blur(5px)}.shopHead{display:flex;justify-content:space-between;align-items:center}h2{margin:8px 0;font-size:28px}dialog p{font-size:13px;line-height:1.6;color:#5d7d92}#products{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.product{padding:20px 12px;border:1px solid #dbe7ef;border-radius:14px;text-align:center;background:#f4f9fc}.product .icon{font-size:34px}.product h3{font-size:15px}.product button{background:#226e80;color:white;width:100%}.touch{display:flex;justify-content:space-between;margin-top:24px;gap:10px}.touch button{touch-action:none;user-select:none;min-width:45px}.touch div{display:flex;gap:5px}@media(min-width:1000px) and (pointer:fine){.touch{display:none}}@media(max-width:800px){header span{display:none}main{padding:24px 12px}.heading{display:block}h1{font-size:25px}.stats{margin-bottom:15px}.stats span{flex:1;text-align:center;padding:11px 6px}.controls,.mission{flex-wrap:wrap}.badge{top:10px;left:15px;font-size:8px}.badge span{display:none}#products{gap:6px}.product{padding:12px 5px}.product button{padding:12px 6px}.mission{gap:10px}}

canvas{aspect-ratio:1100/680}.controls{flex-wrap:wrap}.controls p{flex:1;min-width:280px}