/* Bet With Net Free Play unified violet theme, independently authored.
 * Scopes to pages carrying data-bwn-free-play; no modifications to game mechanics.
 */
:root{
  --bwn-ink:#130f19;--bwn-card:#261c2f;--bwn-card-2:#32213e;--bwn-line:#6d437a;
  --bwn-purple:#8b42f0;--bwn-pink:#ed44b3;--bwn-gold:#ffdf77;
  --bwn-text:#f8efff;--bwn-muted:#c7b5d4;
  --bg-1:#19101e;--bg-2:#321b3a;--accent:#e74bb4;--accent-2:#ffdf77;
  --text:#f8efff;--muted:#c7b5d4;--glass:rgba(118,57,131,.2);--glass-border:rgba(225,134,235,.26);
  --neon-purple:#c85aee;--neon-blue:#ba66ec;--neon-green:#ffe17a;--felt-green:#3f244c;
}
html{color-scheme:dark}
body[data-bwn-free-play]{
  background:radial-gradient(ellipse at 30% -10%,rgba(139,58,190,.34),transparent 60%),
    radial-gradient(ellipse at 90% 80%,rgba(163,35,121,.12),transparent 60%),#140f1b!important;
  color:var(--bwn-text)!important;font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif!important;
  min-height:100vh!important;height:auto!important;padding-top:68px!important;
  background-attachment:fixed!important;animation:none!important;
  overflow-x:hidden;
}
body[data-bwn-free-play] .bwn-toolbar{
  position:fixed;top:0;left:0;right:0;z-index:2147483000;
  min-height:60px;padding:9px max(12px,calc((100% - 1200px)/2));
  display:flex;align-items:center;gap:10px;flex-wrap:nowrap;
  background:linear-gradient(115deg,#201529,#371d43 55%,#201529);
  border-bottom:1px solid #84508f;box-shadow:0 8px 24px #08030fa6;
  color:#fff;font-size:12px!important;
}
body[data-bwn-free-play] .bwn-toolbar a,
body[data-bwn-free-play] .bwn-toolbar button{
  text-decoration:none!important;font-size:12px!important;font-weight:750!important;
  letter-spacing:0!important;white-space:nowrap;border:1px solid #795087!important;
  background:#372343!important;color:#fff!important;border-radius:9px!important;
  padding:8px 10px!important;line-height:1.2!important;min-height:36px!important;
  display:inline-flex;align-items:center;gap:4px;margin:0!important;cursor:pointer;
  width:auto!important;height:auto!important;box-shadow:none!important;
  position:static!important;transform:none!important;
}
body[data-bwn-free-play] .bwn-toolbar a:first-child{
  background:linear-gradient(110deg,#833df2,#dc3fae)!important;border-color:#d18fe9!important;
}
body[data-bwn-free-play] .bwn-toolbar a:hover,
body[data-bwn-free-play] .bwn-toolbar button:hover{border-color:var(--bwn-gold)!important;filter:brightness(1.1)}
body[data-bwn-free-play] .bwn-toolbar .bwn-toolbar-title{
  display:block;min-width:0;flex:1;font-weight:900;font-size:13px!important;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;
}
body[data-bwn-free-play] .bwn-toolbar .bwn-toolbar-title small{
  display:block;color:#c7a7d8;font-size:10px;font-weight:500;margin-top:2px;
}
body[data-bwn-free-play] .bwn-toolbar #bwn-session{
  color:#e5c9f0;font-size:11px!important;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
body[data-bwn-free-play] .bwn-toolbar button[aria-pressed=true]{
  background:linear-gradient(110deg,#8239ef,#e13daf)!important;
}
body[data-bwn-free-play] .bwn-disclaimer{
  position:fixed;bottom:9px;left:50%;transform:translateX(-50%);
  z-index:2147482990;pointer-events:none;
  max-width:calc(100vw - 18px);width:max-content;
  color:#ffe8a6!important;background:rgba(29,17,34,.95);
  border:1px solid #765176;border-radius:9px;
  padding:7px 12px;font-size:11px!important;line-height:1.35;text-align:center;
}
body[data-bwn-free-play] header:not(.bwn-toolbar){
  background:linear-gradient(115deg,#322040,#211729)!important;color:#faf1ff!important;
  border-bottom:1px solid #795082!important;
}
body[data-bwn-free-play] header h1,body[data-bwn-free-play] h1,
body[data-bwn-free-play] h2,body[data-bwn-free-play] h3{color:#faf4ff!important;text-shadow:none!important}
body[data-bwn-free-play] h1{letter-spacing:-.4px}
body[data-bwn-free-play] p,body[data-bwn-free-play] label,
body[data-bwn-free-play] span{color:inherit}
body[data-bwn-free-play] footer{background:transparent!important;color:#c7b1ce!important}
body[data-bwn-free-play] main{max-width:min(1120px,100%)!important}
body[data-bwn-free-play] .game-container,
body[data-bwn-free-play] .game-board,
body[data-bwn-free-play] .app,
body[data-bwn-free-play] #game-container,
body[data-bwn-free-play] .container{
  background:linear-gradient(155deg,#2b1d34,#1e1727)!important;
  border:1px solid #714580!important;border-radius:17px!important;
  box-shadow:0 16px 40px #07030c70!important;
  color:#f7f0fa!important;
}
body[data-bwn-free-play] .game-container{margin:12px auto}
body[data-bwn-free-play] .app{width:min(680px,100%)!important}
body[data-bwn-free-play] #games{padding:8px;max-width:100%}
body[data-bwn-free-play] #game-container{padding:22px 12px!important;box-sizing:border-box}
body[data-bwn-free-play] button:not(.bwn-toolbar button),
body[data-bwn-free-play] input[type=button],
body[data-bwn-free-play] input[type=submit]{
  border-radius:10px!important;background:linear-gradient(115deg,#8640ef,#e23eaf)!important;
  color:#fff!important;border:1px solid #c680d8!important;
  box-shadow:0 4px 15px #510c6099!important;
  font-family:inherit!important;font-weight:750!important;
  transition:filter .16s,transform .16s;
}
body[data-bwn-free-play] button:not(.bwn-toolbar button):hover{filter:brightness(1.13)}
body[data-bwn-free-play] button:not(.bwn-toolbar button):disabled{opacity:.55;cursor:not-allowed}
body[data-bwn-free-play] input,body[data-bwn-free-play] select{
  border:1px solid #82518a!important;background:#1b1322!important;
  border-radius:9px!important;color:#f7eafa!important;
}
body[data-bwn-free-play] input:focus-visible,body[data-bwn-free-play] select:focus-visible,
body[data-bwn-free-play] button:focus-visible{
  outline:2px solid #ffc973!important;outline-offset:2px!important;
}
body[data-bwn-free-play] .score,body[data-bwn-free-play] .stat,
body[data-bwn-free-play] .score-board,body[data-bwn-free-play] .game-info{
  border-color:#70417c!important;color:#f5e9f9!important
}
body[data-bwn-free-play] .score,body[data-bwn-free-play] .stat{
  background:#34233d!important;border:1px solid #714580!important;border-radius:12px!important
}
body[data-bwn-free-play] .stat-value,body[data-bwn-free-play] #balance,
body[data-bwn-free-play] #win{color:#ffdc77!important}
body[data-bwn-free-play] .instructions,body[data-bwn-free-play] .tagline{
  color:#d9c7de!important
}
body[data-bwn-free-play] .game-area,body[data-bwn-free-play] .game-info,
body[data-bwn-free-play] .player-section{color:#f4e7fc!important}
body[data-bwn-free-play] .choice-btn,
body[data-bwn-free-play] .choice-btn:not(.bwn-toolbar button){
  background:#392342!important;color:#fff!important;border:1px solid #79538a!important
}
body[data-bwn-free-play] .choice-btn.selected{
  background:linear-gradient(115deg,#9149f0,#bd419c)!important;border-color:#ffb1ea!important
}
body[data-bwn-free-play] .card{border-color:#654078}
body[data-bwn-free-play] canvas{max-width:100%;background-color:#21192b!important}
body[data-bwn-free-play] #roulette-wrapper{max-width:calc(100vw - 48px)!important;width:min(400px,calc(100vw - 48px))!important;aspect-ratio:1;height:auto!important}
body[data-bwn-free-play] #roulette-wheel{display:block;width:100%;height:auto;aspect-ratio:1;border:3px solid #bd77d2!important;background:#19141e!important}
body[data-bwn-free-play] #roulette-indicator{top:auto!important;bottom:1px!important}
body[data-bwn-free-play] #slots-reels{max-width:100%}
body[data-bwn-free-play] #slots-reels span{background:#392440!important;border-color:#9452ae!important;color:#fff!important}
body[data-bwn-free-play] .game-board{
  position:relative!important;top:auto!important;left:auto!important;right:auto!important;
  width:min(650px,calc(100vw - 28px))!important;
  height:min(67vh,580px)!important;min-height:425px;
  margin:14px auto 55px!important;
}
body[data-bwn-free-play] .game-board .button{
  top:auto!important;bottom:19%!important;width:min(200px,65%)!important;
  min-height:40px!important;height:auto!important
}
body[data-bwn-free-play] .game-board #win{
  top:auto!important;bottom:6%!important;min-height:30px!important;height:auto!important
}
body[data-bwn-free-play] .game-board .coin{top:16%!important;bottom:auto!important}
body[data-bwn-free-play] .board{max-width:100%}
body[data-bwn-free-play] .board .card{
  background:linear-gradient(110deg,#7238a2,#ab3cb6)!important;color:#fff!important;border-radius:9px!important
}
body[data-bwn-free-play] .back-button{background:#42294a!important;color:#ffe5ff!important;border:1px solid #89569d!important}
body[data-bwn-free-play] #balance-container{color:#e5c8ed!important;font-weight:800}
body[data-bwn-free-play] .game-btn{padding:12px 18px!important}
body[data-bwn-free-play] .hero,body[data-bwn-free-play] .hub-banner{
  background:linear-gradient(125deg,#412657,#25192d)!important;
}
@media(max-width:620px){
 body[data-bwn-free-play]{padding-top:87px!important}
 body[data-bwn-free-play] .bwn-toolbar{min-height:78px;flex-wrap:wrap;gap:5px;padding:7px 10px}
 body[data-bwn-free-play] .bwn-toolbar .bwn-toolbar-title{flex-basis:calc(100% - 125px);font-size:12px!important}
 body[data-bwn-free-play] .bwn-toolbar #bwn-session{display:none}
 body[data-bwn-free-play] .bwn-toolbar a,body[data-bwn-free-play] .bwn-toolbar button{font-size:10px!important;min-height:30px!important;padding:6px 8px!important}
 body[data-bwn-free-play] .game-container{padding:15px!important}
 body[data-bwn-free-play] #game-container{margin:10px auto!important}
 body[data-bwn-free-play] .game-board{min-height:380px!important}
 body[data-bwn-free-play] .bwn-disclaimer{bottom:5px;font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){body[data-bwn-free-play] *{scroll-behavior:auto!important}}


/* Mobile gaming controls: reliable tap areas and accessible snake D-pad. */
body[data-bwn-free-play] #snake-dpad{display:flex;flex-direction:column;align-items:center;gap:7px;margin-top:12px;padding-bottom:8px}
body[data-bwn-free-play] #snake-dpad .snake-dpad-middle{display:flex;gap:9px;justify-content:center}
body[data-bwn-free-play] #snake-dpad button{
    width:52px!important;height:48px!important;min-width:48px!important;min-height:46px!important;
    font-size:20px!important;touch-action:manipulation;user-select:none
}
body[data-bwn-free-play] button:not(.bwn-toolbar button){touch-action:manipulation;min-height:40px}
body[data-bwn-free-play] #snake-canvas{touch-action:pan-y;max-width:100%;height:auto}
@media(max-width:360px){body[data-bwn-free-play] #snake-dpad button{width:48px!important;height:46px!important}}