@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=DM+Sans:wght@400;500;700&display=swap');
:root{color-scheme:dark;--bg:#080c19;--gold:#f6cc70;--goldlight:#fff0b0;--muted:#a8adc5;--ink:#f6f7ff}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 52% -15%,#222956 0%,#10152c 40%,#080c19 78%);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;overflow-x:hidden}
.ambient{position:fixed;pointer-events:none;border-radius:50%;filter:blur(100px);opacity:.4}.a1{background:#5440b9;width:340px;height:340px;top:25%;left:-180px}.a2{background:#805516;width:300px;height:300px;bottom:0;right:-170px}
.topbar{max-width:1260px;padding:26px 32px;margin:auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.topbrand{font-family:'Outfit',sans-serif;font-weight:900;letter-spacing:2px;font-size:21px;display:flex;gap:12px;align-items:center}.topbrand em{color:var(--gold);font-style:normal}.mark{display:grid;place-items:center;width:33px;height:33px;background:linear-gradient(145deg,#fee5a2,#ac7720);border-radius:50%;color:#422c10}.admin-entry{color:#aeb6cc;text-decoration:none;border:1px solid #343951;border-radius:20px;padding:8px 18px;font-size:12px}.admin-entry span{color:var(--gold)}
.wrap{max-width:1260px;margin:0 auto;padding:8px 25px 22px;position:relative}.hero{text-align:center}.overline,.eyebrow{color:var(--gold);font-weight:800;letter-spacing:3px;font-size:11px}.hero h1{font:900 clamp(40px,6vw,76px)/1.08 'Outfit',sans-serif;letter-spacing:3px;text-shadow:0 8px 25px #0008;margin:9px 0 8px;text-transform:uppercase}.hero p{color:var(--muted);font-size:14px;max-width:620px;margin:0 auto 20px;line-height:1.6}
.game-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(355px,.8fr);align-items:center;gap:35px;max-width:1120px;margin:10px auto}.wheel-panel{text-align:center;min-width:0}.wheel-stars{font:800 12px 'Outfit';letter-spacing:5px;color:#edc972;margin:0 auto 10px}.wheel-stage{width:100%;max-width:575px;aspect-ratio:1;margin:0 auto;position:relative;display:grid;place-items:center}.wheel-outer{width:94%;aspect-ratio:1;border:13px solid #dcae4f;border-radius:50%;background:#e9bd60;box-shadow:0 0 0 4px #624321,0 0 0 12px #342748,0 0 55px #e7b74c4b,inset 0 0 0 5px #fff0bc;position:relative;overflow:hidden}.wheel-outer::before{content:'';position:absolute;inset:2px;z-index:1;pointer-events:none;border-radius:50%;box-shadow:inset 0 0 26px #0006}#wheel{display:block;width:100%;height:100%;border-radius:50%;will-change:transform}.wheel-pointer{position:absolute;z-index:5;top:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:24px solid transparent;border-right:24px solid transparent;border-top:55px solid #ffe6a3;filter:drop-shadow(0 4px 3px #0007)}.wheel-hub{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;border:6px solid #fff0b2;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle at 25% 20%,#ffe6a2,#bf7c18 75%);box-shadow:0 4px 16px #0009;display:flex;flex-direction:column;align-items:center;justify-content:center;font:900 26px 'Outfit';color:#523108}.wheel-hub small{font:900 11px 'Outfit';letter-spacing:1px}.wheel-note{font:700 10px 'Outfit';letter-spacing:3px;color:#c5a86b;margin:9px 0}
.entry-panel{border:1px solid #48466b;border-radius:22px;background:linear-gradient(160deg,#242840e8,#10182ce8);box-shadow:0 24px 80px #0007, inset 0 1px #ffffff17;padding:38px clamp(20px,3vw,42px);text-align:center}.ticket-icon{font-size:28px;color:#fff0b2;line-height:1;margin-bottom:14px}.entry-panel h2{font:800 clamp(28px,3.2vw,40px)/1.07 'Outfit';margin:12px 0;color:#fff}.entry-panel h2 span{color:var(--gold)}.intro{font-size:13px;color:var(--muted);margin:14px 0 30px;line-height:1.6}.entry-panel form{text-align:left}.entry-panel label{font:800 11px 'Outfit';letter-spacing:1.6px;color:#d2d5e6;display:block;margin:0 0 9px}.input-wrap{border:1px solid #4b5174;background:#10172a;border-radius:11px;display:flex;align-items:center;margin-bottom:20px;overflow:hidden;transition:border-color .2s}.input-wrap:focus-within{border-color:#e4ba69}.input-wrap span{color:#e8be6c;padding-left:16px;font-size:23px}.input-wrap input{border:0;outline:0;color:white;width:100%;background:transparent;padding:17px 15px;font:500 15px 'DM Sans';min-width:0}.input-wrap input::placeholder{color:#797f9d}.redeem{border:0;border-radius:11px;min-height:54px;width:100%;background:linear-gradient(180deg,#ffe7a0,#f4bc47);color:#32210b;font:900 15px 'Outfit';letter-spacing:1.5px;cursor:pointer;display:flex;align-items:center;justify-content:space-around;box-shadow:0 8px 23px #a7761b44;transition:filter .2s,transform .2s}.redeem:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.redeem:disabled{opacity:.6;cursor:not-allowed}.btn-star{font-size:20px}.status{text-align:center;font-size:12px;color:#84e5c1;min-height:20px;margin:12px 0 2px}.status.error{color:#ffa2a6}.actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}.actions:has(.sub-btn:only-child){grid-template-columns:1fr}.sub-btn{border:1px solid #4b506b;color:#cfd3ea;border-radius:10px;padding:14px 5px;background:transparent;cursor:pointer;font:700 11px 'Outfit';letter-spacing:.5px}.sub-btn:hover{background:#ffffff0c}.trust{border-top:1px solid #3d425f;display:flex;justify-content:space-around;gap:10px;margin-top:26px;padding-top:19px;color:#9ca7bc;font-size:9px;font-weight:700;letter-spacing:.7px}.trust span::first-letter{color:#66d5aa}footer{text-align:center;color:#6d7798;margin:24px 0 5px;font-size:11px}
.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:50;background:#02050ce0;display:grid;place-items:center;padding:20px}.modal-card{width:min(92vw,490px);max-height:85vh;overflow-y:auto;border-radius:18px;background:#1b2337;border:1px solid #9c7b4e;box-shadow:0 25px 90px #000e;text-align:center;padding:32px;position:relative}.close-modal{position:absolute;top:9px;right:14px;border:0;color:#fff;background:none;font-size:29px;cursor:pointer}.modal-spark{color:#f6cc70;font-size:34px}.modal-card h3{font:900 28px 'Outfit';letter-spacing:1px;margin:10px 0;color:#ffe4a1}.modal-content{color:#c7cde3;line-height:1.65;white-space:pre-line;font-size:14px}.modal-ok{margin-top:23px}.history-scroll{max-height:360px;overflow-y:auto}.history-table{border-collapse:collapse;text-align:left;width:100%;font-size:12px;white-space:normal}.history-table th,.history-table td{padding:10px 6px;border-bottom:1px solid #3d425d}.history-table th{color:#f8d183}
@media(max-width:900px){.game-grid{gap:17px;grid-template-columns:minmax(0,1.1fr) minmax(315px,.9fr)}.entry-panel{padding:30px 20px}}
@media(max-width:680px){.topbar{padding:17px 18px}.wrap{padding:5px 15px}.hero h1{font-size:45px}.hero p{font-size:12px}.game-grid{grid-template-columns:1fr;gap:18px}.wheel-stage{max-width:430px}.wheel-stars{margin-top:8px}.entry-panel{max-width:500px;width:100%;margin:auto}.wheel-outer{border-width:10px}.wheel-pointer{top:-5px;border-left-width:18px;border-right-width:18px;border-top-width:43px}.wheel-hub{width:67px;height:67px;border-width:4px;font-size:20px}.wheel-hub small{font-size:9px}}