/* Lucky tools (/lucky/egg, /lucky/tree) - copied from lotto/public/css/content.css so the pages work even without content.css */
.cband{padding:14px 0 52px;background:radial-gradient(circle at 85% 20%,rgba(255,211,77,.28),transparent 40%),linear-gradient(120deg,var(--blue-d),var(--blue) 60%,var(--blue-2))}
.cband h1{font-size:clamp(22px,4.4vw,34px);margin:4px 0 6px}
.cband p,.band-intro{color:#dce6ff;max-width:760px;font-size:15px}
.band-lucky{background:radial-gradient(circle at 85% 30%,rgba(255,211,77,.35),transparent 40%),linear-gradient(120deg,#8a1020,#e8283a 60%,#ff7a3d)}
.lucky-help{margin-top:16px}
.egg-stage,.tree-stage{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:20px 16px;background:radial-gradient(circle at 50% 30%,#fff7dc,#fff 60%)}
.egg-scene{position:relative;width:300px;max-width:100%;height:250px}
.egg-char{position:absolute;left:0;bottom:0;width:210px;height:auto;filter:drop-shadow(0 8px 10px rgba(0,0,0,.15))}
.egg-cup{position:absolute;right:0;bottom:6px;width:120px;height:auto;transform-origin:50% 90%;filter:drop-shadow(0 6px 8px rgba(0,0,0,.15))}
.egg-cup.shake{animation:cupShake .12s linear infinite}
.egg-char.shake{animation:eggHop .5s ease-in-out infinite}
@keyframes cupShake{0%{transform:rotate(-10deg) translateY(0)}50%{transform:rotate(10deg) translateY(-4px)}100%{transform:rotate(-10deg) translateY(0)}}
@keyframes eggHop{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.egg-result{min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.egg-result .row{display:flex;align-items:center;gap:10px;font:500 14px var(--head);color:var(--ink-2)}
.egg-result .digits b{width:40px;height:50px;font-size:28px;animation:pop .3s ease-out backwards}
.egg-result .stick{font:600 15px var(--head);color:var(--red)}
.egg-btn{font-size:18px;padding:12px 32px}
.fun-note{font-size:12px;color:var(--ink-3);max-width:420px;margin:0}
.tree-wrap{position:relative;width:380px;max-width:100%}
.tree-bg{width:100%;height:auto}
.tree-board{position:absolute;left:50%;top:50%;transform:translateX(-50%);width:54%;aspect-ratio:2/1;border-radius:14px;overflow:hidden;box-shadow:inset 0 0 0 3px rgba(90,50,20,.35),0 6px 14px rgba(0,0,0,.25)}
.tree-nums{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:linear-gradient(180deg,#fff9e6,#ffe7a8)}
.tree-nums .digits b{width:28px;height:36px;font-size:20px}
.tree-nums small{font:500 11px var(--head);color:#7a4c00}
.tree-board canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}
.tree-hint{font:500 14px var(--head);color:var(--ink-2);margin:0}