:root{--ink:#08080A;--surface:#111114;--surface-2:#18181D;--surface-3:#212128;--line:rgba(255,255,255,.07);--line-2:rgba(255,255,255,.12);--white:#FAFAFA;--muted:#8B8B96;--muted-2:#5C5C68;--red:#E8192C;--red-hot:#FF3546;--red-dim:rgba(232,25,44,.12);--amber:#F5A524;--amber-dim:rgba(245,165,36,.12);--green:#2ED573;--r-lg:30px;--r-md:22px;--r-sm:16px;--spring:cubic-bezier(.34,1.4,.5,1);--ease:cubic-bezier(.22,.8,.3,1)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{background:radial-gradient(900px 500px at 15% -5%,rgba(232,25,44,.1),transparent 60%),radial-gradient(700px 500px at 100% 105%,rgba(232,25,44,.05),transparent 60%),#050506;color:var(--white);font-family:Manrope,sans-serif;overscroll-behavior:none}#root{min-height:100dvh}.app{min-height:100dvh;display:flex;flex-direction:column;width:100%;max-width:520px;margin:0 auto;position:relative}.screen{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.screen::-webkit-scrollbar{display:none}.pad{padding:calc(8px + env(safe-area-inset-top)) 20px 132px}.center-all{display:grid;place-items:center;min-height:60vh}.err{background:var(--red-dim);color:var(--red-hot);border-radius:var(--r-sm);padding:13px 16px;font-size:13.5px;font-weight:600;margin:14px 0;box-shadow:inset 0 0 0 1px #e8192c4d}.tagline{display:block;font-family:Manrope,sans-serif;font-size:10.5px;font-weight:700;color:var(--red-hot);letter-spacing:.06em;text-transform:uppercase;margin-top:5px}.avatar.big{width:60px;height:60px;font-size:21px;margin:0 auto}.mgr{font-size:9px;font-weight:800;letter-spacing:.1em;color:var(--muted-2);background:var(--surface-3);padding:2px 6px;border-radius:99px;margin-left:7px;vertical-align:middle}.live-time{font-size:20px;font-weight:700;color:var(--red-hot);font-variant-numeric:tabular-nums}.mine-tag{margin-top:13px;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--red-hot)}.big-money{font-size:48px;font-weight:800;margin:7px 0 3px;letter-spacing:-.04em}.key:disabled{opacity:.4}.btn:disabled{opacity:.55}.nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:520px;padding:11px 14px calc(22px + env(safe-area-inset-bottom));background:linear-gradient(to top,#050506 62%,#05050600);display:flex;gap:5px;z-index:50}.stagger>*{animation:enter .5s var(--ease) both}.stagger>*:nth-child(1){animation-delay:.03s}.stagger>*:nth-child(2){animation-delay:.07s}.stagger>*:nth-child(3){animation-delay:.11s}.stagger>*:nth-child(4){animation-delay:.15s}.stagger>*:nth-child(5){animation-delay:.19s}.stagger>*:nth-child(6){animation-delay:.23s}.stagger>*:nth-child(7){animation-delay:.27s}.stagger>*:nth-child(8){animation-delay:.31s}.namegrid button{position:relative}.h1{font-family:Sora,sans-serif;font-size:29px;font-weight:800;letter-spacing:-.035em;line-height:1.05}.h2{font-family:Sora,sans-serif;font-size:17px;font-weight:700;letter-spacing:-.02em}.eyebrow{font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2)}.sub{color:var(--muted);font-size:13.5px;font-weight:500}.num{font-family:Sora,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:99px;font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.pill.active{background:var(--red-dim);color:var(--red-hot);box-shadow:inset 0 0 0 1px #e8192c4d}.pill.await{background:var(--amber-dim);color:var(--amber);box-shadow:inset 0 0 0 1px #f5a52447}.pill.done{background:#ffffff12;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line-2)}.dot{width:6px;height:6px;border-radius:99px;background:currentColor}.dot.live{animation:pulse 1.7s var(--ease) infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.card{background:linear-gradient(168deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:var(--r-lg);padding:19px;transition:transform .4s var(--spring),border-color .3s var(--ease);position:relative;overflow:hidden}.card:active{transform:scale(.975)}.card.hot{border-color:#e8192c52}.card.hot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(220px 120px at 88% -20%,rgba(232,25,44,.15),transparent 70%);pointer-events:none}.btn{width:100%;border:none;border-radius:99px;padding:19px;font-family:Sora,sans-serif;font-size:15.5px;font-weight:700;letter-spacing:-.01em;cursor:pointer;transition:transform .35s var(--spring),filter .25s}.btn:active{transform:scale(.955)}.btn-red{background:linear-gradient(160deg,var(--red-hot),var(--red));color:#fff;box-shadow:0 14px 34px -12px #e8192cd9,inset 0 1px #ffffff47}.btn-ghost{background:var(--surface-3);color:var(--white);box-shadow:inset 0 0 0 1px var(--line-2)}.avatar{border:none;cursor:pointer;color:var(--white);width:34px;height:34px;border-radius:99px;display:grid;place-items:center;font-family:Sora,sans-serif;font-size:12.5px;font-weight:700;background:linear-gradient(150deg,var(--surface-3),#2C2C36);box-shadow:inset 0 0 0 1px var(--line-2);flex-shrink:0}.avatar.me{background:linear-gradient(150deg,var(--red-hot),var(--red));box-shadow:0 6px 16px -6px #e8192ccc}.row{display:flex;align-items:center;gap:12px}.between{display:flex;align-items:center;justify-content:space-between}.stack{display:flex;flex-direction:column;gap:13px}.namegrid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.name{background:linear-gradient(165deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:var(--r-md);padding:17px 15px;font-family:Sora,sans-serif;font-size:15px;font-weight:600;cursor:pointer;color:var(--white);text-align:left;transition:transform .35s var(--spring),border-color .25s}.name:active{transform:scale(.95)}.name:hover{border-color:#e8192c66}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.key{aspect-ratio:1.35;border-radius:var(--r-md);border:1px solid var(--line);background:linear-gradient(165deg,var(--surface-2),var(--surface));font-family:Sora,sans-serif;font-size:25px;font-weight:600;color:var(--white);cursor:pointer;transition:transform .3s var(--spring),background .2s}.key:active{transform:scale(.9);background:var(--surface-3)}.pindots{display:flex;gap:15px;justify-content:center;margin:26px 0 32px}.pindot{width:15px;height:15px;border-radius:99px;background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--line-2);transition:all .4s var(--spring)}.pindot.on{background:var(--red);box-shadow:0 0 20px -2px var(--red);transform:scale(1.18)}.timer-wrap{position:relative;display:grid;place-items:center;padding:14px 0 4px}.timer-ring{width:214px;height:214px;transform:rotate(-90deg)}.timer-ring circle{fill:none;stroke-linecap:round}.timer-face{position:absolute;text-align:center}.timer-val{font-family:Sora,sans-serif;font-size:44px;font-weight:800;letter-spacing:-.045em;font-variant-numeric:tabular-nums}.check{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--line);cursor:pointer;transition:transform .3s var(--spring)}.check:active{transform:scale(.98)}.box{width:23px;height:23px;border-radius:8px;box-shadow:inset 0 0 0 1.5px var(--line-2);flex-shrink:0;display:grid;place-items:center;transition:all .35s var(--spring)}.check.on .box{background:var(--red);box-shadow:none}.check.on .box svg{opacity:1;transform:scale(1)}.box svg{opacity:0;transform:scale(.4);transition:all .3s var(--spring)}.check.on .label{color:var(--muted-2);text-decoration:line-through;text-decoration-color:var(--muted-2)}.label{font-size:14.5px;font-weight:600;transition:color .3s}.tab{flex:1;background:none;border:none;padding:9px 4px;border-radius:var(--r-sm);color:var(--muted-2);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;font-weight:700;letter-spacing:.04em;transition:color .25s}.tab.on{color:var(--white)}.tab.on .ic{background:var(--red-dim);color:var(--red-hot)}.ic{width:42px;height:27px;border-radius:99px;display:grid;place-items:center;transition:background .3s var(--ease)}.flag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;background:var(--amber-dim);color:var(--amber);font-size:10.5px;font-weight:800;letter-spacing:.04em}.bar{height:7px;border-radius:99px;background:var(--surface-3);overflow:hidden}.bar span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--red),var(--red-hot))}.divide{height:1px;background:var(--line);margin:5px 0}@keyframes enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.back{background:var(--surface-2);border:1px solid var(--line);width:40px;height:40px;border-radius:99px;color:var(--white);cursor:pointer;display:grid;place-items:center;transition:transform .3s var(--spring)}.back:active{transform:scale(.9)}