@import"https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700;800&family=Space+Grotesk:wght@400;500;700&display=swap";:root{color-scheme:light;font-family:Space Grotesk,sans-serif;line-height:1.5;font-weight:400;background:radial-gradient(circle at top left,rgba(242,180,92,.28),transparent 30%),radial-gradient(circle at 80% 18%,rgba(32,93,78,.18),transparent 24%),linear-gradient(160deg,#f4efe6,#efe6d8 48%,#e2d5c3);color:#13211d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-panel: rgba(255, 250, 242, .78);--bg-panel-strong: rgba(252, 246, 235, .94);--bg-accent: #183c33;--bg-accent-soft: #264f44;--ink-muted: #5d655f;--ink-strong: #10201b;--line-soft: rgba(19, 33, 29, .08);--line-strong: rgba(19, 33, 29, .18);--shadow: 0 30px 80px rgba(36, 28, 18, .18);--highlight: #f1b858;--highlight-soft: #ffd796}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button{font:inherit}.app-shell{position:relative;min-height:100vh;overflow:hidden;padding:28px}.app-backdrop{position:absolute;border-radius:999px;filter:blur(18px);pointer-events:none}.app-backdrop-left{inset:110px auto auto -80px;width:280px;height:280px;background:#f1b8582e}.app-backdrop-right{inset:auto -60px 150px auto;width:320px;height:320px;background:#234f4424}.app-header,.machine-card,.current-number-card,.history-card{position:relative;z-index:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;border:1px solid var(--line-soft);border-radius:28px;background:var(--bg-panel)}.app-header h1,.machine-card h2,.current-number-card h2,.history-card h2{margin:0;font-family:Sora,sans-serif;letter-spacing:-.04em}.app-header h1{font-size:clamp(2rem,2.8vw,3.1rem)}.eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:.24em;font-size:.72rem;color:var(--ink-muted)}.header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.status-chip{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;color:var(--bg-accent);background:#183c3314;border:1px solid rgba(24,60,51,.12)}.status-dot{width:10px;height:10px;border-radius:999px;background:var(--highlight);box-shadow:0 0 0 5px #f1b8582e}.metric-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid rgba(19,33,29,.08);background:#ffffff8a}.metric-chip strong{font-family:Sora,sans-serif}.metric-chip span{color:var(--ink-muted)}.primary-button,.ghost-button{border:0;border-radius:999px;padding:14px 20px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.primary-button{color:#fff8ec;background:linear-gradient(135deg,var(--bg-accent) 0%,var(--bg-accent-soft) 100%)}.ghost-button{color:var(--ink-strong);background:#ffffff85;border:1px solid var(--line-soft)}.primary-button:hover,.ghost-button:hover{transform:translateY(-1px);box-shadow:0 14px 24px #13211d1a}.primary-button:disabled,.ghost-button:disabled{cursor:not-allowed;transform:none;box-shadow:none;opacity:.48}.main-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(340px,.95fr) minmax(420px,1.05fr);gap:24px;margin-top:24px}.machine-card,.current-number-card,.history-card{border-radius:32px;border:1px solid var(--line-soft);background:var(--bg-panel-strong)}.machine-card,.current-number-card{min-height:54vh;padding:28px}.section-copy{display:flex;flex-direction:column;gap:2px}.machine-card h2,.current-number-card h2,.history-card h2{font-size:clamp(1.6rem,2vw,2.3rem)}.machine-stage{position:relative;display:grid;place-items:center;min-height:430px;margin-top:20px}.machine-sphere{position:relative;width:min(100%,360px);aspect-ratio:1;border-radius:50%;background:linear-gradient(145deg,#ffffff2e,#183c3314);border:4px solid rgba(230,214,187,.95);box-shadow:0 34px 62px #183c3329;overflow:visible}.machine-sphere-spinning{animation:machine-tilt .82s ease-in-out infinite}.machine-glass{position:absolute;inset:0;overflow:hidden;border-radius:50%;background:radial-gradient(circle at 26% 20%,rgba(255,255,255,.82),rgba(255,255,255,.18) 24%,transparent 25%),radial-gradient(circle at 50% 55%,rgba(246,202,121,.24),rgba(246,202,121,.04) 56%,transparent 60%),linear-gradient(145deg,#ffffff57,#183c330f);border:1px solid rgba(255,255,255,.56);box-shadow:inset 0 0 0 10px #ffffff24,inset 0 -30px 60px #183c3314}.machine-reflection{position:absolute;inset:8% auto auto 13%;width:24%;height:36%;border-radius:999px;background:linear-gradient(180deg,#ffffffa6,#fff0);filter:blur(2px);transform:rotate(-14deg)}.machine-ring{position:absolute;inset:50%;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.machine-ring-outer{width:calc(100% + 22px);height:calc(100% + 22px);border:2px solid rgba(24,60,51,.14)}.machine-ring-inner{width:calc(100% - 28px);height:calc(100% - 28px);border:1px solid rgba(255,255,255,.32)}.machine-particle-cloud{position:absolute;inset:7%;border-radius:50%}.machine-particle-cloud-spinning{animation:cloud-spin 1.1s linear infinite}.machine-particle{position:absolute;left:var(--particle-x);top:var(--particle-y);width:var(--particle-size);height:var(--particle-size);border-radius:50%;box-shadow:inset -6px -8px 14px #0000001f,0 8px 16px #1027201f;animation:particle-bob var(--particle-duration) ease-in-out infinite;animation-delay:var(--particle-delay)}.machine-particle-gold{background:radial-gradient(circle at 30% 30%,#ffe3a6,#f1b858 72%,#ce8a24)}.machine-particle-green{background:radial-gradient(circle at 30% 30%,#9dd2c0,#2d6b5d 72%,#163a32)}.machine-particle-cream{background:radial-gradient(circle at 30% 30%,#fff8e9,#ead7b5 72%,#c7a875)}.machine-base{position:absolute;bottom:2px;width:200px;height:26px;border-radius:999px;background:linear-gradient(180deg,#274e44,#18352e);box-shadow:inset 0 2px #ffffff38,0 18px 26px #1027202e}.machine-base:before,.machine-base:after{content:"";position:absolute;top:-28px;width:28px;height:48px;border-radius:20px;background:linear-gradient(180deg,#315d51,#1b3b33)}.machine-base:before{left:34px}.machine-base:after{right:34px}.machine-chute{position:absolute;right:calc(50% - 175px);bottom:84px;width:164px;height:116px;pointer-events:none}.machine-chute-neck{position:absolute;left:0;bottom:42px;width:56px;height:26px;border-radius:999px;background:linear-gradient(180deg,#365f55,#1b3f37);transform:rotate(-18deg);box-shadow:inset 0 1px #ffffff38}.machine-chute-tube{position:absolute;left:34px;bottom:14px;width:108px;height:32px;border-radius:999px;background:linear-gradient(180deg,#274f45,#17342d);transform:rotate(20deg);transform-origin:left center;box-shadow:inset 0 2px #ffffff29,0 8px 18px #1027201f}.machine-caption{margin:6px 0 0;color:var(--ink-muted)}.machine-draw-ball{position:absolute;right:calc(50% - 182px);bottom:98px;display:inline-grid;place-items:center;width:88px;height:88px;font-family:Sora,sans-serif;font-size:2rem;color:#fffaf0;background:radial-gradient(circle at 30% 30%,#ffe5aa,#f1b858 72%,#ce8a24);border-radius:50%;border:3px solid rgba(255,248,230,.72);box-shadow:inset -10px -12px 18px #8e521347,0 18px 36px #10272038;opacity:0;transform:translate(-66px,-34px) scale(.42)}.machine-draw-ball-visible{opacity:1;transform:translate(0) scale(1)}.machine-draw-ball-hidden{opacity:0;transform:translate(-76px,-34px) scale(.38)}.machine-draw-ball-pop{animation:ball-reveal .52s cubic-bezier(.18,.76,.2,1)}.current-number-card{display:grid;grid-template-rows:auto 1fr auto;gap:20px}.number-display{display:grid;place-items:center;min-height:100%;padding:40px;border-radius:28px;background:linear-gradient(180deg,#10201b05,#10201b14),linear-gradient(135deg,#f7f2e8,#f1e7d8);border:1px solid rgba(19,33,29,.08);font-family:Sora,sans-serif;font-size:clamp(7rem,13vw,12rem);line-height:1;letter-spacing:-.08em;color:var(--ink-strong);text-shadow:0 8px 24px rgba(19,33,29,.12)}.number-display-pending{animation:number-pulse .9s ease-in-out infinite}.number-meta{display:flex;justify-content:space-between;gap:16px;color:var(--ink-muted)}.history-card{margin-top:24px;padding:24px}.history-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.history-count{margin:0;color:var(--ink-muted)}.history-track{display:flex;gap:14px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.history-pill{flex:0 0 auto;min-width:102px;padding:16px 18px;border-radius:22px;border:1px solid rgba(19,33,29,.08);background:linear-gradient(180deg,#ffffffdb,#f7f0e5f5)}.history-pill strong{display:block;margin-top:4px;font-family:Sora,sans-serif;font-size:2rem;letter-spacing:-.04em}.history-order{color:var(--ink-muted);font-size:.82rem;letter-spacing:.14em}@keyframes cloud-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes particle-bob{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(5px,-11px,0) scale(1.07)}}@keyframes machine-tilt{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(5deg) scale(1.012)}50%{transform:rotate(-7deg) scale(.99)}75%{transform:rotate(4deg) scale(1.01)}}@keyframes number-pulse{0%,to{transform:scale(1);box-shadow:inset 0 0 #f1b85800}50%{transform:scale(1.015);box-shadow:inset 0 0 0 6px #f1b85838}}@keyframes ball-reveal{0%{opacity:0;transform:translate(-76px,-34px) scale(.38)}55%{opacity:1;transform:translate(-36px,-14px) scale(.84)}78%{opacity:1;transform:translate(8px,4px) scale(1.08)}to{opacity:1;transform:translate(0) scale(1)}}@media(max-width:1180px){.main-grid{grid-template-columns:1fr}.machine-card,.current-number-card{min-height:auto}.number-display{min-height:320px}.number-meta{flex-direction:column}}@media(max-width:860px){.app-shell{padding:18px}.app-header,.history-header{flex-direction:column;align-items:flex-start}.header-actions{flex-wrap:wrap}.machine-stage{min-height:300px}}