.live{--live-ink:#1a1630;--live-paper:#fffdf2;--live-moss:#8dff2e;--live-cyan:#14e8ff;--live-yellow:#ffe81a;--live-pink:#ff2d95;z-index:3;color:var(--live-ink);-webkit-user-select:none;user-select:none;font-family:ui-rounded,SF Pro Rounded,Nunito,Varela Round,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;position:absolute;inset:0}.live-card-wrap{padding:max(16px, env(safe-area-inset-top)) 14px max(16px, env(safe-area-inset-bottom));background:radial-gradient(120% 80% at 50% 0,#10a05c,#0b7a4b 60%,#05502f);place-items:center;animation:.22s ease-out live-in;display:grid;overflow-y:auto}.live-card{background:var(--live-paper);width:min(100%,380px);box-shadow:0 0 0 3px var(--live-ink), 0 6px 0 3px var(--live-ink), 0 0 0 9px #8dff2e73;border-radius:22px;flex-direction:column;gap:12px;padding:20px 18px 16px;animation:.32s cubic-bezier(.2,1.4,.4,1) live-pop;display:flex}.live-title{text-align:center;overflow-wrap:anywhere;margin:0;font-size:22px;font-weight:900;line-height:1.15}.live-big{font-size:clamp(26px,8vw,34px)}.live-won .live-big{color:#0b7a4b}.live-line{text-align:center;opacity:.8;margin:0;font-size:15px;font-weight:700;line-height:1.35}.live-link{width:100%;min-width:0;min-height:44px;box-shadow:inset 0 0 0 2px var(--live-ink);color:var(--live-ink);text-overflow:ellipsis;-webkit-user-select:text;user-select:text;background:#fff6c4;border:0;border-radius:12px;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:700;display:block}.live-acts{flex-wrap:wrap;gap:10px;display:flex}.live-acts>button,.live-back{background:var(--live-cyan);min-height:48px;box-shadow:0 0 0 2.5px var(--live-ink), 0 4px 0 2.5px var(--live-ink);color:var(--live-ink);font:inherit;cursor:pointer;touch-action:manipulation;border:0;border-radius:14px;flex:130px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:16px;font-weight:900;transition:transform 80ms,box-shadow 80ms;display:flex}.live-acts>button:active:not(:disabled),.live-back:active{box-shadow:0 0 0 2.5px var(--live-ink), 0 1px 0 2.5px var(--live-ink);transform:translateY(3px)}.live-acts>.live-main{background:var(--live-moss);font-size:18px}.live-acts>button:disabled{opacity:.55;cursor:default}.live-acts svg{flex:none;width:20px;height:20px}.live-back{background:var(--live-paper);flex:none;min-height:44px;margin-top:2px;font-size:15px;font-weight:800}.live-name{flex-direction:column;gap:4px;font-size:13px;font-weight:800;display:flex}.live-name input{min-height:44px;box-shadow:inset 0 0 0 2px var(--live-ink);color:var(--live-ink);font:inherit;-webkit-user-select:text;user-select:text;background:#fff;border:0;border-radius:12px;padding:8px 12px;font-size:16px;font-weight:800}.live-wait{text-align:center;overflow-wrap:anywhere;justify-content:center;align-items:center;gap:10px;min-height:22px;margin:0;font-size:15px;font-weight:800;display:flex}.live-dots{flex:none;gap:4px;display:inline-flex}.live-dots i{background:var(--live-pink);width:8px;height:8px;box-shadow:0 0 0 1.5px var(--live-ink);border-radius:50%;animation:.9s ease-in-out infinite live-hop}.live-dots i:nth-child(2){background:var(--live-yellow);animation-delay:.15s}.live-dots i:nth-child(3){background:var(--live-cyan);animation-delay:.3s}.live-board{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.live-board li{min-height:44px;box-shadow:0 0 0 2px var(--live-ink);background:#fff6c4;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:16px;font-weight:800;display:flex}.live-board li span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.live-board li b{font-variant-numeric:tabular-nums;flex:none}.live-board .live-first{background:var(--live-moss)}.live-board .live-first span:before{content:"★ "}.live-count{pointer-events:auto;text-align:center;background:#1a163047;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex}.live-vs{background:var(--live-paper);max-width:100%;box-shadow:0 0 0 2px var(--live-ink);overflow-wrap:anywhere;border-radius:10px;margin:0;padding:4px 12px;font-size:16px;font-weight:800}.live-n,.live-go{color:var(--live-yellow);-webkit-text-stroke:5px var(--live-ink);paint-order:stroke fill;text-shadow:4px 6px 0 var(--live-pink), 8px 12px 0 var(--live-ink);margin:0;font-size:clamp(96px,34vw,160px);font-weight:900;line-height:1;animation:1s cubic-bezier(.2,1.4,.4,1) both live-tick}.live-how{background:var(--live-paper);max-width:320px;box-shadow:0 0 0 2px var(--live-ink);border-radius:10px;margin:0;padding:6px 12px;font-size:14px;font-weight:800;line-height:1.3}.live-race{pointer-events:none;place-items:center;display:grid}.live-go{color:var(--live-moss);font-size:clamp(72px,24vw,120px);animation:.8s ease-out both live-go}.live-banner{top:calc(env(safe-area-inset-top,0px) + 58px);background:var(--live-yellow);max-width:calc(100% - 24px);box-shadow:0 0 0 2px var(--live-ink);text-align:center;pointer-events:none;border-radius:10px;margin:0;padding:6px 12px;font-size:13px;font-weight:800;position:absolute;left:50%;transform:translate(-50%)}@keyframes live-in{0%{opacity:0}}@keyframes live-pop{0%{opacity:0;transform:translateY(14px)scale(.94)}}@keyframes live-hop{0%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}@keyframes live-tick{0%{opacity:0;transform:scale(.3)}25%{opacity:1;transform:scale(1.08)}80%{opacity:1;transform:scale(1)}to{opacity:.2;transform:scale(.9)}}@keyframes live-go{0%{opacity:0;transform:scale(.4)rotate(-6deg)}25%{opacity:1;transform:scale(1.1)rotate(-3deg)}to{opacity:0;transform:scale(1.3)rotate(-3deg)}}@media (prefers-reduced-motion:reduce){.live-card,.live-card-wrap,.live-n,.live-go{animation-duration:10ms}}
.frame-board{z-index:30;padding:max(16px, env(safe-area-inset-top)) 14px max(16px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0c128c;place-items:center;display:grid;position:absolute;inset:0}.frame-board-card{border-radius:22px;width:min(480px,100%);max-height:100%;position:relative;overflow:auto}.frame-board-card .lboard{padding-top:18px}.frame-board-card .lboard-head{padding-inline-end:44px}.frame-board-close{top:12px;z-index:1;background:var(--mute);width:36px;height:36px;color:var(--ink);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;inset-inline-end:12px}.frame-board-close svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;width:18px;height:18px}