:root{--g:#e8b84a;--g2:#fff0b3;--k:#0b0907;--c:#fbf3e0}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -10%,#3a2a0a,var(--k) 60%) fixed;color:var(--c);font-family:Georgia,'Times New Roman',serif;min-height:100vh}
#bg{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
header,main{position:relative;z-index:1}header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;padding-top:max(14px,env(safe-area-inset-top))}
.logo{min-height:40px;display:flex;align-items:center;font-size:12px;color:var(--g)}.logo img{height:44px}.badge{border:1px solid var(--g);color:var(--g);border-radius:99px;padding:3px 10px;font:700 11px sans-serif}
main{max-width:760px;margin:auto;padding:0 18px 60px;text-align:center}.hero{padding:28px 0}
.eyebrow{letter-spacing:.4em;color:var(--g);font-size:13px}h1{font-size:clamp(28px,7vw,52px);margin:8px 0;background:linear-gradient(var(--g2),var(--g) 60%,#b8801a);-webkit-background-clip:text;color:transparent;line-height:1.15}
.sub{opacity:.85;line-height:1.6}h2{color:var(--g);font-size:15px;letter-spacing:.2em;margin:34px 0 12px}h3{color:var(--g);margin-top:0}
.count{margin:22px auto;padding:14px;border:1px solid #6b5217;border-radius:14px;max-width:320px;background:#1a1408aa}.count small{display:block;opacity:.7}.count b{font:700 34px 'Courier New',monospace;color:var(--g2)}
.cta{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.btn{font:700 14px sans-serif;letter-spacing:.06em;padding:13px 20px;border-radius:99px;border:1px solid var(--g);background:transparent;color:var(--g);cursor:pointer;text-decoration:none;transition:.2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #e8b84a44}.gold{background:linear-gradient(var(--g2),var(--g));color:#2a1c00;border:0}
.top{list-style:none;padding:0;margin:0}.top li{display:flex;gap:12px;align-items:center;padding:13px 16px;margin:8px 0;border:1px solid #5c4614;border-radius:12px;background:#1a1408aa}.top span{flex:1;text-align:left}.top b{color:var(--g2)}
.h{border:1px solid #3d3010;border-radius:12px;padding:10px 14px;margin:8px 0;text-align:left}.h small{color:var(--g)}.h p{margin:4px 0}.h em{opacity:.7;font-size:13px}.empty{opacity:.6;justify-content:center}
dialog{background:#15100a;color:var(--c);border:1px solid var(--g);border-radius:18px;max-width:92vw;width:420px;padding:22px}dialog::backdrop{background:#000b}
dialog input:not([type=checkbox]){width:100%;padding:13px;margin:6px 0;border-radius:10px;border:1px solid #6b5217;background:#0b0907;color:var(--c);font-size:16px}
label{display:flex;gap:8px;font-size:13px;margin:8px 0;text-align:left;line-height:1.4}.err{color:#ff8a7a;min-height:18px;font:13px sans-serif}
#game{position:fixed;inset:0;z-index:5;background:radial-gradient(circle at 50% 0,#3a2a0a,#0b0907)}#cv{width:100%;height:100%;display:block;touch-action:none}
.hud{position:absolute;top:max(12px,env(safe-area-inset-top));left:0;right:0;display:flex;justify-content:space-between;padding:0 18px;font:700 26px sans-serif;color:var(--g2);pointer-events:none}
#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--g);color:#2a1c00;padding:10px 18px;border-radius:99px;font:700 14px sans-serif;opacity:0;transition:.3s;z-index:20;pointer-events:none}#toast.on{opacity:1}