:root{--bg: #0c1410;--panel: #13201a;--line: #244234;--ink: #e7f3ea;--muted: #8fb59c;--accent: #5fbf6a;--danger: #e2604f;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);-webkit-user-select:none;user-select:none}#app{min-height:100%;display:flex;align-items:center;justify-content:center;padding:14px}.wrap{width:100%;max-width:520px;display:flex;flex-direction:column;gap:12px}.title{text-align:center;margin:4px 0 0}.title h1{margin:0;font-size:28px;letter-spacing:.5px;color:var(--accent)}.title p{margin:4px 0 0;color:var(--muted);font-size:13px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px}.btn{appearance:none;border:1px solid var(--line);background:#18271f;color:var(--ink);border-radius:10px;padding:11px 14px;font-size:15px;font-weight:600;cursor:pointer;width:100%}.btn.primary{background:var(--accent);color:#06140a;border-color:var(--accent)}.btn.row{width:auto;flex:1}.btn:active{transform:translateY(1px)}.row{display:flex;gap:8px}.stack{display:flex;flex-direction:column;gap:8px}.hud{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.hud b{color:var(--ink)}.hpbar{height:8px;border-radius:6px;background:#20322a;overflow:hidden;flex:1}.hpbar>i{display:block;height:100%;background:linear-gradient(90deg,#6fd57f,#aef08f);transition:width .08s linear}canvas{width:100%;display:block;border-radius:12px;background:#0e1a13;border:1px solid var(--line);touch-action:none}.seedbar{display:flex;gap:6px}.seed{flex:1;border:1px solid var(--line);background:#16241c;border-radius:10px;padding:8px 4px;text-align:center;font-size:12px;cursor:pointer;line-height:1.2}.seed .dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-bottom:3px}.seed.active{border-color:var(--accent);background:#1d3326}.seed small{color:var(--muted);display:block}.hint{color:var(--muted);font-size:12px;text-align:center}.overlay{position:relative;text-align:center}.overlay h2{margin:0 0 6px;font-size:24px}.overlay .win{color:var(--accent)}.overlay .lose{color:var(--danger)}.stats{display:flex;justify-content:center;gap:18px;margin:10px 0}.stats div{text-align:center}.stats b{display:block;font-size:20px;color:var(--ink)}.stats span{font-size:11px;color:var(--muted)}