*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#f5f7fb;background:radial-gradient(circle at top,#17213d,#060812 60%);min-height:100vh}html.overlay-mode,body.overlay-mode{background:transparent!important}body.overlay-mode .page,body.overlay-mode .layout,body.overlay-mode .wheel-card,body.overlay-mode .result{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}body.overlay-mode .panel{display:none!important}body.overlay-mode .layout{display:flex!important;justify-content:center!important;align-items:flex-start!important}body.overlay-mode .wheel-card{border-color:transparent!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;padding:28px!important;overflow:visible!important}body.overlay-mode canvas{filter:none!important;box-shadow:none!important}.page{width:min(1200px,calc(100% - 32px));margin:0 auto;padding:28px 0}.top-notice{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:1000;margin:0;padding:12px 16px;width:min(760px,calc(100% - 32px));border:1px solid rgba(103,232,249,.45);border-radius:14px;background:rgba(8,13,28,.92);box-shadow:0 14px 40px rgba(0,0,0,.28);color:#e7f9ff;text-align:center;font-weight:800;pointer-events:none}.top-notice.success{border-color:rgba(74,222,128,.5)}.top-notice.error{border-color:rgba(251,113,133,.55);color:#ffe4e6}body.overlay-mode .top-notice{display:none!important}h2,p{margin-top:0}p{color:#b8c1d9}.panel,.wheel-card{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);box-shadow:0 24px 80px rgba(0,0,0,.35);backdrop-filter:blur(12px);border-radius:22px}.layout{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}.wheel-card{position:relative;padding:28px;display:grid;place-items:center;overflow:hidden}canvas{display:block;width:min(100%,600px);aspect-ratio:1;transition:transform 6.5s cubic-bezier(.09,.82,.11,1);will-change:transform;filter:drop-shadow(0 18px 45px rgba(0,0,0,.4));cursor:pointer}.pointer{position:absolute;top:18px;z-index:5;width:0;height:0;border-left:22px solid transparent;border-right:22px solid transparent;border-top:44px solid #fff;filter:drop-shadow(0 6px 8px rgba(0,0,0,.45))}.result{width:min(100%,600px);margin-top:20px;padding:16px;border-radius:16px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);text-align:center;font-size:clamp(1.25rem,3vw,2rem);font-weight:800}.result.winner{color:#101522;background:linear-gradient(135deg,#67e8f9,#facc15,#f472b6);text-shadow:0 2px 10px rgba(255,255,255,.35);animation:winner-shake .75s ease-in-out both}.winner-text{display:inline-block;color:#101522;-webkit-text-fill-color:#101522;background:none;text-shadow:inherit}body.overlay-mode .result.winner{background:linear-gradient(135deg,#67e8f9,#facc15,#f472b6)!important;color:#101522!important;box-shadow:none!important;backdrop-filter:none!important}body.overlay-mode .result.winner .winner-text{color:#101522!important;-webkit-text-fill-color:#101522!important;background:none!important}@keyframes winner-shake{0%,100%{transform:translateX(0) scale(1)}10%,30%,50%,70%,90%{transform:translateX(-7px) rotate(-1deg) scale(1.02)}20%,40%,60%,80%{transform:translateX(7px) rotate(1deg) scale(1.02)}}.panel{padding:20px}.status-row{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px;color:#b8c1d9}label{display:block;margin-bottom:8px;font-weight:700}textarea,input{width:100%;color:#f5f7fb;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:12px;outline:none}textarea:disabled,button:disabled{opacity:.45;cursor:not-allowed}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.maintenance-actions button{background:rgba(255,255,255,.85)}.admin-login{margin-top:14px}.admin-password-row{display:block}.creator-admin-password{margin-top:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.06);color:#facc15;font-size:.9rem;word-break:break-word}.admin-message{min-height:20px;margin-top:8px;color:#b8c1d9;font-size:.9rem}.admin-message.error{color:#fb7185}.admin-message.success{color:#4ade80}button{border:0;border-radius:14px;padding:12px 14px;font-weight:800;cursor:pointer;color:#101522;background:#e7ecff}button.primary{background:linear-gradient(135deg,#67e8f9,#a78bfa)}button.secondary{width:100%;margin-top:12px;background:#facc15}.hidden{display:none}ol{padding-left:22px;color:#dbe3f8}li{margin:8px 0}@media (max-width:900px){.layout{grid-template-columns:1fr;display:grid}}