*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0c120b;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#dfe7d6}#game{width:100vw;height:100vh}#game canvas{display:block}#menu{position:fixed;inset:0;display:grid;place-items:center;overflow-y:auto;padding:20px 0;background:radial-gradient(120% 120% at 50% 30%,#18261a,#0a0f09 70%);z-index:10}.card{width:min(420px,92vw);padding:28px 26px 30px;background:#121a10;border:1px solid #25351f;border-radius:16px;box-shadow:0 20px 60px #00000080;text-align:center}.card h1{font-size:34px;letter-spacing:-.5px}.tag{color:#7f9c72;margin:2px 0 22px;font-size:14px}.fld{display:flex;align-items:center;gap:12px;margin:12px 0;text-align:left}.fld>span{width:52px;font-size:13px;color:#9ab08c;flex:none}#name{flex:1;padding:10px 12px;font-size:16px;color:#eaf1e3;background:#0c120b;border:1px solid #2c3d24;border-radius:8px;outline:none}#name:focus{border-color:#4f7d3e}.shells{display:flex;flex-wrap:wrap;gap:8px}.shell-swatch{width:30px;height:30px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:transform .08s ease}.shell-swatch:hover{transform:scale(1.12)}.shell-swatch.sel{box-shadow:0 0 0 2px #0c120b,0 0 0 4px #eaf1e3}.rounds{display:flex;gap:6px}.round-btn{padding:6px 12px;font-size:13px;color:#b8c7ac;background:#0c120b;border:1px solid #2c3d24;border-radius:7px;cursor:pointer}.round-btn:hover{border-color:#4f7d3e}.round-btn.sel{background:#6ee7a8;color:#0c120b;border-color:#6ee7a8;font-weight:700}.how{list-style:none;text-align:left;margin:18px 0 22px;font-size:13px;color:#b8c7ac;line-height:1.9}.how b{color:#eaf1e3}.how .g{color:#6ee7a8}.how .r{color:#ff7a7a}kbd{font:inherit;font-size:11px;padding:1px 6px;background:#0c120b;border:1px solid #2c3d24;border-radius:5px}#play{width:100%;padding:13px;font-size:17px;font-weight:700;color:#0c120b;background:#6ee7a8;border:none;border-radius:10px;cursor:pointer;transition:filter .1s ease}#play:hover{filter:brightness(1.08)}.stats{margin-top:12px;font-size:12px;color:#7f9c72;min-height:14px}.build{margin-top:14px;font-size:10px;letter-spacing:.04em;color:#4a5d40;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.share{display:flex;gap:8px;margin-top:12px}.sbtn{flex:1;padding:9px 8px;font:inherit;font-size:13px;font-weight:600;color:#cfe0c2;background:#0e150c;border:1px solid #2c3d24;border-radius:8px;cursor:pointer;transition:border-color .1s ease,color .1s ease}.sbtn:hover{border-color:#4f7d3e;color:#eaf1e3}.sbtn#share-copy{flex:2}.sbtn#share-x{font-size:15px}.sbtn.copied{border-color:#6ee7a8;color:#6ee7a8}.more{margin-top:20px;padding-top:16px;border-top:1px solid #25351f}.more-h{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6e8763;margin-bottom:10px}.games{display:flex;gap:10px}.game-soon{flex:1;position:relative;padding:12px 10px;background:#0e150c;border:1px solid #25351f;border-radius:10px;text-align:center;opacity:.78}.game-soon .ge{display:block;font-size:22px;margin-bottom:4px}.game-soon b{display:block;font-size:14px;color:#cfe0c2}.game-soon small{display:block;font-size:11px;color:#7f9c72;margin-top:2px}.game-soon:after{content:"SOON";position:absolute;top:6px;right:6px;font-size:8px;font-weight:700;letter-spacing:.06em;color:#0c120b;background:#6ee7a8;padding:1px 4px;border-radius:4px}