*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#132d45,#050b13);color:#fff;font-family:system-ui,Arial}.wrap{max-width:1250px;margin:auto;padding:18px}header,.hud,.plants{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:12px}header b{font-size:22px;color:#ffe16a}header span{margin-left:12px;color:#b9c8d8}header a{color:#fff;text-decoration:none}.hud{justify-content:flex-start;background:#0e2034;padding:12px;border-radius:14px}.hud div{background:#132b44;padding:10px 16px;border-radius:10px}.hud button,.plants button{border:0;border-radius:12px;padding:10px 16px;background:#f1c94a;color:#07111f;font-weight:800;cursor:pointer}.gamebox{position:relative;border-radius:18px;overflow:hidden;border:2px solid #1c4261;background:#9bd47d}.gamebox canvas{width:100%;display:block}.plants{justify-content:center}.plants button{background:#183d52;color:#fff}.hint{text-align:center;color:#9eb1c3}code{color:#ffe16a}#toast{position:absolute;top:18px;left:50%;transform:translateX(-50%);font-size:28px;font-weight:900;text-shadow:0 2px 5px #000;pointer-events:none}.shake{animation:shake .25s infinite}@keyframes shake{25%{transform:translate(4px)}75%{transform:translate(-4px)}}
.gamebox{box-shadow:0 18px 50px rgba(0,0,0,.35)}

header{background:rgba(10,25,40,.75);padding:14px 16px;border-radius:16px;border:1px solid #244766;box-shadow:0 8px 30px #0004}.hud{flex-wrap:wrap}.hud div{transition:transform .15s}.hud div b{color:#ffe16a}.gamebox{box-shadow:0 20px 60px rgba(0,0,0,.4)}#toast{opacity:0;transition:opacity .15s,transform .15s}#toast.show{opacity:1;transform:translateX(-50%) scale(1.08)}body.giftFlash .gamebox{animation:flash .35s ease}@keyframes flash{0%{filter:brightness(1)}35%{filter:brightness(1.8)}100%{filter:brightness(1)}}