:root{--color-bg-deep:#0d0820;--color-bg-mid:#1c1140;--color-bg-glow:#3a1f6b;--color-gold:#ffc93c;--color-gold-soft:#ffe08a;--color-coral:#ff6b5b;--color-teal:#2ec4b6;--color-violet:#9b6bff;--color-text:#fdf6ff;--color-text-dim:#c9bfe6;--color-surface:#1f1440;--color-surface-elevated:#2a1c54;--color-border:#ffc93c59;--font-display:"Lilita One", "Arial Black", system-ui, sans-serif;--font-body:"Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--fs-title:clamp(2.4rem, 8vw, 4.5rem);--fs-subtitle:clamp(.95rem, 2.4vw, 1.15rem);--fs-h2:clamp(1.3rem, 4vw, 1.8rem);--fs-small:.85rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-sm:8px;--radius-md:16px;--radius-lg:28px;--radius-pill:999px;--shadow-soft:0 10px 40px #00000073;--shadow-glow-gold:0 0 30px #ffc93c73;--wheel-size:min(88vw, 60vh);--z-mute:30;--z-hotspot:40;--z-modal:100}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);color:var(--color-text);background:radial-gradient(ellipse 80% 60% at 50% 15%, #ffc93c1f 0%, transparent 60%), radial-gradient(ellipse at 50% 30%, var(--color-bg-glow) 0%, var(--color-bg-mid) 45%, var(--color-bg-deep) 100%);-webkit-font-smoothing:antialiased;min-height:100dvh;margin:0;overflow-x:hidden}button{font-family:inherit}button:focus-visible,input:focus-visible{outline:3px solid var(--color-gold);outline-offset:3px}.app-shell{justify-content:center;align-items:center;gap:var(--space-5);min-height:100dvh;padding:var(--space-5) var(--space-4) var(--space-7);text-align:center;flex-direction:column;display:flex}.app-header{gap:var(--space-2);flex-direction:column;display:flex}.app-title{font-family:var(--font-display);font-size:var(--fs-title);letter-spacing:.02em;flex-wrap:wrap;justify-content:center;gap:.3em;margin:0;line-height:1;display:flex}.app-title-word{background:linear-gradient(#fff6d8,#ffc93c 55%,#d68b12);color:#0000;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 18px #ffc93c59);-webkit-background-clip:text;background-clip:text}.app-title-amp{color:var(--color-coral);-webkit-text-fill-color:var(--color-coral)}.app-subtitle{color:var(--color-text-dim);font-size:var(--fs-subtitle);margin:0}.app-footer{color:var(--color-text-dim);font-size:var(--fs-small);max-width:480px}.wheel-stage{justify-content:center;align-items:center;display:flex;position:relative}.wheel-wrapper{width:var(--wheel-size);height:var(--wheel-size);min-width:240px;min-height:240px;position:relative}.wheel-frame{filter:drop-shadow(0 20px 45px #0000008c);width:100%;height:100%;position:relative}.wheel-svg{width:100%;height:100%;display:block;overflow:visible}.wheel-label-text{font-family:var(--font-body);fill:#1a1230;paint-order:stroke;stroke:#fff6;stroke-width:3px;stroke-linejoin:round;font-size:13px;font-weight:800}.wheel-label-emoji{font-size:26px}.wheel-bulb{fill:#fff3c4;opacity:.35}.wheel-frame--idle .wheel-bulb{animation:2.8s ease-in-out infinite bulb-twinkle;animation-delay:var(--bulb-delay)}.wheel-frame--spinning .wheel-bulb{animation:.9s linear infinite bulb-chase;animation-delay:calc(var(--bulb-index) * 32ms)}.wheel-frame--win .wheel-bulb{animation:.22s step-end infinite bulb-strobe}@keyframes bulb-twinkle{0%,to{opacity:.25}50%{opacity:1;filter:drop-shadow(0 0 4px #ffe9a8)}}@keyframes bulb-chase{0%,82%,to{opacity:.25}8%{opacity:1;filter:drop-shadow(0 0 6px #fff3c4)}}@keyframes bulb-strobe{0%,49%{opacity:1;fill:#fff9e5}50%,to{opacity:.35;fill:#ffc93c}}.pointer{z-index:5;width:34px;height:40px;animation:2.6s ease-in-out infinite pointer-bob;position:absolute;top:-4px;left:50%}.pointer--active{animation:none;translate:-50%}.pointer:before{content:"";clip-path:polygon(50% 100%,6% 0,94% 0);filter:drop-shadow(0 4px 6px #0006);background:linear-gradient(#ffe08a,#ffc93c 60%,#a8720c);border-radius:3px;position:absolute;inset:0}@keyframes pointer-bob{0%,to{translate:-50%}50%{translate:-50% 5px}}.spin-button{color:#2a1704;width:27%;min-width:84px;height:27%;min-height:84px;font-family:var(--font-display);letter-spacing:.04em;cursor:pointer;z-index:10;padding:var(--space-2);text-align:center;background:radial-gradient(circle at 35% 30%,#fff6d8,#ffc93c 55%,#b9860f 100%);border:4px solid #7a5109;border-radius:50%;font-size:clamp(1rem,3.2vw,1.5rem);transition:filter .15s,scale .15s;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 8px 24px #00000080,inset 0 -4px 8px #00000040,inset 0 4px 10px #fff6}.spin-button:hover:not(:disabled){filter:brightness(1.08)}.spin-button:active:not(:disabled){scale:.96}.spin-button:disabled{cursor:not-allowed;filter:grayscale(.3)brightness(.85)}.btn{font-family:var(--font-body);border-radius:var(--radius-pill);cursor:pointer;border:none;padding:.85em 1.8em;font-size:1rem;font-weight:800;transition:filter .15s,scale .15s}.btn:active{scale:.97}.btn:hover{filter:brightness(1.06)}.btn-primary{color:#241205;background:linear-gradient(135deg,#ffe08a,#ffc93c);box-shadow:0 6px 18px #ffc93c66}.btn-secondary{color:var(--color-text);border:1px solid var(--color-border);background:#ffffff14}.mute-toggle{top:var(--space-4);left:var(--space-4);border:1px solid var(--color-border);width:44px;height:44px;color:var(--color-gold);cursor:pointer;z-index:var(--z-mute);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#140c288c;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed}.mute-toggle:hover{background:#140c28cc}.admin-hotspot{cursor:default;width:88px;height:88px;z-index:var(--z-hotspot);-webkit-tap-highlight-color:transparent;background:0 0;border:none;margin:0;padding:0;position:fixed;top:0;right:0}.admin-hotspot:focus-visible{outline:none}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:var(--space-4);z-index:var(--z-modal);background:#080514b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.win-modal{background:linear-gradient(160deg, var(--color-surface-elevated), var(--color-surface));border:2px solid var(--color-border);border-radius:var(--radius-lg);width:min(420px,100%);box-shadow:var(--shadow-soft), var(--shadow-glow-gold);padding:var(--space-6) var(--space-5);text-align:center;position:relative;overflow:hidden}.confetti-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.win-modal-content{z-index:1;align-items:center;gap:var(--space-2);flex-direction:column;display:flex;position:relative}.win-modal-emoji{filter:drop-shadow(0 6px 16px #0006);font-size:clamp(3.5rem,14vw,5.5rem);line-height:1}.win-modal-title{font-family:var(--font-display);font-size:var(--fs-h2);color:var(--color-gold);margin:0}.win-modal--sad .win-modal-title{color:var(--color-text-dim)}.win-modal-prize{color:var(--color-text);margin:0;font-size:1.3rem;font-weight:800}.win-modal-callout{color:var(--color-teal);margin:0;font-weight:700}.win-modal-action{margin-top:var(--space-3)}.pin-pad{background:linear-gradient(160deg, var(--color-surface-elevated), var(--color-surface));border:2px solid var(--color-border);border-radius:var(--radius-lg);width:min(320px,100%);padding:var(--space-5);text-align:center;box-shadow:var(--shadow-soft)}.pin-pad--shake{animation:.42s pin-shake}@keyframes pin-shake{10%,90%{translate:-1px}20%,80%{translate:2px}30%,50%,70%{translate:-6px}40%,60%{translate:6px}}.pin-pad-title{font-family:var(--font-display);color:var(--color-gold);margin:0 0 var(--space-4);font-size:1.3rem}.pin-dots{justify-content:center;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.pin-dot{border:2px solid var(--color-border);background:0 0;border-radius:50%;width:16px;height:16px;transition:background .15s}.pin-dot--filled{background:var(--color-gold);border-color:var(--color-gold)}.pin-keypad{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.pin-key{aspect-ratio:1;border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;background:#ffffff0f;border-radius:50%;font-size:1.3rem;font-weight:700}.pin-key:hover{background:#ffffff24}.pin-key--action{color:var(--color-gold);font-size:1.1rem}.pin-pad-close{margin-top:var(--space-4);color:var(--color-text-dim);cursor:pointer;background:0 0;border:none;font-size:.9rem;text-decoration:underline}.admin-panel{background:linear-gradient(160deg, var(--color-surface-elevated), var(--color-surface));border:2px solid var(--color-border);border-radius:var(--radius-lg);width:min(560px,100%);max-height:88vh;padding:var(--space-5);box-shadow:var(--shadow-soft);text-align:left;overflow-y:auto}.admin-panel-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.admin-panel-header h2{font-family:var(--font-display);color:var(--color-gold);margin:0;font-size:1.3rem}.admin-panel-close{color:var(--color-text-dim);cursor:pointer;background:0 0;border:none;font-size:1.8rem;line-height:1}.admin-section{margin-bottom:var(--space-5)}.admin-section h3{color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-3);font-size:.9rem}.admin-table-wrap{margin-bottom:var(--space-3);overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.92rem}.admin-table th,.admin-table td{text-align:left;padding:var(--space-2) var(--space-3);white-space:nowrap;border-bottom:1px solid #ffffff14}.admin-table tfoot td{border-top:2px solid var(--color-border);border-bottom:none;font-weight:700}.admin-weight-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:70px;color:var(--color-text);font:inherit;background:#ffffff0f;padding:4px 8px}.admin-total-spins{color:var(--color-text-dim);margin:0 0 var(--space-2)}@media (width<=380px){.app-shell{padding:var(--space-4) var(--space-3) var(--space-6);gap:var(--space-4)}.spin-button{min-width:70px;min-height:70px;font-size:.85rem}}@media (width>=768px){.app-shell{gap:var(--space-6)}}@media (prefers-reduced-motion:reduce){.pointer,.wheel-bulb{animation:none!important}.pin-pad--shake{animation-duration:.01ms!important}*{transition-duration:.01ms!important}}