:root{--bg: #1b2718;--panel: #243321;--turf-a: #6aa84f;--turf-b: #5b9444;--sun: #ffd23f;--ink: #e9f5e0;--accent: #8ed27a;--danger: #d9534f}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:Segoe UI,system-ui,sans-serif;-webkit-user-select:none;user-select:none}#app{min-height:100%;display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px}.title{font-size:22px;font-weight:800;letter-spacing:.5px;color:var(--accent);margin:2px 0}.title small{color:#9ab38c;font-weight:500;font-size:12px}.topbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center;width:100%;max-width:980px}.sun-counter{display:flex;align-items:center;gap:8px;background:var(--panel);border:2px solid #3a5230;border-radius:10px;padding:6px 14px;font-weight:800;font-size:20px}.sun-counter .dot{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3a8,var(--sun));box-shadow:0 0 8px #ffd23fb3}.hud{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:14px;color:#cfe3c2}.hud b{color:var(--ink)}.hud .wave-danger{color:var(--danger);font-weight:800}.seedbar{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;width:100%;max-width:980px}.packet{width:92px;background:linear-gradient(#caa472,#b8915c);border:2px solid #6f5128;border-radius:8px;padding:5px 4px 6px;cursor:pointer;text-align:center;position:relative;overflow:hidden;transition:transform .08s}.packet:hover{transform:translateY(-2px)}.packet.selected{outline:3px solid var(--sun)}.packet.disabled{filter:grayscale(.6) brightness(.7);cursor:not-allowed}.packet .pic{font-size:26px;line-height:1}.packet .name{font-size:11px;font-weight:700;color:#2a1d09}.packet .cost{font-size:12px;font-weight:800;color:#2a1d09;display:inline-flex;align-items:center;gap:3px}.packet .cost .c{width:11px;height:11px;border-radius:50%;background:var(--sun);display:inline-block}.packet .cd-veil{position:absolute;left:0;right:0;top:0;background:#0a1008c7;color:#fff;font-weight:800;font-size:16px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px}canvas{background:#2c3a26;border-radius:12px;border:3px solid #3a5230;max-width:100%;height:auto;touch-action:none;cursor:crosshair}.controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center}button.btn{background:var(--accent);color:#15240f;border:none;font-weight:800;padding:8px 16px;border-radius:8px;cursor:pointer}button.btn.ghost{background:#34492c;color:var(--ink)}button.btn:hover{filter:brightness(1.08)}select{background:#34492c;color:var(--ink);border:1px solid #4d6b3e;border-radius:6px;padding:6px 8px;font-weight:600}.overlay{position:fixed;inset:0;background:#080e06d1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:20;text-align:center;padding:20px}.overlay h2{font-size:40px;margin:0}.overlay h2.win{color:var(--accent)}.overlay h2.lose{color:var(--danger)}.overlay p{color:#cfe3c2;max-width:460px;line-height:1.5}.hint{color:#9ab38c;font-size:13px;max-width:980px;text-align:center}