:root{--navy:#102A43;--teal:#00B8A9;--gold:#FFBF00;--blue:#2563EB;--white:#F5F8FC;--ink:#162536;--red:#E5484D;--gradient:linear-gradient(135deg,#102A43 0%,#2563EB 55%,#00B8A9 100%)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#dbeafe,#eef5fa 50%,#dce8f2);font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);min-height:100vh}.app{width:min(660px,100%);margin:auto;padding:22px 12px}.game-card{position:relative;background:#fff;border-radius:24px;box-shadow:0 18px 60px rgba(16,42,67,.2);padding:0 24px 22px;overflow:hidden;text-align:center}.accent{height:11px;margin:0 -24px 20px;background:var(--gradient)}.accent.bottom{margin:20px -24px -22px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--navy);text-align:left}.brand-wheel{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:conic-gradient(var(--gold),var(--teal),var(--blue),var(--red),var(--gold));color:#fff;border:4px solid var(--navy);font-size:22px}.brand strong{font-size:24px;letter-spacing:.02em}.brand em{font-style:italic;color:var(--blue)}.brand small{display:block;font-size:10px;text-align:right;letter-spacing:.08em}h1{font-size:22px;margin:15px 0 2px;color:var(--navy)}header p{margin:0 0 12px;color:#536579}.game-picker select{max-width:350px;width:100%;padding:10px;border:1px solid #c8d4df;border-radius:10px;font-weight:700;color:var(--navy);background:#fff}body.game-locked .game-picker{display:none}#game-name{font-size:20px;margin:13px 0}.wheel-stage{position:relative;width:min(540px,92vw);aspect-ratio:1;margin:10px auto 16px;filter:drop-shadow(0 12px 18px rgba(16,42,67,.25))}.wheel-stage:before{content:"";position:absolute;inset:-8px;border-radius:50%;background:var(--gradient);z-index:0}.pointer{position:absolute;z-index:4;top:-18px;left:50%;transform:translateX(-50%) rotate(0);transform-origin:50% 0;width:0;height:0;border-left:22px solid transparent;border-right:22px solid transparent;border-top:48px solid var(--gold);filter:drop-shadow(0 3px 2px rgba(0,0,0,.3))}.pointer.tick{animation:pointerTick .12s ease-out}@keyframes pointerTick{0%{transform:translateX(-50%) rotate(0)}45%{transform:translateX(-50%) rotate(19deg)}100%{transform:translateX(-50%) rotate(0)}}#wheel{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;background:#fff;z-index:1;transition:transform 6.5s cubic-bezier(.12,.68,.08,1);will-change:transform}.spin-button{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:25%;aspect-ratio:1;border-radius:50%;border:7px solid #fff;background:var(--gradient);color:#fff;font-size:clamp(18px,5vw,30px);font-weight:900;box-shadow:0 5px 18px rgba(0,0,0,.35);cursor:pointer}.spin-button:hover{filter:brightness(1.1)}.spin-button:disabled{cursor:not-allowed;filter:grayscale(.5)}.spin-status{font-weight:700;color:#52667a;min-height:24px}.result-panel{display:none;margin:12px auto;padding:14px;border-radius:14px;background:#edf7ff;border:1px solid #bfdbfe}.result-panel.show{display:grid;gap:4px}.result-panel.prize{background:#fff8dc;border-color:var(--gold)}.result-panel strong{font-size:21px;color:var(--navy)}.note{font-size:12px;color:#68788a}.admin-link{position:absolute;bottom:17px;left:18px;text-decoration:none;font-size:20px}.version-footer{padding:12px;text-align:center;font-size:11px;color:#65778b}.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(9,26,43,.78);padding:18px;z-index:30}.modal.show{display:flex}.modal-box{width:min(520px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:20px;padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.35)}.modal-brand{margin-bottom:8px}.modal-box label{display:block;text-align:left;font-weight:700;margin:11px 0 5px}.modal-box input{width:100%;padding:11px;border:1px solid #bbc9d6;border-radius:9px;font:inherit}.consent-row{display:flex!important;align-items:flex-start;gap:9px;font-size:13px;font-weight:500!important;line-height:1.35}.consent-row input{width:auto;margin-top:3px}.primary-btn,.close-btn{border:0;border-radius:10px;background:var(--gradient);color:#fff;font-weight:800;padding:12px 18px;cursor:pointer}.primary-btn{width:100%;margin-top:15px}.close-btn{margin-top:14px}.error{display:none;color:var(--red);font-weight:700;margin-top:10px}.celebration{display:none;position:fixed;inset:0;z-index:25;align-items:center;justify-content:center;background:rgba(16,42,67,.68);pointer-events:none}.celebration.show{display:flex}.celebration-card{animation:pop .6s ease;background:#fff;border:8px solid var(--gold);border-radius:24px;padding:35px;text-align:center;box-shadow:0 20px 80px rgba(0,0,0,.4)}.celebration-card small{display:block;color:var(--teal);font-size:19px;font-weight:900}.celebration-card strong{display:block;color:var(--navy);font-size:clamp(30px,8vw,58px);margin-top:8px}@keyframes pop{0%{transform:scale(.3) rotate(-8deg);opacity:0}70%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}@media(max-width:560px){.app{padding:0}.game-card{border-radius:0;padding-left:12px;padding-right:12px;min-height:100vh}.accent{margin-left:-12px;margin-right:-12px}.accent.bottom{margin-left:-12px;margin-right:-12px}.brand strong{font-size:20px}.brand-wheel{width:38px;height:38px}.wheel-stage{width:min(92vw,480px)}.pointer{top:-14px;border-left-width:17px;border-right-width:17px;border-top-width:38px}}