:root{font-family:Inter,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#f9f4e7;background-color:#0d0b16;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(255,204,112,.15),transparent 50%),linear-gradient(140deg,#0d0b16,#1b142b 50%,#0c0b12)}#root{min-height:100vh}.app{max-width:1200px;margin:0 auto;padding:2.5rem 2rem 3rem;display:flex;flex-direction:column;gap:2rem}.header{display:flex;align-items:center;justify-content:space-between;gap:2rem}.app.simple .header{justify-content:flex-start}.eyebrow{text-transform:uppercase;letter-spacing:.3em;color:#f7c15b;font-size:.75rem;margin:0 0 .5rem}.header h1{margin:0 0 .5rem;font-size:2.4rem}.subhead{margin:0;color:#ffffffb3}.main{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:2rem}.main.simple{grid-template-columns:minmax(0,1fr) 260px}.main.single{grid-template-columns:minmax(0,1fr) 220px;align-items:start}.main.casino{grid-template-columns:minmax(0,560px);justify-content:center;align-items:start}.stage-panel{background:#120e1cd9;border-radius:24px;padding:1.5rem;border:1px solid rgba(255,200,120,.2);box-shadow:0 25px 60px #08060f8c;display:flex;justify-content:center}.slot-panel{background:#100c1aeb;border-radius:28px;padding:2rem;border:1px solid rgba(255,200,120,.2);box-shadow:0 25px 60px #08060f8c;display:flex;flex-direction:column;gap:1.5rem;align-items:center;position:relative;overflow:hidden;width:min(560px,100%)}.slot-panel:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:26px;border:1px solid rgba(255,199,89,.2);box-shadow:inset 0 0 30px #ffb74d1f;pointer-events:none}.control-panel{background:#130f1ee6;border-radius:24px;padding:1.5rem;border:1px solid rgba(255,200,120,.18);display:flex;flex-direction:column;gap:1.5rem}.control-panel.simple{gap:1rem}.control-panel.simple .primary{width:100%;background:linear-gradient(135deg,#f8c663,#f08a2b);color:#1a0f08;box-shadow:0 10px 30px #f89a2a59}button{border:none;border-radius:14px;padding:.85rem 1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.header.casino{align-items:flex-start}.status{align-self:flex-start;padding:.75rem 1rem;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#0e0a16b3;color:#ffffffb3;min-width:220px}.status.jackpot{background:#ffc75926;border-color:#ffc75980;color:#ffd98b;box-shadow:0 0 20px #ffc7594d}.slot-machine{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.reel{width:130px;height:150px;border-radius:18px;background:linear-gradient(180deg,#ffe6aa33,#120c1af2);border:1px solid rgba(255,200,120,.4);display:flex;align-items:center;justify-content:center;font-size:3rem;box-shadow:inset 0 0 18px #00000073;transition:transform .3s ease,box-shadow .3s ease}.reel.spinning{animation:reel-spin .5s ease-in-out infinite;box-shadow:0 0 18px #ffc75959}.reel-symbol{filter:drop-shadow(0 6px 12px rgba(0,0,0,.45));transform:translateZ(0)}.spin-button{width:100%;font-size:1.1rem;background:linear-gradient(135deg,#f8c663,#f08a2b);color:#1a0f08;box-shadow:0 10px 30px #f89a2a59}.spin-button:disabled{opacity:.7;transform:none}button:disabled{opacity:.5;cursor:not-allowed}.stage-wrapper{position:relative;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at top,rgba(255,207,128,.12),transparent 55%);border-radius:20px;padding:1rem}.stage-wrapper.simple{padding:.75rem}.pixi-canvas{display:block;margin:0 auto;border-radius:18px;border:2px solid rgba(255,199,89,.35);background:linear-gradient(180deg,#040309e6,#120c1ae6);box-shadow:0 0 25px #ffc75933}.jackpot-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#06040cb8;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s ease;z-index:50}.jackpot-overlay.show{opacity:1;pointer-events:all}.jackpot-panel{background:#0a0812eb;border-radius:28px;padding:2rem;border:1px solid rgba(255,199,89,.45);box-shadow:0 30px 80px #0000008c;display:flex;flex-direction:column;gap:1.25rem;align-items:center}.jackpot-header{text-align:center}.jackpot-header h2{margin:0;font-size:2rem;color:#ffd98b}.jackpot-header p{margin:.35rem 0 0;color:#ffffffb3}@media (max-width: 1024px){.main,.main.casino{grid-template-columns:1fr}}@keyframes reel-spin{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}