@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Sora:wght@600;700&display=swap";:root{--color-primary: #2C7DA0;--color-primary-dark: #1F5F78;--color-primary-light: #4F9DC0;--color-secondary: #0E7490;--color-accent: #FF6B2C;--color-bg-main: #FFFFFF;--color-bg-soft: #F5F7FA;--color-bg-left-panel: #0F5C73;--color-brand-surface-soft: #F2F8FB;--color-brand-surface: #E3F0F5;--color-brand-surface-strong: #CFE3EC;--color-brand-border: rgba(31, 95, 120, .18);--color-brand-shadow: rgba(31, 95, 120, .18);--color-brand-ink: #153E4E;--color-text-primary: #1F2937;--color-text-secondary: #6B7280;--color-border: #E5E7EB;--color-border-soft: rgba(31, 41, 55, .08);--text-sm: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 24px;--text-2xl: 32px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-md: 12px;--radius-lg: 16px;--shadow-soft: 0 4px 12px rgba(0,0,0,.05);--shadow-medium: 0 10px 25px rgba(0,0,0,.08);--ink-strong: var(--color-text-primary);--ink-muted: var(--color-text-secondary);--bg-accent: var(--color-primary-dark);--bg-accent-soft: var(--color-primary);--highlight: var(--color-accent);--line-soft: var(--color-border-soft);color-scheme:light;font-family:Inter,Segoe UI,-apple-system,sans-serif;line-height:1.5;font-weight:400;background:var(--color-bg-soft);color:var(--color-text-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--color-bg-soft);color:var(--color-text-primary)}button{font:inherit}input,textarea,select{font-family:inherit;font-size:var(--text-md);padding:10px 12px;border:1px solid var(--color-border);border-radius:10px;background:#fff;color:var(--color-text-primary);transition:border-color .2s ease,box-shadow .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2c7da033}.app-shell{min-height:100vh;background:linear-gradient(135deg,var(--color-bg-soft),#ffffff);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.app-backdrop,.app-backdrop-left,.app-backdrop-right{position:fixed;inset:auto;pointer-events:none;z-index:0;border-radius:999px;filter:blur(22px);opacity:.8}.app-backdrop-left{display:block;top:-80px;left:-40px;width:280px;height:280px;background:radial-gradient(circle at 30% 30%,#4f9dc057,#4f9dc000 72%),radial-gradient(circle at 70% 70%,#2c7da029,#2c7da000 68%)}.app-backdrop-right{display:block;right:-60px;bottom:60px;width:320px;height:320px;background:radial-gradient(circle at 50% 50%,#0f5c733d,#0f5c7300 74%),radial-gradient(circle at 35% 30%,#4f9dc02e,#4f9dc000 65%)}.app-header,.machine-card,.current-number-card,.history-card{position:relative;z-index:1;box-shadow:var(--shadow-soft);border-radius:var(--radius-lg);background:var(--color-bg-main);border:1px solid var(--color-border)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-md);background:#fff;border-radius:var(--radius-md)}.header-brand{display:flex;align-items:center;gap:18px}.header-note{margin:8px 0 0;max-width:34rem;color:var(--ink-muted);font-size:.98rem}.header-company-logo{width:88px;height:88px;object-fit:contain;border-radius:20px;background:#fff;box-shadow:0 10px 24px #0f5f781f;padding:10px}.app-header h1,.machine-card h2,.current-number-card h2,.history-card h2{margin:0;font-family:Inter,Segoe UI,-apple-system,sans-serif;letter-spacing:-.02em;color:var(--color-text-primary)}.app-header h1{font-size:var(--text-2xl);font-weight:700}.machine-card h2,.current-number-card h2,.history-card h2{font-size:var(--text-xl);font-weight:600}.eyebrow{margin:0 0 var(--space-sm);text-transform:uppercase;letter-spacing:.12em;font-size:var(--text-sm);color:var(--color-text-secondary)}.header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.metric-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid var(--color-brand-border);background:linear-gradient(180deg,#ffffffe6,#e3f0f5e0)}.metric-chip strong{font-family:Sora,sans-serif}.metric-chip span{color:var(--ink-muted)}.primary-button,.ghost-button{border:0;border-radius:10px;padding:12px 18px;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease;font-weight:600;font-size:var(--text-md)}.primary-button{color:#fff;background-color:var(--color-primary)}.primary-button:hover:not(:disabled){background-color:var(--color-primary-dark);transform:scale(1.02)}.primary-button:active:not(:disabled){transform:scale(.98)}.ghost-button{color:var(--color-text-primary);background:linear-gradient(180deg,#ffffff,var(--color-brand-surface-soft));border:1px solid var(--color-brand-border)}.ghost-button:hover:not(:disabled){box-shadow:var(--shadow-soft)}.primary-button:disabled,.ghost-button:disabled{cursor:not-allowed;opacity:.6}.app-body-grid{display:grid;grid-template-columns:1.1fr 1.3fr;gap:var(--space-lg);margin-top:var(--space-lg)}.app-history-row{margin-top:var(--space-lg);width:100%;display:block}.panel-left{background:linear-gradient(180deg,var(--color-bg-left-panel),rgba(15,92,115,.55));border-radius:var(--radius-lg);padding:var(--space-md)}.panel-right{display:grid;grid-template-rows:auto auto;gap:var(--space-lg)}.machine-card,.current-number-card,.history-card{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-main)}.machine-card,.current-number-card{min-height:54vh;padding:var(--space-lg)}.current-number-card{display:grid;grid-template-rows:auto 1fr auto;gap:var(--space-md)}.history-card{margin-top:var(--space-lg);padding:var(--space-md)}.section-copy{display:flex;flex-direction:column;gap:2px}.section-note{margin:6px 0 0;max-width:32rem;color:var(--ink-muted);font-size:.95rem}.machine-card h2,.current-number-card h2,.history-card h2{font-size:clamp(1.6rem,2vw,2.3rem)}.machine-card:before,.current-number-card:before,.history-card:before{content:"";position:absolute;inset:0 0 auto;height:120px;border-radius:inherit;background:linear-gradient(180deg,#4f9dc024,#4f9dc000),radial-gradient(circle at top right,#0f5c731f,#0f5c7300 45%);pointer-events:none}.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(182,212,223,.95);box-shadow:0 34px 62px #183c3329;overflow:visible}.machine-sphere-spinning{animation:machine-tilt .82s ease-in-out infinite,machine-spin .9s linear 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(79,157,192,.2),rgba(79,157,192,.03) 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%,#acd3e4,#4f9dc0 72%,#1f5f78)}.machine-particle-green{background:radial-gradient(circle at 30% 30%,#9dd2c0,#2d6b5d 72%,#163a32)}.machine-particle-cream{background:radial-gradient(circle at 30% 30%,#f5fbfd,#d8e9f1 72%,#87b8cb)}.machine-base{position:absolute;bottom:2px;width:220px;height:28px;border-radius:18px;background:linear-gradient(180deg,#2f505d,#103a44);box-shadow:inset 0 2px #ffffff21,0 14px 24px #00000040}.machine-base:before,.machine-base:after{content:"";position:absolute;top:-28px;width:26px;height:72px;border-radius:18px;background:linear-gradient(180deg,#396065,#1b353f);box-shadow:inset 0 2px 4px #0000003d,0 6px 14px #0000002e;z-index:2}.machine-base:before{left:18px}.machine-base:after{right:18px}.machine-lever{position:absolute;left:14%;bottom:72px;width:9px;height:94px;transform-origin:bottom center;transform:rotate(-20deg);transition:transform .24s ease;z-index:8}.machine-lever-active{transform:rotate(-55deg)}.lever-pivot{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:16px;height:16px;border-radius:50%;background:#6e7f86;border:2px solid #41575f}.lever-arm{position:absolute;left:50%;bottom:12px;transform:translate(-50%);width:6px;height:60px;background:#4c5d63;border-radius:4px}.lever-handle{position:absolute;left:50%;bottom:68px;transform:translate(-50%);width:22px;height:22px;border-radius:50%;background:#ffb65f;border:2px solid #d7700c}.machine-avatar{position:absolute;top:10%;left:50%;transform:translate(-50%);font-size:3rem;cursor:pointer;transition:transform .2s ease;z-index:10;-webkit-user-select:none;user-select:none}.machine-avatar:hover{transform:translate(-50%) scale(1.2)}.machine-avatar.clicked{animation:avatar-action .5s ease-in-out}.tombola-operator-wrap{position:absolute;bottom:14px;left:8%;width:260px;display:flex;flex-direction:column;align-items:center;gap:10px;z-index:11}.tombola-operator{width:232px;padding:0;border:0;background:transparent;cursor:pointer;transition:transform .15s ease;-webkit-user-select:none;user-select:none}.tombola-operator:not(.disabled):hover{transform:translateY(-2px) scale(1.04)}.tombola-operator:not(.disabled):active{transform:translateY(1px) scale(.96)}.tombola-operator.disabled{cursor:not-allowed;opacity:.6}.tombola-operator.animating{animation:operator-body-action .9s ease-in-out}.operator-avatar-image{width:100%;height:auto;display:block;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(12,35,43,.24))}.operator-avatar-fallback{display:grid;place-items:center;width:232px;aspect-ratio:3 / 5;border-radius:24px;background:linear-gradient(180deg,#f3f9fc,#d6e8f0);color:var(--color-primary-dark);font-family:Sora,sans-serif;font-size:2rem}.avatar-switcher-button{padding:8px 12px;border:1px solid rgba(255,255,255,.34);border-radius:999px;background:#ffffff29;color:#f8fbfd;font-size:.82rem;font-weight:600;letter-spacing:.01em;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease}.avatar-switcher-button:hover:not(:disabled){transform:translateY(-1px);background:#ffffff3d;box-shadow:0 8px 18px #081c252e}.avatar-switcher-button:disabled{cursor:not-allowed;opacity:.58}.machine-stage.machine-stage-spinning .machine-sphere{animation:machine-spin .9s linear infinite}@keyframes operator-body-action{0%{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(-2deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-1px) rotate(1deg)}to{transform:translateY(0) rotate(0)}}@keyframes machine-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.machine-chute{position:absolute;left:41%;bottom:78px;width:132px;height:112px;pointer-events:none}.machine-chute-neck{position:absolute;left:-24px;bottom:44px;width:56px;height:26px;border-radius:999px;background:linear-gradient(180deg,#365f55,#1b3f37);transform:rotate(40deg);box-shadow:inset 0 1px #ffffff38}.machine-chute-tube{position:absolute;left:-14px;bottom:12px;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-draw-ball{position:absolute;left:50%;bottom:84px;display:inline-grid;place-items:center;width:88px;height:88px;font-family:Sora,sans-serif;font-size:2rem;color:#f7fbfd;background:radial-gradient(circle at 30% 30%,#a8d2e2,#4f9dc0 70%,#1f5f78);border-radius:50%;border:3px solid rgba(231,244,249,.84);box-shadow:inset -10px -12px 18px #10445a42,0 18px 36px #10272038;opacity:0;transform:translate(-50%,8px) scale(.42);transition:transform .18s ease,opacity .18s ease;z-index:9}.machine-draw-ball-visible{opacity:1;transform:translate(-50%) scale(1)}.machine-draw-ball-hidden{opacity:0;transform:translate(-50%,4px) scale(.38)}.machine-draw-ball-pop{animation:ball-reveal .52s cubic-bezier(.18,.76,.2,1);animation-fill-mode:backwards}.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:radial-gradient(circle at top left,#ffffffa3,#fff0 34%),linear-gradient(180deg,#0f5c7308,#0f5c7317),linear-gradient(135deg,var(--color-brand-surface-soft) 0%,var(--color-brand-surface-strong) 100%);border:1px solid var(--color-brand-border);font-family:Sora,sans-serif;font-size:clamp(7rem,13vw,12rem);line-height:1;letter-spacing:-.08em;color:var(--color-brand-ink);text-shadow:0 8px 24px rgba(31,95,120,.14);box-shadow:inset 0 1px #ffffffb3,0 24px 40px #1f5f781f}.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-controls{display:flex;align-items:center;gap:12px}.sort-button{padding:8px 14px;border-radius:999px;border:1px solid var(--line-soft);background:linear-gradient(180deg,#ffffffe0,#e3f0f5c7);color:var(--ink-strong);cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;-webkit-user-select:none;user-select:none}.sort-button:hover:not(:disabled){background:#ffffffb8;box-shadow:0 4px 12px #00000014}.sort-button.active{background:linear-gradient(135deg,var(--bg-accent) 0%,var(--bg-accent-soft) 100%);color:#fff8ec;border-color:var(--bg-accent)}.sort-button.active:hover{box-shadow:0 4px 12px #183c3333}.sort-button:disabled{cursor:not-allowed;opacity:.6}.history-count{margin:0;color:var(--ink-muted);white-space:nowrap}.history-track{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:14px;overflow-x:auto;overflow-y:hidden;padding:8px 4px 8px 0;scrollbar-width:thin;max-height:108px;min-height:108px;width:100%}.history-track::-webkit-scrollbar{height:8px}.history-track::-webkit-scrollbar-thumb{background:#2c7da080;border-radius:999px}.history-pill{flex:0 0 auto;min-width:102px;padding:12px 14px;border-radius:18px;border:1px solid var(--color-brand-border);background:linear-gradient(180deg,#ffffffeb,#e3f0f5fa);box-shadow:0 10px 22px #1f5f7814;transition:transform .16s ease,box-shadow .16s ease}.history-pill:hover{transform:translateY(-2px);box-shadow:0 16px 26px #1f5f7824}.history-pill strong{display:block;margin-top:4px;font-family:Sora,sans-serif;font-size:2rem;letter-spacing:-.04em;color:var(--color-brand-ink)}.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 #4f9dc000}50%{transform:scale(1.015);box-shadow:inset 0 0 0 6px #4f9dc03d}}@keyframes ball-reveal{0%{opacity:0;transform:translate(calc(-50% - 56px),-34px) scale(.34)}58%{opacity:1;transform:translate(calc(-50% - 18px),-14px) scale(.84)}82%{opacity:1;transform:translate(-50%,6px) scale(1.05)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes avatar-action{0%{transform:translate(-50%) scale(1)}25%{transform:translate(-50%) translateY(10px) scale(1.1)}50%{transform:translate(-50%) translateY(-5px) scale(1.2)}75%{transform:translate(-50%) translateY(5px) scale(1.1)}to{transform:translate(-50%) scale(1)}}@keyframes operator-action{0%{transform:translate(0) rotate(0)}25%{transform:translate(-5px) rotate(-8deg)}50%{transform:translate(-8px) rotate(-12deg)}75%{transform:translate(-2px) rotate(-6deg)}to{transform:translate(0) rotate(0)}}@keyframes operator-arm-pull{0%{transform:rotate(0)}30%{transform:rotate(-50deg)}60%{transform:rotate(-45deg)}to{transform:rotate(0)}}@media(max-width:1180px){.app-body-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}.header-brand{align-items:flex-start}.header-company-logo{width:72px;height:72px}.header-note,.section-note{max-width:none}.tombola-operator-wrap{width:210px}.tombola-operator,.operator-avatar-fallback{width:180px}.app-header,.history-header{flex-direction:column;align-items:flex-start}.header-actions{flex-wrap:wrap}.machine-stage{min-height:300px}}