:root{--gold: #ffcf57;--gold-deep: #c8902a;--sand: #e9c98a;--bg-0: #1a0f06;--bg-1: #2b1a0c;--panel: rgba(20, 12, 5, .86);--win: #5fe39a;--brand: #ea4f32}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden;background:radial-gradient(120% 80% at 50% -10%,#4a2c10 0%,var(--bg-1) 45%,var(--bg-0) 100%);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#fff;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#app{position:relative;height:100%;width:100%}#stage{position:absolute;inset:0}#stage canvas{display:block}#spins-badge{position:absolute;top:max(12px,env(safe-area-inset-top));left:12px;width:64px;height:64px;border-radius:50%;background:radial-gradient(120% 120% at 30% 25%,#b8341d,#7a1f10);border:2px solid rgba(255,207,87,.7);box-shadow:0 6px 20px #00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:6}#spins-num{font-size:24px;font-weight:900;line-height:1;color:#fff}.spins-label{font-size:9px;letter-spacing:.12em;color:#ffffffb3;font-weight:700}#feature-title{position:absolute;top:max(20px,env(safe-area-inset-top));left:50%;transform:translate(-50%);font-size:clamp(16px,5vw,26px);font-weight:900;letter-spacing:.12em;background:linear-gradient(180deg,#fff 0%,var(--gold) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 24px rgba(255,180,60,.4);z-index:6;pointer-events:none}#controls{position:absolute;left:0;right:0;bottom:0;padding:10px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(0deg,#0b0602 0%,rgba(11,6,2,.92) 60%,transparent 100%);z-index:6}.meta-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.meta{display:flex;flex-direction:column;min-width:78px}.meta-right{align-items:flex-end}.meta-label{font-size:10px;letter-spacing:.14em;color:#ffffff80;font-weight:700}.meta-value{font-size:clamp(18px,5vw,24px);font-weight:800;font-variant-numeric:tabular-nums}#total-win{color:var(--win)}.spin-btn{width:clamp(60px,16vw,78px);height:clamp(60px,16vw,78px);border-radius:50%;border:none;cursor:pointer;color:#1a0f06;background:radial-gradient(120% 120% at 30% 25%,#ffe9a8 0%,var(--gold) 45%,var(--gold-deep) 100%);box-shadow:0 10px 30px #ffb43c73,inset 0 2px 6px #fff9,inset 0 -8px 16px #00000040;display:flex;align-items:center;justify-content:center;transition:transform .1s ease,filter .15s ease}.spin-ico{font-size:clamp(26px,7vw,34px);font-weight:900}.spin-btn:active{transform:scale(.93)}.spin-btn:disabled{filter:grayscale(.7) brightness(.7);cursor:not-allowed;box-shadow:none}.spin-btn.spinning .spin-ico{animation:rot .7s linear infinite}@keyframes rot{to{transform:rotate(360deg)}}.volatility{margin-top:7px;text-align:center;font-size:10px;letter-spacing:.08em;font-weight:700;color:var(--sand);opacity:.85}.volatility span{color:var(--gold)}.overlay{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#080401c7;backdrop-filter:blur(4px);transition:opacity .25s ease}.overlay.hidden{opacity:0;pointer-events:none}.overlay-card{text-align:center;padding:24px 28px;font-size:clamp(22px,6vw,40px);font-weight:900;white-space:pre-line;background:linear-gradient(180deg,#fff 0%,var(--gold) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}