/* Crazy Time v2 — light theme (matches the site's MegaWheel look). Text colors are !important because the site's
 * global CSS recolors generic elements. See public/js/crazytime.js. Mobile first, PC overrides at the bottom. */
.ct-page{padding:0 0 24px}
.ct-page.ct-page.ct-page .ct-loading{display:flex;justify-content:center;padding:70px 0}
.ct-page.ct-page.ct-page .ct-spinner{width:38px;height:38px;border:3px solid rgba(0,0,0,.08);border-top-color:#f0b429;border-radius:50%;animation:ct-rot 1s linear infinite}
@keyframes ct-rot{to{transform:rotate(360deg)}}
.ct-page.ct-page.ct-page .ct-content{padding:8px 8px 0}
.ct-page.ct-page.ct-page .ct-card{background:#fff;border:1px solid #e6e8f1;border-radius:16px;padding:14px;margin-bottom:12px;color:#2b2f3f!important;box-shadow:0 2px 12px rgba(40,50,90,.05)}
.ct-page.ct-page.ct-page .ct-card.ct-top{padding:10px 8px 8px}
.ct-page.ct-page.ct-page .ct-h{font-size:20px!important;font-weight:700!important;color:#8e94b8!important;margin-bottom:12px}
.ct-page.ct-page.ct-page .ct-empty{color:#8e94b8!important;font-size:13px!important}

/* segment colors (spots, badges, reel items) — pastel gradients for the light theme */
.ct-page.ct-page.ct-page .ct-t1{background:linear-gradient(180deg,#a9ddf8,#5db4ec)}
.ct-page.ct-page.ct-page .ct-t2{background:linear-gradient(180deg,#f8df8f,#e6bb45)}
.ct-page.ct-page.ct-page .ct-t3{background:linear-gradient(180deg,#c6abf8,#9573e6)}
.ct-page.ct-page.ct-page .ct-t4{background:linear-gradient(180deg,#f6a9d6,#e874b2)}
.ct-page.ct-page.ct-page .ct-t5{background:linear-gradient(180deg,#fac48f,#ee924c)}
.ct-page.ct-page.ct-page .ct-t6{background:linear-gradient(180deg,#ade79e,#5cc765)}
.ct-page.ct-page.ct-page .ct-t7{background:linear-gradient(180deg,#9ce5e8,#47c2c7)}
.ct-page.ct-page.ct-page .ct-t8{background:linear-gradient(140deg,#f9968f,#e2544e 55%,#a54ea0)}

/* ---------- top slot */
.ct-page.ct-page.ct-page .ct-topslot{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto 8px;max-width:340px}
.ct-page.ct-page.ct-page .ct-ts-reel{height:42px;width:100px;overflow:hidden;border-radius:10px;background:#fffaf0;border:2px solid #efc65a;box-shadow:inset 0 0 12px rgba(190,140,30,.18);position:relative}
.ct-page.ct-page.ct-page .ct-ts-reel:before,.ct-page.ct-page.ct-page .ct-ts-reel:after{content:"";position:absolute;left:0;right:0;height:10px;z-index:2;pointer-events:none}
.ct-page.ct-page.ct-page .ct-ts-reel:before{top:0;background:linear-gradient(rgba(255,250,240,.9),transparent)}
.ct-page.ct-page.ct-page .ct-ts-reel:after{bottom:0;background:linear-gradient(transparent,rgba(255,250,240,.9))}
.ct-page.ct-page.ct-page .ct-ts-strip{will-change:transform}
.ct-page.ct-page.ct-page .ct-ts-item{height:42px;display:flex;align-items:center;justify-content:center;font-weight:800!important;font-size:17px!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.35);border-bottom:1px solid rgba(255,255,255,.35)}
.ct-page.ct-page.ct-page .ct-ts-m{color:#b9861a!important;font-size:19px!important;background:#fff7dc;border-bottom:1px solid #f3dea0;text-shadow:none}
.ct-page.ct-page.ct-page .ct-ts-mid{display:flex;flex-direction:column;align-items:center;line-height:1!important;font-size:11px!important;font-weight:900!important;letter-spacing:1.5px!important;color:#d9a326!important}
.ct-page.ct-page.ct-page .ct-topslot.is-hit .ct-ts-reel{border-color:#ffb400;animation:ct-glow .7s ease-in-out infinite alternate}
@keyframes ct-glow{from{box-shadow:0 0 6px #ffd66b}to{box-shadow:0 0 18px #ffc83d}}

/* ---------- wheel stage (white card, cropped wheel like MegaWheel) */
.ct-page.ct-page.ct-page .ct-stage{position:relative;height:300px;overflow:hidden;border-radius:12px;background:#fff}
.ct-page.ct-page.ct-page .ct-wheel-wrap{position:absolute;left:50%;top:12px;width:150%;max-width:560px;transform:translateX(-50%);transition:opacity .35s,filter .35s}
.ct-page.ct-page.ct-page .ct-wheel-wrap.is-dim{opacity:.25;filter:blur(2px)}
.ct-page.ct-page.ct-page .ct-wheel{display:block;width:100%;height:auto;transform-origin:50% 50%;will-change:transform}
.ct-page.ct-page.ct-page .ct-rim{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}
.ct-page.ct-page.ct-page .ct-bulb{fill:#d9a326;stroke:#b98617;stroke-width:1.5;transition:fill .12s}
.ct-page.ct-page.ct-page .ct-bulb.is-on{fill:#fff2b0;filter:drop-shadow(0 0 5px #ffd66b)}
.ct-page.ct-page.ct-page .ct-lbl{font:800 46px Arial,Helvetica,sans-serif!important;fill:#fff;paint-order:stroke;stroke:rgba(0,0,0,.3);stroke-width:5px}
.ct-page.ct-page.ct-page .ct-lbl-b{font-size:21px!important;letter-spacing:1.5px!important;stroke-width:3px}
.ct-page.ct-page.ct-page .ct-sec path{transition:filter .3s}
.ct-page.ct-page.ct-page .ct-sec.is-win path{filter:brightness(1.3) drop-shadow(0 0 10px #fff)}
.ct-page.ct-page.ct-page .ct-sec.is-win.is-top path{filter:brightness(1.45) drop-shadow(0 0 14px #ffd66b)}
.ct-page.ct-page.ct-page .ct-pointer{position:absolute;left:50%;top:1.2%;width:38px;height:46px;transform:translateX(-50%);z-index:3;background:linear-gradient(#ffe9a8,#c9931f);clip-path:polygon(50% 100%,0 35%,15% 0,85% 0,100% 35%);filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}
.ct-page.ct-page.ct-page .ct-pointer-gem{position:absolute;left:50%;top:22%;width:14px;height:14px;transform:translateX(-50%) rotate(45deg);background:radial-gradient(circle at 35% 35%,#ff8f8f,#c62828 70%);border:1px solid #7a1010}
.ct-page.ct-page.ct-page .ct-center{position:absolute;left:25%;width:50%;top:27.5%;text-align:center;z-index:2;pointer-events:none}
.ct-page.ct-page.ct-page .ct-logo{font:900 20px/1 Arial,Helvetica,sans-serif!important;letter-spacing:2px!important;color:#ffd66b!important;text-shadow:0 2px 4px rgba(0,0,0,.6)}
.ct-page.ct-page.ct-page .ct-logo span{display:block;font-size:26px!important;color:#fff!important;margin-top:2px}
.ct-page.ct-page.ct-page .ct-status{margin-top:6px;color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.6)}
.ct-page.ct-page.ct-page .ct-status em{font-style:normal;font:900 38px/1 Arial,Helvetica,sans-serif!important;display:block;color:#fff!important}
.ct-page.ct-page.ct-page .ct-status small{display:block;font-size:11px!important;color:#fff!important;opacity:.85;letter-spacing:1px!important;text-transform:uppercase;margin-top:2px}
.ct-page.ct-page.ct-page .ct-status b{display:block;font-size:22px!important;line-height:1.1!important;color:#fff!important}
.ct-page.ct-page.ct-page .ct-stage.is-betting .ct-status em{animation:ct-pulse 1s ease-in-out infinite}
@keyframes ct-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}

/* ---------- bonus overlay (a dark "screen" over the stage) */
.ct-page.ct-page.ct-page .ct-bonus{position:absolute;left:0;top:0;right:0;bottom:0;z-index:5;display:flex;flex-direction:column;align-items:center;padding:8px 8px 6px;color:#fff!important;border-radius:12px;background:linear-gradient(160deg,#2c1656,#141024 70%,#0d0b17)}
.ct-page.ct-page.ct-page .ct-bn-title{font:900 20px/1.1 Arial,Helvetica,sans-serif!important;letter-spacing:2px!important;color:#ffd66b!important;text-shadow:0 2px 6px rgba(0,0,0,.8);display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center}
.ct-page.ct-page.ct-page .ct-bn-title small{font-size:11px!important;letter-spacing:1px!important;background:#b3282a;padding:3px 7px;border-radius:8px;color:#fff!important;text-shadow:none}
.ct-page.ct-page.ct-page .ct-bn-foot{margin-top:auto;font-size:14px!important;text-align:center;min-height:20px;color:#fff!important;text-shadow:0 1px 3px #000;padding-top:4px}
.ct-page.ct-page.ct-page .ct-bn-foot b{color:#ffd66b!important}

/* Coin Flip */
.ct-page.ct-page.ct-page .ct-cf-row{display:flex;align-items:center;justify-content:center;gap:14px;flex:1;width:100%}
.ct-page.ct-page.ct-page .ct-cf-side{width:84px;padding:10px 4px;border-radius:12px;text-align:center;color:#fff!important;border:2px solid rgba(255,255,255,.25);transition:transform .3s,box-shadow .3s;box-shadow:0 4px 12px rgba(0,0,0,.5)}
.ct-page.ct-page.ct-page .ct-cf-side b{display:block;font-size:22px!important;color:#fff!important;text-shadow:0 2px 3px rgba(0,0,0,.6)}
.ct-page.ct-page.ct-page .ct-cf-side span{font-size:10px!important;letter-spacing:1px!important;color:#fff!important;opacity:.85}
.ct-page.ct-page.ct-page .ct-cf-red{background:linear-gradient(#e0433f,#8e1b1b)}
.ct-page.ct-page.ct-page .ct-cf-blue{background:linear-gradient(#3b8ff0,#173e8a)}
.ct-page.ct-page.ct-page .ct-cf-side.is-win{transform:scale(1.14);box-shadow:0 0 24px #ffd66b;border-color:#ffe9a8}
.ct-page.ct-page.ct-page .ct-coin-box{width:130px;height:130px;perspective:800px}
.ct-page.ct-page.ct-page .ct-cf.is-flip .ct-coin-box{animation:ct-jump 1.15s ease-in-out infinite}
.ct-page.ct-page.ct-page .ct-coin{position:relative;width:100%;height:100%;transform-style:preserve-3d}
.ct-page.ct-page.ct-page .ct-coin-face{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:50%;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;border:6px solid #f2c95a;box-shadow:inset 0 0 22px rgba(0,0,0,.45),0 6px 16px rgba(0,0,0,.5)}
.ct-page.ct-page.ct-page .ct-coin-red{background:radial-gradient(circle at 35% 30%,#ff7b74,#9c1d1a)}
.ct-page.ct-page.ct-page .ct-coin-blue{background:radial-gradient(circle at 35% 30%,#7fb4ff,#1a3f8f);transform:rotateY(180deg)}
.ct-page.ct-page.ct-page .ct-coin-face svg{width:46px;height:46px}
.ct-page.ct-page.ct-page .ct-crown{fill:#ffe9a8}
.ct-page.ct-page.ct-page .ct-coin-face b{font-size:24px!important;color:#fff!important;text-shadow:0 2px 3px #000;margin-top:-4px}
@keyframes ct-jump{0%,100%{transform:translateY(0)}50%{transform:translateY(-36px)}}

/* Pachinko */
.ct-page.ct-page.ct-page .ct-pa-board{width:100%;max-width:480px;flex:1;min-height:0;filter:drop-shadow(0 4px 12px rgba(0,0,0,.6))}
.ct-page.ct-page.ct-page .ct-pa-zone{fill:#3d1b5c;stroke:#8a5cc9;stroke-width:1.5}
.ct-page.ct-page.ct-page .ct-pa-zone.is-on{fill:#ffd66b;stroke:#fff}
.ct-page.ct-page.ct-page .ct-pa-zt{font:700 15px Arial,Helvetica,sans-serif!important;fill:#fff;pointer-events:none}
.ct-page.ct-page.ct-page .ct-pa-peg{fill:#e8d5ff;stroke:#7a4fb5;stroke-width:1.5}
.ct-page.ct-page.ct-page .ct-pa-peg.is-hit{fill:#fff;filter:drop-shadow(0 0 5px #fff)}
.ct-page.ct-page.ct-page .ct-pa-slot{fill:#20123a;stroke:#8a5cc9;stroke-width:2}
.ct-page.ct-page.ct-page .ct-pa-slot.is-d{fill:#8a4b00;stroke:#ffd66b}
.ct-page.ct-page.ct-page .ct-pa-slot.is-win{fill:#ffd66b;stroke:#fff;filter:drop-shadow(0 0 10px #ffd66b)}
.ct-page.ct-page.ct-page .ct-pa-st{font:800 20px Arial,Helvetica,sans-serif!important;fill:#fff;pointer-events:none}
.ct-page.ct-page.ct-page .ct-pa-std{fill:#ffe9a8;font-size:16px!important;letter-spacing:1px!important}
.ct-page.ct-page.ct-page .ct-pa.is-double .ct-pa-st{animation:ct-blink .35s steps(2) infinite}
.ct-page.ct-page.ct-page .ct-pa.is-done .ct-pa-slot.is-win + .ct-pa-st{fill:#000}
.ct-page.ct-page.ct-page .ct-pa-mul{background:#ffb400!important;color:#3b0d5c!important}
@keyframes ct-blink{to{opacity:.35}}

/* Cash Hunt */
.ct-page.ct-page.ct-page .ct-ch-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2px;width:100%;max-width:520px;flex:1;align-content:center;padding:4px 0}
.ct-page.ct-page.ct-page .ct-ch-cell{height:22px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:#1e3a2a;border:1px solid rgba(255,255,255,.12);font:800 10px Arial,Helvetica,sans-serif!important;color:#fff!important;cursor:default;transition:transform .2s,background .3s;position:relative}
.ct-page.ct-page.ct-page .ct-ch-cell.is-big{background:#2e6a3a}
.ct-page.ct-page.ct-page .ct-ch-cell.is-huge{background:#b8860b}
.ct-page.ct-page.ct-page .ct-ch-grid.is-hidden .ct-ch-cell{background:#153024}
.ct-page.ct-page.ct-page .ct-ch-grid.is-pickable .ct-ch-cell{cursor:pointer}
.ct-page.ct-page.ct-page .ct-ch-grid.is-pickable .ct-ch-cell:active{transform:scale(.9)}
.ct-page.ct-page.ct-page .ct-ch-cell.is-sel{outline:2px solid #ffd66b;box-shadow:0 0 8px #ffd66b;z-index:1}
.ct-page.ct-page.ct-page .ct-ch-cell.is-res{transform:scale(1.3);background:#ffd66b;color:#000!important;z-index:2;box-shadow:0 0 14px #ffd66b}
.ct-page.ct-page.ct-page .ct-ch.is-shuffle .ct-ch-cell{animation:ct-flip .6s ease-in-out infinite}
.ct-page.ct-page.ct-page .ct-ch.is-reveal .ct-ch-cell{animation:ct-flipin .5s ease-out}
.ct-page.ct-page.ct-page .ct-ch-s{font-size:12px!important;line-height:1!important}
@keyframes ct-flip{0%,100%{transform:rotateY(0)}50%{transform:rotateY(90deg)}}
@keyframes ct-flipin{from{transform:rotateY(90deg)}to{transform:rotateY(0)}}

/* Crazy Time bonus wheel */
.ct-page.ct-page.ct-page .ct-cw-wrap{position:relative;width:196px;height:196px;margin:2px auto 0}
.ct-page.ct-page.ct-page .ct-cw-wheel{width:100%;height:100%;transform-origin:50% 50%;will-change:transform;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6))}
.ct-page.ct-page.ct-page .ct-cw-lbl{font:800 30px Arial,Helvetica,sans-serif!important;fill:#fff;paint-order:stroke;stroke:rgba(0,0,0,.35);stroke-width:4px}
.ct-page.ct-page.ct-page .ct-cw-sp{font-size:17px!important;letter-spacing:1px!important;fill:#3b0d5c;stroke:none}
.ct-page.ct-page.ct-page .ct-cw-c1{font:900 70px Arial,Helvetica,sans-serif!important;fill:#ffd66b}
.ct-page.ct-page.ct-page .ct-cw-c2{font:900 70px Arial,Helvetica,sans-serif!important;fill:#fff}
.ct-page.ct-page.ct-page .ct-cw-sec path{transition:filter .3s}
.ct-page.ct-page.ct-page .ct-cw-sec.is-hit path{filter:brightness(1.4) drop-shadow(0 0 8px #fff)}
.ct-page.ct-page.ct-page .ct-flapper{position:absolute;width:18px;height:34px;z-index:3}
.ct-page.ct-page.ct-page .ct-flapper i{display:block;width:100%;height:100%;clip-path:polygon(50% 100%,0 25%,20% 0,80% 0,100% 25%);background:currentColor;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}
.ct-page.ct-page.ct-page .ct-flapper.is-mine{filter:drop-shadow(0 0 7px #fff)}
.ct-page.ct-page.ct-page .ct-fl-green{color:#37c25a!important}
.ct-page.ct-page.ct-page .ct-fl-blue{color:#3b8ff0!important}
.ct-page.ct-page.ct-page .ct-fl-yellow{color:#f5c542!important}
.ct-page.ct-page.ct-page .ct-cw-picks{display:flex;gap:6px;margin-top:6px}
.ct-page.ct-page.ct-page .ct-cw-pick{border:2px solid currentColor;background:rgba(0,0,0,.45);border-radius:10px;padding:5px 8px;font:700 12px Arial,Helvetica,sans-serif!important;display:flex;align-items:center;gap:5px;cursor:pointer;transition:box-shadow .2s,background .2s}
.ct-page.ct-page.ct-page .ct-cw-pick .ct-cw-dot{width:10px;height:10px;border-radius:50%;background:currentColor}
.ct-page.ct-page.ct-page .ct-cw-pick.is-off{opacity:.65;cursor:default}
.ct-page.ct-page.ct-page .ct-cw-pick.is-sel{background:rgba(255,255,255,.14);box-shadow:0 0 12px currentColor}
.ct-page.ct-page.ct-page .ct-cw-pick b{color:#ffd66b!important;font-size:13px!important}
.ct-page.ct-page.ct-page .ct-cw-pick em{font-style:normal;color:#ff9ad9!important;font-size:11px!important}

/* result banner (white card on a soft overlay) */
.ct-page.ct-page.ct-page .ct-banner{position:absolute;left:0;top:0;right:0;bottom:0;z-index:6;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.55);border-radius:12px}
.ct-page.ct-page.ct-page .ct-banner-in{background:#fff;border:3px solid #ffd66b;border-radius:16px;padding:14px 24px;text-align:center;min-width:210px;box-shadow:0 10px 40px rgba(30,40,90,.25);color:#2b2f3f!important}
.ct-page.ct-page.ct-page .ct-banner-in small{display:block;font-size:11px!important;letter-spacing:2px!important;text-transform:uppercase;color:#8e94b8!important}
.ct-page.ct-page.ct-page .ct-banner-in b{display:block;font:900 30px/1.1 Arial,Helvetica,sans-serif!important;color:#2b2f3f!important;margin-top:2px}
.ct-page.ct-page.ct-page .ct-banner-in em{display:block;font-style:normal;font-size:14px!important;margin-top:4px;color:#5b6180!important}
.ct-page.ct-page.ct-page .ct-banner-win{margin-top:8px;font:900 24px Arial,Helvetica,sans-serif!important;color:#2aa85a!important}
.ct-page.ct-page.ct-page .ct-banner-lost{margin-top:8px;font-size:13px!important;color:#e05a5a!important}
.ct-page.ct-page.ct-page .ct-banner.ct-t1 .ct-banner-in{border-color:#5db4ec}.ct-page.ct-page.ct-page .ct-banner.ct-t2 .ct-banner-in{border-color:#e6bb45}.ct-page.ct-page.ct-page .ct-banner.ct-t3 .ct-banner-in{border-color:#9573e6}.ct-page.ct-page.ct-page .ct-banner.ct-t4 .ct-banner-in{border-color:#e874b2}
.ct-page.ct-page.ct-page .ct-banner.ct-t5 .ct-banner-in{border-color:#ee924c}.ct-page.ct-page.ct-page .ct-banner.ct-t6 .ct-banner-in{border-color:#5cc765}.ct-page.ct-page.ct-page .ct-banner.ct-t7 .ct-banner-in{border-color:#47c2c7}.ct-page.ct-page.ct-page .ct-banner.ct-t8 .ct-banner-in{border-color:#e2544e}
.ct-page.ct-page.ct-page .ct-banner.ct-t1 .ct-banner-in b{color:#3b93d6!important}.ct-page.ct-page.ct-page .ct-banner.ct-t2 .ct-banner-in b{color:#c9981e!important}.ct-page.ct-page.ct-page .ct-banner.ct-t3 .ct-banner-in b{color:#7d56d6!important}.ct-page.ct-page.ct-page .ct-banner.ct-t4 .ct-banner-in b{color:#d6559a!important}
.ct-page.ct-page.ct-page .ct-banner.ct-t5 .ct-banner-in b{color:#e07a2e!important}.ct-page.ct-page.ct-page .ct-banner.ct-t6 .ct-banner-in b{color:#3aa84a!important}.ct-page.ct-page.ct-page .ct-banner.ct-t7 .ct-banner-in b{color:#249fa5!important}.ct-page.ct-page.ct-page .ct-banner.ct-t8 .ct-banner-in b{color:#d63d37!important}
.ct-page.ct-page.ct-page .ct-fade-enter-active,.ct-page.ct-page.ct-page .ct-fade-leave-active{transition:opacity .35s}
.ct-page.ct-page.ct-page .ct-fade-enter,.ct-page.ct-page.ct-page .ct-fade-leave-to{opacity:0}

/* ---------- chips (pastel when idle, saturated when selected — like MegaWheel) */
.ct-page.ct-page.ct-page .ct-chips{display:flex;justify-content:space-between;gap:6px}
.ct-page.ct-page.ct-page .ct-chip{position:relative;width:56px;height:56px;border:0;background:none;padding:0;cursor:pointer;opacity:.42;transition:transform .15s,opacity .15s,filter .15s;-webkit-tap-highlight-color:transparent}
.ct-page.ct-page.ct-page .ct-chip svg{width:100%;height:100%;display:block}
.ct-page.ct-page.ct-page .ct-chip span{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;font:900 16px Arial,Helvetica,sans-serif!important;color:#fff!important}
.ct-page.ct-page.ct-page .ct-chip-bg{stroke:#fff;stroke-width:2}
.ct-page.ct-page.ct-page .ct-chip-ring{fill:none;stroke:rgba(255,255,255,.75);stroke-width:2;stroke-dasharray:6 4}
.ct-page.ct-page.ct-page .ct-chip-1 .ct-chip-bg{fill:#5b2ed8}
.ct-page.ct-page.ct-page .ct-chip-10 .ct-chip-bg{fill:#e6b23a}
.ct-page.ct-page.ct-page .ct-chip-50 .ct-chip-bg{fill:#4f8de6}
.ct-page.ct-page.ct-page .ct-chip-250 .ct-chip-bg{fill:#3fbf8f}
.ct-page.ct-page.ct-page .ct-chip-1000 .ct-chip-bg{fill:#e35d6a}
.ct-page.ct-page.ct-page .ct-chip.is-sel{opacity:1;transform:scale(1.08);filter:drop-shadow(0 4px 10px rgba(40,50,90,.3))}
.ct-page.ct-page.ct-page .ct-amt{display:flex;justify-content:space-between;margin-top:10px;font-size:13px!important;color:#8e94b8!important}
.ct-page.ct-page.ct-page .ct-amt b{color:#2b2f3f!important}

/* ---------- bet spots */
.ct-page.ct-page.ct-page .ct-spots{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.ct-page.ct-page.ct-page .ct-spot{position:relative;border:0;border-radius:14px;padding:9px 4px 6px;color:#fff!important;text-align:center;cursor:pointer;min-height:66px;transition:transform .12s,opacity .2s;box-shadow:0 3px 8px rgba(40,50,90,.12);-webkit-tap-highlight-color:transparent}
.ct-page.ct-page.ct-page .ct-spot:active{transform:scale(.96)}
.ct-page.ct-page.ct-page .ct-spot.is-off{opacity:.55;cursor:default}
.ct-page.ct-page.ct-page .ct-spot-name{font:900 16px/1.1 Arial,Helvetica,sans-serif!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.25)}
.ct-page.ct-page.ct-page .ct-spot-name small{display:block;font-size:10px!important;font-weight:700!important;color:#fff!important;opacity:.9}
.ct-page.ct-page.ct-page .ct-spot-info{display:flex;justify-content:space-between;font-size:10px!important;margin-top:6px;padding:0 2px}
.ct-page.ct-page.ct-page .ct-spot-info span{color:#fff!important;opacity:.9}
.ct-page.ct-page.ct-page .ct-spot-mine{position:absolute;top:-6px;right:-4px;background:#ffd66b;color:#2b2f3f!important;font:800 11px Arial,Helvetica,sans-serif!important;border-radius:10px;padding:2px 6px;box-shadow:0 2px 4px rgba(0,0,0,.25)}
.ct-page.ct-page.ct-page .ct-spot.is-mine{box-shadow:0 0 0 2px #ffc83d,0 3px 8px rgba(40,50,90,.12)}
.ct-page.ct-page.ct-page .ct-spot.is-win{animation:ct-glow .7s ease-in-out infinite alternate;opacity:1!important}
.ct-page.ct-page.ct-page .ct-line{margin-top:12px;text-align:center;font-size:14px!important;color:#8e94b8!important;padding:9px;border-radius:10px;background:#f3f4f9}
.ct-page.ct-page.ct-page .ct-line.is-betting{color:#2aa85a!important}
.ct-page.ct-page.ct-page .ct-line.is-spin,.ct-page.ct-page.ct-page .ct-line.is-topslot,.ct-page.ct-page.ct-page .ct-line.is-wait{color:#c9931f!important}
.ct-page.ct-page.ct-page .ct-line.is-bonus{color:#d6559a!important}
.ct-page.ct-page.ct-page .ct-line.is-landed,.ct-page.ct-page.ct-page .ct-line.is-result{color:#2b2f3f!important}

/* ---------- history / my bets */
.ct-page.ct-page.ct-page .ct-hist{display:flex;flex-wrap:wrap;gap:5px}
.ct-page.ct-page.ct-page .ct-hbadge{display:inline-flex;align-items:center;gap:3px;padding:4px 8px;border-radius:8px;font:800 12px Arial,Helvetica,sans-serif!important;color:#fff!important;box-shadow:0 2px 5px rgba(40,50,90,.12)}
.ct-page.ct-page.ct-page .ct-hbadge b{color:#fff!important}
.ct-page.ct-page.ct-page .ct-hbadge small{font-size:9px!important;background:rgba(0,0,0,.28);padding:1px 4px;border-radius:5px;color:#fff!important}
.ct-page.ct-page.ct-page .ct-hbadge em{font-style:normal;font-size:10px!important;color:#fff!important;opacity:.95}
.ct-page.ct-page.ct-page .ct-mybets{display:flex;flex-direction:column;gap:2px}
.ct-page.ct-page.ct-page .ct-mb{display:grid;grid-template-columns:1.2fr 1fr 1.3fr .6fr;align-items:center;gap:6px;padding:8px 0;border-bottom:1px solid #eef0f6;font-size:13px!important;color:#2b2f3f!important}
.ct-page.ct-page.ct-page .ct-mb:last-child{border-bottom:0}
.ct-page.ct-page.ct-page .ct-mb-t{display:inline-block;padding:3px 7px;border-radius:6px;font:800 11px Arial,Helvetica,sans-serif!important;color:#fff!important;text-align:center}
.ct-page.ct-page.ct-page .ct-mb-r{font-weight:700!important;color:#2b2f3f!important}
.ct-page.ct-page.ct-page .ct-mb-r small{font-weight:600!important;color:#8e94b8!important}
.ct-page.ct-page.ct-page .ct-mb.is-won .ct-mb-r{color:#2aa85a!important}
.ct-page.ct-page.ct-page .ct-mb.is-lost .ct-mb-r{color:#8e94b8!important}
.ct-page.ct-page.ct-page .ct-mb-time{color:#8e94b8!important;font-size:11px!important;text-align:right}
.ct-page.ct-page.ct-page .ct-coin-ico{display:inline-block;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff2b0,#f0b429 60%,#9a6410);vertical-align:-2px}

/* ---------- PC */
@media (min-width:992px){
  .ct-page.ct-page.ct-page .ct-content{padding:12px 16px 0;max-width:1100px;margin:0 auto}
  .ct-page.ct-page.ct-page .ct-card{padding:16px}
  .ct-page.ct-page.ct-page .ct-stage{height:420px}
  .ct-page.ct-page.ct-page .ct-wheel-wrap{width:900px;max-width:none;top:14px}
  .ct-page.ct-page.ct-page .ct-center{top:26.5%}
  .ct-page.ct-page.ct-page .ct-logo{font-size:30px!important}
  .ct-page.ct-page.ct-page .ct-logo span{font-size:40px!important}
  .ct-page.ct-page.ct-page .ct-status em{font-size:56px!important}
  .ct-page.ct-page.ct-page .ct-status b{font-size:30px!important}
  .ct-page.ct-page.ct-page .ct-status small{font-size:14px!important}
  .ct-page.ct-page.ct-page .ct-pointer{width:50px;height:62px}
  .ct-page.ct-page.ct-page .ct-topslot{max-width:460px;margin-bottom:12px}
  .ct-page.ct-page.ct-page .ct-ts-reel{width:136px}
  .ct-page.ct-page.ct-page .ct-bn-title{font-size:26px!important}
  .ct-page.ct-page.ct-page .ct-bn-foot{font-size:16px!important}
  .ct-page.ct-page.ct-page .ct-cf-side{width:110px;padding:14px 6px}
  .ct-page.ct-page.ct-page .ct-cf-side b{font-size:28px!important}
  .ct-page.ct-page.ct-page .ct-coin-box{width:170px;height:170px}
  .ct-page.ct-page.ct-page .ct-coin-face b{font-size:30px!important}
  .ct-page.ct-page.ct-page .ct-coin-face svg{width:60px;height:60px}
  .ct-page.ct-page.ct-page .ct-pa-board{max-width:560px}
  .ct-page.ct-page.ct-page .ct-cw-wrap{width:290px;height:290px}
  .ct-page.ct-page.ct-page .ct-cw-pick{font-size:14px!important;padding:7px 12px}
  .ct-page.ct-page.ct-page .ct-ch-grid{max-width:640px;gap:3px}
  .ct-page.ct-page.ct-page .ct-ch-cell{height:32px;font-size:13px!important}
  .ct-page.ct-page.ct-page .ct-ch-s{font-size:16px!important}
  .ct-page.ct-page.ct-page .ct-chips{justify-content:center;gap:16px}
  .ct-page.ct-page.ct-page .ct-chip{width:64px;height:64px}
  .ct-page.ct-page.ct-page .ct-spots{grid-template-columns:repeat(8,1fr);gap:10px}
  .ct-page.ct-page.ct-page .ct-spot{min-height:78px}
  .ct-page.ct-page.ct-page .ct-spot-name{font-size:18px!important}
  .ct-page.ct-page.ct-page .ct-spot-info{font-size:11px!important}
  .ct-page.ct-page.ct-page .ct-banner-in b{font-size:38px!important}
}