/* 2WIN World-Class Experience System — reference build */
:root{--wc-accent:#c6f432;--wc-panel:rgba(13,19,15,.94);--wc-line:rgba(255,255,255,.09)}
@media(max-width:700px){
 html,body{height:100%;overscroll-behavior:none;background:#070b08} body{min-height:100dvh}
 .hdr{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:rgba(8,13,10,.9)!important}
 .stage{isolation:isolate;box-shadow:inset 0 -60px 80px rgba(0,0,0,.14),0 12px 30px rgba(0,0,0,.28)!important}
 .mult{font-variant-numeric:tabular-nums;letter-spacing:-.065em!important;filter:drop-shadow(0 5px 18px rgba(0,0,0,.28));transition:transform .18s ease,color .18s ease!important}
 .multbox:after{content:'LIVE MULTIPLIER';font-size:9px;font-weight:900;letter-spacing:.18em;color:rgba(255,255,255,.62);background:rgba(0,0,0,.22);padding:4px 7px;border-radius:999px;backdrop-filter:blur(8px)}
 .slots{position:fixed!important;z-index:80;left:0;right:0;bottom:0;padding:8px max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));gap:7px!important;background:linear-gradient(180deg,rgba(7,11,8,0),rgba(7,11,8,.88) 10%,rgba(7,11,8,.98) 24%);grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .slot{min-width:0!important;padding:9px!important;border-radius:16px!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important;background:linear-gradient(180deg,rgba(23,32,25,.98),rgba(12,18,14,.98))!important;box-shadow:0 10px 32px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.04)}
 .slot>div:first-child{gap:6px!important}.slotbtn{min-height:58px!important;border-radius:13px!important;font-size:13px!important;box-shadow:inset 0 1px rgba(255,255,255,.12),0 7px 18px rgba(0,0,0,.22);transition:transform .08s ease,filter .12s ease!important}
 .slotbtn:active{transform:scale(.975)!important}
 .slot [style*="repeat(4"]{gap:4px!important}.slot [style*="repeat(4"] button{height:34px!important;min-width:0!important;padding:0 4px!important;font-size:11px!important;border-radius:9px!important}
 .slot div:has(> button[aria-label="Halve stake"]){height:44px!important}.slot button[aria-label="Halve stake"],.slot button[aria-label="Double stake"]{width:36px!important;height:36px!important}.slot input[type=number]{font-size:17px!important}
 .body{padding-bottom:202px!important}.hist{scroll-snap-type:x proximity}.hist>*{scroll-snap-align:start}
 .trow{position:relative;z-index:6}.ftr{display:none!important}
 body.wc-danger .stage{animation:wcDanger 1.15s ease-in-out infinite}body.wc-extreme .stage{animation:wcExtreme .62s ease-in-out infinite}
 body.wc-danger .mult{transform:scale(1.035)!important}body.wc-extreme .mult{transform:scale(1.075)!important;text-shadow:0 0 22px currentColor!important}
 @keyframes wcDanger{50%{filter:saturate(1.12) contrast(1.04)}}@keyframes wcExtreme{50%{filter:saturate(1.24) contrast(1.08) brightness(1.035)}}
 .wc-toast{position:fixed;z-index:200;left:50%;top:76px;transform:translate(-50%,-10px);opacity:0;pointer-events:none;padding:10px 15px;border:1px solid rgba(198,244,50,.35);border-radius:999px;background:rgba(8,14,10,.9);backdrop-filter:blur(14px);color:#eef3ec;font:800 12px Manrope,system-ui;box-shadow:0 12px 34px rgba(0,0,0,.4);transition:.2s ease}.wc-toast.show{opacity:1;transform:translate(-50%,0)}
 .wc-phase{position:absolute;z-index:10;left:10px;bottom:9px;padding:5px 8px;border-radius:999px;background:rgba(0,0,0,.28);backdrop-filter:blur(10px);font:800 9px Manrope,system-ui;letter-spacing:.11em;color:rgba(255,255,255,.78);pointer-events:none}
}
@media(max-width:380px){.body{padding-bottom:188px!important}.slots{padding-left:5px;padding-right:5px;gap:5px!important}.slot{padding:7px!important}.slotbtn{min-height:54px!important}.slot [style*="repeat(4"] button{font-size:10px!important;height:31px!important}}
/* Slot family */
@media(max-width:700px){body.wc-slot .stage{min-height:0!important;border-radius:18px!important}body.wc-slot .hdr .nav{display:none!important}body.wc-slot .body{padding-bottom:112px!important}body.wc-slot button{touch-action:manipulation}body.wc-slot .wc-slot-hud{position:fixed;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));z-index:90;display:flex;gap:8px;padding:8px;border:1px solid var(--wc-line);border-radius:16px;background:rgba(9,14,11,.95);backdrop-filter:blur(18px);box-shadow:0 14px 36px rgba(0,0,0,.42)}body.wc-slot .wc-slot-hud button{flex:1;min-height:52px;border:0;border-radius:12px;background:var(--wc-accent);color:#091008;font-weight:900;font-size:15px}body.wc-slot .wc-slot-hud .secondary{background:#18221b;color:#eef3ec;border:1px solid #2a382e}}
/* Tap Trade chart-first */
@media(max-width:700px){body.wc-trade .body{display:block!important;padding:8px 8px 118px!important}body.wc-trade .mkts{display:none!important}body.wc-trade .trades{position:fixed;z-index:80;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));max-height:102px;overflow:hidden;background:rgba(9,14,11,.96);border:1px solid var(--wc-line);border-radius:16px;box-shadow:0 14px 38px rgba(0,0,0,.45)}body.wc-trade .stakec{padding:9px!important;border:0!important;background:transparent!important;display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:7px!important}body.wc-trade .stakenote{display:none!important}body.wc-trade .chart{height:calc(100dvh - 184px)!important;min-height:420px;border-radius:18px!important}body.wc-trade .mhead{padding:2px 4px 8px}.mstep,.mkind{display:none!important}}
@media(prefers-reduced-motion:reduce){body.wc-danger .stage,body.wc-extreme .stage{animation:none!important}}
