.ntf-badge{background:var(--color-loss);color:#fff;text-align:center;font-variant-numeric:tabular-nums;min-width:17px;height:17px;box-shadow:0 0 0 2px var(--color-ink-2);border-radius:999px;padding:0 4px;font-size:10px;font-weight:800;line-height:17px;position:absolute;top:4px;right:3px}.ntf-panel{z-index:50;border:1px solid var(--color-line-2);background:var(--color-ink-3);border-radius:14px;width:min(380px,100vw - 24px);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 30px 80px -24px #000000e6}.ntf-list{overscroll-behavior:contain;border-top:1px solid var(--color-line);max-height:min(70vh,480px);overflow-y:auto}@media (max-width:1023px){.ntf-panel{top:var(--ntf-top,72px);width:auto;position:fixed;left:12px;right:12px}.ntf-list{max-height:calc(100dvh - var(--ntf-top,72px) - 56px - 76px - env(safe-area-inset-bottom))}}@media (min-width:640px) and (max-width:1023px){.ntf-panel{width:400px;left:auto}}.ntf-row{border-bottom:1px solid var(--color-line);align-items:center;gap:12px;padding:11px 14px;transition:background-color .12s;display:flex}.ntf-row:last-child{border-bottom:0}.ntf-row:hover{background:var(--color-ink-4)}.ntf-row-unread{background:color-mix(in srgb, var(--color-violet) 6%, transparent)}.ntf-dot{background:var(--color-violet);width:7px;height:7px;box-shadow:0 0 8px var(--color-violet);border-radius:50%}.ntf-icon{background:var(--color-ink-2);border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid;box-shadow:inset 0 0 0 1px #ffffff0d}.ntf-icon-win{color:var(--color-win)}.ntf-icon-warn{color:var(--color-warn)}.ntf-icon-muted{color:var(--color-paper-3)}.ntf-popups{right:16px;bottom:calc(72px + env(safe-area-inset-bottom));z-index:70;gap:10px;width:min(380px,100vw - 32px);display:grid;position:fixed}@media (min-width:1024px){.ntf-popups{bottom:20px}}.ntf-popup{border:1px solid var(--color-line-2);background:#17141afa;border-radius:16px;padding:16px 16px 14px;animation:.28s cubic-bezier(.2,.8,.2,1) both ntf-in;position:relative;box-shadow:0 24px 60px -20px #000000f2,inset 0 1px #ffffff0d}.ntf-popup-win{box-shadow:0 24px 60px -20px #000000f2, inset 0 1px 0 #ffffff0d, inset 3px 0 0 var(--color-win)}.ntf-popup-warn{box-shadow:0 24px 60px -20px #000000f2, inset 0 1px 0 #ffffff0d, inset 3px 0 0 var(--color-warn)}.ntf-popup-x{width:26px;height:26px;color:var(--color-paper-3);border-radius:999px;place-items:center;display:grid;position:absolute;top:10px;right:10px}.ntf-popup-x:hover{background:var(--color-ink-4);color:var(--color-paper)}.ntf-popup-icon{background:var(--color-ink-2);border-radius:14px;flex:none;place-items:center;width:52px;height:52px;display:grid;box-shadow:inset 0 0 0 1px #ffffff0f}@keyframes ntf-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}.ntf-popups{width:min(420px,100vw - 32px)}.mpop{border:1px solid var(--color-line-2);background:#17141a;border-radius:16px;align-items:stretch;animation:.42s cubic-bezier(.16,1,.3,1) both mpop-in;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 70px -24px #000000f2,inset 0 1px #ffffff0d}.mpop-in{--accent:var(--color-win)}.mpop-out{--accent:var(--color-violet)}.mpop-tile{width:76px;color:var(--accent);background:color-mix(in srgb, var(--accent) 13%, #17141a);border-right:1px solid color-mix(in srgb, var(--accent) 22%, transparent);flex:none;place-items:center;display:grid}.mpop-tile svg{animation:.7s cubic-bezier(.16,1,.3,1) .12s both mpop-icon}.mpop-out .mpop-tile svg{animation-name:mpop-icon-up}.mpop-body{flex:1;min-width:0;padding:14px 40px 14px 16px}.mpop-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:700}.mpop-amount{letter-spacing:-.035em;color:var(--color-paper);margin-top:4px;font-size:30px;font-weight:800;line-height:1}.mpop-sub{color:var(--color-paper-3);white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:12px;overflow:hidden}.mpop-actions{gap:14px;margin-top:10px;display:flex}.mpop-link{color:var(--color-paper-2);font-size:12px;font-weight:700}.mpop-link:hover{color:var(--color-paper);text-underline-offset:3px;text-decoration:underline}.mpop-x{width:26px;height:26px;color:var(--color-paper-3);border-radius:999px;place-items:center;display:grid;position:absolute;top:10px;right:10px}.mpop-x:hover{background:var(--color-ink-4);color:var(--color-paper)}.mpop-timer{background:var(--accent);opacity:.55;transform-origin:0;width:100%;height:2px;animation:linear both mpop-timer;position:absolute;bottom:0;left:0}.mpop-timer-paused{animation-play-state:paused}.mpop-confetti{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.mpop-confetti i{opacity:0;border-radius:1.5px;animation-name:mpop-fall;animation-timing-function:cubic-bezier(.3,.2,.55,1);animation-fill-mode:both;position:absolute;top:-16px}@keyframes mpop-fall{0%{opacity:0;transform:translate(0,0)rotate(0)rotateX(0)}8%{opacity:1}45%{transform:translate3d(calc(var(--drift) * .6), 70px, 0) rotateZ(calc(var(--spin) * .5)) rotateX(calc(var(--flip) * .5))}80%{opacity:1}to{opacity:0;transform:translate3d(var(--drift), 150px, 0) rotateZ(var(--spin)) rotateX(var(--flip))}}@keyframes mpop-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes mpop-icon{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes mpop-icon-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes mpop-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.mpop,.mpop-tile svg{animation:none}.mpop-confetti{display:none}}.rain-alert{z-index:75;border:1px solid color-mix(in srgb, var(--color-violet) 45%, var(--color-line-2));background:#17141a;border-radius:16px;width:min(420px,100vw - 24px);animation:.42s cubic-bezier(.16,1,.3,1) both rain-alert-in;position:fixed;top:76px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 24px 60px -20px #000000e6,inset 0 0 0 1px #ffffff05}.rain-alert-main{align-items:center;gap:12px;width:100%;padding:12px 14px 10px;display:flex}.rain-alert-icon{width:40px;height:40px;color:var(--color-violet-2);background:color-mix(in srgb, var(--color-violet) 16%, #17141a);border-radius:12px;flex:none;place-items:center;display:grid}.rain-alert-cta{color:var(--color-violet-ink,#110e11);background:var(--color-violet);border-radius:10px;flex:none;padding:8px 12px;font-size:13px;font-weight:800}.rain-alert-main:hover .rain-alert-cta{filter:brightness(1.08)}.rain-alert-bar{background:var(--color-line);height:2px;display:block}.rain-alert-bar i{background:var(--color-violet);height:100%;transition:width .25s linear;display:block}.rain-alert-foot{color:var(--color-paper-3);justify-content:space-between;padding:6px 14px 8px;font-size:11px;display:flex}.rain-alert-foot button:hover{color:var(--color-paper)}@keyframes rain-alert-in{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.rain-alert{animation:none}}.t2{--acc:var(--color-win);background:radial-gradient(220px 110px at 0% 0%, color-mix(in srgb, var(--acc) 18%, transparent), transparent 70%), linear-gradient(180deg, #1f1a27, #15121b);width:100%;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--acc) 38%, var(--color-line-2)), 0 24px 50px -18px #000000d9;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));pointer-events:auto;animation:.26s cubic-bezier(.2,.8,.2,1) both t2-in;position:relative;overflow:hidden}@keyframes t2-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}.t2-gold{--acc:#f6d36b}.t2-violet{--acc:var(--color-violet)}.t2-warn{--acc:var(--color-warn)}.t2-head{color:var(--color-paper);background:linear-gradient(90deg, color-mix(in srgb, var(--acc) 18%, transparent), transparent 75%);border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;padding:8px 10px 8px 12px;font-size:13.5px;display:flex}.t2-head .hud{letter-spacing:.08em}.t2-badge{width:24px;height:24px;color:var(--acc);place-items:center;display:grid}.t2-badge svg{width:18px;height:18px}.t2-x{width:26px;height:26px;color:var(--color-paper-3);place-items:center;margin-left:auto;display:grid}.t2-x:hover{color:var(--color-paper)}.t2-body{padding:12px 14px 4px}.t2-amt{font-family:var(--font-display);color:var(--acc);text-shadow:0 0 24px color-mix(in srgb, var(--acc) 40%, transparent);font-size:40px;font-weight:800;line-height:.95}.t2-sub{color:var(--color-paper-3);flex-wrap:wrap;align-items:center;gap:4px;margin-top:6px;font-size:12.5px;display:flex}.t2-sub b{color:var(--color-paper-2)}.t2-from{align-items:center;gap:5px;display:inline-flex}.t2-note{text-overflow:ellipsis;white-space:nowrap;color:var(--color-paper-2);flex-basis:100%;overflow:hidden}.t2-acts{gap:8px;padding:12px 14px 16px;display:flex}.t2-btn{height:38px;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);justify-content:center;align-items:center;padding:0 16px;font-size:16px;font-weight:800;transition:filter .15s;display:inline-flex}.t2-btn-main{color:#140f1d;background:linear-gradient(180deg, color-mix(in srgb, var(--acc) 85%, #fff), var(--acc));flex:1}.t2-btn-main:hover{filter:brightness(1.08)}.t2-btn-ghost{color:var(--color-paper-2);box-shadow:inset 0 0 0 1px var(--color-line-2);background:#ffffff0d}.t2-btn-ghost:hover{color:var(--color-paper)}.t2-timer{background:var(--acc);transform-origin:0;opacity:.8;width:100%;height:3px;animation:linear both t2-timer;position:absolute;bottom:0;left:0}.t2-timer-paused{animation-play-state:paused}@keyframes t2-timer{to{transform:scaleX(0)}}
.gift-badge{background:var(--color-win);color:#0c1f17}.gift-live{color:var(--color-win)}.gift-live svg{transform-origin:50% 80%;animation:2.4s ease-in-out infinite gift-wiggle}@keyframes gift-wiggle{0%,70%,to{transform:rotate(0)}75%{transform:rotate(-10deg)}80%{transform:rotate(10deg)}85%{transform:rotate(-6deg)}90%{transform:rotate(6deg)}95%{transform:rotate(0)}}.gift-head{background:radial-gradient(240px 90px at 100% 0%, color-mix(in srgb, var(--color-violet) 18%, transparent), transparent 70%);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.gift-flash{background:color-mix(in srgb, var(--color-win) 12%, transparent);border:1px solid color-mix(in srgb, var(--color-win) 35%, transparent);color:var(--color-win);border-radius:8px;margin:0 12px 8px;padding:8px 10px;font-size:12px;font-weight:600}.gift-row{border-bottom:1px solid var(--color-line);align-items:center;gap:12px;padding:11px 14px;display:flex}.gift-row:last-child{border-bottom:0}.gift-row-claim{background:color-mix(in srgb, var(--color-win) 5%, transparent)}.gift-glyph{background:color-mix(in srgb, var(--color-violet) 14%, var(--color-ink-2));width:38px;height:38px;color:var(--color-violet-2);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-violet) 30%, transparent);border-radius:10px;flex:none;place-items:center;display:grid}.gift-glyph-muted{background:var(--color-ink-2);color:var(--color-paper-3);box-shadow:inset 0 0 0 1px #ffffff0d}
.tip-form{gap:14px;padding:4px 0 2px;display:grid}.tip-field{display:block}.tip-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-paper-2);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.tip-input-wrap{background:var(--color-ink-2);border:1px solid var(--color-line-2);border-radius:10px;align-items:center;gap:10px;height:46px;padding:0 12px;transition:border-color .12s,box-shadow .12s;display:flex}.tip-input-wrap:focus-within{border-color:var(--color-violet-3);box-shadow:0 0 0 3px #a683f82e}.tip-input-ok{border-color:color-mix(in srgb, var(--color-win) 55%, var(--color-line-2))}.tip-input-bad{border-color:color-mix(in srgb, var(--color-loss) 55%, var(--color-line-2))}.tip-input{background:0 0;outline:none;flex:1;min-width:0;font-size:15px;font-weight:600}.tip-input::placeholder{color:var(--color-paper-3);font-weight:500}.tip-quick{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.tip-chip{background:var(--color-ink-4);border:1px solid var(--color-line);height:30px;color:var(--color-paper-2);font-variant-numeric:tabular-nums;border-radius:999px;padding:0 12px;font-size:12px;font-weight:700}.tip-chip-on{background:color-mix(in srgb, var(--color-violet) 20%, var(--color-ink-4));border-color:var(--color-violet-3);color:var(--color-paper)}.tip-limits{background:var(--color-ink-2);border-radius:10px;gap:8px;padding:12px;display:grid;box-shadow:inset 0 0 0 1px #ffffff0a}.tip-limit-rail{background:#00000080;border-radius:999px;height:5px;margin-top:4px;overflow:hidden}.tip-limit-rail>i{background:var(--color-violet);border-radius:999px;height:100%;display:block}.tip-error{color:var(--color-loss);background:#f06e7a1a;border:1px solid #f06e7a66;border-radius:8px;padding:10px 12px;font-size:13px}.tip-done{text-align:center;padding:16px 0 8px}.tip-done-ring{background:color-mix(in srgb, var(--color-win) 14%, transparent);width:84px;height:84px;box-shadow:0 0 0 1px color-mix(in srgb, var(--color-win) 40%, transparent), 0 0 40px -10px var(--color-win);border-radius:50%;place-items:center;display:inline-grid}.tip-check{background:var(--color-ink-2);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex;box-shadow:inset 0 0 0 1px #ffffff0a}.tip-check input{accent-color:var(--color-violet);margin-top:3px}.tip-check b{font-size:13px;font-weight:700;display:block}.tip-check small{color:var(--color-paper-3);font-size:11px;display:block}