:root{color-scheme:dark;--bg: #0b1020;--surface: #131a2e;--surface2: #1a2340;--line: #2a355c;--fg: #e9edf8;--muted: #97a3c4;--ptr: #ffffff;--accent: #5ee0c7;--on-accent: #04251f;--danger: #ff6b7a;--ok: #5ee0c7;--r0: #8b97ad;--r1: #4f8cff;--r2: #a65bff;--r3: #ff4d5e;--r4: #ffc233;--f-display: "Barlow Condensed", "Arial Narrow", sans-serif;--f-body: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;--cw: 132px;--ch: 164px;--gap: 8px}@media (prefers-color-scheme: light){:root{color-scheme:light;--bg: #eef1f7;--surface: #ffffff;--surface2: #e6eaf3;--line: #cfd6e4;--fg: #14192b;--muted: #5a6580;--ptr: #14192b;--accent: #0b8f7d;--on-accent: #ffffff;--danger: #d12a3c;--ok: #0b8f7d;--r0: #6b7893;--r1: #2f6df0;--r2: #8a3ef0;--r3: #e0263a;--r4: #c98600}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--fg);font:400 15px/1.55 var(--f-body);-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}h1,h2,h3{margin:0}.muted{color:var(--muted)}.pad{padding:12px 16px}.center{text-align:center}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;word-break:break-all}.page{max-width:1120px;margin-inline:auto;padding:24px max(16px,env(safe-area-inset-right,0px)) 56px max(16px,env(safe-area-inset-left,0px));display:flex;flex-direction:column;gap:22px}.top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}.eyebrow{margin:0 0 6px;font:600 13px var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}h1{font:700 clamp(34px,6vw,52px)/.98 var(--f-display);text-transform:uppercase;letter-spacing:.01em;text-wrap:balance}.lead{margin:-8px 0 0;max-width:70ch}.nav{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-in{max-width:1120px;margin-inline:auto;padding:10px max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px));display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap}.brand{font:700 22px var(--f-display);letter-spacing:.06em;text-transform:uppercase;color:var(--fg);text-decoration:none}.nav-links{display:flex;gap:4px;flex-wrap:wrap}.nav-links a{color:var(--muted);text-decoration:none;padding:6px 12px;border-radius:6px;font-weight:500}.nav-links a:hover{background:var(--surface2);color:var(--fg)}.nav-links a.active{color:var(--fg);background:var(--surface2)}.nav-right{margin-left:auto;display:flex;align-items:center;gap:8px}.coin-pill,.icon-btn,.user-btn{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;background:var(--surface);border:1px solid var(--line);border-radius:6px;cursor:pointer}.coin-pill:hover,.icon-btn:hover,.user-btn:hover{background:var(--surface2)}.coin-pill strong{font:700 20px/1 var(--f-display);font-variant-numeric:tabular-nums}.coin-pill .plus{font-size:12px;color:var(--accent)}.ico{width:18px;height:18px;flex:none}.ico.big{width:40px;height:40px}.ico.huge{width:56px;height:56px;color:var(--accent)}.icon-btn{position:relative;padding:7px 10px}.badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--danger);color:#fff;font:600 11px/18px var(--f-body);text-align:center}.badge.inline{position:static;display:inline-block;margin-left:6px}.user-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dd{position:relative}.dd-panel{position:absolute;right:0;top:calc(100% + 8px);min-width:180px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 36px #00000059;z-index:30;overflow:hidden}.dd-panel.menu a,.dd-panel.menu button{display:block;width:100%;text-align:left;padding:10px 16px;background:none;border:0;color:var(--fg);text-decoration:none;cursor:pointer}.dd-panel.menu a:hover,.dd-panel.menu button:hover{background:var(--surface2)}.dd-panel.notes{width:min(340px,86vw);max-height:60vh;overflow:auto}.dd-panel.notes h3{font:600 14px var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:12px 16px 6px}.note-item{padding:10px 16px;border-top:1px solid var(--line)}.note-item p{margin:0 0 2px}.note-item time{font-size:12px;color:var(--muted)}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:6px;border:1px solid var(--line);background:var(--surface);color:var(--fg);text-decoration:none;cursor:pointer;font-weight:500}.btn:hover:not(:disabled){background:var(--surface2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 50%,var(--line))}.primary{display:inline-flex;align-items:baseline;gap:14px;padding:16px 28px;border:0;border-radius:6px;background:var(--accent);color:var(--on-accent);font:700 22px/1 var(--f-display);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;text-decoration:none}.primary.sm{padding:11px 20px;font-size:18px}.primary .cost{font:600 16px var(--f-display);opacity:.75;letter-spacing:.04em}.primary:hover:not(:disabled){filter:brightness(1.08)}.primary:disabled{opacity:.45;cursor:not-allowed}.input{padding:9px 12px;border-radius:6px;border:1px solid var(--line);background:var(--bg);min-width:0}.input.sm{width:auto}.input.wide{flex:1 1 280px}.input.area{display:block;width:100%;margin:10px 0;font-family:ui-monospace,Menlo,monospace;font-size:13px;resize:vertical}.form-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.form-row .msg{flex:1 1 100%;margin:0}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;align-items:center}.msg{margin:8px 0 0;font-size:14px}.msg.ok{color:var(--ok)}.msg.err{color:var(--danger)}.note,.fine{margin:14px 0 0;color:var(--muted);font-size:13px;max-width:70ch}.tabs{display:flex;gap:6px}.tabs button{padding:8px 16px;background:none;border:1px solid var(--line);border-radius:6px;cursor:pointer}.tabs button[aria-selected=true]{background:var(--surface2);border-color:var(--accent)}.banner{padding:12px 16px;border-radius:8px;border:1px solid var(--r4);background:color-mix(in srgb,var(--r4) 14%,var(--surface))}.grid2{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px}.panel{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:18px}.panel h2{margin:0 0 14px;font:600 15px var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.panel h2 .count{font-variant-numeric:tabular-nums;letter-spacing:.04em}.kv{display:grid;grid-template-columns:max-content 1fr;gap:8px 18px;margin:0}.kv dt{color:var(--muted)}.kv dd{margin:0;word-break:break-word}.rows{list-style:none;margin:0;padding:0}.rows li{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--line);flex-wrap:wrap}.rows li:first-child{border-top:0;padding-top:0}.rows li>div{min-width:0}.rows li.t3 b,.rows li.t4 b{color:var(--rc)}.status-tag{display:inline-block;margin-top:2px;padding:1px 9px;font-size:12px;border-radius:99px;border:1px solid var(--line);color:var(--muted)}.status-tag.s-requested{color:var(--r4);border-color:var(--r4)}.status-tag.s-sent{color:var(--ok);border-color:var(--ok)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid var(--r4);border-radius:99px;color:var(--r4);font:600 16px var(--f-display);letter-spacing:.04em}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:4px}.stat span{color:var(--muted);font-size:13px}.stat strong{font:700 34px/1 var(--f-display);font-variant-numeric:tabular-nums}.big-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.big-link{display:flex;flex-direction:column;gap:6px;padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--fg);text-decoration:none;transition:border-color .2s,transform .2s}.big-link:hover{border-color:var(--accent);transform:translateY(-2px)}.big-link .t{font:700 34px/1 var(--f-display);text-transform:uppercase}.big-link .d{color:var(--muted)}.video-link{display:flex;gap:16px;align-items:center;color:var(--fg);text-decoration:none;flex-wrap:wrap}.video-link.col{flex-direction:column;align-items:stretch}.video-link>div{display:flex;flex-direction:column;gap:2px;min-width:0}.thumb{width:240px;max-width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px;border:1px solid var(--line);background:var(--surface2)}.video-link.col .thumb{width:100%}.thumb.fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;text-align:center;color:var(--muted)}.cal{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.cell{position:relative;aspect-ratio:1 / 1;min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--fg);padding:8px}.cell .day{position:absolute;top:6px;left:9px;font:600 14px var(--f-display);color:var(--muted)}.cell .ico{width:30px;height:30px}.cell .lbl{font:700 16px var(--f-display);letter-spacing:.04em}.cell.open{cursor:pointer;border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface));animation:pulse 1.8s ease-in-out infinite}.cell.open:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 20%,var(--surface))}.cell.claimed{border-color:var(--r4);color:var(--r4);background:color-mix(in srgb,var(--r4) 10%,var(--surface))}.cell.missed{opacity:.4;color:var(--muted)}.cell.future{opacity:.55;border-style:dashed;color:var(--muted)}@keyframes pulse{50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent)}}.viewport{--rc: var(--line);position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding-block:20px;transition:border-color .35s,box-shadow .35s}.viewport.landed{border-color:color-mix(in srgb,var(--rc) 75%,var(--line));box-shadow:0 0 44px color-mix(in srgb,var(--rc) 22%,transparent)}.viewport.t0{--rc: var(--r0)}.viewport.t1{--rc: var(--r1)}.viewport.t2{--rc: var(--r2)}.viewport.t3{--rc: var(--r3)}.viewport.t4{--rc: var(--r4)}.viewport:before,.viewport:after{content:"";position:absolute;top:0;bottom:0;width:min(16%,160px);z-index:3;pointer-events:none}.viewport:before{left:0;background:linear-gradient(90deg,var(--surface),transparent)}.viewport:after{right:0;background:linear-gradient(270deg,var(--surface),transparent)}.strip{display:flex;gap:var(--gap);width:max-content;will-change:transform}.card{--rc: var(--r0);position:relative;flex:0 0 var(--cw);height:var(--ch);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:10px 8px 14px;border-radius:6px;background:linear-gradient(180deg,color-mix(in srgb,var(--rc) 8%,var(--surface)),color-mix(in srgb,var(--rc) 24%,var(--surface)));border:1px solid color-mix(in srgb,var(--rc) 35%,var(--line));transition:opacity .45s,transform .35s,box-shadow .35s}.card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--rc);border-radius:0 0 5px 5px}.glyph{width:54px;height:54px;color:var(--rc);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--rc) 55%,transparent))}.card .nm{font:500 12px/1.3 var(--f-body);text-align:center;text-wrap:balance}.t0{--rc: var(--r0)}.t1{--rc: var(--r1)}.t2{--rc: var(--r2)}.t3{--rc: var(--r3)}.t4{--rc: var(--r4)}.strip.done .card:not(.win){opacity:.35}.card.win{transform:scale(1.07);z-index:2;box-shadow:0 0 0 2px var(--rc),0 0 34px color-mix(in srgb,var(--rc) 45%,transparent)}.marker{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--ptr);box-shadow:0 0 14px var(--ptr);z-index:4;pointer-events:none}.marker:before,.marker:after{content:"";position:absolute;left:50%;width:18px;height:11px;margin-left:-9px;background:var(--ptr)}.marker:before{top:0;clip-path:polygon(0 0,100% 0,50% 100%)}.marker:after{bottom:0;clip-path:polygon(50% 0,100% 100%,0 100%)}.controls{display:flex;align-items:center;gap:14px 24px;flex-wrap:wrap}.toggles{display:flex;gap:18px;margin-left:auto;flex-wrap:wrap}.sw{display:inline-flex;align-items:center;gap:10px;background:none;border:0;cursor:pointer;padding:6px 2px}.sw .track{width:38px;height:22px;border-radius:99px;background:var(--surface2);border:1px solid var(--line);position:relative;transition:background .15s,border-color .15s}.sw .track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--muted);transition:transform .15s,background .15s}.sw[aria-checked=true] .track{background:var(--accent);border-color:var(--accent)}.sw[aria-checked=true] .track:after{transform:translate(16px);background:var(--on-accent)}.status{min-height:1.6em;margin:-6px 0 0;color:var(--muted);font-size:14px}.res{display:flex;gap:18px;align-items:center;min-height:112px}.res .big{flex:0 0 104px;height:104px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(180deg,color-mix(in srgb,var(--rc) 10%,var(--surface)),color-mix(in srgb,var(--rc) 28%,var(--surface)));border:1px solid color-mix(in srgb,var(--rc) 45%,var(--line))}.res .big .glyph{width:60px;height:60px}.res .txt{min-width:0}.res .tier{margin:0;font:700 14px var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--rc)}.res h3{margin:2px 0 4px;font:700 28px/1.05 var(--f-display);text-transform:uppercase;text-wrap:balance}.res .val{margin:0 0 6px;color:var(--muted);word-break:break-all}.hist-list{list-style:none;margin:0;padding:0}.hist-list li{display:grid;grid-template-columns:12px 110px 1fr auto;gap:12px;align-items:baseline;padding:9px 0;border-top:1px solid var(--line)}.hist-list li:first-child{border-top:0}.hist-list time{color:var(--muted);font-size:12px}.dot{width:10px;height:10px;border-radius:50%;background:var(--rc);align-self:center}.odds-row{display:grid;grid-template-columns:12px 130px 64px minmax(0,1fr);gap:12px;align-items:baseline;padding:11px 0;border-top:1px solid var(--line)}.odds-row:first-of-type{border-top:0}.odds-row .tn{font:700 18px var(--f-display);letter-spacing:.06em;text-transform:uppercase}.odds-row .pc{font:600 18px var(--f-display);text-align:right}.odds-row .items{color:var(--muted);font-size:13px}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:16px;background:#040814a8}.modal{width:min(460px,100%);max-height:92vh;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:22px;box-shadow:0 24px 64px #00000080}.modal.wide{width:min(920px,100%)}.modal-title{font:700 26px/1.1 var(--f-display);text-transform:uppercase;margin-bottom:12px}.modal-body>*+*{margin-top:12px}.steps{padding-left:20px;margin:0}.winner{text-align:center}.winner h3{font:700 36px var(--f-display);text-transform:uppercase}.login{min-height:100vh;display:grid;place-items:center;padding:16px}.login-box{width:min(440px,100%);display:flex;flex-direction:column;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:28px}.login-btn{justify-content:center}.maint{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:var(--bg);padding:16px;text-align:center}.maint-box{display:flex;flex-direction:column;gap:12px;align-items:center}@media (max-width: 760px){.grid2{grid-template-columns:minmax(0,1fr)}.toggles{margin-left:0}.nav-right{margin-left:0;width:100%;justify-content:space-between}}@media (max-width: 560px){:root{--cw: 104px;--ch: 140px}.glyph{width:44px;height:44px}.card .nm{font-size:11px}.primary{flex:1 1 100%;justify-content:center}.res{flex-direction:column;align-items:flex-start}.odds-row{grid-template-columns:12px minmax(0,1fr) auto}.odds-row .items{grid-column:1 / -1}.hist-list li{grid-template-columns:12px 1fr}.hist-list li time{grid-column:2}.cal{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}button.big-link{text-align:left;font:inherit;cursor:pointer;width:100%}.donate{display:grid;gap:12px;justify-items:center;text-align:center}.donate img{max-width:100%;height:auto;border-radius:8px;background:#fff}.donate-acc{font-weight:700;letter-spacing:.02em}.donate-how{color:var(--muted);line-height:1.5}[aria-busy=true]{cursor:progress;opacity:.7;position:relative}[aria-busy=true]:after{content:"";display:inline-block;width:12px;height:12px;margin-left:8px;vertical-align:-1px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:busy-spin .7s linear infinite}@keyframes busy-spin{to{transform:rotate(360deg)}}.big-links{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 560px){.big-links{gap:12px}.big-link{padding:16px}.big-link .t{font-size:20px;overflow-wrap:anywhere}.big-link .d{font-size:13px}}.guide{margin:0 0 14px;padding-left:20px;display:grid;gap:10px;line-height:1.5}:root{--bg: #1a0f08;--surface: #26170d;--surface2: #322012;--line: #4d3320;--fg: #fbeee2;--muted: #c9a98f;--ptr: #ffffff;--accent: #ff8a2b;--on-accent: #2b1200;--danger: #ff6b7a;--ok: #ffb454}@media (prefers-color-scheme: light){:root{--bg: #fff3e8;--surface: #ffffff;--surface2: #ffe6d1;--line: #f0cdaa;--fg: #2a1608;--muted: #8a6547;--ptr: #2a1608;--accent: #c2540a;--on-accent: #ffffff;--danger: #d12a3c;--ok: #b3640a}}.modal-back{background:#180a02a8}.lang{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}.lang button{background:transparent;border:0;padding:4px 10px;font:600 12px/1.4 var(--f-body);color:var(--muted);cursor:pointer}.lang button.on{background:var(--accent);color:var(--on-accent)}.lang button:focus-visible{outline-offset:-2px}.login-lang{position:fixed;top:14px;right:14px}.video-strip{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:10px 14px;background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--fg);text-decoration:none;min-width:0}.video-strip:hover{border-color:var(--accent)}.video-strip .tag{flex:none;background:var(--accent);color:var(--on-accent);font:700 11px/1 var(--f-body);letter-spacing:.04em;text-transform:uppercase;padding:4px 8px;border-radius:999px}.video-strip .vt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.video-strip .go{flex:none;color:var(--accent);font-size:13px}@media (max-width: 520px){.video-strip .go{display:none}}
