:root{--navy-950: #050b1a;--navy-900: #0a1630;--navy-800: #122248;--navy-700: #1a3268;--gold-400: #f0c14b;--gold-300: #ffd76a;--gold-200: #ffe9a8;--cream: #f7f0dc;--cream-dim: #e8dcc0;--crimson: #c41e3a;--crimson-hot: #e8334f;--cyan: #4fd1c5;--joker: #c084fc;--glass: rgba(10, 22, 48, .72);--glass-border: rgba(240, 193, 75, .35);--shadow: 0 12px 40px rgba(0, 0, 0, .45);--radius: 14px;--font-display: "Bebas Neue", system-ui, sans-serif;--font-body: "Outfit", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;height:100dvh;overflow:hidden;background:var(--navy-950);color:var(--cream);font-family:var(--font-body);-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation}#app{position:relative;width:100%;height:100%;height:100dvh;overflow:hidden}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;touch-action:none}.hud{position:absolute;inset:0;z-index:2;pointer-events:none;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(180px,240px) 1fr minmax(160px,220px);gap:clamp(8px,1.2vw,12px);padding:max(10px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) max(10px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px))}.hud>*{pointer-events:auto}.top-bar{grid-column:1 / -1;position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px}.top-right{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-left:auto;flex-shrink:0;position:relative;z-index:2}.top-stats{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:stretch;justify-content:center;gap:0;padding:6px 10px;border-radius:999px;flex:0 0 auto;max-width:min(520px,calc(100vw - 420px));margin:0;min-width:0;z-index:1;pointer-events:auto}.top-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;flex:1;padding:2px 8px;border-right:1px solid rgba(255,255,255,.1)}.top-stat:last-child{border-right:none}.top-stat-value{font-family:var(--font-display);font-size:1.35rem;letter-spacing:.04em;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--cream)}.top-stat-value.gold{color:var(--gold-300);text-shadow:0 0 12px rgba(240,193,75,.35)}.brand{min-width:160px;flex-shrink:0;position:relative;z-index:2}.logo{display:flex;align-items:baseline;gap:10px;line-height:1;filter:drop-shadow(0 2px 8px rgba(240,193,75,.45))}.logo-main{font-family:var(--font-display);font-size:clamp(1.5rem,3.5vw,2.2rem);letter-spacing:.04em;background:linear-gradient(180deg,#fff6c8 0%,var(--gold-400) 45%,#b8860b 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.logo-sub{font-family:var(--font-display);font-size:1.1rem;letter-spacing:.28em;color:var(--gold-200);opacity:.9}.tagline{margin:2px 0 0;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#f7f0dc8c}.profile-pill{display:flex;align-items:center;gap:12px;padding:8px 14px 8px 8px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(14px);cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;box-shadow:var(--shadow)}.profile-pill:hover,.profile-pill:focus-visible{transform:translateY(-1px);border-color:var(--gold-400);outline:none;box-shadow:0 0 0 2px #f0c14b40,var(--shadow)}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.85rem;color:var(--navy-900);background:conic-gradient(from 210deg,var(--gold-300),#fff,var(--gold-400),#c9a227,var(--gold-300));border:2px solid rgba(255,255,255,.35);box-shadow:inset 0 0 12px #ffffff59}.avatar.large{width:88px;height:88px;font-size:1.5rem}.profile-meta{display:flex;flex-direction:column;gap:4px;min-width:140px}.player-name{font-weight:700;font-size:.95rem}.level-row{display:flex;align-items:center;gap:8px}.level-badge{font-size:.68rem;font-weight:800;letter-spacing:.08em;color:var(--navy-900);background:var(--gold-400);padding:2px 6px;border-radius:6px}.xp-track{flex:1;height:6px;border-radius:999px;background:#ffffff1f;overflow:hidden;min-width:70px}.xp-track.large{height:10px;margin:16px 0}.xp-fill{height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--gold-400));transition:width .4s ease}.coins{display:flex;align-items:center;gap:6px;font-weight:800;font-size:1.05rem;color:var(--gold-300);padding-left:10px;border-left:1px solid rgba(255,255,255,.12)}.coin-icon{color:var(--gold-400);text-shadow:0 0 10px rgba(240,193,75,.6)}.top-actions{display:flex;gap:8px}.icon-btn,.bet-btn,.primary-btn,.spin-circle,.secondary-btn,.shop-buy{font-family:var(--font-body);border:none;cursor:pointer}.icon-btn{min-height:42px;padding:0 16px;border-radius:999px;font-weight:800;letter-spacing:.08em;color:var(--navy-900);background:linear-gradient(180deg,var(--gold-300),var(--gold-400) 55%,#c9a227);box-shadow:0 4px 16px #f0c14b59}.icon-btn.ghost{min-width:42px;padding:0;color:var(--cream);background:var(--glass);border:1px solid var(--glass-border);box-shadow:none}.icon-btn:hover,.icon-btn:focus-visible{filter:brightness(1.08);outline:none}.glass{background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(16px);border-radius:var(--radius);box-shadow:var(--shadow)}.side-panel{align-self:start;padding:14px;max-height:calc(100vh - 190px);overflow:auto}.left-panel{grid-column:1;grid-row:2}.right-panel{grid-column:3;grid-row:2;display:flex;flex-direction:column;gap:10px}.panel-title,.side-panel h3,.modal-card h2{margin:0 0 10px;font-family:var(--font-display);letter-spacing:.12em;font-weight:400;color:var(--gold-300)}.side-panel h3{font-size:.95rem;margin-top:14px}.paytable{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.paytable li{display:flex;justify-content:space-between;gap:10px;padding:7px 10px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);font-size:.88rem}.paytable strong{color:var(--gold-300);font-variant-numeric:tabular-nums}.scatter-box p{margin:6px 0;font-size:.85rem;display:flex;align-items:center;gap:8px}.chip{display:inline-grid;place-items:center;min-width:48px;padding:2px 6px;border-radius:6px;font-size:.68rem;font-weight:800;letter-spacing:.04em}.chip.free{background:#0e7a5f;color:#d1fae5}.chip.joker{background:#6b21a8;color:#f3e8ff}.chip.super{background:#9a3412;color:#ffedd5}.muted{color:#f7f0dc73;font-size:.85rem}.booster-list{display:flex;flex-wrap:wrap;gap:6px}.booster-tag{font-size:.72rem;font-weight:700;padding:4px 8px;border-radius:999px;background:#f0c14b26;border:1px solid rgba(240,193,75,.35);color:var(--gold-200)}.stat-card{padding:12px;border-radius:12px;background:linear-gradient(160deg,#1a3268e6,#0a1630f2);border:1px solid rgba(240,193,75,.22);text-align:center}.stat-card.win-card{background:linear-gradient(160deg,#5a320abf,#140e06f2);border-color:#f0c14b80}.stat-card.subtle{background:#ffffff08}.stat-label{display:block;font-size:.68rem;letter-spacing:.16em;font-weight:700;color:#f7f0dc8c;margin-bottom:4px}.stat-value{font-family:var(--font-display);font-size:2.2rem;line-height:1;letter-spacing:.04em}.stat-value.gold{color:var(--gold-300);text-shadow:0 0 18px rgba(240,193,75,.45)}.spin-result{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;min-height:28px;margin-top:4px}.spin-chip{min-width:28px;height:28px;padding:0 6px;border-radius:6px;display:grid;place-items:center;font-size:.75rem;font-weight:800;background:var(--cream);color:var(--navy-900)}.spin-chip.special{color:#fff}.spin-chip.free{background:#0e7a5f}.spin-chip.joker{background:#6b21a8}.spin-chip.super{background:#9a3412}.banner{margin:4px 0 0;padding:10px;border-radius:10px;text-align:center;font-size:.82rem;font-weight:600;line-height:1.35;color:var(--gold-200);background:#f0c14b14;border:1px dashed rgba(240,193,75,.28);min-height:52px;display:grid;place-items:center}.mobile-status{display:none;grid-column:1 / -1;grid-row:2;align-self:end;justify-self:center;margin:0 0 4px;max-width:min(520px,calc(100% - 16px));padding:8px 14px;border-radius:999px;text-align:center;font-size:clamp(.72rem,2.8vw,.85rem);font-weight:600;line-height:1.3;color:var(--gold-200);pointer-events:none;z-index:3}.mobile-status[hidden]{display:none!important}.bottom-controls{grid-column:1 / -1;grid-row:3;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:0 4px 4px;min-height:0;background:none;border:none;box-shadow:none;pointer-events:none}.bottom-controls>*{pointer-events:auto}.bet-controls{display:flex;align-items:center;gap:10px;flex-shrink:0;padding:10px 16px;border-radius:999px}.bet-label,.qs-label{font-size:.68rem;letter-spacing:.14em;font-weight:700;color:#f7f0dc8c}.bet-btn{width:42px;height:42px;border-radius:50%;font-size:1.4rem;font-weight:700;line-height:1;color:var(--cream);background:var(--navy-700);border:1px solid rgba(240,193,75,.35);box-shadow:inset 0 1px #ffffff14}.bet-btn:hover:not(:disabled){background:var(--navy-800);border-color:var(--gold-400)}.bet-btn:disabled{opacity:.4;cursor:not-allowed}.bet-value{min-width:72px;text-align:center;font-family:var(--font-display);font-size:2.1rem;letter-spacing:.04em;color:var(--gold-300);text-shadow:0 0 14px rgba(240,193,75,.35)}.spin-circle{position:relative;width:100px;height:100px;border-radius:50%;overflow:hidden;color:#fff;background:linear-gradient(180deg,var(--crimson-hot),var(--crimson) 55%,#8b1024);box-shadow:0 10px 28px #c41e3a80,inset 0 2px #ffffff47,inset 0 -3px 8px #00000040;transition:transform .12s ease,filter .12s ease,background .2s ease;display:grid;place-items:center;flex-shrink:0;margin-left:auto}.spin-circle:hover:not(:disabled){filter:brightness(1.08);transform:scale(1.05)}.spin-circle:active:not(:disabled){transform:scale(.97)}.spin-circle:disabled{opacity:.55;cursor:not-allowed}.spin-circle .btn-label{position:relative;z-index:1;font-family:var(--font-display);font-size:1.55rem;letter-spacing:.1em;line-height:1.05;text-align:center}.spin-circle.start-mode .btn-label{font-size:1.05rem;letter-spacing:.08em;line-height:1.1}.spin-circle .btn-glow{position:absolute;inset:-35%;background:radial-gradient(circle,rgba(255,255,255,.32),transparent 55%);animation:pulse-glow 2.4s ease-in-out infinite}.spin-circle.free-mode{background:linear-gradient(180deg,#14b8a6,#0f766e 55%,#115e59);box-shadow:0 10px 28px #0f766e80,inset 0 2px #ffffff47}.spin-circle.start-mode{background:linear-gradient(180deg,#f0c14b,#c9a227 50%,#8b6914);color:var(--navy-900);box-shadow:0 10px 28px #f0c14b73,inset 0 2px #ffffff59}.secondary-btn{height:46px;padding:0 16px;border-radius:12px;font-weight:800;letter-spacing:.08em;color:var(--cream);background:#ffffff0f;border:1px solid rgba(240,193,75,.3)}.secondary-btn:hover:not(:disabled){border-color:var(--gold-400);background:#f0c14b1a}.secondary-btn.full{width:100%;margin-top:8px}.secondary-btn:disabled{opacity:.45;cursor:not-allowed}.modal{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:20px}.modal[hidden]{display:none}.modal-backdrop{position:absolute;inset:0;background:#020612b8;backdrop-filter:blur(6px)}.modal-card{position:relative;width:min(440px,100%);max-height:min(86vh,720px);overflow:auto;padding:24px;z-index:1}.modal-card.wide{width:min(760px,100%)}.modal-close{position:absolute;top:12px;right:14px;width:36px;height:36px;border:none;border-radius:50%;background:#ffffff14;color:var(--cream);font-size:1.4rem;cursor:pointer}.modal-close:hover{background:#ffffff29}.profile-card{max-width:min(560px,100%);padding:0 0 18px;overflow:hidden}.profile-card .modal-close{z-index:3}.profile-hero{position:relative;display:flex;align-items:center;gap:18px;padding:28px 24px 22px;overflow:hidden;border-bottom:1px solid rgba(240,193,75,.18);background:linear-gradient(165deg,#1a3268a6,#080e20eb)}.profile-hero-glow{position:absolute;width:220px;height:220px;left:-40px;top:-60px;border-radius:50%;background:radial-gradient(circle,rgba(240,193,75,.35),transparent 70%);pointer-events:none}.profile-hero-avatar{position:relative;z-index:1;flex-shrink:0;box-shadow:0 0 0 3px #f0c14b73,0 12px 28px #0006}.profile-hero-meta{position:relative;z-index:1;min-width:0;flex:1}.profile-kicker{margin:0 0 4px;font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#f7f0dc80}.profile-display-name{margin:0;font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2rem);letter-spacing:.04em;font-weight:400;color:var(--gold-200);line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-level-pill{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:10px;font-size:.8rem;font-weight:700;color:#f7f0dcbf}.profile-level-pill strong{color:var(--gold-300)}.profile-xp-track{margin:12px 0 0;height:8px;background:#00000059}.profile-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:16px 18px 4px}.profile-stat{display:flex;flex-direction:column;gap:4px;padding:12px 10px;border-radius:12px;text-align:center;background:#ffffff0a;border:1px solid rgba(240,193,75,.15)}.profile-stat-label{font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#f7f0dc7a}.profile-stat-value{font-family:var(--font-display);font-size:1.35rem;letter-spacing:.03em;color:var(--cream);font-variant-numeric:tabular-nums}.profile-stat-value.gold{color:var(--gold-300);text-shadow:0 0 14px rgba(240,193,75,.3)}.profile-section{padding:14px 18px 0}.profile-section-head{margin-bottom:10px}.profile-section-title{margin:0;font-family:var(--font-display);font-size:1.05rem;letter-spacing:.1em;font-weight:400;color:var(--gold-300)}.profile-section-sub{display:block;margin-top:4px;font-size:.78rem;color:#f7f0dc73}.profile-name-field{margin-bottom:10px}.profile-section .secondary-btn.full{margin-top:0}.profile-games{display:flex;flex-direction:column;gap:10px}.profile-games-empty{margin:0;padding:16px;text-align:center;border-radius:12px;border:1px dashed rgba(255,255,255,.12);font-size:.88rem}.profile-game-card{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:12px 14px;border-radius:14px;background:linear-gradient(145deg,#1a326866,#080e1cbf);border:1px solid rgba(240,193,75,.2);transition:border-color .15s ease}.profile-game-card:hover{border-color:#f0c14b66}.profile-game-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font-size:1.35rem;background:#0000004d;border:1px solid rgba(240,193,75,.3);color:var(--game-accent, var(--gold-300));box-shadow:inset 0 0 16px color-mix(in srgb,var(--game-accent, #f0c14b) 20%,transparent)}.profile-game-body{min-width:0}.profile-game-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}.profile-game-name{margin:0;font-weight:800;font-size:.95rem;color:var(--gold-200)}.profile-game-played{font-size:.68rem;color:#f7f0dc6b;white-space:nowrap}.profile-game-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.profile-game-metric{display:flex;flex-direction:column;gap:2px;padding:6px;border-radius:8px;background:#00000038;text-align:center}.profile-game-metric span{font-size:.58rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#f7f0dc6b}.profile-game-metric strong{font-size:.82rem;font-variant-numeric:tabular-nums;color:var(--cream)}.profile-game-metric strong.gold{color:var(--gold-300)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:10px;font-size:.8rem;color:#f7f0dca6}.field input{height:42px;border-radius:10px;border:1px solid rgba(240,193,75,.3);background:#00000040;color:var(--cream);padding:0 12px;font:inherit}.field input:focus{outline:none;border-color:var(--gold-400);box-shadow:0 0 0 2px #f0c14b33}.profile-line{margin:4px 0;font-size:.92rem;color:#f7f0dccc}.profile-line strong{color:var(--gold-300)}@media(max-width:560px){.profile-stat-grid,.profile-game-metrics{grid-template-columns:repeat(2,1fr)}.profile-hero{flex-direction:column;text-align:center;padding:24px 16px 18px}.profile-level-pill{justify-content:center}}.shop-sub{margin:-4px 0 16px;color:#f7f0dca6;font-size:.9rem}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.shop-item{padding:14px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(240,193,75,.2);display:flex;flex-direction:column;gap:8px}.shop-item h3{margin:0;font-size:1rem;color:var(--gold-200)}.shop-item p{margin:0;font-size:.82rem;color:#f7f0dca6;flex:1}.shop-item .price{font-weight:800;color:var(--gold-300)}.shop-buy{height:38px;border-radius:10px;font-weight:800;letter-spacing:.04em;color:var(--navy-900);background:linear-gradient(180deg,var(--gold-300),var(--gold-400))}.shop-buy:disabled{opacity:.4;cursor:not-allowed}.help-list{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:10px;line-height:1.45;color:#f7f0dcd9}.toast{position:absolute;left:50%;bottom:110px;transform:translate(-50%);z-index:30;padding:12px 18px;border-radius:999px;background:#0a1630eb;border:1px solid var(--gold-400);color:var(--gold-200);font-weight:700;box-shadow:var(--shadow);animation:toast-in .25s ease}.toast[hidden]{display:none}.fx-overlay{position:absolute;inset:0;z-index:15;pointer-events:none;display:grid;place-items:center;opacity:0;transition:opacity .2s ease}.fx-overlay.show{opacity:1}.fx-overlay .fx-text{font-family:var(--font-display);font-size:clamp(2.5rem,8vw,5rem);letter-spacing:.12em;color:var(--gold-300);text-shadow:0 0 24px rgba(240,193,75,.8),0 4px 0 #8b6914;animation:fx-pop .9s ease}@keyframes pulse-glow{0%,to{transform:translate(-10%,-10%) scale(1);opacity:.5}50%{transform:translate(10%,8%) scale(1.15);opacity:.85}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes fx-pop{0%{transform:scale(.6);opacity:0}30%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:0}}@media(max-width:1100px){.hud{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:8px}.left-panel,.right-panel{display:none}.mobile-status:not([hidden]){display:block}.top-bar{flex-wrap:wrap;row-gap:8px}.top-stats{position:static;transform:none;order:3;flex:1 1 100%;max-width:none;width:100%;margin:0;justify-content:space-evenly}.top-right{margin-left:auto}.profile-meta{min-width:0}.side-panel{max-height:none}}@media(max-width:820px){.logo-main{font-size:clamp(1.35rem,5vw,1.9rem)}.logo-sub{font-size:.85rem;letter-spacing:.18em}.tagline{display:none}.brand{min-width:0}.icon-btn{min-height:40px;padding:0 12px;font-size:.78rem}.icon-btn.ghost{min-width:40px}.profile-pill{padding:6px 10px 6px 6px;gap:8px}.avatar{width:36px;height:36px;font-size:.75rem}.top-stat{padding:2px 4px}.top-stat-value{font-size:clamp(.95rem,3.2vw,1.2rem)}.qs-label{font-size:.58rem}.spin-circle{width:clamp(72px,18vw,92px);height:clamp(72px,18vw,92px)}.modal-card{width:min(440px,100%);padding:18px 16px}.modal-card.wide{width:min(760px,100%)}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media(max-width:640px){.hud{padding:max(6px,env(safe-area-inset-top,0px)) max(8px,env(safe-area-inset-right,0px)) max(6px,env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));gap:6px}.player-name,.profile-meta{display:none}.profile-pill{padding:4px 10px 4px 4px;gap:6px}.coins{padding-left:0;border-left:none;font-size:.95rem}.top-actions,.top-right{gap:6px}.top-stats{padding:5px 4px;border-radius:12px}.top-stat{border-right-width:1px;min-width:0;flex:1 1 0}.top-stat-value{font-size:clamp(.85rem,3.8vw,1.05rem)}.qs-label{font-size:.52rem;letter-spacing:.08em}.bottom-controls{padding:0 2px 2px;align-items:center}.bet-controls{gap:6px;padding:8px 10px}.bet-label{font-size:.58rem}.bet-btn{width:44px;height:44px;font-size:1.35rem}.bet-value{font-size:clamp(1.4rem,6vw,1.85rem);min-width:48px}.spin-circle{width:78px;height:78px}.spin-circle .btn-label{font-size:1.2rem}.spin-circle.start-mode .btn-label{font-size:.88rem;letter-spacing:.06em}.toast{bottom:max(96px,calc(env(safe-area-inset-bottom,0px) + 88px));left:50%;max-width:calc(100vw - 24px);font-size:.85rem;text-align:center}.fx-overlay .fx-text{font-size:clamp(1.8rem,12vw,3.2rem);padding:0 12px;text-align:center}.modal{padding:max(8px,env(safe-area-inset-top,0px)) 10px max(8px,env(safe-area-inset-bottom,0px));align-items:flex-end}.modal-card{max-height:min(88dvh,720px);width:100%;border-radius:16px 16px 12px 12px}}@media(max-width:380px){.logo-sub{display:none}.icon-btn span{font-size:.7rem}.top-stats .top-stat:nth-child(4),.top-stats .top-stat:nth-child(5){padding:1px 2px}.spin-circle{width:70px;height:70px}.spin-circle.start-mode .btn-label{font-size:.78rem}}@media(max-height:500px)and (orientation:landscape){.hud{padding:4px 8px;gap:4px}.tagline,.logo-sub,.player-name,.profile-meta{display:none}.top-stats{padding:2px 6px}.top-stat-value{font-size:.9rem}.avatar{width:32px;height:32px}.spin-circle{width:64px;height:64px}.spin-circle .btn-label{font-size:1.05rem}.spin-circle.start-mode .btn-label{font-size:.72rem}.bet-controls{padding:6px 10px}.bet-btn{width:36px;height:36px}.bet-value{font-size:1.35rem;min-width:40px}}@media(hover:none)and (pointer:coarse){.bet-btn,.icon-btn,.spin-circle,.shop-buy,.secondary-btn{-webkit-tap-highlight-color:transparent}.bet-btn{min-width:44px;min-height:44px}.spin-circle{min-width:72px;min-height:72px}.profile-pill,.icon-btn{min-height:44px}}.lobby{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;overflow:hidden;color:var(--cream);padding:max(10px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) max(10px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px))}.lobby[hidden]{display:none!important}#lobby-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;display:block;touch-action:none;cursor:grab}#lobby-canvas:active{cursor:grabbing}.lobby-header,.lobby-main,.lobby-footer{position:relative;z-index:2}.lobby-header{display:flex;flex-wrap:wrap;align-items:center;gap:12px;flex-shrink:0}.lobby-brand{display:flex;align-items:baseline;gap:10px;margin-right:auto;filter:drop-shadow(0 2px 12px rgba(240,193,75,.35))}.lobby-logo{font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.4rem);letter-spacing:.08em;background:linear-gradient(180deg,#fff6c8,var(--gold-400) 50%,#b8860b);-webkit-background-clip:text;background-clip:text;color:transparent}.lobby-logo-sub{font-family:var(--font-display);font-size:1rem;letter-spacing:.28em;color:var(--gold-200);opacity:.85}.lobby-wallet{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-weight:800;color:var(--gold-300);font-size:1.05rem;box-shadow:0 8px 28px #00000059}.lobby-nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.lobby-nav-btn{font-family:var(--font-body);font-weight:700;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;padding:10px 14px;min-height:42px;border-radius:999px;border:1px solid var(--glass-border);background:var(--glass);color:var(--cream);cursor:pointer;backdrop-filter:blur(14px);transition:border-color .15s ease,transform .15s ease}.lobby-nav-btn:hover{border-color:var(--gold-400);color:var(--gold-200);transform:translateY(-1px)}.lobby-profile-btn{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;border-radius:999px;border:1px solid var(--glass-border);cursor:pointer;color:inherit;font:inherit;text-align:left;backdrop-filter:blur(14px);box-shadow:0 8px 24px #0000004d}.lobby-profile-btn:hover{border-color:var(--gold-400)}.lobby-profile-meta{display:flex;flex-direction:column;gap:2px;font-size:.85rem;font-weight:700}.lobby-lvl{font-size:.68rem;letter-spacing:.08em;color:var(--gold-300)}.lobby-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:stretch;min-height:0;width:100%;max-width:1200px;margin:0 auto;pointer-events:none}.lobby-main>*{pointer-events:auto}.lobby-hero{text-align:center;margin:6px 0 4px;flex-shrink:0;text-shadow:0 4px 24px rgba(0,0,0,.55)}.lobby-hero h1{margin:0;font-family:var(--font-display);font-size:clamp(1.6rem,4.5vw,2.6rem);letter-spacing:.08em;font-weight:400;color:var(--gold-200)}.lobby-hero p{margin:6px 0 0;color:#f7f0dcb3;font-size:.92rem}.carousel-shell{position:relative;flex:1;width:100%;min-height:220px;display:flex;align-items:stretch;justify-content:center;pointer-events:none}.carousel-stage{position:absolute;inset:0;pointer-events:none}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:48px;height:48px;border-radius:50%;border:1px solid rgba(240,193,75,.45);background:#0a1630b8;color:var(--gold-300);font-size:1.8rem;line-height:1;cursor:pointer;backdrop-filter:blur(12px);box-shadow:0 8px 24px #0006;pointer-events:auto;transition:transform .15s ease,background .15s ease}.carousel-nav:hover{background:#1a3268e6;transform:translateY(-50%) scale(1.06)}.carousel-nav.prev{left:max(4px,env(safe-area-inset-left,0px))}.carousel-nav.next{right:max(4px,env(safe-area-inset-right,0px))}.focus-panel{flex-shrink:0;width:min(440px,calc(100% - 16px));margin:0 auto 8px;padding:14px 18px 16px;border-radius:18px;text-align:center;box-shadow:0 16px 48px #00000073,0 0 0 1px #f0c14b33;animation:focus-in .35s ease}@keyframes focus-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.focus-status{display:inline-block;font-size:.68rem;font-weight:800;letter-spacing:.14em;padding:4px 10px;border-radius:999px;margin-bottom:8px;background:#0e7a5f66;color:#6ee7b7}.focus-status.soon{background:#ffffff1a;color:#f7f0dc8c}.focus-panel h2{margin:0;font-family:var(--font-display);font-size:clamp(1.4rem,4vw,1.9rem);letter-spacing:.06em;font-weight:400;color:var(--gold-200)}.focus-tag{margin:4px 0 0;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#f7f0dc80}.focus-blurb{margin:10px 0 14px;font-size:.9rem;line-height:1.4;color:#f7f0dccc}.focus-play{font-family:var(--font-display);font-size:1.35rem;letter-spacing:.16em;min-width:160px;height:52px;padding:0 28px;border:none;border-radius:14px;cursor:pointer;color:var(--navy-900);background:linear-gradient(180deg,#ffe08a,var(--gold-400) 45%,#b8860b);box-shadow:0 10px 28px #f0c14b66,inset 0 1px #ffffff59;transition:transform .12s ease,filter .12s ease}.focus-play:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px) scale(1.03)}.focus-play:active:not(:disabled){transform:translateY(0) scale(.98)}.focus-play:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;background:#ffffff1f;color:#f7f0dc73}.carousel-hint{margin:10px 0 0;font-size:.72rem;letter-spacing:.06em;color:#f7f0dc66}.lobby-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;flex-shrink:0;padding-top:8px;font-size:.75rem;color:#f7f0dc66;text-shadow:0 2px 8px rgba(0,0,0,.5)}.game-root{position:absolute;inset:0;z-index:1}.game-root[hidden]{display:none!important}.home-btn{font-family:var(--font-body);font-weight:800;font-size:.75rem;letter-spacing:.1em;padding:8px 12px;margin-right:8px;border-radius:999px;border:1px solid var(--glass-border);background:var(--glass);color:var(--gold-200);cursor:pointer;backdrop-filter:blur(10px)}.home-btn:hover{border-color:var(--gold-400)}.brand{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.shop-tabs,.lb-game-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.shop-tab,.lb-tab{font-family:var(--font-body);font-weight:700;font-size:.8rem;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#f7f0dcb3;cursor:pointer}.shop-tab.active,.lb-tab.active{border-color:var(--gold-400);color:var(--navy-900);background:linear-gradient(180deg,var(--gold-300),var(--gold-400))}.lb-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.lb-list li{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.lb-rank{font-family:var(--font-display);font-size:1.3rem;color:var(--gold-300)}.lb-name{font-weight:700}.lb-meta{font-size:.78rem;color:#f7f0dc8c}.lb-score{font-weight:800;color:var(--gold-300);font-variant-numeric:tabular-nums}.settings-list{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);font-weight:600}.settings-row input[type=checkbox]{width:22px;height:22px;accent-color:var(--gold-400)}.settings-row select{font:inherit;padding:8px 10px;border-radius:8px;border:1px solid rgba(240,193,75,.3);background:#0000004d;color:var(--cream)}@media(max-width:720px){.lobby-header{gap:10px}.lobby-nav{width:100%;order:3}.lobby-nav-btn{flex:1;text-align:center;padding:10px 6px;font-size:.68rem}.lobby-profile-meta span:first-child{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.carousel-nav{width:40px;height:40px;font-size:1.5rem}.focus-panel{padding:12px 14px 14px}.home-btn span{display:none}}@media(max-height:640px){.lobby-hero h1{font-size:1.4rem}.lobby-hero p,.carousel-hint,.focus-blurb{display:none}}