:root{--bg-0: #0a0f2a;--bg-1: #0f1a3d;--accent: #f7b733;--accent-2: #ffd166;--card: rgba(255, 255, 255, .07);--card-border: rgba(255, 255, 255, .18);--text: #f3f6ff}*{box-sizing:border-box}html,body,#root{height:auto;min-height:100svh}body{margin:0;font-family:Be Vietnam Pro,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;color:var(--text);background:radial-gradient(1200px 800px at 20% 20%,#15214f,transparent 60%),radial-gradient(1000px 600px at 80% 0%,#0f1a3d,transparent 50%),linear-gradient(180deg,var(--bg-0),#070b1f 60%,#050813);overflow-y:auto}body{overflow-x:hidden}.app-shell{width:100%}.card-3d{width:min(92vw,980px);max-width:980px;margin-left:auto;margin-right:auto}.content{width:100%;padding-inline:8px}.hero{padding:8px 12px}.app-shell{display:grid;place-items:center}.card-3d{margin-left:auto;margin-right:auto}.content{align-items:start}.content>section:nth-child(2){display:grid;place-items:center}.hero{padding:8px 12px 8px 8px}.card-3d{position:relative;width:min(92vw,980px);min-height:520px;padding:28px;background:linear-gradient(180deg,#ffffff1a,#ffffff0a);border:1px solid var(--card-border);border-radius:22px;backdrop-filter:blur(14px) saturate(140%);box-shadow:0 10px 40px #00000073,inset 0 1px #ffffff1f;transform-style:preserve-3d;transition:transform .3s ease}.card-3d .shine{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(650px 300px at var(--mx,50%) var(--my,50%),rgba(255,209,102,.22),transparent 50%);pointer-events:none;mix-blend-mode:screen}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 6px 18px;border-bottom:1px dashed rgba(255,255,255,.18)}.brand{display:flex;align-items:center;gap:12px}.logo{width:42px;height:42px;border-radius:12px;background:radial-gradient(circle at 30% 30%,#fff8c9,#ffd166 60%,#f7b733 90%);box-shadow:0 6px 22px #f7b73373,inset 0 0 18px #ffe69680}.title{font-family:Great Vibes,cursive;font-size:clamp(28px,6vw,52px);line-height:1;margin:0;letter-spacing:.5px}.meta{opacity:.9;font-weight:300;font-size:14px}.content{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;padding-top:18px}@media (max-width: 860px){.content{grid-template-columns:1fr}}.hero{position:relative;padding:8px}.message{font-size:clamp(16px,2.1vw,20px);line-height:1.9;opacity:.98;margin:14px 0 22px}.cta-row{display:flex;gap:12px;flex-wrap:wrap}.btn{appearance:none;border:0;border-radius:12px;padding:12px 18px;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .2s ease;color:#2a1c05;background:linear-gradient(135deg,#ffd166,#f7b733);box-shadow:0 8px 22px #f7b73359}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0);filter:saturate(120%)}.btn.secondary{background:linear-gradient(135deg,#fff1b8,#ffeaa0);box-shadow:0 8px 22px #ffd16659}.footer-note{position:static;display:block;margin-top:10px;opacity:.75;font-size:12px}.badges{display:flex;gap:8px;flex-wrap:wrap}.badge{padding:6px 10px;border-radius:20px;border:1px solid rgba(255,255,255,.18);background:#ffd1661f;font-size:12px;opacity:.95}.canvas-overlay{position:fixed;inset:0;pointer-events:none;z-index:2}.bg-canvas{position:fixed;inset:0;z-index:0}.card-layer{position:relative;z-index:1}.gate-overlay{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(800px 600px at 50% 30%,#00000080,#000c);z-index:5;padding:16px;overflow:auto}.gate-card{width:min(92vw,460px);padding:22px;border-radius:18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px) saturate(140%)}.gate-title{font-size:22px;font-weight:700;margin-bottom:6px}.gate-desc{opacity:.85;margin-bottom:14px}.gate-input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:#0003;color:var(--text);margin-bottom:10px}.gate-error{color:#ff6b81;margin-bottom:10px;font-size:14px}.gate-hint{opacity:.6;font-size:12px;margin-top:10px}.wheel-wrap{display:grid;place-items:center;gap:12px}.wheel-canvas{width:340px;height:340px;border-radius:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.14)}.wheel-wrap{max-width:100%;margin-left:auto;margin-right:auto}.wheel-canvas{max-width:100%;height:auto}.prize-form{display:grid;gap:12px;margin-top:12px}.input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:#0003;color:var(--text)}.note{opacity:.7;font-size:12px}.prize-form .note{margin-bottom:6px}.prize-form .btn{margin-top:6px}@media (max-width: 640px){.app-shell{padding-top:max(12px,env(safe-area-inset-top))}.card-3d{margin-top:6px}.card-3d{padding:18px;border-radius:18px}.header{flex-direction:column;align-items:flex-start;gap:10px}.title{font-size:clamp(24px,7vw,40px)}.content{grid-template-columns:1fr;gap:16px}.message{line-height:1.75}.btn{padding:11px 14px;border-radius:10px}.badges{gap:6px}.footer-note{position:static;margin-top:10px}.wheel-canvas{width:min(88vw,360px)!important;height:auto!important}.content>section:nth-child(2){width:100%;display:grid;place-items:center;justify-self:center;padding:8px 12px}.wheel-wrap{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-left:auto;margin-right:auto;text-align:center}.wheel-canvas{display:block;margin-left:auto;margin-right:auto;width:90vw!important;height:auto!important}}@media (max-height: 700px) and (max-width: 640px){html,body,#root{height:auto;min-height:100svh}body{overflow:auto}.app-shell{align-items:start;padding:12px 0 20px;min-height:100svh}.card-3d{min-height:unset;padding:16px}.header{padding-bottom:10px}.content{gap:12px}.wheel-canvas{width:86vw!important}}.content>section:nth-child(2){display:grid;place-items:center;justify-self:center;width:100%}.wheel-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin:0 auto 12px;text-align:center}.wheel-canvas{display:block;margin-left:auto;margin-right:auto}