.lounge-page { min-height: 100dvh; background: radial-gradient(circle at 50% 15%, rgb(var(--red-event-rgb) / .24), transparent 34%), var(--bg); color: var(--text); font-family: var(--font-game); }
.lounge-nav { --bg-secondary: var(--bg-soft); --card-bg: var(--panel); --text-primary: var(--text); --text-secondary: var(--muted); --accent-light: var(--red-event-hot); --border: var(--line); }
.lounge-shell { width: min(920px, calc(100% - 2rem)); margin: 0 auto; padding: 7rem 0 3rem; }
.lounge-head { display:flex; justify-content:space-between; gap:1.5rem; align-items:end; margin-bottom:1.5rem; }.lounge-head h1,.game-title h2 { margin:.15rem 0; font-size:clamp(2.2rem,7vw,4.3rem); line-height:.9; letter-spacing:-.07em; }.lounge-head p { color:var(--muted); }.eyebrow { margin:0; color:var(--gold); font-size:.72rem; letter-spacing:.18em; font-weight:900; }
.wallet,.game-card { border:1px solid var(--line); background:var(--panel); box-shadow:var(--shadow); }.wallet { min-width:11rem; padding:.8rem 1rem; border-radius:var(--radius); text-align:right; }.wallet span { display:block; color:var(--muted); font-size:.72rem; }.wallet strong { display:block; color:var(--gold); font-size:1.7rem; }.wallet button { margin-top:.3rem; border:0; background:none; color:var(--green-hot); font:inherit; font-weight:900; cursor:pointer; }.wallet button:disabled { color:var(--muted); cursor:default; }
.game-picker { display:grid; grid-template-columns:repeat(4,1fr); gap:.7rem; margin-bottom:.9rem; }.lounge-game { display:grid; gap:.15rem; min-height:5.3rem; padding:.8rem; border:1px solid var(--line); border-radius:var(--radius); color:var(--text); background:rgb(var(--panel-base-rgb) / .62); text-align:left; font:inherit; cursor:pointer; }.lounge-game span { color:var(--red-event-hot); font-size:1.1rem; }.lounge-game strong { font-size:.95rem; }.lounge-game small { color:var(--muted); font-weight:700; }.lounge-game.is-selected { border-color:var(--red-event-hot); background:rgb(var(--red-event-rgb) / .18); box-shadow:0 0 20px rgb(var(--red-event-rgb) / .16); }.lounge-game.is-selected small { color:var(--gold); }
.game-card { padding:clamp(1rem,4vw,2rem); border-radius:var(--radius-lg); }.game-title { display:flex; align-items:center; gap:.75rem; }.game-title h2 { font-size:2rem; }.game-title #message { margin-left:auto; color:var(--gold); font-weight:800; text-align:right; }.live-dot { width:.55rem; height:.55rem; border-radius:50%; background:var(--red-event); box-shadow:0 0 16px var(--red-event); }
.plinko { position:relative; height:min(56vw,470px); min-height:330px; margin:1.4rem auto; overflow:hidden; border:1px solid rgb(var(--line-base-rgb) / .5); border-radius:var(--radius); background:linear-gradient(180deg, rgb(var(--red-event-rgb) / .12), transparent); }.pegs { display:grid; grid-template-columns:repeat(9,1fr); gap:0; place-items:center; height:84%; padding:1.6rem 9% 0; }.peg { width:.45rem; aspect-ratio:1; border-radius:50%; background:var(--line-hot); box-shadow:0 0 10px rgb(var(--red-event-rgb) / .9); }.peg:nth-child(odd) { transform:translateX(50%); }.ball { position:absolute; z-index:2; width:1rem; aspect-ratio:1; border-radius:50%; background:var(--gold-hot); box-shadow:0 0 20px var(--gold); transform:translate(-50%,-50%); transition:left .13s cubic-bezier(.2,.8,.3,1), top .13s ease-in; }.bins { position:absolute; bottom:0; display:grid; grid-template-columns:repeat(9,1fr); width:100%; height:16%; }.bin { display:grid; place-items:center; border-left:1px solid rgb(var(--line-base-rgb) / .55); color:var(--text); font-size:clamp(.58rem,2vw,.83rem); font-weight:900; }.bin.hot { background:rgb(var(--gold-rgb) / .22); color:var(--gold-hot); }
.controls { display:flex; justify-content:center; align-items:end; gap:.8rem; }.controls label { display:grid; gap:.35rem; color:var(--muted); font-size:.76rem; font-weight:800; }.controls input { width:6rem; padding:.7rem; border:1px solid var(--line); border-radius:var(--radius-sm); background:var(--bg-soft); color:var(--text); font:inherit; }.controls button { padding:.8rem 1.2rem; border:0; border-radius:var(--radius-sm); background:var(--red-event); color:var(--on-accent); box-shadow:0 4px 18px rgb(var(--red-event-rgb) / .38); font:inherit; font-weight:950; cursor:pointer; }.controls button:disabled { opacity:.5; cursor:default; }.notice { margin:1.2rem auto; max-width:42rem; color:var(--muted); text-align:center; font-size:.78rem; } @media (max-width:600px){.lounge-head{align-items:start;flex-direction:column}.wallet{text-align:left}.game-title #message{font-size:.75rem}.plinko{min-height:290px}.controls{align-items:stretch;flex-direction:column}.controls input{width:auto}.controls button{min-height:3rem}} @media (prefers-reduced-motion:reduce){.ball{transition:none}}