*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at top,#2b1055,#0f0326);color:#f4f0ff;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}#root{width:100%;max-width:960px}.auth-card{max-width:360px;margin:0 auto;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:32px;text-align:center}.auth-card form{display:flex;flex-direction:column;gap:14px;text-align:left}.auth-card label{display:flex;flex-direction:column;gap:4px;font-size:14px}input{padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#00000040;color:inherit;font-size:15px}button{cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:15px;font-weight:600;background:linear-gradient(135deg,#ff8a00,#e52e71);color:#fff}button:disabled{opacity:.6;cursor:not-allowed}.link-button{background:none;color:#c9b6ff;font-weight:400;text-decoration:underline;padding:6px}.sound-toggle{background:#ffffff14;padding:6px 10px;font-size:16px;line-height:1}.error{color:#ff8080;font-size:14px}.test-panel{margin-top:20px;padding-top:16px;border-top:1px dashed rgba(255,255,255,.15);display:flex;flex-wrap:wrap;align-items:center;gap:8px}.test-button{padding:6px 12px;font-size:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#f4f0ff}.game-layout{display:grid;grid-template-columns:2fr 1fr;gap:24px}@media (max-width: 720px){.game-layout{grid-template-columns:1fr}}.game-card{position:relative;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:24px}.game-card header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:8px}.user-bar{display:flex;align-items:center;gap:12px;font-size:14px}.reels{position:relative;display:flex;gap:10px;justify-content:center;background:#1a0b33;border-radius:12px;padding:20px;overflow:hidden}.win-connector-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:4;overflow:visible}.win-lightning-bolt{opacity:0;animation-name:lightning-strike;animation-timing-function:linear;animation-iteration-count:infinite}.win-lightning-glow,.win-lightning-core{fill:none;stroke-linecap:round;stroke-linejoin:round}.win-lightning-glow{stroke:#ffe98a;stroke-width:5;filter:blur(2px) drop-shadow(0 0 10px rgba(255,210,63,.9))}.win-lightning-core{stroke:#fffbe6;stroke-width:2;stroke-dasharray:14 22;filter:drop-shadow(0 0 6px rgba(255,245,200,1));animation:lightning-travel .5s linear infinite}.win-lightning-bolt--secondary .win-lightning-glow{stroke-width:3.5;opacity:.5}.win-lightning-bolt--secondary .win-lightning-core{stroke-width:1.2}@keyframes lightning-travel{to{stroke-dashoffset:-36}}@keyframes lightning-strike{0%,3%,to{opacity:0}3.3%,5%{opacity:1}5.3%,6%{opacity:.15}6.3%,9%{opacity:1}9.3%,46%{opacity:0}46.3%,49%{opacity:1}49.3%,50%{opacity:.15}50.3%,53%{opacity:1}53.3%,99.7%{opacity:0}}.small-win-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:8px 20px;border-radius:999px;background:#1a0b33d9;border:1px solid rgba(255,210,63,.6);color:#ffd23f;font-size:18px;font-weight:700;white-space:nowrap;pointer-events:none;animation:small-win-float 1.4s ease-out forwards}@keyframes small-win-float{0%{transform:translate(-50%,-50%) scale(.7);opacity:0}20%{transform:translate(-50%,-50%) scale(1);opacity:1}75%{opacity:1}to{transform:translate(-50%,calc(-50% - 40px)) scale(1);opacity:0}}.reel{width:64px;height:320px;background:#ffffff14;border-radius:10px;font-size:32px;overflow:hidden;position:relative;box-shadow:none;transition:box-shadow .2s ease,background .2s ease}.reel:before{content:"";position:absolute;left:0;right:0;top:64px;height:192px;background:#ffffff0d;border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15);pointer-events:none;z-index:1}.reel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#1a0b33,#1a0b3300 20%,#1a0b3300 80%,#1a0b33);pointer-events:none;z-index:2}.reel-window{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.reel-win-row{position:absolute;left:0;right:0;height:64px;background:#ffc8002e;box-shadow:0 0 0 2px #ffd23f,0 0 18px 4px #ffd23fb3;animation:reel-win-pulse .6s ease-in-out infinite alternate;pointer-events:none;z-index:3}@keyframes reel-win-pulse{0%{box-shadow:inset 0 0 0 2px #ffd23f,0 0 10px 2px #ffd23f80}to{box-shadow:inset 0 0 0 2px #ffe98a,0 0 22px 6px #ffd23fe6}}.reel-strip{display:flex;flex-direction:column;will-change:transform;position:absolute;top:0;left:0;width:100%}.reel-symbol{height:64px;display:flex;align-items:center;justify-content:center;flex:none}.reel-symbol-img{width:44px;height:44px;object-fit:contain}.controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px;margin-top:20px}.controls label{display:flex;flex-direction:column;gap:4px;font-size:14px}.controls input{width:100px}.spin-button{padding:12px 28px;font-size:16px}.bet-limits{display:flex;gap:16px;margin-top:12px}.bet-limits label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#f4f0ffb3}.bet-limits input{width:80px}.bet-stepper{display:flex;align-items:center;gap:6px}.bet-stepper input{width:70px;text-align:center}.bet-step-button{min-width:32px;height:32px;padding:0 8px;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1}.auto-spin-button{padding:12px 20px;font-size:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#f4f0ff}.auto-spin-button--active{background:linear-gradient(135deg,#ff8a00,#e52e71);border-color:transparent}.win-popup{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at center,#2b1055eb,#0a031af7);cursor:pointer;z-index:10;animation:win-popup-in .35s cubic-bezier(.16,1,.3,1)}@keyframes win-popup-in{0%{opacity:0}to{opacity:1}}.win-popup-rays{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;animation:win-popup-spin 12s linear infinite}.win-popup-ray{position:absolute;width:3px;height:220%;background:linear-gradient(to bottom,#e52e718c,#e52e7100);transform-origin:center}@keyframes win-popup-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.win-popup-sparkle{position:absolute;font-size:20px;animation:win-popup-sparkle 1.6s ease-in-out infinite;pointer-events:none}@keyframes win-popup-sparkle{0%,to{opacity:.2;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}.win-popup-body{position:relative;text-align:center;padding:24px;animation:win-popup-pop .45s cubic-bezier(.34,1.56,.64,1)}@keyframes win-popup-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.win-popup-title{font-size:44px;font-weight:800;letter-spacing:2px;background:linear-gradient(180deg,#fff6d6,#ffd23f 55%,#e59a00);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 24px rgba(255,210,63,.6)}.win-popup-amount{margin-top:8px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:32px;font-weight:700;color:#ffe98a}.win-popup-coin{font-size:28px}.win-popup-detail{margin-top:8px;font-size:15px;color:#f4f0ffcc}.win-popup-collect{margin-top:20px;padding:10px 32px;border-radius:999px;border:none;font-size:15px;font-weight:700;color:#1a0b33;background:linear-gradient(135deg,#ffe98a,#ffd23f);cursor:pointer}.room-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px}.room-picker{max-width:640px;margin:0 auto;text-align:center}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:16px}.room-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px;align-items:center}.room-card--default{border-style:dashed}.room-card-title{font-weight:600;font-size:14px}.room-card-preview{display:flex;gap:4px;font-size:20px}.room-card-icon{width:22px;height:22px;object-fit:contain}.admin-panel{max-width:720px;margin:0 auto}.admin-panel header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.inline-form{display:flex;gap:8px;margin:16px 0;flex-wrap:wrap}.inline-form input,.inline-form select{flex:1;min-width:160px}.admin-skin-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:14px;margin-bottom:12px}.admin-skin-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.badge{font-size:11px;padding:2px 8px;border-radius:999px;background:#ffffff1f}.badge--ok{background:#50dc8240;color:#7bffb0}.admin-skin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.admin-skin-slot{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;background:#0003;border-radius:8px;padding:8px;cursor:pointer}.admin-skin-slot img{width:32px;height:32px;object-fit:contain}.admin-skin-slot input[type=file]{width:100%;font-size:10px}.admin-room-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.admin-room-list li{display:flex;justify-content:space-between;background:#ffffff0f;padding:10px 14px;border-radius:8px}.leaderboard{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:20px;height:fit-content}.leaderboard-tabs{display:flex;gap:8px;margin-bottom:12px}.leaderboard-tabs button{flex:1;background:#ffffff14;font-size:12px;padding:8px}.leaderboard-tabs button.active{background:linear-gradient(135deg,#ff8a00,#e52e71)}.leaderboard ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.leaderboard li{display:flex;justify-content:space-between;gap:8px;font-size:14px}.leaderboard .rank{color:#c9b6ff;width:24px}.leaderboard .username{flex:1}.muted{color:#f4f0ff99;font-size:14px}@media (max-width: 480px){body{padding:12px}.game-card{padding:16px}.reels{padding:10px;gap:6px}.reel{width:48px;font-size:22px}.reel-symbol-img{width:32px;height:32px}}