:root{--gold:#d7ad5a;--gold2:#f7df9a;--black:#07080b;--panel:#111319;--muted:#8d8f97}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#06070a;color:#fff;font-family:Inter,Arial,sans-serif}body{overflow-x:hidden}.app-shell{position:relative;min-height:100vh;max-width:540px;margin:auto;padding:22px 20px 30px;overflow:hidden;background:radial-gradient(circle at 50% 34%,#292116 0,#0d0e13 32%,#07080b 70%)}.ambient{position:absolute;width:240px;height:240px;border-radius:50%;filter:blur(80px);opacity:.16;background:var(--gold)}.ambient-one{left:-160px;top:160px}.ambient-two{right:-170px;bottom:80px}.brand,.hero,.wheel-stage,.status,.primary,.legal{position:relative;z-index:1}.brand{text-align:center;letter-spacing:.32em}.brand .crown{color:var(--gold2);font-size:24px;line-height:20px}.brand p{font-family:Georgia,serif;font-weight:bold;font-size:18px;margin:4px 0 2px}.brand span{font-size:7px;color:var(--gold);letter-spacing:.55em}.hero{text-align:center;margin-top:24px}.eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--gold2);font-size:9px;letter-spacing:.28em}.eyebrow i{display:block;width:32px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.eyebrow i:last-child{transform:scaleX(-1)}h1{font-family:Georgia,serif;font-size:35px;line-height:1.02;letter-spacing:.04em;margin:12px 0 8px;font-weight:500}h1 em{font-style:normal;color:var(--gold2);text-shadow:0 0 25px #ac761966}.hero>p{font-size:12px;color:#aaabb1;margin:0}.wheel-stage{width:min(86vw,400px);margin:26px auto 14px;aspect-ratio:1;position:relative}.wheel-frame{position:absolute;inset:6%;border-radius:50%;padding:17px;background:linear-gradient(145deg,#6e4c17,#f5d98a 25%,#8a5b17 52%,#f4d787 77%,#5a3c12);box-shadow:0 0 0 5px #17130c,0 0 45px #c58a2840,inset 0 0 14px #fff7c7}.wheel-frame:before{content:"";position:absolute;inset:8px;border-radius:50%;border:1px solid #fff2ad99}.wheel{position:absolute;inset:20px;border-radius:50%;overflow:hidden;transition:transform 6s cubic-bezier(.12,.72,.08,1);box-shadow:inset 0 0 0 2px #e6c36c,inset 0 0 26px #000}.segment-label{position:absolute;left:50%;top:50%;width:41%;height:22px;transform-origin:0 50%;display:flex;align-items:center;justify-content:flex-end;padding-right:13px;font-family:Georgia,serif;font-size:clamp(9px,2.6vw,13px);font-weight:bold;text-align:right;color:#fff;text-shadow:0 1px 3px #000;letter-spacing:.02em}.studs span{position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-3.5px;border-radius:50%;background:#fff2b0;box-shadow:0 0 8px #fff,0 0 2px #3e2500;z-index:5}.hub{position:absolute;z-index:8;left:50%;top:50%;width:76px;height:76px;margin:-38px;border:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff4b5,#c39237 45%,#5a390d);box-shadow:0 0 0 5px #1b160c,0 0 0 7px #dfbc65,0 6px 18px #000;cursor:pointer;color:#14100a}.hub span{display:block;font-family:Georgia,serif;font-size:16px;font-weight:bold}.hub small{font-size:8px;letter-spacing:.24em}.pointer{position:absolute;z-index:12;left:50%;top:0;transform:translateX(-50%);width:44px;height:54px;filter:drop-shadow(0 5px 5px #000)}.pointer:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#754d13,#ffe7a0,#99681d);clip-path:polygon(50% 100%,5% 18%,25% 0,75% 0,95% 18%)}.pointer span{position:absolute;width:9px;height:9px;background:#ffecad;border-radius:50%;left:17px;top:7px}.status{text-align:center;color:#a4a5aa;font-size:11px;min-height:16px}.primary{display:flex;justify-content:space-between;align-items:center;width:100%;border:1px solid #f0d584;color:#151008;background:linear-gradient(90deg,#b9852c,#ffe59a,#bd8a32);padding:16px 20px;font-family:Georgia,serif;font-weight:bold;font-size:15px;letter-spacing:.08em;cursor:pointer;box-shadow:0 8px 30px #b17d2230}.primary:disabled,.hub:disabled{filter:grayscale(.7);cursor:not-allowed}.primary span{font-size:22px}.legal{text-align:center;color:#696b73;font-size:9px;line-height:1.5;margin:15px 20px 0}.modal{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:22px;background:#030406dc;backdrop-filter:blur(8px)}.modal[hidden]{display:none}.modal-card{text-align:center;width:min(100%,390px);padding:34px 24px 24px;border:1px solid #d5ae5f;background:radial-gradient(circle at 50% 0,#332817,#111318 55%);box-shadow:0 0 70px #d5a54135;position:relative}.modal-card:before{content:"";position:absolute;inset:7px;border:1px solid #8d713c55;pointer-events:none}.shine{font-size:42px;color:#ffe5a0;text-shadow:0 0 25px #e8aa36}.modal-card p{font-size:10px;letter-spacing:.45em;color:var(--gold);margin:10px}.modal-card h2{font-family:Georgia,serif;color:var(--gold2);font-size:30px;margin:12px 0}.modal-card span{display:block;color:#a9abb1;font-size:12px;line-height:1.6}.modal-card button{margin-top:24px;width:100%;padding:14px;border:1px solid #f2d78a;background:transparent;color:#f5d98e;font-weight:bold;letter-spacing:.15em;cursor:pointer}@media(max-height:740px){.hero{margin-top:14px}.wheel-stage{margin-top:14px;width:min(74vh,84vw)}h1{font-size:29px}}