:root{--porcelain: #0b3b6b;--porcelain-deep: #06294e;--porcelain-light: #245f98;--moon: #e0aa3e;--moon-light: #f5d78f;--moon-pale: #fff2c9;--paper: #fffaf0;--ink: #16324c;--muted: #68798a;--white: #ffffff;--danger: #a64038}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{min-width:320px;min-height:100vh;color:var(--ink);background:#f7efe1;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button,input{font:inherit}button:focus-visible,input:focus-visible{outline:3px solid rgba(37,95,152,.34);outline-offset:3px}.app{position:relative;isolation:isolate;width:100%;min-height:100vh;min-height:100svh;overflow:hidden}.background-art{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;background-image:url(/mid-autumn-london.png);background-position:center;background-repeat:no-repeat;background-size:cover}.app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,rgba(255,250,240,.2) 0%,rgba(255,250,240,.1) 42%,transparent 64%),linear-gradient(180deg,rgba(255,250,240,.08),transparent 40%)}.app:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,rgba(225,171,61,.18) 0 1px,transparent 1.5px);background-size:34px 34px;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.65),transparent 55%);mask-image:linear-gradient(90deg,rgba(0,0,0,.65),transparent 55%);opacity:.35}.event-header{position:absolute;top:clamp(24px,4vh,48px);left:clamp(20px,2.3vw,48px);z-index:4;width:min(45vw,720px);text-align:center;color:var(--porcelain-deep);animation:titleReveal .8s ease-out both}.event-kicker{margin-bottom:8px;color:var(--moon);font-size:clamp(10px,.8vw,13px);font-weight:800;letter-spacing:.34em;text-transform:uppercase}.main-title{font-family:Georgia,Times New Roman,Songti SC,STSong,serif;font-size:clamp(38px,3.65vw,62px);font-weight:600;line-height:.98;letter-spacing:-.035em;text-shadow:0 2px 18px rgba(255,252,243,.8)}.event-subtitle{margin-top:9px;color:var(--porcelain-light);font-size:clamp(14px,1.2vw,20px);font-weight:700;letter-spacing:.56em;text-indent:.56em;text-transform:uppercase}.title-ornament{display:flex;align-items:center;justify-content:center;gap:12px;width:min(300px,64%);margin:13px auto 0;color:var(--moon)}.title-ornament span{width:90px;height:1px;background:linear-gradient(90deg,transparent,currentColor)}.title-ornament span:last-child{background:linear-gradient(90deg,currentColor,transparent)}.title-ornament i{display:grid;width:28px;height:28px;place-items:center;border:1px solid currentColor;border-radius:50%;background:#fffaf09e;font-family:Songti SC,STSong,serif;font-size:14px;font-style:normal}@keyframes titleReveal{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.logo-bar{position:fixed;bottom:clamp(18px,3vh,30px);left:clamp(18px,2.5vw,44px);z-index:8;display:flex;align-items:center;height:58px;padding:11px 20px;border:1px solid rgba(245,215,143,.45);border-radius:10px;background:linear-gradient(135deg,#06294ef5,#0f4474f0);box-shadow:0 12px 28px #072b4f2e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.settings-trigger{position:fixed;right:clamp(18px,2.5vw,44px);bottom:clamp(20px,3vh,32px);z-index:8;display:flex;height:54px;align-items:center;gap:13px;padding:9px 11px 9px 18px;border:1px solid rgba(224,170,62,.72);border-radius:999px;color:var(--moon-pale);background:#072e54f0;box-shadow:0 10px 25px #06294e33;cursor:pointer;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);transition:transform .16s ease,background .16s ease}.settings-trigger:hover{background:var(--porcelain-light);transform:translateY(-2px)}.settings-trigger:disabled{opacity:.55;cursor:not-allowed;transform:none}.settings-trigger span{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.settings-trigger strong{display:grid;min-width:36px;height:36px;padding:0 7px;place-items:center;border-radius:50%;color:var(--porcelain-deep);background:var(--moon-light);font-family:Georgia,serif;font-size:17px}.bg-logo{display:block;width:auto;height:36px}.main-content{position:absolute;top:55.5%;left:50%;z-index:2;transform:translate(-50%,-45%)}.wheel-container{position:relative;display:flex;width:clamp(430px,min(33.5vw,58vh),560px);height:auto;aspect-ratio:1;align-items:center;justify-content:center;padding:13px;border:3px solid rgba(224,170,62,.94);border-radius:50%;background:radial-gradient(circle at 32% 25%,#fff9e6,#f6d992 56%,#d79b2d);box-shadow:0 0 0 7px #fff7dbb8,0 0 0 9px #cd92265c,0 0 62px #e2a93675,0 22px 50px #1c364c33,inset 0 0 35px #ffffff7a;animation:wheelReveal .76s cubic-bezier(.2,.75,.24,1) both}@keyframes wheelReveal{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.wheel-container:before{content:"";position:absolute;top:-23px;left:50%;z-index:10;width:0;height:0;border-top:42px solid var(--porcelain);border-right:22px solid transparent;border-left:22px solid transparent;filter:drop-shadow(0 3px 0 var(--moon-light)) drop-shadow(0 5px 7px rgba(6,41,78,.3));transform:translate(-50%)}.wheel-container:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid rgba(255,250,229,.7);border-radius:50%;box-shadow:inset 0 0 38px #fff5cf61;pointer-events:none}.wheel-container canvas{border-radius:50%}.wheel-center-btn{position:absolute;top:50%;left:50%;z-index:20;display:flex;width:clamp(84px,7vw,108px);height:clamp(84px,7vw,108px);align-items:center;justify-content:center;border:5px solid var(--moon-light);border-radius:50%;color:var(--moon-pale);background:radial-gradient(circle at 35% 28%,var(--porcelain-light),var(--porcelain-deep) 72%);box-shadow:0 0 0 2px var(--porcelain),0 8px 22px #06294e66,inset 0 2px 10px #ffffff29;cursor:pointer;font-size:13px;font-weight:800;letter-spacing:.16em;text-indent:.16em;text-transform:uppercase;transform:translate(-50%,-50%);transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.wheel-center-btn:hover:not(:disabled){transform:translate(-50%,-50%) scale(1.055);box-shadow:0 0 0 2px var(--porcelain),0 0 28px #f2c96fd6,0 10px 25px #06294e6b}.wheel-center-btn.spinning{color:var(--porcelain-deep);background:radial-gradient(circle at 35% 28%,#fff0bd,var(--moon) 72%);animation:moonPulse 1.1s ease-in-out infinite}.wheel-center-btn.stopping{color:#dce6ee;background:linear-gradient(145deg,#58718a,#263f58);cursor:wait;animation:none}.wheel-center-btn:disabled{opacity:.76}@keyframes moonPulse{0%,to{box-shadow:0 0 0 2px var(--porcelain),0 8px 22px #06294e5c}50%{box-shadow:0 0 0 2px var(--porcelain),0 0 32px #f2c96ff2}}.spin-counter{position:absolute;bottom:-55px;left:50%;z-index:4;display:flex;align-items:center;gap:12px;min-width:154px;justify-content:center;padding:9px 18px;border:1px solid rgba(226,177,74,.76);border-radius:999px;color:var(--moon-pale);background:#072e54f0;box-shadow:0 8px 20px #06294e2e;transform:translate(-50%);white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.spin-counter span{font-size:10px;font-weight:700;letter-spacing:.16em}.spin-counter strong{color:#fff7dc;font-family:Georgia,serif;font-size:17px}.winner-modal-overlay,.backdoor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:22px;background:#041c36c2;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);animation:fadeIn .22s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.winner-modal{position:relative;width:min(500px,92vw);padding:48px 58px 44px;overflow:hidden;border:2px solid var(--moon);border-radius:24px;color:var(--porcelain-deep);background:radial-gradient(circle at 88% 8%,rgba(244,196,93,.36) 0 72px,transparent 73px),linear-gradient(145deg,#fffef8fc,#fff4d7fc);box-shadow:0 0 70px #edbc4f73,0 28px 70px #0319315c;text-align:center;animation:modalPop .38s cubic-bezier(.2,.85,.3,1.15) both}@keyframes modalPop{0%{opacity:0;transform:translateY(14px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.winner-kicker{margin-bottom:8px;color:#a87316;font-size:11px;font-weight:800;letter-spacing:.23em;text-transform:uppercase}.winner-modal h2{font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,3.2vw,42px);font-weight:600}.winner-modal .winner-number{margin:22px 0 15px;color:var(--porcelain);font-family:Georgia,Times New Roman,serif;font-size:clamp(84px,10vw,132px);font-weight:700;line-height:.9;text-shadow:0 5px 0 rgba(224,170,62,.24)}.winner-caption{color:#8f6b2c;font-family:Songti SC,STSong,serif;font-size:15px;letter-spacing:.12em}.winner-modal .close-btn{margin-top:30px;padding:12px 38px;border:1px solid var(--moon);border-radius:999px;color:var(--moon-pale);background:var(--porcelain);box-shadow:0 7px 18px #06294e33;cursor:pointer;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;transition:transform .16s ease,background .16s ease}.winner-modal .close-btn:hover{background:var(--porcelain-light);transform:translateY(-2px)}.backdoor-panel{width:min(440px,95vw);max-height:86vh;padding:28px;overflow-y:auto;border:1px solid rgba(224,170,62,.66);border-radius:18px;color:var(--ink);background:#fffcf3fa;box-shadow:0 25px 70px #02172d61}.backdoor-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid rgba(224,170,62,.55)}.backdoor-header h3{color:var(--porcelain);font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.backdoor-panel .close-btn{display:grid;width:34px;height:34px;place-items:center;border:1px solid #d8d8d0;border-radius:50%;color:#68798a;background:#fff;cursor:pointer;font-size:20px}.backdoor-panel .close-btn:hover{border-color:var(--moon);color:var(--porcelain)}.backdoor-section{margin-bottom:18px;padding:16px;border:1px solid #e7e2d7;border-radius:10px;background:#fffef9}.backdoor-section h4{margin-bottom:12px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.backdoor-section .input-row{display:flex;align-items:flex-end;gap:12px}.backdoor-section label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.backdoor-section input{width:116px;padding:10px 12px;border:1px solid #d8d5cd;border-radius:7px;color:var(--porcelain-deep);background:#fff;font-size:16px}.backdoor-section input:focus{border-color:var(--porcelain-light)}.backdoor-section button,.backdoor-actions button{padding:11px 18px;border:1px solid var(--porcelain);border-radius:7px;cursor:pointer;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;transition:background .16s ease,color .16s ease}.backdoor-section button.primary{color:var(--moon-pale);background:var(--porcelain)}.backdoor-section button.primary:hover{background:var(--porcelain-light)}.backdoor-toggle{display:flex;justify-content:flex-end;margin-bottom:18px;padding:11px 15px;border-radius:8px;color:var(--muted);background:#f5f4ef}.backdoor-toggle .status{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.backdoor-actions{display:flex}.backdoor-actions button{width:100%;color:var(--danger);border-color:#a6403880;background:transparent}.backdoor-actions button:hover{color:#fff;background:var(--danger)}@media (max-width: 1100px){.event-header{width:51vw}.main-content{left:50%}.wheel-container{width:clamp(390px,min(42vw,58vh),500px)}}@media (max-height: 720px) and (min-width: 801px){.event-header{top:16px}.main-title{font-size:38px}.title-ornament{margin-top:8px}.main-content{top:57%}.wheel-container{width:min(40vw,55vh);min-width:350px}.logo-bar{bottom:14px;height:50px}.bg-logo{height:30px}}@media (max-width: 800px){body{overflow-y:auto}.app{display:flex;min-height:100svh;flex-direction:column;align-items:center;padding:82px 16px 112px;overflow:hidden}.background-art{background-position:69% center}.app:before{background:#fffaf094}.event-header{position:relative;top:auto;left:auto;width:100%}.event-kicker{font-size:10px}.main-title{font-size:clamp(35px,9.5vw,52px)}.main-content{position:relative;top:auto;left:auto;margin-top:36px;transform:none}.wheel-container{width:min(84vw,490px)}.logo-bar{bottom:18px;left:50%;height:52px;transform:translate(-50%)}.settings-trigger{top:16px;right:16px;bottom:auto;height:42px;gap:8px;padding:6px 7px 6px 13px}.settings-trigger span{font-size:8px}.settings-trigger strong{min-width:30px;height:30px;font-size:14px}.bg-logo{height:31px}}@media (max-width: 480px){.app{padding-top:58px}.event-subtitle{letter-spacing:.38em;text-indent:.38em}.title-ornament{margin-top:10px}.main-content{margin-top:30px}.wheel-container{width:min(88vw,410px);padding:10px}.wheel-center-btn{width:76px;height:76px;border-width:4px;font-size:10px}.spin-counter{bottom:-50px}.winner-modal{padding:42px 24px 36px}.backdoor-panel{padding:22px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}