:root { color-scheme:dark; }
html,body { width:100%; min-width:0; height:100%; margin:0; overflow:hidden; background:#020907; }
.casino-standalone-app { width:100%; min-width:0; max-width:none; padding:0; font-family:"Nunito",sans-serif; background:radial-gradient(circle at 50% 0,#12362b 0,#061411 38%,#020706 100%); }
.casino-standalone-app #casino-overlay { inset:0; width:100%; min-width:0; max-width:none; height:100dvh; display:flex; align-items:stretch; justify-content:stretch; opacity:1; visibility:visible; padding:0; background:transparent; }
.casino-standalone-app #casino-overlay.show { display:flex; }
.casino-standalone-app .casino-shell { flex:1 1 100%; width:100%; min-width:0; max-width:none; height:100dvh; max-height:none; border-radius:0; }
.casino-standalone-app #casino-overlay.show .casino-shell,
.casino-standalone-app #casino-overlay .casino-shell.ui-panel-enter { animation:casino-standalone-shell-in 360ms cubic-bezier(.16,1,.3,1) both; }
@keyframes casino-standalone-shell-in { from { opacity:0; transform:translateY(16px); filter:blur(5px); } to { opacity:1; transform:none; filter:none; } }
.casino-standalone-app #casino-arcade-overlay,
.casino-standalone-app #poker-overlay { inset:0; width:100%; min-width:0; max-width:none; height:100dvh; padding:0; align-items:stretch; justify-content:stretch; }
.casino-standalone-app .casino-arcade-panel,
.casino-standalone-app .poker-panel { flex:1 1 100%; width:100%; min-width:0; max-width:none; height:100dvh; max-height:none; border-radius:0; }
.casino-standalone-app .casino-arcade-panel { animation:casino-standalone-game-in 320ms cubic-bezier(.16,1,.3,1) both; }
.casino-standalone-app .poker-panel { animation:casino-standalone-game-in 320ms cubic-bezier(.16,1,.3,1) both; }
@keyframes casino-standalone-game-in { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }
.casino-route-loading { position:fixed; z-index:2147483000; inset:0; width:100vw; height:100dvh; isolation:isolate; overflow:hidden; display:grid; place-content:center; justify-items:center; gap:12px; background:radial-gradient(circle at 50% 42%,#164936 0,#071a14 38%,#020706 78%); opacity:0; visibility:hidden; pointer-events:none; transition:opacity 180ms ease,visibility 180ms ease; }
.casino-route-loading.show { opacity:1; visibility:visible; pointer-events:auto; }
.casino-route-loading strong { color:#fff1bd; font-size:1.15rem; letter-spacing:.02em; }
.casino-route-loading p { margin:0; color:#8fb5a8; font-size:.78rem; }
.casino-route-loading__coin { width:66px; height:66px; display:grid; place-items:center; border-radius:50%; border:5px solid #e6b73e; background:radial-gradient(circle at 35% 28%,#fff0a0,#d9a62d 48%,#71420b); box-shadow:0 20px 60px rgba(232,185,57,.2); animation:casino-loading-coin 900ms cubic-bezier(.4,0,.2,1) infinite; }
.casino-route-loading__coin span { width:48px; height:48px; display:grid; place-items:center; border:2px solid rgba(63,43,6,.55); border-radius:50%; color:#123f36; font:900 1.8rem Georgia,serif; }
.casino-inline-coin { width:14px; height:14px; display:inline-block; object-fit:contain; vertical-align:-2px; }
@keyframes casino-loading-coin { 0% { transform:translateY(12px) rotateY(0); } 45% { transform:translateY(-28px) rotateY(540deg); } 100% { transform:translateY(12px) rotateY(1080deg); } }
@media (prefers-reduced-motion:reduce) { .casino-route-loading__coin,.casino-standalone-app .casino-shell,.casino-standalone-app .casino-arcade-panel,.casino-standalone-app .poker-panel { animation:none !important; } }