:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f7fbff;background:#061222;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#123a64 0,#07192d 34%,#050e1b 75%);min-height:100vh}.app-shell{max-width:560px;margin:auto;padding:env(safe-area-inset-top) 14px 92px;min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 2px 10px;position:sticky;top:0;background:linear-gradient(#07172b 70%,transparent);z-index:4}.brand{font-weight:900;letter-spacing:.08em}.brand b{color:#2df4aa}.muted,.event small,.card small,.wallet-card small,.fine,.ref-hero p,.ticket-head p{color:#8298b4}.balance{text-align:right}.balance span{display:block;font-size:11px;color:#8298b4}.balance strong{font-size:13px}.hero{border:1px solid #1a6992;background:linear-gradient(145deg,#0d2845,#072036 60%,#073729);border-radius:24px;padding:20px;box-shadow:0 16px 60px #0008;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.eyebrow{font-size:10px;color:#4affbd;font-weight:800;letter-spacing:.08em}.hero h1{margin:6px 0 2px;font-size:32px;line-height:1;color:#fff}.hero p{margin:0;color:#9cb1c9;font-size:12px}.pool{text-align:right}.pool span,.pool small{display:block;font-size:10px;color:#9cb1c9}.pool b{font-size:16px}.ticket-head{display:flex;align-items:center;justify-content:space-between;margin:24px 4px 12px}.ticket-head h2,.screen h2{margin:0;font-size:22px}.ticket-head p{margin:4px 0 0;font-size:12px}.counter{padding:8px 12px;border-radius:999px;background:#0d2b45;border:1px solid #155f87;color:#42eeb8;font-weight:800}.events{display:grid;gap:10px}.event{background:linear-gradient(160deg,#0b213a,#09182b);border:1px solid #173956;border-radius:18px;padding:14px}.event-title{display:flex;gap:10px;align-items:center}.event-title>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#0d3152;color:#46efbd;font-weight:900}.event-title div{display:flex;flex-direction:column;gap:2px;min-width:0}.event-title b{font-size:14px}.event-title small{font-size:10px}.outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.outcomes button{border:1px solid #294560;background:#0a1727;color:#e8f1fb;border-radius:12px;padding:10px 6px;font-weight:900;min-height:40px}.outcomes button.selected{background:linear-gradient(135deg,#0b7d67,#0fba83);border-color:#38f0b4;box-shadow:0 0 0 1px #3ff7bd55 inset,0 8px 24px #00c98322}.checkout{margin-top:16px;background:#0a1d33;border:1px solid #195071;border-radius:22px;padding:16px;position:sticky;bottom:80px;box-shadow:0 -12px 40px #0008;z-index:3}.stake-row,.summary{display:flex;align-items:center;justify-content:space-between;gap:12px}.stake-row>span{font-size:12px;color:#9cb1c9}.stepper{display:flex;align-items:center;gap:12px}.stepper button{width:32px;height:32px;border-radius:10px;background:#123653;border:1px solid #1d587e;color:white;font-size:20px}.summary{margin:14px 0}.summary div{display:flex;flex-direction:column;gap:2px}.summary div:last-child{text-align:right}.summary span{font-size:10px;color:#8298b4}.summary b{font-size:15px}.pay{width:100%;border:0;border-radius:14px;padding:14px;background:linear-gradient(135deg,#21dd98,#20b8ec);color:#032018;font-size:15px;font-weight:950}.pay:disabled{filter:grayscale(.8);opacity:.55}.fine{text-align:center;font-size:10px;margin:10px 0 0}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(560px,100%);display:grid;grid-template-columns:repeat(4,1fr);padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#071421ee;backdrop-filter:blur(16px);border-top:1px solid #17354c;z-index:5}.bottom-nav button{background:none;border:0;color:#71869e;font-size:10px;display:flex;flex-direction:column;gap:2px;align-items:center}.bottom-nav button span{font-size:20px}.bottom-nav button.active{color:#42eeb8}.screen{padding-top:18px}.screen h2{margin-bottom:14px}.screen h3{font-size:14px;margin:22px 2px 10px}.card,.wallet-card,.ref-hero{background:#0a1d33;border:1px solid #193c58;border-radius:18px;padding:16px;margin-bottom:10px}.card>div:first-child{display:flex;flex-direction:column}.ticket-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:12px;gap:6px}.ticket-stats span{background:#0d2842;padding:8px;border-radius:10px;font-size:11px;text-align:center}.win{margin-top:10px;color:#53f1b7;font-weight:900}.empty{padding:24px;text-align:center;color:#8298b4}.ref-hero{background:linear-gradient(145deg,#093c32,#0b2539)}.ref-hero strong{font-size:38px;color:#48f0b9}.ref-hero p{margin:4px 0}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.metrics>div,.metrics>button{border-radius:18px;padding:16px;background:#0b2038;border:1px solid #1b4160;display:flex;flex-direction:column;text-align:left;color:inherit}.metrics>button{cursor:pointer;font:inherit}.metrics>button:active{transform:scale(.985)}.metrics span,.metrics small{color:#8ca0b8;font-size:11px}.metrics b{font-size:28px}.metrics i{font-style:normal;color:#55e9b6;font-size:10px;margin-top:8px}.ref-code{font-size:24px;color:#49f0b8;display:block;margin:8px 0}.wallet-card strong{font-size:34px;display:block;color:#48f0b9;margin:4px 0}.ledger{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #163149;padding:11px 2px}.ledger div{display:flex;flex-direction:column}.ledger small{color:#70869d;font-size:10px}.ledger strong{font-size:12px}.plus{color:#46eeb5}.minus{color:#ff8c94}.toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:#0d2a3f;border:1px solid #2a6889;color:white;padding:10px 14px;border-radius:999px;z-index:10;box-shadow:0 12px 40px #0009}.loading{min-height:100vh;display:grid;place-items:center;color:#cfe4f5;text-align:center}.loading small{display:block;color:#7990a8}@media(max-width:390px){.hero h1{font-size:27px}.hero{grid-template-columns:1fr}.pool{text-align:left}.event{padding:12px}.checkout{bottom:76px}}
.draw-status{margin:10px 2px 0;padding:8px 12px;border-radius:12px;background:#0d2a3e;color:#95abc0;font-size:11px;font-weight:800;text-align:center}.draw-status.OPEN{background:#0b3a2f;color:#51eeb8}.draw-status.LOCKED{background:#3a3015;color:#ffd367}.draw-status.SETTLED{background:#291d45;color:#cbb0ff}.event.calculated{border-color:#285378}.outcomes button:disabled{opacity:.75}.outcomes button.winner{background:linear-gradient(135deg,#0d7b5f,#15c689);border-color:#5bf4c0;color:#fff}.secondary{width:100%;border:1px solid #2b5c7d;border-radius:12px;background:#0e2a41;color:#dcedfa;padding:11px;margin-top:12px;font-weight:800}.wallet-address{display:block;margin:8px 0;overflow-wrap:anywhere;color:#48f0b9}.wallet-warning{margin-top:8px;padding:9px;border-radius:10px;background:#3b2e12;color:#ffd46a;font-size:11px}
.ticket-card{width:100%;color:inherit;text-align:left;font:inherit;cursor:pointer}.ticket-card:active{transform:translateY(1px)}
.back-btn{border:0;background:none;color:#54eebe;padding:0 0 12px;font-weight:800;font-size:13px}.ticket-detail-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;background:linear-gradient(150deg,#0b233d,#092037 60%,#0a302a);border:1px solid #1d5474;border-radius:20px;padding:16px;margin-bottom:12px}.ticket-detail-head h2{font-size:19px;margin:3px 0}.ticket-detail-head small,.ticket-kicker{color:#8298b4;font-size:10px}.ticket-kicker{color:#42eeb8;font-weight:900;letter-spacing:.08em}.ticket-live{white-space:nowrap;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900;background:#10344c;color:#8fd7ff}.ticket-live.refund{background:#3a3015;color:#ffd367}.ticket-live.settled{background:#24354a;color:#b9c8d8}
.ticket-progress-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.ticket-progress-grid>div{background:#0a1d33;border:1px solid #193c58;border-radius:15px;padding:13px}.ticket-progress-grid span{display:block;color:#8298b4;font-size:10px}.ticket-progress-grid b{display:block;margin-top:4px;font-size:20px}.ticket-payout,.ticket-refund{border-radius:14px;padding:12px 14px;margin-bottom:12px}.ticket-payout{background:#0d392f;border:1px solid #1b7456;color:#71f6c5}.ticket-refund{background:#3a3015;border:1px solid #705c22;color:#ffd367;font-size:12px}
.detail-section-title{display:flex;align-items:end;justify-content:space-between;gap:10px;margin:20px 2px 9px}.detail-section-title h3{margin:0!important;font-size:15px}.detail-section-title>span{font-size:10px;color:#8298b4}.category-outlook{display:grid;gap:7px}.category-row{display:grid;grid-template-columns:74px 1fr 1fr;align-items:center;gap:8px;border-radius:14px;padding:11px 12px;background:#0a1d33;border:1px solid #193c58}.category-row.dead{opacity:.55}.category-name b{font-size:17px}.category-name small,.category-combos small,.category-prob small{display:block;color:#8298b4;font-size:9px}.category-name small{color:#ffd56f}.category-combos,.category-prob{text-align:right}.category-combos b,.category-prob b{display:block;font-size:14px}.category-row.alive .category-prob b{color:#45efb7}.probability-note{margin:9px 2px 0;color:#6f849b;font-size:9px;line-height:1.35}
.ticket-events{display:grid;gap:8px}.ticket-event{border:1px solid #193c58;background:#0a1d33;border-radius:16px;padding:12px}.ticket-event.hit{border-color:#1c775b;background:linear-gradient(145deg,#0a2b2a,#0a1d33)}.ticket-event.miss{border-color:#7a3440;background:linear-gradient(145deg,#301923,#0a1d33)}.ticket-event.void{border-color:#705c22}.ticket-event-top{display:grid;grid-template-columns:28px 1fr 28px;gap:9px;align-items:center}.event-number{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#0e3453;color:#4ceeb9;font-weight:900;font-size:12px}.ticket-event-top>div{display:flex;flex-direction:column;min-width:0}.ticket-event-top b{font-size:13px}.ticket-event-top small{font-size:9px;color:#8298b4}.ticket-event.hit .ticket-event-top small{color:#57e9b5}.ticket-event.miss .ticket-event-top small{color:#ff8b96}.event-mark{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#12324a;color:#9fb2c5;font-weight:900}.ticket-event.hit .event-mark{background:#0d7658;color:white}.ticket-event.miss .event-mark{background:#8a3441;color:white}.ticket-event-bottom{display:flex;justify-content:space-between;gap:12px;margin-top:10px;padding-top:9px;border-top:1px solid #18354c}.ticket-event-bottom small{display:block;color:#70869d;font-size:9px;margin-bottom:4px}.pick-chips{display:flex;gap:4px;flex-wrap:wrap}.pick-chip{display:inline-flex;min-width:27px;justify-content:center;border-radius:8px;padding:5px 7px;background:#10334f;border:1px solid #245777;font-size:11px;font-weight:900}.actual-result{text-align:right}.actual-result b{font-size:14px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin:0 3px 1px 5px}.dot.hit{background:#43efb6}.dot.miss{background:#ff7180}
@media(max-width:390px){.category-row{grid-template-columns:66px 1fr 1fr;padding:10px}.ticket-detail-head{flex-direction:column}.ticket-live{align-self:flex-start}}
.ticket-status-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.ticket-refresh{border:1px solid #265a78;background:#0d2940;color:#b9d5e8;border-radius:9px;padding:6px 9px;font-size:9px;font-weight:800}
@media(max-width:390px){.ticket-status-actions{align-items:flex-start}}

/* v0.2.5 community preference */
.community-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:11px 1px -4px;color:#8fa6bc;font-size:9px}.community-head span{font-weight:800;color:#b8cadd}.community-head small{font-size:9px;color:#6f849a}.outcomes button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.outcome-name{font-weight:950;font-size:16px;line-height:1.05}.outcome-pref{font-size:10px;color:#8ea6bb;font-weight:800;line-height:1.1}.outcomes button.selected .outcome-pref,.outcomes button.winner .outcome-pref{color:#dffdf3}.community-note{font-size:9px;line-height:1.4;color:#677e94;margin:10px 4px 0}.ticket-community{margin-top:9px;padding-top:8px;border-top:1px solid #18354c}.ticket-community>small{display:block;color:#6f849b;font-size:9px;margin-bottom:6px}.ticket-community>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.crowd-chip{border-radius:9px;padding:6px 5px;background:#0d2940;border:1px solid #21465f;color:#a9bfd2;font-weight:800;text-align:center;display:flex;flex-direction:column;gap:2px}.crowd-chip b{font-size:12px;color:#dceaf5}.crowd-chip small{font-size:9px;color:#8fa7bb}

.match-score{display:block;font-size:17px;color:#fff;margin:2px 0}.partner-list-head{display:flex;justify-content:space-between;align-items:flex-end;margin:6px 2px 14px}.partner-list-head h2{margin:0}.partner-list-head p{margin:3px 0 0;color:#8298b4;font-size:11px}.partner-list-head>span{min-width:36px;height:36px;border-radius:999px;display:grid;place-items:center;background:#0d2b45;border:1px solid #155f87;color:#42eeb8;font-weight:900}.referral-list{display:grid;gap:10px}.referral-card{background:#0a1d33;border:1px solid #193c58;border-radius:18px;padding:14px}.referral-person{display:flex;align-items:center;gap:10px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#103653;color:#46efbd;font-weight:950}.referral-person>div:last-child{display:flex;flex-direction:column}.referral-person small,.joined{color:#7f95ac;font-size:10px}.referral-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0 8px}.referral-stats>div{background:#0d2842;border-radius:10px;padding:8px;display:flex;flex-direction:column;min-width:0}.referral-stats span{font-size:9px;color:#8197ad}.referral-stats b{font-size:11px;overflow:hidden;text-overflow:ellipsis}.actual-result{text-align:right}.score-editor{display:flex;align-items:center;gap:5px;margin-top:8px;justify-content:flex-end}.score-editor span{font-size:10px;color:#8298b4}.score-editor input{width:48px;background:#081725;border:1px solid #28506c;color:#fff;border-radius:8px;padding:7px;text-align:center;font-weight:900}

.ticket-group-title{display:flex;align-items:center;justify-content:space-between;margin:22px 2px 10px}.ticket-group-title h3{margin:0;font-size:16px}.ticket-group-title span{min-width:28px;text-align:center;padding:4px 8px;border-radius:999px;background:rgba(45,220,181,.12);color:#53e6c1;font-weight:800}.ticket-group-title.completed{margin-top:28px}.ticket-group-title.completed span{background:rgba(143,164,194,.12);color:#9fb0c8}
.multiplier-live{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;margin:14px 0 2px;padding:10px 12px;border-radius:14px;background:#0d2842;border:1px solid #1d587e}.multiplier-live span{font-size:11px;color:#9cb1c9}.multiplier-live strong{grid-row:1/3;grid-column:2;font-size:25px;color:#48f0b9}.multiplier-live small{font-size:10px;color:#71869e}.ref-link{display:block;color:#8ecbff;text-decoration:none;overflow-wrap:anywhere;margin-top:6px;font-size:12px}.ref-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.ref-actions .secondary{margin-top:0}.ref-hint{display:block;margin-top:10px;line-height:1.45;color:#71869e}@media(max-width:390px){.ref-actions{grid-template-columns:1fr}}