.slots-arcade-root{--arc-bg:oklch(0.13 0.008 160);--arc-fg:oklch(0.96 0.012 90);--arc-muted:oklch(0.69 0.018 150);--arc-primary-fg:oklch(0.98 0.01 150);--arc-cabinet:oklch(0.2 0.015 160);--arc-cell:oklch(0.94 0.025 95);--arc-gold:oklch(0.8 0.115 85);--arc-gold-light:oklch(0.94 0.06 92);--arc-gold-deep:oklch(0.54 0.09 80);--arc-green:oklch(0.57 0.13 163);--arc-hud:oklch(0.16 0.01 160/94%);--arc-shadow:oklch(0.05 0.005 160/65%);--arc-reel-ink:oklch(0.25 0.025 90);--arc-reel-edge:oklch(0.79 0.03 90);--arc-reel-shine:oklch(0.99 0.008 90);--arc-frame-metal:linear-gradient(135deg,var(--arc-gold-light),var(--arc-gold-deep) 22%,var(--arc-gold) 49%,var(--arc-gold-deep) 72%,var(--arc-gold-light));--arc-panel-metal:linear-gradient(180deg,oklch(0.26 0.018 160),var(--arc-cabinet));--arc-reel-surface:linear-gradient(180deg,var(--arc-reel-edge),var(--arc-reel-shine) 18%,var(--arc-cell) 70%,var(--arc-reel-edge));--arc-spin-surface:linear-gradient(180deg,oklch(0.7 0.15 160),var(--arc-green) 65%,oklch(0.4 0.1 163));--arc-gradient-gold:linear-gradient(180deg,var(--arc-gold-light),var(--arc-gold) 45%,var(--arc-gold-deep));--arc-gradient-logo:linear-gradient(180deg,oklch(0.97 0.1 95) 0%,var(--arc-gold) 40%,oklch(0.6 0.22 28) 75%,oklch(0.4 0.15 25) 100%);--arc-shadow-symbol:0 7px 5px oklch(0.3 0.04 80/23%);--arc-shadow-gold:0 0 24px oklch(0.84 0.16 85/55%),inset 0 0 12px oklch(0.84 0.16 85/40%);font-family:Rubik,system-ui,sans-serif;color:var(--arc-fg);background-color:var(--arc-bg);container:arcade-stage/inline-size}.font-arcade-display{font-family:Bungee,system-ui,sans-serif}.arc-text-gold{color:var(--arc-gold)}.arc-text-gold-light{color:var(--arc-gold-light)}.arc-text-muted{color:var(--arc-muted)}.arc-bg-gold{background:var(--arc-gradient-gold)}.arc-shadow-gold{box-shadow:var(--arc-shadow-gold)}.arc-text-logo{background:var(--arc-gradient-logo);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px oklch(.84 .16 85/70%)) drop-shadow(0 4px 0 oklch(.25 .1 20))}.arcade-app{position:relative;min-height:760px;display:flex;flex-direction:column;isolation:isolate;overflow:hidden;border-radius:1rem;border:1px solid color-mix(in oklch,var(--arc-gold) 28%,transparent)}.slots-arcade-root:fullscreen .arcade-app{min-height:100svh;border-radius:0;border:0}.arcade-environment{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:-3}.environment-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,var(--arc-bg) 0,transparent 30%,color-mix(in oklch,var(--arc-bg) 60%,transparent) 65%,var(--arc-bg))}.arcade-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:max(14px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) 14px max(24px,env(safe-area-inset-left));border-bottom:1px solid color-mix(in oklch,var(--arc-gold) 18%,transparent);background:var(--arc-hud)}.brand-mark{width:32px;height:32px;border:1px solid var(--arc-gold);display:grid;place-items:center;color:var(--arc-gold);font-size:22px;border-radius:6px}.practice-label{display:flex;gap:6px;align-items:center;color:var(--arc-muted);font-size:10px;font-weight:700;margin-right:8px}.practice-label span,.status-dot{width:6px;height:6px;border-radius:50%;background:var(--arc-green)}.game-stage{flex:1;width:100%;padding:24px 20px 18px}.game-heading{text-align:center;margin-bottom:20px}.game-heading h2{margin-top:6px;font-size:32px;line-height:1.25;text-wrap:balance;text-shadow:0 3px 0 var(--arc-shadow)}.game-heading h2 span{color:var(--arc-gold)}.heading-details{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;font-size:9px;font-weight:600;color:var(--arc-muted);margin-top:8px;letter-spacing:1px}.detail-star{color:var(--arc-gold)}.machine-wrap{width:min(100%,600px);margin:0 auto}.cabinet-top{display:flex;justify-content:space-between;align-items:center;padding:9px 24px;margin:0 20px;border-radius:8px 8px 0 0;border:1px solid var(--arc-gold-deep);border-bottom:0;background:var(--arc-panel-metal);color:var(--arc-gold-light);font-size:10px;font-weight:600;letter-spacing:2px}.slot-cabinet{position:relative;padding:10px;border-radius:12px;background:var(--arc-frame-metal);box-shadow:0 18px 40px var(--arc-shadow),0 0 0 1px var(--arc-gold-deep),0 2px 0 var(--arc-gold-light) inset}.reel-grid{padding:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;background:var(--arc-cabinet);border-radius:6px;border:1px solid var(--arc-gold-deep)}.reel-column{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:6px;min-width:0}.reel-cell{position:relative;aspect-ratio:1.14;padding:6%;display:grid;place-items:center;background:var(--arc-reel-surface);border-radius:4px;box-shadow:0 2px 5px var(--arc-shadow) inset;overflow:visible}.slot-symbol{height:100%;width:100%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(var(--arc-shadow-symbol));-webkit-user-select:none;-moz-user-select:none;user-select:none}.spinning-column{grid-row:span 3;display:grid;grid-template-rows:repeat(3,minmax(0,1fr));background:var(--arc-reel-surface);overflow:hidden;border-radius:4px}.spinning-column>div{aspect-ratio:auto;min-height:0}.symbol-winning{@media (prefers-reduced-motion:no-preference){animation:arc-symbol-float 1.7s ease-in-out infinite}}.cell-winning{background:var(--arc-reel-shine);box-shadow:0 0 20px color-mix(in oklch,var(--arc-gold) 60%,transparent) inset}.winning-bulbs{position:absolute;inset:0;z-index:2;pointer-events:none;border:1px solid var(--arc-gold);border-radius:4px}.winning-bulbs>span{position:absolute;width:5px;height:5px;border-radius:50%;transform:translate(-50%,-50%);background:var(--arc-gold-light);box-shadow:0 0 5px var(--arc-gold);@media (prefers-reduced-motion:no-preference){animation:arc-bulb-chase 1.54s linear infinite}}@keyframes arc-bulb-chase{0%,18%,to{background:var(--arc-gold-light);box-shadow:0 0 5px var(--arc-gold),0 0 10px var(--arc-gold)}30%,85%{background:var(--arc-gold-deep);box-shadow:none}}@keyframes arc-symbol-float{0%,to{transform:translateY(2px) rotate(-2deg) scale(1)}50%{transform:translateY(-5px) rotate(2deg) scale(1.04)}}.line-marker{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;font-size:9px;font-weight:700;width:16px;height:22px;background:var(--arc-gold);color:var(--arc-cabinet);border-radius:3px}.line-marker-left{left:-9px}.line-marker-right{right:-9px}.machine-status{display:flex;align-items:center;justify-content:center;gap:12px;min-height:40px;font-size:10px;font-weight:600;color:var(--arc-gold-light);background:var(--arc-hud);margin:0 12px;padding:6px 12px;text-align:center}.spinning-dot{@media (prefers-reduced-motion:no-preference){animation:arc-pulse .8s ease-in-out infinite}}.game-console{position:relative;display:flex;flex-direction:column;padding:18px 22px 20px;background:var(--arc-panel-metal);border:1px solid color-mix(in oklch,var(--arc-gold) 35%,transparent);border-radius:8px;box-shadow:0 12px 30px var(--arc-shadow)}.console-stats{display:flex;justify-content:space-between;gap:16px}.stat-readout:last-child{text-align:right}.console-label{font-size:9px;font-weight:600;letter-spacing:1px;color:var(--arc-muted)}.stat-value{font-size:22px;font-weight:600;line-height:1.4;font-variant-numeric:tabular-nums}.console-divider{height:1px;background:color-mix(in oklch,var(--arc-gold) 18%,transparent);margin:12px 0 15px}.console-play{display:flex;align-items:center;justify-content:space-between;gap:14px}.bet-control{text-align:center}.bet-value{font-size:18px;font-weight:600;min-width:72px;font-variant-numeric:tabular-nums}.spin-control{min-height:54px;width:210px;border-radius:8px;background:var(--arc-spin-surface);color:var(--arc-primary-fg);border:1px solid color-mix(in oklch,var(--arc-green) 70%,var(--arc-fg));box-shadow:0 4px 0 oklch(.3 .08 160),0 0 25px color-mix(in oklch,var(--arc-green) 18%,transparent);font-size:18px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:transform .1s ease,filter .15s ease}.spin-control:hover:not(:disabled){filter:brightness(1.08)}.spin-control:active:not(:disabled){transform:translateY(2px)}.spin-control:disabled{opacity:.55;cursor:not-allowed}.arcade-icon{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;color:var(--arc-muted);flex-shrink:0;border-radius:6px;cursor:pointer;transition:color .15s ease,background-color .15s ease}.arcade-icon:hover:not(:disabled){color:var(--arc-gold-light);background:color-mix(in oklch,var(--arc-gold) 12%,transparent)}.arcade-icon:disabled{opacity:.45;cursor:not-allowed}.icon-active{color:var(--arc-gold);background:color-mix(in oklch,var(--arc-gold) 14%,transparent)}.game-utility{margin-top:12px}.arcade-footer,.game-utility{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.arcade-footer{padding:12px max(24px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));font-size:10px;color:var(--arc-muted);border-top:1px solid color-mix(in oklch,var(--arc-gold) 12%,transparent);letter-spacing:.8px;background:var(--arc-hud)}.game-loading{position:absolute;inset:0;z-index:40;background:var(--arc-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.loading-track{width:180px;height:3px;overflow:hidden;background:var(--arc-cabinet);margin:8px}.loading-track span{display:block;height:100%;width:50%;background:var(--arc-gold);@media (prefers-reduced-motion:no-preference){animation:arc-loading-slide 1.1s ease-in-out infinite}}@keyframes arc-loading-slide{0%{transform:translateX(-100%)}to{transform:translateX(300%)}}@keyframes arc-pulse{50%{opacity:.45}}@container arcade-stage (inline-size < 540px){.arcade-header{padding:12px 14px}.practice-label{display:none}.game-stage{padding:16px 12px 12px}.game-heading h2{font-size:24px}.reel-grid,.slot-cabinet{padding:7px}.reel-grid{gap:5px}.reel-column{gap:4px}.cabinet-top{padding:8px 14px;font-size:9px;letter-spacing:1px}.game-console{padding:12px 12px 14px}.stat-value{font-size:18px}.console-play{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.bet-control{text-align:left}.spin-control{grid-column:1/-1;grid-row:2;width:100%;min-height:54px}.winning-bulbs>span{width:4px;height:4px}.game-stage{padding-top:12px}.game-heading{margin-bottom:12px}.game-heading>span:first-child,.heading-details{display:none}.game-heading h2{margin-top:0;font-size:22px}}@media (orientation:landscape) and (max-height:540px){.arcade-app{min-height:100svh}.arcade-header{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:8px}.game-heading{display:none}.game-stage{padding:10px max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left))}.machine-wrap{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);-moz-column-gap:14px;column-gap:14px;align-items:start}.machine-wrap>.cabinet-top,.machine-wrap>.machine-status,.machine-wrap>.slot-cabinet{grid-column:1;justify-self:center;width:min(100%,calc(100svh - 118px))}.machine-wrap>.cabinet-top{grid-row:1;padding:6px 14px;font-size:9px;letter-spacing:1px}.machine-wrap>.slot-cabinet{grid-row:2;padding:6px}.machine-wrap>.machine-status{grid-row:3;min-height:30px;margin:0}.machine-wrap>.game-console{grid-column:2;grid-row:1/span 3;padding:12px 14px}.machine-wrap>.game-utility{grid-column:2;grid-row:4;margin-top:6px}.reel-grid{padding:6px;gap:5px}.reel-column{gap:4px}.stat-value{font-size:18px}.console-divider{margin:8px 0 10px}.console-play{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.bet-control{text-align:left}.spin-control{grid-column:1/-1;grid-row:2;width:100%;min-height:48px}}