:root{color-scheme:dark;font-family:Barlow,Inter,system-ui,sans-serif;background:#000;color:#d1d5db}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 20% 10%,rgba(25,209,132,.16),transparent 28rem),radial-gradient(circle at 85% 20%,rgba(191,255,0,.08),transparent 24rem),#000}button,a{font:inherit}.app-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:48px 0}.hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:end;min-height:260px}.eyebrow{margin:0 0 12px;color:#19d184;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1{margin:0;color:#f3f4f6;font-size:clamp(3rem,8vw,6rem);line-height:.95;letter-spacing:0}.lede{max-width:640px;color:#9ca3af;font-size:1.08rem;line-height:1.7}.wallet-panel,.tap-card,.stats-card,.action-card{border:1px solid rgba(55,65,81,.9);border-radius:12px;background:#111827eb;box-shadow:0 24px 90px -50px #19d18459}.wallet-panel{min-height:132px;padding:20px;display:grid;align-content:center;gap:16px}.data-row,.stat{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.data-row span,.stat span{color:#9ca3af;font-size:.82rem}.data-row strong,.stat strong{color:#f3f4f6;font-family:JetBrains Mono,Fira Code,monospace;font-size:.95rem}.primary-button,.secondary-button,.tap-button,.ghost-button{min-height:44px;border-radius:10px;border:1px solid #19d184;color:#19d184;background:transparent;font-weight:800;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}.primary-button:hover,.tap-button:hover:not(:disabled){background:#19d1841a;transform:translateY(-1px)}.secondary-button{border-color:#facc15;color:#facc15}.secondary-button:hover{background:#facc151a}.ghost-button{border-color:#374151;color:#d1d5db}.ghost-button:hover:not(:disabled){background:#d1d5db14}button:disabled{cursor:not-allowed;opacity:.48}.chain-pill{justify-self:start;border:1px solid rgba(25,209,132,.35);border-radius:999px;color:#19d184;padding:8px 12px;font-size:.85rem;font-weight:700}.grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;margin-top:28px}.actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}.tap-card{min-height:470px;padding:36px;display:grid;justify-items:center;align-content:center;gap:22px}.wheel{position:relative;width:min(300px,72vw);aspect-ratio:1;overflow:hidden;border-radius:50%;border:2px solid rgba(25,209,132,.75);background:radial-gradient(circle,#0000 0,#0000 22%,#00000038 23%,#00000038),conic-gradient(from -90deg,#12352a,#12352a 216deg,#314012 216deg,#314012 306deg,#3a1f2f 306deg,#3a1f2f 360deg);box-shadow:inset 0 0 70px #19d18424,0 0 80px #19d1842e;transition:transform .9s cubic-bezier(.18,.82,.22,1)}.wheel:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid rgba(243,244,246,.12);border-radius:inherit}.wheel.spinning{animation:wheel-spin .8s linear infinite}.wheel.landed-tiny{transform:rotate(0)}.wheel.landed-small{transform:rotate(-216deg)}.wheel.landed-miss{transform:rotate(-306deg)}.wheel-segment{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;color:#f3f4f6;font-size:.82rem;font-weight:900;line-height:1.15;text-align:center;text-transform:uppercase}.wheel-segment span{position:absolute;left:50%;top:50%;width:96px;margin-left:-48px;text-shadow:0 1px 12px rgba(0,0,0,.8)}.segment-tiny span{transform:rotate(18deg) translateY(-108px) rotate(-18deg)}.segment-small span{transform:rotate(170deg) translateY(-108px) rotate(-170deg);color:#facc15}.segment-miss span{transform:rotate(230deg) translateY(-108px) rotate(-230deg);color:#fca5a5}.wheel-hub{position:absolute;left:50%;top:50%;display:grid;width:92px;aspect-ratio:1;place-items:center;transform:translate(-50%,-50%);border:1px solid rgba(25,209,132,.6);border-radius:50%;background:#020617;color:#bfff00;font-size:.8rem;font-weight:900;box-shadow:0 0 28px #19d18438}.wheel-pointer{width:0;height:0;margin-top:-30px;border-right:15px solid transparent;border-left:15px solid transparent;border-top:24px solid #facc15;filter:drop-shadow(0 0 14px rgba(250,204,21,.55));z-index:1}@keyframes wheel-spin{to{transform:rotate(360deg)}}.status{margin:0;font-weight:800}.status.ready{color:#19d184}.status.waiting{color:#facc15}.tap-button{min-width:220px;padding:0 28px;font-size:1.05rem}.result{display:grid;gap:6px;justify-items:center;color:#9ca3af}.result strong{color:#bfff00;font-size:1.15rem}.message{max-width:620px;margin:0;color:#19d184;text-align:center}.error{max-width:620px;margin:0;color:#f87171;overflow-wrap:anywhere;text-align:center}.tx-link,.contract-link{color:#19d184;text-decoration:none;border-bottom:1px solid rgba(25,209,132,.35)}.stats-card{padding:24px;align-self:start}.stats-card h2,.action-card h2{margin:0 0 24px;color:#f3f4f6}.stat{padding:16px 0;border-top:1px solid rgba(55,65,81,.8)}.contract-link{display:inline-block;margin-top:20px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.82rem}.action-card{padding:24px;display:grid;gap:18px;align-content:start}.first-gas-card{grid-column:1 / -1}.first-gas-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.first-gas-form input{min-height:44px;width:100%;border:1px solid #374151;border-radius:10px;background:#1f2937;color:#f3f4f6;padding:0 14px;font:inherit;font-family:JetBrains Mono,Fira Code,monospace}.first-gas-form input::placeholder{color:#6b7280}.action-card h2{margin-bottom:0}.action-card p{margin:0;color:#9ca3af;line-height:1.6}.wide{width:100%}.donation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.donation-button{min-height:44px;border-radius:10px;border:1px solid rgba(191,255,0,.45);color:#bfff00;background:transparent;font-weight:800;cursor:pointer;transition:transform .16s ease,background .16s ease}.donation-button:hover:not(:disabled){background:#bfff0014;transform:translateY(-1px)}@media (max-width: 820px){.hero,.grid,.actions-grid{grid-template-columns:1fr}.hero{min-height:auto}.tap-card{padding:24px}.donation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.first-gas-form{grid-template-columns:1fr}}