:root{--bg: #0a0618;--panel: #15102a;--gold: #f4d24a;--gold-2: #ffe9a0;--green: #22d36a;--green-d: #129348;--red: #ff5d6a;--ink: #f4f7ff;--muted: #9aa6c8;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;background:radial-gradient(900px 600px at 50% -5%,#3a2080 0%,var(--bg) 55%);color:var(--ink);font-family:Noto Sans,sans-serif}body{min-height:100dvh}body.modal-open{overflow:hidden}#app{width:min(430px,100%);margin:0 auto;min-height:100dvh}.app-shell{min-height:100dvh;display:flex;flex-direction:column;padding:calc(8px + var(--safe-t)) 14px calc(12px + var(--safe-b))}.topbar{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;margin-bottom:8px;padding:0 48px}.topbar-title{text-align:center;font-weight:800;font-size:16px;white-space:nowrap;max-width:100%}.topbar .icon-btn#btnBack{position:absolute;left:0;top:50%;transform:translateY(-50%)}.topbar .icon-btn#btnRules{position:absolute;right:0;top:50%;transform:translateY(-50%)}.topbar.no-back{padding-left:0}.icon-btn{width:40px;height:40px;border:0;border-radius:12px;background:#ffffff0f;color:var(--ink);font-size:18px;font-weight:800;cursor:pointer}#main{flex:1;padding-bottom:8px}.screen-play{padding-bottom:88px}.hero-compact{text-align:center;margin-bottom:14px}.kicker{display:inline-block;padding:4px 10px;border-radius:999px;background:#f4d24a1f;color:var(--gold);font-size:10px;letter-spacing:.14em;font-weight:800}h1{margin:8px 0 4px;font-family:Cinzel,serif;font-size:28px;color:var(--gold-2)}.wecard-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;margin-bottom:12px;border-radius:16px;text-decoration:none;color:var(--ink);background:linear-gradient(135deg,#22d36a38,#3a208080);border:1px solid rgba(34,211,106,.45);box-shadow:0 8px 24px #22d36a1f}.wecard-banner strong{display:block;font-size:15px;color:#b8ffd4}.wecard-banner span{display:block;margin-top:4px;font-size:11px;color:var(--muted);line-height:1.35}.wecard-banner em{font-style:normal;font-size:22px;font-weight:900;color:var(--green)}.wecard-banner.home{margin-top:0}.id-card{background:var(--panel);border:1px solid rgba(244,210,74,.25);border-radius:18px;padding:16px;margin-bottom:12px}.id-card.compact{padding:12px 14px;margin-bottom:10px}.id-card h2{margin:8px 0 6px;font-size:16px}.req{font-size:11px;color:var(--gold);font-weight:800}.id-warn{margin:0 0 12px;font-size:12px;color:var(--muted);line-height:1.45}.id-locked{margin:6px 0 0;font-size:13px}.step-badge{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--gold);background:#f4d24a1f;padding:3px 8px;border-radius:999px}.boost-block{margin-top:12px;text-align:left}.boost-block.large{margin-top:16px;padding:12px;background:#0003;border-radius:14px}.boost-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);margin-bottom:8px}.boost-head strong{color:var(--gold-2);font-size:18px}.boost-meter{height:14px;background:#0f0c22;border-radius:999px;overflow:hidden;border:1px solid rgba(244,210,74,.25)}.boost-block.large .boost-meter{height:18px}.boost-fill{height:100%;background:linear-gradient(90deg,var(--green),var(--gold));border-radius:999px;box-shadow:0 0 12px #22d36a73}.boost-caption{margin:8px 0 0;font-size:11px;color:var(--muted);text-align:center}.boost-invite{background:linear-gradient(135deg,#f4d24a26,#3a208066);border:1px solid rgba(244,210,74,.35);border-radius:16px;padding:14px;margin-bottom:12px;text-align:center}.boost-invite-title{margin:0 0 4px;font-weight:800;color:var(--gold-2)}.boost-invite-sub{margin:0 0 12px;font-size:13px;color:var(--muted)}.hero-tag{margin:0 0 10px;font-size:12px;color:var(--muted)}.prize-hero{text-align:center;margin:0 0 14px;padding:16px 12px;border-radius:18px;background:linear-gradient(180deg,#f4d24a2e,#22d36a1f);border:1px solid rgba(244,210,74,.35)}.prize-hero-kicker{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--gold);margin-bottom:4px}.prize-hero-value{display:block;font-family:Cinzel,serif;font-size:26px;font-weight:900;color:var(--gold-2);line-height:1.15}.prize-hero-sub{display:block;margin-top:6px;font-size:12px;color:var(--green);font-weight:700}.card-block{margin-top:16px;padding:14px;border-radius:16px;background:var(--panel);border:1px solid rgba(255,255,255,.06)}.card-block h3{margin:0 0 8px;font-size:14px}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.card-head h3{margin:0}.winner-list{list-style:none;margin:0;padding:0}.winner-list li{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:12px}.winner-list li:last-child{border-bottom:0}.draw-time{color:var(--muted)}.draw-no{font-weight:800;color:var(--gold)}.draw-id{color:var(--green);font-weight:700}.draw-id.full{font-family:ui-monospace,monospace;font-size:11px;word-break:break-all;text-align:right}.winner-list-ops li{grid-template-columns:1fr auto auto minmax(0,1.1fr) auto}.draw-players{font-weight:800;color:var(--gold-2);min-width:1.5rem;text-align:center}.draw-no.open-tag{color:var(--green);font-size:11px}.top3-results{list-style:none;margin:0;padding:0}.top3-results .result-day{display:flex;justify-content:space-between;gap:8px;padding:12px 0 6px;font-size:12px;font-weight:800;color:var(--gold-2);border-top:1px solid rgba(255,255,255,.08)}.top3-results .result-day:first-child{border-top:0}.top3-results .result-winner{display:grid;grid-template-columns:auto auto 1fr auto;gap:8px;align-items:center;padding:8px 0 10px;font-size:11px;border-bottom:1px solid rgba(255,255,255,.05)}.rank-badge{font-weight:900;color:var(--gold);min-width:1.25rem;text-align:center}.prize-desk-banner{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#f4d24a1f;border:1px solid rgba(244,210,74,.35);font-size:13px;color:var(--gold-2)}.text-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;color:var(--green);font-weight:800;font-size:12px;cursor:pointer;padding:0}.boost-page h2{margin:10px 0 8px;font-size:20px;font-family:Cinzel,serif;color:var(--gold-2)}.boost-friend-id{font-size:14px;margin:0 0 12px}.boost-steps{margin:0 0 16px;padding-left:18px;color:var(--muted);font-size:13px;line-height:1.5}.prize-line{margin:0;font-size:14px;color:var(--muted)}.prize-line span{color:var(--green);font-weight:800}.stat-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.stat{background:var(--panel);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:10px;text-align:center}.stat strong{display:block;font-size:20px;color:var(--gold);font-variant-numeric:tabular-nums}.stat span{font-size:11px;color:var(--muted)}.link-card{width:100%;text-align:left;border:1px solid rgba(255,255,255,.08);background:#22d36a14;border-radius:14px;padding:12px;color:var(--ink);font-size:13px;margin-bottom:12px;cursor:pointer}.link-card span{display:block;margin-top:4px;color:var(--green);font-weight:800;font-size:12px}.home-hint{text-align:center;color:var(--muted);font-size:13px;margin:16px 0}.ticket-preview{text-align:center;background:var(--panel);border-radius:18px;padding:16px;margin-bottom:12px;border:1px solid rgba(244,210,74,.2)}.ticket-preview p{margin:0 0 8px;font-size:12px;color:var(--muted)}.big-num{font-family:Cinzel,serif;font-size:56px;font-weight:900;color:var(--gold-2);line-height:1}.big-num.glow{text-shadow:0 0 24px rgba(244,210,74,.35)}.muted{color:var(--muted);font-size:12px}.release-tag{margin:4px 0 0;font-size:10px;color:#ffffff38;letter-spacing:.04em}.fine.center,.muted.center{text-align:center}.cta-stack{display:grid;gap:10px;margin-top:8px}.cta-center{display:flex;justify-content:center;margin-top:16px}.cta-center .btn{width:min(100%,320px)}.boost-invite-min{display:flex;justify-content:center;padding:18px 14px;margin-bottom:12px}.btn.boost-only{min-width:220px;letter-spacing:.12em;font-weight:800}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;padding:14px 16px;font-weight:800;font-size:15px;text-align:center;text-decoration:none;display:inline-block;cursor:pointer}.btn.primary{color:#083016;background:linear-gradient(180deg,#7dffb0 0%,var(--green) 45%,var(--green-d) 100%);box-shadow:0 6px #0b5c32,0 10px 20px #00000040}.btn.primary:active{transform:translateY(2px);box-shadow:0 4px #0b5c32}.btn.primary.xl{padding:18px 16px;font-size:17px}.btn.secondary{color:var(--ink);background:#2a2348}.btn.ghost{color:var(--muted);background:transparent;border:1px solid rgba(255,255,255,.12)}.btn.wide{width:100%;margin-top:12px}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.field label{display:block;font-size:11px;color:var(--muted);margin-bottom:4px;font-weight:700}input{width:100%;border:1px solid rgba(255,255,255,.12);background:#0f0c22;color:var(--ink);border-radius:12px;padding:14px;font-size:16px;font-weight:700}.section-label{font-size:12px;font-weight:800;color:var(--gold);margin:12px 0 8px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.chip{font-size:11px;font-weight:700;padding:4px 8px;border-radius:999px;background:#ffffff0f;color:var(--muted)}.grid.grid-locked .num:not(.taken):not(.mine){opacity:.45;cursor:not-allowed}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.num{aspect-ratio:1;border:0;border-radius:10px;font-weight:800;font-size:14px;background:linear-gradient(180deg,#2a2250,#1a1438);color:var(--ink)}.num.taken{opacity:.35;text-decoration:line-through}.num.selected{outline:2px solid var(--gold);color:var(--gold-2)}.num.mine{background:linear-gradient(180deg,#3d6bff,#2440a8)}.sticky-bar{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:min(430px,100%);padding:10px 14px calc(10px + var(--safe-b));background:linear-gradient(180deg,transparent,rgba(10,6,24,.92) 30%);display:grid;grid-template-columns:1fr 1.2fr;gap:8px}.ticket-card{text-align:center;background:var(--panel);border-radius:20px;padding:24px 16px;margin-bottom:16px;border:1px solid rgba(255,255,255,.08)}.ticket-label{margin:0;font-size:12px;color:var(--muted)}.boost-meter{height:8px;background:#0f0c22;border-radius:999px;overflow:hidden;margin:16px auto 8px;max-width:240px}.boost-fill{height:100%;background:linear-gradient(90deg,var(--green),var(--gold));border-radius:999px}.toast{position:fixed;left:50%;bottom:calc(20px + var(--safe-b));transform:translate(-50%) translateY(120%);background:#14102af5;border:1px solid rgba(244,210,74,.35);color:var(--gold-2);padding:10px 14px;border-radius:12px;font-size:13px;font-weight:700;max-width:min(380px,92vw);text-align:center;transition:transform .25s ease;z-index:50;pointer-events:none}.toast.show{transform:translate(-50%) translateY(0)}.screen-play .toast.show{bottom:calc(96px + var(--safe-b))}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:none;place-items:end center}.modal.open{display:grid}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6}.modal-panel{position:relative;width:min(430px,100%);max-height:85dvh;overflow:auto;background:#1a1430;border-radius:20px 20px 0 0;padding:20px 16px calc(20px + var(--safe-b));border:1px solid rgba(255,255,255,.08)}.modal-panel h2{margin:0 0 12px;font-size:18px;font-family:Cinzel,serif;color:var(--gold-2)}.modal-panel ul{margin:0 0 12px;padding-left:18px;color:var(--muted);font-size:13px;line-height:1.55}.modal-alert-body{margin:0 0 16px;color:var(--muted);font-size:14px;line-height:1.5}.modal-alert-body p{margin:0 0 10px}.modal-panel .fine{font-size:12px;color:var(--muted);margin:0 0 8px}.ball-stage{display:flex;justify-content:center;margin:12px 0}.ball{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;font-family:Cinzel,serif;font-size:32px;font-weight:900;color:#3b2a12;background:radial-gradient(circle at 30% 25%,#fff6c8,#e4c46a 45%,#a67c1a)}.winner{color:var(--green);font-weight:800;text-align:center}