.scorebar{grid-template-columns:repeat(3,1fr);margin-bottom:0}.scorebar.timer-visible{grid-template-columns:repeat(4,1fr)}.scorebar strong{display:flex!important;align-items:center;justify-content:center;gap:5px}.scorebar strong span,.scorebar small{display:inline;color:inherit;font:inherit;letter-spacing:0}.scorebar small{font-size:.68em;color:#a99d86}
.premium-stage{min-height:clamp(440px,70svh,690px);justify-content:flex-start;padding:5px 0 12px;background:radial-gradient(ellipse at 50% 40%,#40225c99,#11182aaa 48%,#05080e08 78%)}.glow-left{left:-20%;top:10%;background:#a950ff}.board-wrap{position:relative;width:min(92vw,540px);aspect-ratio:5/6;padding:0;border:0;background:transparent;box-shadow:none}.number-board{display:grid;width:100%;height:100%;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(6,1fr);gap:5px;border:1px solid #765f31;border-radius:25px;padding:12px;background:#0b0d14;box-shadow:inset 0 1px #fff2,0 22px 60px #000c;touch-action:manipulation;isolation:isolate}.number-space,.number-tile{position:relative;min-width:0;min-height:0;border-radius:16px}.number-space{border:0;background:transparent;box-shadow:none}.number-tile{display:grid;place-items:center;border:2px solid #ffffff7a;padding:0;background:var(--tile);box-shadow:inset 0 7px #ffffff43,inset 0 -7px #0002,0 5px 9px #0008;color:var(--text,#071318);font-size:clamp(1.35rem,7vw,2.35rem);font-weight:950;cursor:pointer;text-shadow:0 1px #fff4;transition:filter .12s,transform .12s}.number-tile:hover{filter:brightness(1.1);transform:translateY(-1px)}.number-tile:active{transform:scale(.93)}.number-tile:focus-visible{z-index:4;outline:3px solid #fff;outline-offset:2px}.number-tile:disabled{cursor:default;opacity:1}.value-1{--tile:linear-gradient(145deg,#ffe56c,#e8a812)}.value-2{--tile:linear-gradient(145deg,#65e5a7,#26b978)}.value-3{--tile:linear-gradient(145deg,#5bcdf7,#2b88dc)}.value-4{--tile:linear-gradient(145deg,#8d9cff,#6260dd)}.value-5{--tile:linear-gradient(145deg,#c875f2,#9942d2);--text:#fff}.value-6{--tile:linear-gradient(145deg,#ff73b2,#dc397f);--text:#fff}.value-7{--tile:linear-gradient(145deg,#f8fbff,#98a7bb);--text:#101827}.value-8{--tile:linear-gradient(145deg,#ff9472,#dc513c);--text:#fff}.value-9{--tile:linear-gradient(145deg,#57ded7,#199fa7)}.number-tile.is-raised{animation:raise .16s ease-out}.number-tile.is-bursting{z-index:5;animation:burst .28s ease-in forwards}.number-tile.is-falling{z-index:7;animation:fall .68s cubic-bezier(.22,.72,.24,1);will-change:transform,opacity,filter}
.mini-diamond,.diamond-fly span{display:inline-block;width:18px;height:18px;background:url('assets/diamond.png') center/contain no-repeat;filter:drop-shadow(0 0 5px #6be8ff99)}.combo-label,.bonus-label{position:absolute;z-index:10;top:43%;left:50%;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.65) rotate(-7deg);background:linear-gradient(90deg,#ff476f,#ffcd38,#48e4aa,#4bbcff,#c864ff);background-clip:text;-webkit-background-clip:text;color:transparent;font:900 clamp(2.4rem,12vw,4.8rem)/1 Arial,sans-serif;filter:drop-shadow(0 4px 0 #fff) drop-shadow(0 8px 13px #000b);white-space:nowrap}.combo-label.show,.bonus-label.show{animation:combo 1s ease-out}.diamond-fly{position:absolute;z-index:12;top:0;left:0;width:clamp(75px,17.6vw,92px);aspect-ratio:1;opacity:0;pointer-events:none;will-change:transform,opacity}.diamond-fly span{width:100%;height:100%;filter:drop-shadow(0 0 9px #6be8ffcc) drop-shadow(0 0 18px #fff8)}.diamond-fly.show{animation:diamond 1.2s cubic-bezier(.2,.72,.25,1)}.result-emblem{font-size:58px;color:#9df3ff;filter:drop-shadow(0 0 18px #42d9ff88)}
@keyframes raise{50%{filter:brightness(1.35);transform:scale(1.12)}}@keyframes burst{45%{filter:brightness(1.65);transform:scale(1.2)}to{opacity:0;transform:scale(.2) rotate(18deg)}}@keyframes fall{0%{z-index:7;opacity:.45;filter:brightness(1.12);transform:translateY(-190%) scaleX(.88) scaleY(1.12)}55%{opacity:1;transform:translateY(10%) scaleX(1.08) scaleY(.9)}70%{transform:translateY(-7%) scaleX(.96) scaleY(1.06)}83%{transform:translateY(4%) scaleX(1.03) scaleY(.97)}92%{transform:translateY(-2%) scaleX(.99) scaleY(1.02)}100%{z-index:7;opacity:1;filter:none;transform:translateY(0) scale(1)}}@keyframes combo{0%{opacity:0;transform:translate(-50%,-50%) scale(.55) rotate(-7deg)}25%,65%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-7deg)}to{opacity:0;transform:translate(-50%,-70%) scale(1.12)}}@keyframes diamond{0%{opacity:0;transform:translate(calc(var(--diamond-start-x) - 50%),calc(var(--diamond-start-y) - 50%)) scale(.35)}12%{opacity:1;transform:translate(calc(var(--diamond-start-x) - 50%),calc(var(--diamond-start-y) - 50%)) scale(1.05)}36%{opacity:1;transform:translate(calc(var(--diamond-start-x) - 50%),calc(var(--diamond-start-y) - 50%)) scale(1.35)}52%{opacity:1;transform:translate(calc(var(--diamond-start-x) - 50%),calc(var(--diamond-start-y) - 50%)) scale(.72)}88%{opacity:1;transform:translate(calc(var(--diamond-end-x) - 50%),calc(var(--diamond-end-y) - 50%)) scale(.3)}100%{opacity:0;transform:translate(calc(var(--diamond-end-x) - 50%),calc(var(--diamond-end-y) - 50%)) scale(.14)}}
.demo-bar{display:flex;width:auto;min-height:54px;align-items:center;justify-content:space-between;gap:10px;margin:5px 0 8px;border:1px solid #8b6d32;border-radius:13px;padding:8px 9px 8px 12px;background:linear-gradient(110deg,#221a0d,#0a0e16 72%);box-shadow:inset 0 1px #fff2}.demo-bar>span{min-width:0}.demo-bar b{display:block;color:var(--gold-light);font-size:9px;letter-spacing:.13em}.demo-bar small{display:none!important}.demo-bar .secondary-button{width:auto;min-width:104px;min-height:36px;padding:7px 10px;font-size:10px;white-space:nowrap}
@media(max-width:380px){.demo-bar small{max-width:190px}.demo-bar .secondary-button{min-width:92px}}
@media(max-width:380px){.number-board{gap:5px;padding:8px;border-radius:19px}.number-tile{border-radius:12px}.board-wrap{width:min(94vw,440px)}}.preview-capture .game-sitebar,.preview-capture .ad-placeholder{display:none}.preview-capture .game-shell{min-height:100svh}.preview-capture .premium-stage{min-height:670px}

/* Same angular glass-stone design and colour sequence as Number Drop. */
.number-space,.number-tile{border-radius:8px}
.number-space{border:0;background:transparent;box-shadow:none}
.number-tile{isolation:auto;overflow:hidden;border:1px solid #e1bd69;border-radius:8px;background:var(--tile);box-shadow:inset 1px 1px #fff8,inset -1px -1px #0008,inset 0 10px 18px #ffffff18,0 6px 12px #000a,0 0 10px var(--glow);color:#fff;font-family:"Arial Narrow",Arial,sans-serif;font-weight:900;letter-spacing:-.05em;text-shadow:0 1px 2px #000b}.number-tile:before{display:none}.number-tile:after{content:"";position:absolute;top:8%;left:7%;width:74%;height:16%;border-radius:3px;background:linear-gradient(100deg,#fff8,transparent 76%);pointer-events:none}
.value-1{--tile:linear-gradient(145deg,#68e2bdcc 0,#159570d9 48%,#07382fe8 100%);--glow:#32e6b0}.value-2{--tile:linear-gradient(145deg,#6cc7f1cc 0,#287fc2dc 48%,#102e64eb 100%);--glow:#39b9ff}.value-3{--tile:linear-gradient(145deg,#aaa0f3cc 0,#6c58d3dc 48%,#302278eb 100%);--glow:#9d83ff}.value-4{--tile:linear-gradient(145deg,#d88eeccc 0,#a43acbdc 48%,#5b176feb 100%);--glow:#ce65ff}.value-5{--tile:linear-gradient(145deg,#f28cbdcc 0,#cf397ddd 48%,#72183feb 100%);--glow:#ff67ae}.value-6{--tile:linear-gradient(145deg,#f39a83cc 0,#d5533cdd 48%,#792319eb 100%);--glow:#ff7b60}.value-7{--tile:linear-gradient(145deg,#f4f7f9e8 0,#c8d0d8e8 24%,#929eaae8 50%,#5d6976f0 74%,#29333ff5 100%);--glow:#dce8f2;color:#f5cb59;text-shadow:0 1px 0 #fff7,0 2px 3px #000d,0 0 7px #d6a82d88}.value-8{--tile:linear-gradient(145deg,#b4dc76cc 0,#70ae32dd 48%,#345c13eb 100%);--glow:#a7e54c}.value-9{--tile:linear-gradient(145deg,#72dbdbcc 0,#229f9fdd 48%,#0b5a5beb 100%);--glow:#42ebec}
@media(max-width:380px){.number-space,.number-tile{border-radius:7px}}