:root{--red: #f2355a;--red-deep: #d61e46;--red-soft: #ff7c94;--maroon: #3a0b18;--maroon-2: #5a1026;--maroon-3: #1f050c;--ink: #1a1015;--ink-2: #7a6a72;--ink-3: #a99aa1;--paper: #ffffff;--paper-2: #fff6f8;--line: #f1e3e7;--gold: #f7b928;--silver: #b9c2cf;--bronze: #d78a4e;--green: #12b76a;--r-lg: 20px;--r-md: 14px;--r-sm: 10px;--shadow-card: 0 2px 10px rgba(58, 11, 24, .07), 0 12px 30px -12px rgba(58, 11, 24, .18);--shadow-btn: 0 6px 18px -6px rgba(242, 53, 90, .65);--font: "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:#17141a;font-family:var(--font);color:var(--ink);overscroll-behavior:none}.stage{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px 12px 28px;background:radial-gradient(80% 60% at 50% 0%,#2c2430,#17141a 60%),#17141a}.phone{position:relative;width:390px;height:844px;border-radius:46px;background:#000;padding:10px;box-shadow:0 0 0 2px #2e2a33,0 40px 90px -30px #000000e6,0 0 120px -20px #f2355a59;overflow:hidden}.phone-notch{position:absolute;top:18px;left:50%;transform:translate(-50%);width:104px;height:26px;border-radius:999px;background:#000;z-index:60;pointer-events:none}.stage-hint{margin:0;font-size:12px;color:#6c6472;letter-spacing:.02em}@media(max-width:460px){.stage{padding:0;gap:0;justify-content:flex-start}.phone{width:100vw;height:100dvh;border-radius:0;padding:0;box-shadow:none}.phone-notch,.stage-hint{display:none}}.app{position:relative;width:100%;height:100%;border-radius:36px;overflow:hidden;background:var(--maroon);display:flex;flex-direction:column}@media(max-width:460px){.app{border-radius:0}}.bg-collage{position:absolute;inset:0;overflow:hidden;z-index:0}.bg-collage .tiles{position:absolute;inset:-10%;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:22%;filter:blur(26px) saturate(1.2) brightness(.92);transform:scale(1.08)}.bg-collage .tiles img{width:100%;height:100%;object-fit:cover;display:block}.bg-collage:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#3a0b1880,#3a0b18ad 55%,#1f050cd1),radial-gradient(90% 50% at 50% 0%,rgba(242,53,90,.34),transparent 70%)}.bg-night{position:absolute;inset:0;z-index:0;background:radial-gradient(120% 70% at 50% 12%,#8a1b38,#55102a 38%,#33091a 66%,#1c050d)}.bg-night:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 18% 22%,rgba(255,255,255,.07) 1.5px,transparent 2px),radial-gradient(circle at 72% 38%,rgba(255,255,255,.05) 1.2px,transparent 2px),radial-gradient(circle at 42% 76%,rgba(255,255,255,.06) 1.4px,transparent 2px);background-size:90px 90px,130px 130px,70px 70px;opacity:.7}.screen{position:relative;z-index:1;flex:1;min-height:0;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top,0px) + 54px) 18px calc(env(safe-area-inset-bottom,0px) + 18px)}.screen>:not(.bg-collage):not(.bg-night):not(.confetti){position:relative;z-index:1}.screen.center{justify-content:center}.scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll::-webkit-scrollbar{display:none}.spacer{flex:1;min-height:0}h1,h2,h3,p{margin:0}.t-title{font-size:26px;font-weight:900;letter-spacing:.01em}.t-sub{font-size:13px;color:#ffffffc7;line-height:1.5;text-shadow:0 1px 8px rgba(31,5,12,.65)}.t-label{font-size:12px;font-weight:700;color:var(--ink-2);letter-spacing:.04em}.on-dark{color:#fff}.logo{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:6px 4px}.logo-burst{position:absolute;inset:50% auto auto 50%;width:150%;aspect-ratio:1;transform:translate(-50%,-50%)}.logo-text{position:relative;font-size:54px;font-weight:900;letter-spacing:.12em;color:#fff;text-indent:.12em;text-shadow:0 6px 20px rgba(0,0,0,.35)}.logo.sm .logo-text{font-size:22px}.btn{appearance:none;border:0;width:100%;min-height:52px;border-radius:999px;font-family:var(--font);font-size:17px;font-weight:700;color:#fff;background:linear-gradient(180deg,var(--red) 0%,var(--red-deep) 100%);box-shadow:var(--shadow-btn);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 20px;transition:transform .12s ease,opacity .15s ease,box-shadow .15s ease}.btn:active:not(:disabled){transform:scale(.975)}.btn:disabled{background:#cfc4c8;box-shadow:none;color:#fff;cursor:default}.btn-ghost{background:transparent;border:1.5px solid rgba(255,255,255,.5);box-shadow:none;color:#fff}.btn-ghost.on-light{border-color:var(--line);color:var(--ink);background:#fff}.btn-quiet{background:#ffffff1f;box-shadow:none;color:#fff;border:0}.btn-sm{min-height:40px;font-size:14px;padding:0 16px;width:auto}.btn-white{background:#fff;color:var(--red);box-shadow:0 6px 18px -8px #0006}.link{background:none;border:0;padding:6px;font-family:var(--font);font-size:13px;color:#ffffffb8;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.link.dark{color:var(--ink-2)}.field{width:100%;min-height:54px;border-radius:var(--r-md);border:1.5px solid transparent;background:#fff;padding:0 18px;font-family:var(--font);font-size:17px;font-weight:600;color:var(--ink);outline:none;box-shadow:0 4px 14px -6px #0000004d}.field::placeholder{color:#bdb2b7;font-weight:500}.field:focus{border-color:var(--red)}.card{background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:16px}.card.tight{padding:12px 14px}.card-row{display:flex;align-items:center;gap:12px}.seat{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:900;flex:none;font-variant-numeric:tabular-nums}.seat.lg{width:38px;height:38px;font-size:17px}.tag{display:inline-flex;align-items:center;height:18px;padding:0 6px;border-radius:5px;font-size:10px;font-weight:700;background:var(--red);color:#fff;flex:none}.tag.soft{background:var(--paper-2);color:var(--red);border:1px solid #ffd9e1}.tag.grey{background:#efe9eb;color:var(--ink-2)}.tag.green{background:#e6f8ef;color:var(--green)}.member{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--line)}.member:last-child{border-bottom:0}.member .name{font-size:15px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:6px}.member .meta{font-size:12px;color:var(--ink-3);margin-top:2px}.member .state{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--green);flex:none}.member .state.wait{color:var(--ink-3)}.member.offline{opacity:.5}.code-box{display:flex;align-items:center;justify-content:space-between;gap:10px}.code-digits{font-size:32px;font-weight:900;letter-spacing:.14em;font-variant-numeric:tabular-nums;color:var(--ink)}.code-input{display:flex;gap:8px;justify-content:center}.code-cell{width:44px;height:58px;border-radius:var(--r-sm);background:#ffffff24;border:1.5px solid rgba(255,255,255,.28);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums}.code-cell.filled{background:#fff;color:var(--ink);border-color:#fff}.code-cell.active{border-color:var(--red);box-shadow:0 0 0 3px #f2355a4d}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.key{height:52px;border-radius:var(--r-md);border:0;background:#ffffffd1;font-family:var(--font);font-size:22px;font-weight:700;color:var(--ink);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.key small{font-size:9px;letter-spacing:.12em;color:var(--ink-3);margin-top:1px;font-weight:600}.key:active{background:#ffffff9e}.key.blank{background:transparent;cursor:default}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.photo-cell{position:relative;aspect-ratio:3 / 4;border-radius:var(--r-sm);overflow:hidden;background:#ffffff1a;border:1.5px dashed rgba(255,255,255,.25);cursor:pointer;padding:0}.photo-cell img{width:100%;height:100%;object-fit:cover;display:block}.photo-cell .del{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;border:0;background:#0009;color:#fff;font-size:13px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.photo-cell .flag{position:absolute;left:0;right:0;bottom:0;font-size:10px;font-weight:700;color:#fff;text-align:center;padding:3px 0;background:#f2355ad9}.photo-cell .flag.ok{background:#12b76ad9}.photo-cell.add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#fff9;font-size:11px;font-weight:600}.photo-cell.add .plus{font-size:26px;font-weight:300;line-height:1}.notice{border-radius:var(--r-md);background:#ffffff1f;border:1px solid rgba(255,255,255,.16);padding:10px 12px;font-size:12px;line-height:1.55;color:#ffffffd9;display:flex;gap:8px}.notice b{color:#fff}.round-pill{align-self:center;display:inline-flex;align-items:center;height:34px;padding:0 18px;border-radius:999px;background:#ffffff24;border:1px solid rgba(255,255,255,.22);color:#fff;font-size:14px;font-weight:700;letter-spacing:.04em}.ring-wrap{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:0}.ring-svg{width:min(74vw,300px);height:min(74vw,300px);transform:rotate(-90deg)}.ring-glow{position:absolute;width:min(58vw,236px);height:min(58vw,236px);border-radius:50%;background:radial-gradient(circle,rgba(255,120,120,.55) 0%,rgba(255,60,90,.12) 55%,transparent 72%);filter:blur(14px)}.count-num{position:absolute;font-size:132px;font-weight:900;color:#fff8f5;line-height:1;text-shadow:0 0 46px rgba(255,130,120,.75),0 8px 26px rgba(0,0,0,.4)}.count-num.pop{animation:pop .5s cubic-bezier(.2,1.5,.4,1)}@keyframes pop{0%{transform:scale(.55);opacity:0}60%{transform:scale(1.06);opacity:1}to{transform:scale(1)}}.ready-line{display:flex;align-items:center;justify-content:center;gap:8px;color:#ffd9c9;font-size:17px;font-weight:700;letter-spacing:.08em}.ready-line .spark{color:#ff9aa2}.big-title{font-size:30px;font-weight:900;color:#fff;text-align:center;letter-spacing:.02em;text-shadow:0 4px 18px rgba(0,0,0,.35)}.hint-line{text-align:center;color:#ffffffe0;font-size:13px;margin-top:7px;text-shadow:0 1px 10px rgba(31,5,12,.7)}.fact-bar{display:flex;align-items:center;justify-content:center;gap:16px;padding:14px 0 2px;border-top:1px solid rgba(255,255,255,.14);margin-top:14px;color:#ffffffdb;font-size:13px;font-weight:600}.fact-bar .fact{display:flex;align-items:center;gap:6px}.fact-bar .dot-sep{width:1px;height:16px;background:#fff3}.game-head{display:flex;align-items:center;gap:12px;padding-bottom:10px}.game-head .timer-num{margin-left:auto;font-size:20px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums;min-width:46px;text-align:right}.game-head .timer-num.low{color:#ff8189}.bar{height:6px;border-radius:999px;background:#ffffff29;overflow:hidden;margin-bottom:12px}.bar>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ffb347,#ff5a6e);transition:width .1s linear}.photo-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.photo-stage img{max-width:100%;max-height:100%;object-fit:contain;display:block;border-radius:var(--r-lg);box-shadow:0 18px 44px -18px #000000d9}.photo-stage .loading{color:#fff9;font-size:13px}.candidates{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.cand{display:flex;align-items:center;gap:9px;min-height:56px;padding:0 12px;border-radius:var(--r-md);border:0;background:#fff;font-family:var(--font);cursor:pointer;box-shadow:0 4px 12px -6px #00000080;transition:transform .1s ease,opacity .15s ease;text-align:left}.cand:active:not(:disabled){transform:scale(.97)}.cand .who{font-size:15px;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cand .who .me{font-size:11px;color:var(--red);font-weight:700;margin-left:3px}.cand:disabled{cursor:default}.cand.dim{background:#fff3;box-shadow:none}.cand.dim .who,.cand.dim .who .me{color:#ffffff9e}.cand.dim .seat{opacity:.6}.cand.chosen{background:var(--red);box-shadow:0 6px 20px -6px #f2355acc}.cand.chosen .who,.cand.chosen .who .me{color:#fff}.cand.owner{background:#fff4e0;box-shadow:0 0 0 2px var(--gold) inset}.cand.correct{background:var(--green)}.cand.correct .who,.cand.correct .who .me{color:#fff}.submit-note{margin-top:10px;text-align:center;font-size:13px;font-weight:700;color:#ffffffe6;min-height:20px}.submit-note.pending{color:#ffd479}.reveal-badge{display:inline-flex;align-items:center;gap:8px;align-self:center;height:34px;padding:0 16px;border-radius:999px;background:var(--gold);color:#4a2c00;font-size:14px;font-weight:900;letter-spacing:.04em}.reveal-name{text-align:center;font-size:26px;font-weight:900;color:#fff;margin-top:12px;text-shadow:0 4px 18px rgba(0,0,0,.4)}.reveal-name em{font-style:normal;color:#ffd479}.seat-chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px 0 4px;border-radius:999px;background:#fff;font-size:13px;font-weight:700;color:var(--ink)}.seat-chip .seat{width:22px;height:22px;font-size:11px}.score-card{display:flex;align-items:center;gap:12px;border-radius:var(--r-lg);background:#fff;padding:14px 16px;box-shadow:var(--shadow-card)}.score-card .icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex:none;background:var(--green)}.score-card .icon.bad{background:#d7ccd1}.score-card .lbl{font-size:11px;color:var(--ink-3);font-weight:700}.score-card .val{font-size:22px;font-weight:900;color:var(--green);font-variant-numeric:tabular-nums}.score-card .val.zero{color:var(--ink-3)}.score-card .pts{margin-left:auto;font-size:26px;font-weight:900;color:var(--red);font-variant-numeric:tabular-nums}.score-card .pts.zero{color:var(--ink-3)}.mini-rank{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--r-md);background:#ffffff1a;margin-bottom:6px;color:#fff;font-size:14px}.mini-rank .no{width:20px;font-weight:900;color:#ffffffa6;font-variant-numeric:tabular-nums}.mini-rank .nm{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-rank .sc{margin-left:auto;font-weight:900;font-variant-numeric:tabular-nums}.mini-rank .gain{font-size:12px;font-weight:700;color:#7ce0a8}.mini-rank.me{background:#fff;color:var(--ink)}.mini-rank.me .no{color:var(--red)}.trophy{text-align:center;font-size:54px;line-height:1;filter:drop-shadow(0 10px 20px rgba(0,0,0,.45));animation:floaty 2.6s ease-in-out infinite}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.rank-list{display:flex;flex-direction:column;gap:8px}.rank-row{display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:var(--r-md);background:#fff;box-shadow:0 3px 10px -4px #00000040}.rank-row .medal{width:26px;text-align:center;font-size:20px;flex:none}.rank-row .no{width:22px;text-align:center;font-size:16px;font-weight:900;color:var(--ink-3);flex:none;font-variant-numeric:tabular-nums}.rank-row .nm{font-size:16px;font-weight:700;display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-row .sc{margin-left:auto;font-size:19px;font-weight:900;font-variant-numeric:tabular-nums;color:var(--ink)}.rank-row .sc small{font-size:11px;font-weight:700;color:var(--ink-3);margin-left:2px}.rank-row.me{box-shadow:0 0 0 2px var(--red),0 8px 22px -10px #f2355ab3}.rank-row.top1{background:linear-gradient(100deg,#fff6d9,#fff 60%)}.my-line{text-align:center;font-size:13px;font-weight:700;color:#ffffffb8;margin:14px 0 12px}.my-line b{color:#fff}.confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.confetti i{position:absolute;top:-14px;width:7px;height:12px;border-radius:2px;opacity:.95;animation:fall linear infinite}@keyframes fall{0%{transform:translateY(-20px) rotate(0);opacity:0}8%{opacity:1}to{transform:translateY(880px) rotate(520deg);opacity:.9}}.actions{display:flex;flex-direction:column;gap:9px;padding-top:12px}.row-gap{display:flex;gap:9px}.sheet-mask{position:absolute;inset:0;z-index:50;background:#14060c9e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-end;animation:fade .2s ease}@keyframes fade{0%{opacity:0}}.sheet{width:100%;max-height:84%;background:#fff;border-radius:24px 24px 0 0;padding:20px 20px calc(env(safe-area-inset-bottom,0px) + 20px);display:flex;flex-direction:column;animation:rise .28s cubic-bezier(.2,1,.3,1)}@keyframes rise{0%{transform:translateY(100%)}}.sheet h2{font-size:19px;font-weight:900;margin-bottom:4px}.sheet .sheet-body{overflow-y:auto;margin:12px 0 16px;-webkit-overflow-scrolling:touch}.sheet .rule-item{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.55;color:var(--ink)}.sheet .rule-item:last-child{border-bottom:0}.sheet .rule-item .k{flex:none;width:74px;font-weight:900;color:var(--red)}.sheet .rule-item .v{color:#4a3d43}.sheet p.body{font-size:13.5px;line-height:1.7;color:#4a3d43;margin-bottom:10px}.sheet h4{font-size:13px;font-weight:900;margin:14px 0 6px;color:var(--ink)}.switch-row{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px;font-weight:600}.switch{margin-left:auto;width:48px;height:28px;border-radius:999px;background:#ddd3d7;border:0;position:relative;cursor:pointer;transition:background .18s ease;flex:none}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .18s ease}.switch.on{background:var(--green)}.switch.on:after{transform:translate(20px)}.demo-fab{position:absolute;right:12px;top:9px;z-index:40;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#0006;color:#fffc;font-size:15px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.demo-panel{position:absolute;right:10px;top:48px;z-index:41;width:186px;border-radius:var(--r-md);background:#16080ef0;border:1px solid rgba(255,255,255,.16);padding:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 16px 40px -14px #000c}.demo-panel h4{margin:0 0 7px;font-size:11px;font-weight:900;letter-spacing:.08em;color:#ffffff8c;text-transform:uppercase}.demo-panel button{display:block;width:100%;text-align:left;border:0;border-radius:8px;background:#ffffff17;color:#fff;font-family:var(--font);font-size:12px;font-weight:600;padding:8px 9px;margin-bottom:5px;cursor:pointer}.demo-panel button:active{background:#ffffff2e}.demo-panel button:disabled{opacity:.35;cursor:default}.demo-panel .note{font-size:10px;line-height:1.5;color:#ffffff6b;margin-top:6px}.toast{position:absolute;left:50%;bottom:96px;transform:translate(-50%);z-index:70;background:#14060ceb;color:#fff;font-size:13px;font-weight:600;padding:10px 18px;border-radius:999px;max-width:84%;text-align:center;animation:fade .18s ease;pointer-events:none}.blocker{display:flex;align-items:center;gap:7px;justify-content:center;font-size:12.5px;font-weight:600;color:#ffffffd1;margin-bottom:9px}.blocker .dot{width:5px;height:5px;border-radius:50%;background:var(--red-soft);flex:none}