@font-face{font-family:Neue Kabel;src:url(/fonts/neue-kabel-book.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Neue Kabel;src:url(/fonts/neue-kabel-light.woff2)format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Chiron GoRound TC;src:url(/fonts/chiron-goround-tc.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Chiron GoRound TC;src:url(/fonts/chiron-goround-tc-bold.woff2)format("woff2");font-weight:700;font-display:swap}:root{--bg:#121512;--card:#f0ead8;--card-bg:#f0ead8;--felt:#1a5936;--felt-d:#0a2e1a;--gh:#2d5c3e;--gb:#2d5742;--gb-shadow:#00000047;--sel:#cce8d8;--sel-b:#2d5c3e;--ink:#1a2518;--ink-d:#0e160c;--mu:#7d8770;--dim:#aab09a;--chalk:#f4ede0;--chalk-d:#d8cbb8;--chalk-dim:#dcc8af7a;--div:#1a25181f;--tile:#f6eedc;--tile-edge:#301c089e;--red-t:#bf2010;--green-t:#0f7028;--blue-t:#0e2e9a;--jade:#3d9970;--err:#c0392b;--err-l:#e05252;--amber:#c97c2a;--amber-l:#e09040;--amber-d:#8a5010;--en:"Neue Kabel",sans-serif;--zh:"Chiron GoRound TC",serif;--qk:"ZCOOL QingKe HuangYou",serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-tap-highlight-color:transparent;scrollbar-gutter:stable}body{font-family:var(--en);background-color:var(--bg);min-height:100vh;color:var(--ink);overscroll-behavior:none;overflow-anchor:none;padding-bottom:80px;position:relative}button,input,select,textarea,optgroup{font-family:inherit;font-size:inherit}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(100% 80% at 50% 40%,#0000 15%,#00000073 100%);position:fixed;inset:0}.wrap{z-index:1;max-width:440px;margin:0 auto;padding:0 18px;position:relative}.hdr{text-align:center;padding:28px 0 12px}.hdr-char{font-family:var(--qk);color:#f4ede0e6;letter-spacing:-2px;font-size:clamp(96px,24vw,124px);line-height:.82;animation:.7s cubic-bezier(.34,1.56,.64,1) both hdrIn;display:block}@keyframes hdrIn{0%{opacity:0;transform:translateY(-14px)scale(.88)rotate(-2deg)}to{opacity:1;transform:none}}.hdr-sub{font-family:var(--en);letter-spacing:.2em;text-transform:uppercase;color:#f4ede047;margin-top:10px;font-size:11px;font-weight:400}.hdr-credit-line{font-family:var(--en);color:#dcc8af4d;text-align:center;letter-spacing:.04em;margin:0 0 14px;font-size:12px}.hdr-credit-link{color:#dcc8af73;text-decoration:none}.hdr-divider{align-items:center;gap:12px;margin:20px 0 8px;display:flex}.hdr-divider:before,.hdr-divider:after{content:"";background:linear-gradient(90deg,#0000,#ffffff24,#0000);flex:1;height:1px}.hdr-divider span{color:#ffffff26;font-size:10px}.btn-next,.btn-reset,.btn-3d,.setup-btn{background:var(--gb);color:#fff;cursor:pointer;font-size:17px;font-weight:400;font-family:var(--en);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border:none;border-bottom:4px solid #00000047;border-radius:13px;flex:1;justify-content:center;align-items:center;gap:6px;width:100%;padding:15px 20px;transition:transform .1s,border-bottom-width .1s,box-shadow .1s;display:flex;box-shadow:0 4px #1e503073}.btn-next:hover:not(:disabled),.btn-reset:hover,.btn-3d:hover{background:#2d6048}.btn-next:active:not(:disabled),.btn-reset:active,.btn-3d:active{border-bottom-width:2px;transform:translateY(2px);box-shadow:0 2px #1e503073}.btn-next:disabled{opacity:.28;cursor:not-allowed;transform:none!important}.setup-btn{margin-top:20px}.btn-home-sec{color:#ffffffbf;width:100%;font-size:17px;font-weight:400;font-family:var(--en);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff14;border:1px solid #ffffff26;border-bottom:3px solid #0003;border-radius:13px;padding:15px 20px;transition:transform .1s,border-bottom-width .1s}.btn-home-sec:active{border-bottom-width:1px;transform:translateY(2px)}.btn-back{color:var(--mu);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0 0 14px;font-size:13px;font-weight:300;display:block}.btn-back:hover{color:var(--ink)}.btn-secondary-full{width:100%;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#1a25180f;border:1.5px solid #1a25182e;border-radius:12px;flex-direction:column;align-items:flex-start;margin-top:12px;padding:14px;font-size:14px;transition:all .2s;display:flex}.btn-secondary-full:hover{color:var(--ink);border-color:#1a251852}.btn-secondary-full:active{opacity:.7}.hand-box{z-index:100;background:#00000047;border:1px solid #ffffff1a;border-radius:18px;min-height:78px;margin-bottom:14px;padding:14px 14px 16px;transition:opacity .3s;position:sticky;top:0;overflow:hidden}.hand-box.frozen{opacity:.45}.hand-box.empty{display:none}@keyframes handReveal{0%{opacity:0;max-height:0}to{opacity:1;max-height:340px}}.hand-box.revealing{animation:.28s ease-out handReveal}.hand-lbl{font-family:var(--en);text-transform:uppercase;letter-spacing:.1em;color:#f4ede047;margin-bottom:8px;font-size:9px;font-weight:400}.hand-frozen-msg{color:#dcc8af80;pointer-events:none;z-index:2;text-align:center;background:#0000002e;border-radius:18px;justify-content:center;align-items:center;padding:0 20px;font-size:13px;line-height:1.6;display:flex;position:absolute;inset:0}.flower-row-lbl{color:#dcc8af52;margin-bottom:4px;font-size:11px;font-style:italic}#flowerRowWrap{min-height:0;transition:none}.tiles-row{grid-template-columns:repeat(6,1fr);gap:2px;min-height:70px;display:grid}.tiles-empty{color:#c8b4964d;grid-column:1/-1;align-items:center;gap:7px;height:72px;font-size:14px;display:flex}.tiles-empty:before{content:"✦";opacity:.45;font-size:9px}.tile{aspect-ratio:1;width:100%;transform:rotate(var(--t,0deg));cursor:default;line-height:0;transition:transform .22s cubic-bezier(.34,1.56,.64,1),filter .15s;display:block}.tile img{width:100%;height:100%;display:block}.tile.sm{width:40px}.tile:hover{transform:translateY(-8px) rotate(var(--t,0deg));filter:drop-shadow(0 6px 8px #0000003d)}.guide-grid .tile:hover,.guide-cell .tile:hover{filter:none}.guide-grid .tile--say,.guide-cell .tile--say{cursor:pointer}@keyframes tileIn{0%{opacity:0;transform:translateY(-16px) rotate(var(--t,0deg)) scale(.7)}to{opacity:1;transform:translateY(0) rotate(var(--t,0deg)) scale(1)}}.tile-new,.tile-ph-new{animation:.3s cubic-bezier(.34,1.56,.64,1) both tileIn;animation-delay:var(--d,0s)}.tile-ph{background:var(--tile);border:2.5px solid var(--tile-edge);width:52px;height:68px;transform:rotate(var(--t,0deg));border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:3.5px 3.5px #00000080,inset 0 2px #ffffff9e}.tile-ph:before{content:"";pointer-events:none;background:linear-gradient(#fff6 0%,#0000 100%);border-radius:4px 4px 0 0;height:46%;position:absolute;top:0;left:0;right:0}.tile-ph:after{content:"";pointer-events:none;border:1px solid #a0824b42;border-radius:3px;position:absolute;inset:3.5px}.tile-ph.sm{width:38px;height:50px}.tc{font-family:var(--qk);font-size:22px;font-weight:900;line-height:1}.tn{font-family:var(--qk);font-size:18px;font-weight:700;line-height:1.1}.ts{font-family:var(--qk);color:#00000059;margin-top:1px;font-size:9px;line-height:1}.t-man .tn{color:var(--red-t)}.t-man .ts{color:#bf201061}.t-sou .tn{color:var(--green-t)}.t-sou .ts{color:#0f702861}.t-pin .tn{color:var(--blue-t)}.t-pin .ts{color:#0e2e9a61}.t-zhong .tc{color:var(--red-t)}.t-fa .tc{color:var(--green-t)}.t-bai .tc{color:#b0a090;text-align:center;font-size:11px;line-height:1.3}.t-wind .tc{color:#180800}.t-flower .tc{font-size:17px}.progress{justify-content:center;align-items:center;gap:5px;margin:8px 0 16px;display:flex}.pdot{background:#ffffff1a;border:1px solid #ffffff29;border-radius:5px;width:7px;height:7px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.pdot.done{background:#ffffff40;border-color:#ffffff4d}.pdot.active{background:var(--chalk);border-color:var(--chalk);width:26px}.scard{background:var(--card);border-radius:22px;position:relative;overflow:hidden;box-shadow:0 5px #1e503080,0 10px 30px #00000061}@keyframes cardIn{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:none}}.card-head{background:var(--gh);padding:20px 22px 18px}.card-body{padding:20px 22px 24px}.setup-pill{font-family:var(--en);letter-spacing:.08em;text-transform:uppercase;color:#fff9;background:#ffffff1f;border:1px solid #fff3;border-radius:12px;align-items:center;gap:6px;margin-bottom:10px;padding:4px 12px;font-size:9px;display:inline-flex}.setup-pill:before{content:"⚙";font-size:10px}.step-eyebrow{font-family:var(--en);letter-spacing:.1em;text-transform:uppercase;color:#ffffff73;margin-bottom:5px;font-size:9px;font-weight:600}.step-q{font-family:var(--en);color:#ffffffeb;margin-bottom:0;font-size:24px;font-weight:600;line-height:1.15}.step-hint{color:var(--mu);margin-bottom:16px;font-size:13px;font-weight:300;line-height:1.6}.sec-lbl{font-family:var(--en);text-transform:uppercase;letter-spacing:.1em;color:var(--mu);margin:16px 0 10px;font-size:10px;font-weight:600}.sec-lbl:first-child{margin-top:0}.sec-lbl .zh{font-family:var(--zh);letter-spacing:0;text-transform:none;font-size:11px}.div-line{background:var(--div);height:1px;margin:18px 0}.choices{gap:10px;display:grid}.col2{grid-template-columns:1fr 1fr}.cbtn{cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;color:var(--ink);background:#ffffffa6;border:1.5px solid #1a251829;border-radius:14px;padding:14px 8px;transition:all .18s;position:relative;overflow:hidden}.cbtn:focus,.cbtn:focus-visible{outline:none}@media (hover:hover){.cbtn:hover{border-color:var(--sel-b);background:#cce8d880}}.cbtn:active{transform:scale(.95)}.cbtn.sel{border-color:var(--sel-b);background:var(--sel)}.c-big{font-family:var(--qk);color:var(--ink);margin-bottom:2px;font-size:18px;transition:color .18s;display:block}.c-en{color:var(--mu);font-size:12px;font-weight:300}.c-fan{color:var(--sel-b);margin-top:2px;font-size:12px;font-weight:600}.tog-list{flex-direction:column;gap:8px;display:flex}.tog{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#fff9;border:1.5px solid #1a251829;border-radius:13px;justify-content:space-between;align-items:center;padding:13px 15px;transition:all .18s;display:flex}.tog:hover{border-color:var(--sel-b);background:#cce8d866}.tog.on{border-color:var(--sel-b);background:var(--sel)}.tog-main{font-family:var(--qk);color:var(--ink);font-size:17px;transition:color .18s}.tog-en{color:var(--mu);margin-top:2px;font-size:13px;font-weight:300}.tog-chk{border:2px solid var(--dim);color:#0000;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:700;transition:all .18s;display:flex}.tog.on .tog-chk{background:var(--sel-b);border-color:var(--sel-b);color:#fff}.tog.on.pair .tog-chk,.pair-chk{border-color:var(--sel-b);color:var(--sel-b);background:0 0}.sp-chk{border:2px solid var(--dim);color:#0000;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;transition:all .18s;display:flex}.sp-btn.sel .sp-chk{background:var(--sel-b);border-color:var(--sel-b);color:#fff}.wind-tog.on{border-color:var(--sel-b);background:#cce8d84d}.wind-tog.on.pair{background:#b48cff14;border-color:#b48cff99}.wind-grid{justify-content:center;gap:6px;display:flex}.wbtn{background:var(--tile);border:3px solid var(--tile-edge);cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:9px;flex:1;min-width:0;max-width:90px;padding:10px 0;transition:all .2s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:3px 3px #0000007a}.wbtn:before{content:"";background:linear-gradient(#ffffff6b 0%,#0000 100%);height:42%;position:absolute;top:0;left:0;right:0}.wbtn:hover{transform:translateY(-3px)rotate(-2deg);box-shadow:3px 7px #0000006b}.wbtn.sel{border-color:var(--sel-b);background:var(--sel);box-shadow:3px 3px 0 var(--sel-b)}.wc{font-family:var(--qk);color:#180800;font-size:clamp(20px,5vw,26px);font-weight:900;line-height:1;display:block}.we{color:#0000005c;margin-top:2px;font-size:11px;display:block}.min-fan-row{justify-content:space-between;align-items:center;margin-bottom:0;padding:8px 0;display:flex}.mf-main{font-family:var(--qk);color:var(--ink);font-size:18px}.mf-nb{font-family:var(--en);color:var(--ink);font-size:18px;font-weight:600}.mf-en{color:var(--mu);margin-top:2px;font-size:13px;font-weight:300}.min-fan-ctrl{align-items:center;gap:14px;display:flex}.mf-btn{border:1.5px solid var(--dim);width:28px;height:28px;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:700;line-height:1;transition:all .15s;display:flex}.mf-btn:hover{border-color:var(--sel-b);color:var(--sel-b)}.mf-val{color:var(--ink);text-align:center;min-width:26px;font-size:26px;font-weight:600;font-family:var(--en)}.tog-disabled{opacity:.45}.illu-sel-btn.picking{border-color:var(--sel-b);box-shadow:0 0 0 2px #2d5c3e40}.honour-modal{background:var(--card);border:1px solid var(--div);text-align:center;border-radius:18px;width:100%;max-width:300px;padding:22px 20px 14px;animation:.24s cubic-bezier(.32,.72,0,1) cardIn;position:relative}.honour-modal-tile{border-radius:8px;width:52px;height:auto;margin:0 auto 10px;display:block}.honour-opt{width:100%;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff8c;border:1.5px solid #1a251829;border-radius:12px;flex-direction:column;align-items:center;gap:2px;margin-bottom:8px;padding:13px 10px;transition:all .15s;display:flex}.honour-opt:active{transform:scale(.97)}.honour-opt-main{font-family:var(--qk);font-size:16px}.honour-opt-sub{color:var(--mu);font-size:11px}.honour-opt.on{border-color:var(--sel-b);background:var(--sel)}.honour-opt-pair.on{border-color:var(--amber);background:#c97c2a24}.rc-list{flex-direction:column;gap:9px;display:flex}.rc{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#fff9;border:1.5px solid #1a251829;border-radius:14px;align-items:flex-start;gap:12px;padding:14px 15px;transition:all .18s;display:flex}.rc:hover{border-color:var(--sel-b);background:#cce8d866}.rc.sel{background:var(--sel);border-color:var(--sel-b)}.rdot{border:2px solid var(--dim);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:3px;transition:all .18s;display:flex}.rc.sel .rdot{border-color:var(--sel-b)}.rc.sel .rdot:after{content:"";background:var(--sel-b);border-radius:50%;width:10px;height:10px}.rc-title{font-family:var(--en);color:var(--ink);margin-bottom:3px;font-size:15px;font-weight:600}.qk,.rc-title .qk{font-family:var(--qk)}.rc-desc{font-family:var(--en);color:var(--mu);font-size:13px;font-weight:300;line-height:1.5}.flower-grid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.flower-tile-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:2.5px solid #0000;border-radius:10px;flex-direction:column;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.flower-tile-btn img{aspect-ratio:1;height:auto}.flower-tile-btn:hover{transform:translateY(-2px)}.flower-tile-btn.sel{border-color:var(--sel-b);box-shadow:0 0 16px #2d5c3e4d}.ftile-fan-badge{background:var(--felt-d);color:var(--chalk);z-index:2;border-radius:8px;padding:2px 4px;font-size:9px;font-weight:700;line-height:1.2;position:absolute;bottom:22px;right:4px}.flower-set-banner{color:var(--ink);text-align:center;background:#2d5c3e1a;border:1px solid #2d5c3e4d;border-radius:10px;grid-column:1/-1;margin-top:10px;padding:8px 12px;font-size:13px;font-style:italic}.ftile-check{background:var(--sel-b);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:4px;right:5px}.fbtn{background:var(--tile);border:2.5px solid var(--tile-edge);cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:8px;padding:10px 4px 9px;transition:all .2s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:2.5px 2.5px #00000070}.fbtn:before{content:"";background:linear-gradient(#fff6 0%,#0000 100%);height:40%;position:absolute;top:0;left:0;right:0}.fbtn:hover{transform:translateY(-2px)rotate(-1.5deg)}.fbtn.sel{border-color:var(--felt-d);box-shadow:2.5px 2.5px 0 var(--felt-d);background:#f0fff4}.fbtn.sel:after{content:"✓";color:var(--felt-d);font-size:13px;font-weight:700;position:absolute;top:4px;right:6px}.fe{font-size:clamp(17px,4.5vw,21px);line-height:1.2;display:block}.fc{font-family:var(--qk);color:#180800;margin-top:1px;font-size:clamp(12px,3vw,15px);font-weight:700;display:block}.fn{color:#00000057;margin-top:1px;font-size:10px;display:block}.sp-list{flex-direction:column;gap:9px;display:flex}.sp-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;text-align:left;width:100%;color:var(--ink);background:#ffffffa6;border:1.5px solid #1a251829;border-radius:14px;justify-content:space-between;align-items:center;padding:14px 16px;transition:all .18s;display:flex}.sp-btn:focus,.sp-btn:focus-visible{box-shadow:none;outline:none}@media (hover:hover){.sp-btn:hover{border-color:var(--sel-b);background:#cce8d866}}.sp-btn.sel{border-color:var(--sel-b);background:var(--sel)}.sp-zh{font-family:var(--qk);color:var(--ink);font-size:22px}.sp-en{color:var(--mu);font-size:12px;font-weight:300}.sp-right{flex-shrink:0;align-items:center;gap:10px;margin-left:10px;display:flex}.sp-fan{color:var(--sel-b);font-size:15px;font-weight:600;font-family:var(--en)}.sp-clear-btn{color:var(--sel-b);font-family:var(--en);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.suit-grid{grid-template-columns:repeat(4,1fr);gap:7px;max-width:320px;margin:0 auto;display:grid}.suit-btn{cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;color:var(--ink);background:#ffffffa6;border:1.5px solid #1a251829;border-radius:12px;padding:12px 4px;transition:all .2s;position:relative}.suit-btn:hover{border-color:var(--sel-b);background:#cce8d866}.suit-btn.sel{border-color:var(--sel-b);background:var(--sel)}.suit-btn.sel:after{content:"✓";color:var(--sel-b);font-size:10px;font-weight:700;position:absolute;top:4px;right:6px}.suit-zh{font-family:var(--qk);color:var(--ink);margin-bottom:3px;font-size:22px;font-weight:700;display:block}.suit-en{color:var(--mu);font-size:10px;font-style:italic;line-height:1.3;display:block}.dragon-grid{justify-content:center;gap:8px;margin-bottom:6px;display:flex}.dr-btn{background:var(--tile);border:3px solid var(--tile-edge);cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:9px;flex:1;min-width:0;max-width:100px;padding:12px 4px;transition:all .2s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:3px 3px #0000007a}.dr-btn:before{content:"";background:linear-gradient(#ffffff6b 0%,#0000 100%);height:42%;position:absolute;top:0;left:0;right:0}.dr-btn:hover{transform:translateY(-3px);box-shadow:3px 7px #0000006b}.dr-btn.sel-trip{border-color:var(--sel-b);background:var(--sel);box-shadow:3px 3px 0 var(--sel-b)}.dr-btn.sel-pair{border-color:var(--amber);box-shadow:3px 3px 0 var(--amber-d);background:#fffaf2}.dr-zh{font-family:var(--qk);font-size:clamp(22px,5.5vw,28px);font-weight:900;line-height:1;display:block}.dr-en{color:#00000061;margin-top:2px;font-size:10px;font-style:italic;display:block}.dr-state{min-height:14px;margin-top:3px;font-size:10px;font-weight:600;display:block}.dr-btn.sel-trip .dr-state{color:var(--sel-b)}.dr-btn.sel-pair .dr-state{color:var(--amber-d)}.dr-zhong .dr-zh{color:var(--red-t)}.dr-fa .dr-zh{color:var(--green-t)}.dr-bai .dr-zh{color:#888}.share-opt{text-align:left;border:1.5px solid var(--div);cursor:pointer;width:100%;font-family:var(--en);-webkit-tap-highlight-color:transparent;background:#1a25180d;border-radius:14px;align-items:center;gap:12px;padding:15px 16px;transition:background .15s,border-color .15s;display:flex}.share-opt:active{transform:scale(.99)}.share-opt:not([disabled]):hover{background:#1a251814;border-color:#1a25183d}.share-opt[disabled]{opacity:.5;cursor:default}.share-opt-tx{flex:1;min-width:0}.share-opt-title{color:var(--ink);font-size:16px;font-weight:700}.share-opt-sub{color:var(--mu);margin-top:2px;font-size:12px}.share-opt-arrow{font-family:var(--qk);color:var(--sel-b);flex-shrink:0;font-size:18px}.share-opt[disabled] .share-opt-arrow{display:none}.hand-err-inline{color:var(--err);font-size:12.5px;font-family:var(--en);margin:-4px 0 10px;font-weight:600;line-height:1.4}.seat-wind-row{align-items:stretch;gap:6px;margin-bottom:8px;display:flex}.seat-wind-lbl{color:var(--mu);font-size:11px;font-family:var(--en);flex-direction:column;flex-shrink:0;justify-content:center;width:54px;line-height:1.25;display:flex}.seat-wind-lbl span{font-family:var(--qk);color:var(--ink);font-size:13px}.wind-pick{border:1.5px solid var(--div);color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#1a25180a;border-radius:9px;flex-direction:column;flex:1;align-items:center;gap:1px;padding:7px 0;transition:background .15s,border-color .15s;display:flex}.wind-pick:active{transform:scale(.96)}.wind-pick .qk{font-size:18px;line-height:1}.wind-pick-en{color:var(--mu);font-size:9px;font-family:var(--en)}.wind-pick.sel{background:var(--sel);border-color:var(--sel-b)}.wind-pick.sel .wind-pick-en{color:var(--sel-b)}.suit-illu-grid{justify-content:center;gap:8px;margin-bottom:6px;display:flex}.suit-illu-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:3px solid #0000;border-radius:10px;flex:1;min-width:0;max-width:88px;transition:all .2s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.suit-illu-btn:hover{transform:translateY(-3px)}.suit-illu-btn.sel{border-color:var(--sel-b);box-shadow:0 0 14px #2d5c3e66}.suit-illu-btn img{aspect-ratio:1;border-radius:7px;width:100%;height:auto;display:block}.tile-label{color:var(--ink);text-align:center;background:#1a25181a;width:100%;padding:4px 2px;font-size:10px;line-height:1.4;display:block}.tile-label-zh{font-family:var(--qk);color:var(--ink);font-size:16px;font-weight:700;display:block}.tile-label-en{color:var(--mu);font-size:10px;display:block}.suit-illu-check{background:var(--sel-b);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:4px;right:5px}.illu-sel-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;border:3px solid #0000;border-radius:12px;flex:1;min-width:0;max-width:100px;transition:all .2s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.illu-sel-btn img{aspect-ratio:1;height:auto}.illu-sel-btn:hover{transform:translateY(-3px)}.illu-sel-btn.sel-trip{border-color:var(--sel-b);box-shadow:0 0 16px #2d5c3e66}.illu-sel-btn.sel-pair{border-color:var(--amber);box-shadow:0 0 16px #c97c2a4d}.illu-sel-label.active,.illu-sel-label.pair{color:var(--ink)}.illu-sel-fan{background:var(--felt-d);color:var(--chalk);border-radius:8px;padding:2px 5px;font-size:10px;font-weight:700;line-height:1.2;position:absolute;top:4px;right:4px}.info-box{border:1px solid var(--div);color:var(--mu);background:#1a25180f;border-radius:10px;margin-bottom:14px;padding:10px 14px;font-size:13px;line-height:1.6}.dr-hint{color:var(--mu);margin-bottom:14px;font-size:13px;font-weight:300;line-height:1.6}.info-icon{border:1.5px solid var(--dim);width:16px;height:16px;color:var(--dim);cursor:pointer;vertical-align:middle;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:6px;font-size:10px;line-height:1;transition:all .18s;display:inline-flex}.info-icon:hover{border-color:var(--sel-b);color:var(--sel-b)}.tooltip-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.tooltip-box{background:#0d2e18;border:1px solid #ffffff26;border-top-color:#ffffff40;border-radius:18px;width:100%;max-width:380px;padding:24px 22px;animation:.24s cubic-bezier(.32,.72,0,1) cardIn;position:relative}.tooltip-title{font-family:var(--zh);color:var(--chalk);margin-bottom:4px;font-size:20px;font-weight:700}.tooltip-en{color:var(--jade);margin-bottom:12px;font-size:13px;font-style:italic}.tooltip-body{color:var(--chalk-dim);font-size:14px;line-height:1.7}.tooltip-close{width:100%;color:var(--chalk-dim);cursor:pointer;background:#ffffff0f;border:1.5px solid #ffffff1f;border-radius:10px;margin-top:18px;padding:11px;font-size:14px;transition:all .18s}.tooltip-close:hover{color:var(--chalk);border-color:#ffffff40}.tooltip-close:active{opacity:.8;transform:scale(.96)}.nav{gap:10px;margin-top:24px;display:flex}.tile-counter{border:1px solid var(--div);background:#1a25180f;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:8px 12px;display:flex}.tc-label{color:var(--mu);font-size:12px}.tc-count{font-size:18px;font-weight:700;font-family:var(--en)}.tc-valid{color:#1a7028}.tc-over{color:var(--err)}.tc-under{color:var(--amber)}.tc-note{opacity:.7;margin-left:6px;font-size:11px}.set-row{border-bottom:1px solid var(--div);justify-content:space-between;align-items:center;padding:9px 0;display:flex}.set-row:last-child{border-bottom:none}.set-lbl{color:var(--ink);font-size:14px}.set-lbl small{color:var(--mu);margin-top:2px;font-size:11px;font-style:italic;display:block}.set-ctrl{align-items:center;gap:10px;display:flex}.set-btn{border:1.5px solid var(--dim);width:28px;height:28px;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#1a25180f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;line-height:1;transition:all .15s;display:flex}.set-btn:hover{border-color:var(--sel-b);background:#2d5c3e1f}.set-btn:active{transform:scale(.9)}.set-val{color:var(--ink);text-align:center;min-width:24px;font-size:20px;font-weight:700;font-family:var(--en)}.invalid-warning{color:var(--err);background:#c0392b14;border:1.5px solid #c0392b40;border-radius:10px;margin-top:12px;padding:10px 14px;font-size:13px;font-style:italic;line-height:1.5}.game-panel{margin-bottom:16px}.game-mode-row{gap:8px;margin-bottom:16px;display:flex}.gmode-btn{color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffffa6;border:1.5px solid #1a251829;border-radius:12px;flex:1;padding:11px 6px;font-size:13px;transition:all .18s}.gmode-btn.active{border-color:var(--sel-b);background:var(--sel)}.player-setup-row{align-items:center;gap:10px;margin-bottom:9px;display:flex}.seat-pill{width:34px;height:34px;font-family:var(--qk);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.player-name-inp{color:var(--ink);-webkit-appearance:none;background:#ffffff8c;border:1.5px solid #1a251829;border-radius:10px;outline:none;flex:1;padding:10px 12px;font-size:13px;font-weight:400;transition:border-color .18s}.seat-map-grid{grid-template-columns:1fr 1fr 1fr;grid-template-areas:".west.""north felt south"".east.";align-items:center;gap:12px 8px;margin-bottom:6px;display:grid}.seat-cell{flex-direction:column;align-items:center;gap:6px;width:100%;min-width:0;display:flex}.seat-head{justify-content:center;align-items:center;gap:6px;display:flex}.seat-badge{width:26px;height:26px;font-family:var(--qk);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.seat-en{color:var(--mu);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600;font-family:var(--en)}.seat-input{text-align:center;flex:none;width:100%}.seat-felt{background:var(--gh);aspect-ratio:1;border-radius:12px;width:100%;box-shadow:inset 0 2px 8px #00000047}.player-name-inp:focus{border-color:var(--sel-b)}.player-name-inp::placeholder{color:var(--dim);font-weight:300}.dice-input{text-align:center;width:64px;height:38px;color:var(--ink);font-size:19px;font-weight:600;font-family:var(--en);appearance:textfield;background:#ffffff8c;border:1.5px solid #1a251829;border-radius:8px;outline:none}.dice-input:focus{border-color:var(--sel-b)}.dice-input::-webkit-outer-spin-button{-webkit-appearance:none}.dice-input::-webkit-inner-spin-button{-webkit-appearance:none}.dice-step{width:34px;height:38px;color:var(--ink);font-size:20px;font-weight:600;line-height:1;font-family:var(--en);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff8c;border:1.5px solid #1a251829;border-radius:8px;justify-content:center;align-items:center;padding:0;display:flex}.dice-step:active{background:#ffffffd1}.dice-td summary{list-style:none}.dice-td summary::-webkit-details-marker{display:none}.dice-td summary:before{content:"▸  ";color:var(--dim);font-size:10px}.dice-td[open] summary:before{content:"▾  "}.ledger-wrap{border:1px solid var(--div);background:#1a25180f;border-radius:16px;margin-bottom:12px;padding:14px 16px}.ledger-hdr-row{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.ledger-title{font-family:var(--zh);color:var(--ink);font-size:16px;font-weight:700}.ledger-meta{color:var(--mu);font-size:11px;font-family:var(--en)}.ledger-player-row{border-bottom:1px solid var(--div);align-items:center;gap:10px;padding:9px 0;display:flex}.ledger-player-row:last-child{border-bottom:none}.ledger-seat-dot{width:26px;height:26px;font-family:var(--qk);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.ledger-player-name{color:var(--ink);flex:1;font-size:14px;line-height:1.3}.ledger-tag{font-family:var(--en);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:9px;font-weight:600;line-height:1;display:inline-flex}.ledger-tag-zh{font-family:var(--en);letter-spacing:0;font-size:10px;font-weight:700;line-height:1}.ledger-tag--dealer{background:var(--sel);border:1px solid var(--sel-b);color:var(--sel-b)}.ledger-tag--started{border:1px solid var(--div);color:var(--mu);background:#1a25180d}.ledger-net{font-size:17px;font-weight:700;font-family:var(--en)}.ledger-net.pos{color:#1a7028}.ledger-net.neg{color:#2d5c3e8c}.ledger-net.zero{color:var(--mu)}.game-sub-row{gap:8px;margin-top:10px;display:flex}.game-sub-btn{color:var(--mu);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff8c;border:1px solid #1a251829;border-radius:10px;flex:1;padding:9px;font-size:12px}.btn-cream{color:var(--ink);cursor:pointer;font-size:17px;font-weight:400;font-family:var(--en);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#ffffffeb;border:none;border-bottom:4px solid #00000029;border-radius:13px;flex:1;justify-content:center;align-items:center;gap:6px;width:100%;padding:15px 20px;transition:transform .1s,border-bottom-width .1s,box-shadow .1s;display:flex;box-shadow:0 4px #0000001f}.btn-cream:hover{background:#fff}.btn-cream:active{border-bottom-width:2px;transform:translateY(2px);box-shadow:0 2px #0000001f}.discarder-section{border:1px solid var(--div);background:#1a25180a;border-radius:14px;margin-bottom:14px;padding:14px 16px}.discarder-lbl{color:var(--mu);margin-bottom:10px;font-size:13px}.discarder-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.discarder-btn{text-align:center;width:100%;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffffa6;border:1.5px solid #1a251829;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;transition:all .18s;display:flex}.discarder-btn-wind{width:28px;height:28px;font-family:var(--qk);color:#fff;text-align:center;border-radius:50%;flex-shrink:0;font-size:14px;font-weight:700;line-height:28px}.discarder-btn-wind-en{color:var(--mu);font-size:9px;font-weight:600;font-family:var(--en);text-transform:uppercase;letter-spacing:.4px;margin-top:1px;line-height:1}.discarder-btn-zh{color:var(--ink);margin-top:2px;font-size:13px;font-weight:700;line-height:1.2}.discarder-btn-en{color:var(--mu);word-break:break-word;font-size:12px;font-weight:300;line-height:1.2}.discarder-btn.sel{border-color:var(--sel-b);background:var(--sel)}.discarder-seat{width:26px;height:26px;font-family:var(--qk);color:#fff;text-align:center;border-radius:50%;flex-shrink:0;font-size:13px;font-weight:700;line-height:26px}.menu-btn{z-index:200;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:32px;height:32px;padding:0;transition:transform .18s;display:flex;position:fixed;top:16px;right:16px}.menu-btn:active{transform:scale(.88)}.menu-btn span{background:var(--chalk);border-radius:1px;width:22px;height:2px;display:block}.menu-drawer-overlay{z-index:300;background:#00000080;justify-content:flex-end;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.menu-drawer{background:var(--card);flex-direction:column;width:82%;max-width:300px;height:100%;animation:.26s cubic-bezier(.32,.72,0,1) drawerIn;display:flex;overflow-y:auto;box-shadow:-6px 0 28px #00000059}@keyframes drawerIn{0%{transform:translate(100%)}to{transform:translate(0)}}.menu-drawer-hdr{background:var(--gh);flex-shrink:0;padding:24px 18px 18px;position:relative}.menu-drawer-body{flex:1;padding:16px}.menu-list{flex-direction:column;gap:8px;display:flex}.menu-item{text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;width:100%;color:inherit;background:#fff9;border:1.5px solid #1a251829;border-radius:13px;align-items:center;gap:13px;padding:13px 15px;text-decoration:none;transition:all .18s;display:flex}.menu-item:hover{border-color:var(--sel-b);background:#cce8d866}.menu-item:active{transform:scale(.98)}.menu-item:disabled{opacity:.4;cursor:not-allowed}.menu-item:disabled:hover{background:#fff9;border-color:#1a251829}.menu-item:disabled:active{transform:none}.menu-item-icon{flex-shrink:0;font-size:20px;line-height:1}.menu-item-title{font-family:var(--qk);color:var(--ink);font-size:16px}.game-modal-green-hdr.cheat-hdr-tabbed{padding-bottom:0}.cheat-tabs{margin-top:18px;display:flex}.cheat-tab{color:#f4ede099;font-family:var(--en);letter-spacing:.02em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff1c;border:none;border-radius:13px 13px 0 0;flex:1;padding:11px 8px 12px;font-size:12.5px;font-weight:700;transition:background .18s,color .18s;position:relative}.cheat-tab+.cheat-tab{margin-left:-14px}.cheat-tab.sel{background:var(--card);color:var(--sel-b);z-index:2}.ss-group{border:1px solid var(--div);background:#1a25180d;border-radius:14px;margin-bottom:12px;padding:2px 14px}.ss-row{border-bottom:1px solid var(--div);align-items:center;gap:12px;padding:9px 0;display:flex}.ss-row:last-child{border-bottom:none}.ss-name{flex:1;min-width:0}.ss-zh{font-family:var(--qk);color:var(--ink);font-size:16px;line-height:1.3}.ss-en{color:var(--mu);font-size:11px;font-family:var(--en);font-weight:300;line-height:1.35}.ss-fan{font-family:var(--en);color:var(--sel-b);white-space:nowrap;flex-shrink:0;font-size:14px;font-weight:800}.ss-note{color:var(--mu);font-size:11px;font-family:var(--en);margin:-6px 0 14px;font-weight:300;line-height:1.5}.game-modal-overlay{z-index:300;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;justify-content:center;align-items:flex-end;padding:0;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.game-modal-sheet{background:var(--card);border:1px solid var(--div);border-top-color:#1a25181f;border-radius:22px 22px 0 0;width:100%;max-width:440px;max-height:90vh;padding:0;animation:.3s cubic-bezier(.32,.72,0,1) sheetUp;overflow-y:auto}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}:is(body:has(.game-modal-overlay),body:has(.tooltip-overlay),body:has(.menu-drawer-overlay)){overflow:hidden}.game-modal-handle{background:#0000001f;border-radius:2px;width:36px;height:4px;margin:0 auto 16px}.game-modal-close{color:var(--mu);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:4px;font-size:22px;position:absolute;top:16px;right:16px}.game-modal-green-hdr{background:var(--gh);border-radius:22px 22px 0 0;padding:24px 20px 18px;position:relative}.game-modal-setup-hdr{padding:20px 20px 0;position:relative}.game-modal-body{padding:20px 20px 40px}.guide-grid{grid-template-columns:repeat(9,1fr);align-items:center;gap:3px;display:grid}.guide-grid .tile{width:100%}.guide-num{text-align:center;color:var(--mu);font-size:10px;font-weight:300;line-height:1.3}.guide-num b{color:var(--ink);font-size:12px;font-weight:600;display:block}.guide-lbl{color:var(--ink);grid-column:1/-1;margin:6px 0 1px;font-size:12px}.guide-lbl .qk{color:var(--red-t);font-size:15px}.guide-cells{gap:14px;display:flex}.guide-cell{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.guide-cell .tile{width:46px}.guide-cell-en{color:var(--ink);font-size:11px;line-height:1.2}.guide-cell-zh{color:var(--mu);font-size:10px;font-weight:300}.guide-cell-zh .qk{color:var(--red-t);font-size:12px}.calc-divider{background:var(--div);height:1px;margin:4px 0}.calc-section-hdr{justify-content:space-between;align-items:center;padding:12px 0 8px;display:flex}.calc-section-title{color:var(--mu);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:600;line-height:1.2;font-family:var(--en)}.ht-chips{gap:8px;display:flex}.ht-chip{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#ffffff8c;border:1.5px solid #1a251829;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:12px 8px;transition:border-color .15s,background .15s;display:flex}.ht-chip-zh{font-family:var(--qk);color:var(--ink);font-size:19px;line-height:1.1}.ht-chip-en{color:var(--ink);font-size:12px;font-family:var(--en);font-weight:600}.ht-chip-desc{color:var(--mu);font-size:10px;font-family:var(--en);text-align:center;margin-top:3px;line-height:1.35}.ht-chip.on{border-color:var(--sel-b);background:var(--sel)}.ht-chip.on .ht-chip-en{color:var(--sel-b)}.ht-result{text-align:center;color:var(--mu);font-size:12px;font-family:var(--en);margin-top:8px}.ht-result .qk{color:var(--ink);margin-right:2px;font-size:15px}.ht-note{text-align:center;color:var(--amber);font-size:11px;font-family:var(--en);margin-top:6px;line-height:1.4}.calc-home-btn{color:var(--mu);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:600;line-height:1.2;font-family:var(--en);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:4px;padding:0 0 16px;display:flex}.calc-cta-bar{background:linear-gradient(to bottom,transparent 0,var(--card) 35%);z-index:10;pointer-events:none;padding:12px 0 20px;position:sticky;bottom:0}.calc-cta-bar button{pointer-events:all}.home-lobby{flex-direction:column;gap:10px;padding:4px 0 20px;display:flex}.home-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.home-card{background:var(--card);cursor:pointer;-webkit-tap-highlight-color:transparent;text-align:center;border:none;border-bottom:4px solid #00000029;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:22px 14px 20px;transition:transform .1s,border-bottom-width .1s;display:flex}.home-card:active{border-bottom-width:2px;transform:translateY(2px)}.home-card--green{background:var(--gb);border-bottom-color:#00000047}.home-card--join{padding:16px 14px}.home-card--wide{flex-direction:row;justify-content:flex-start;gap:14px;padding:16px 20px}.home-card-zh{font-family:var(--qk);color:var(--ink);margin-bottom:4px;font-size:28px;line-height:1;display:block}.home-card--green .home-card-zh{color:var(--chalk)}.home-card-en{color:var(--mu);font-size:12px;font-weight:400;display:block}.home-card--green .home-card-en{color:#f4ede0a6}.home-card--join-active{background:#0000002e;border-color:#0000004d}.home-join-expand{flex-direction:column;display:flex}.home-join-row{align-items:stretch;gap:8px;display:flex}.home-join-row .room-code-input{flex:1;min-width:0}.home-join-confirm{background:var(--gb);color:#fff;font-size:17px;font-weight:400;font-family:var(--en);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-bottom:3px solid #00000047;border-radius:12px;flex-shrink:0;padding:0 22px;transition:transform .1s,border-bottom-width .1s}.home-join-confirm:active{border-bottom-width:1px;transform:translateY(2px)}.room-code-input{width:100%;color:var(--chalk);letter-spacing:5px;text-align:left;font-size:20px;font-family:var(--en);text-transform:uppercase;background:#ffffff0f;border:2px solid #ffffff26;border-radius:14px;outline:none;padding:14px 18px}.room-code-input::placeholder{letter-spacing:0;color:var(--chalk-dim);opacity:1;text-transform:none;font-size:15px;font-weight:300;font-family:var(--en)}.room-code-input:focus{border-color:#ffffff4d}.room-error{color:var(--chalk);word-break:break-word;text-align:center;min-height:1.4em;margin:4px 0;padding:0 8px;font-size:12px}.room-badge{color:var(--chalk);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#2d5c3e33;border:1px solid #f4ede047;border-radius:9px;align-items:center;gap:7px;padding:7px 13px;font-size:14px;display:inline-flex}.room-badge-dot{background:var(--chalk);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.invite-qr{justify-content:center;margin-bottom:20px;display:flex}.invite-qr svg{width:170px;height:170px;display:block}.res-wrap{padding:0}.res-back{color:var(--mu);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:4px;padding:0 0 16px;font-size:13px;font-weight:700;display:flex}.res-score-card{background:var(--gh);text-align:center;border-radius:16px;flex-direction:column;align-items:center;margin-bottom:12px;padding:26px 18px;display:flex;box-shadow:0 5px #00000038}.res-fan-num{font-size:80px;font-weight:600;line-height:1;font-family:var(--qk);color:#ffffffeb}.res-fan-unit{color:#ffffff73;font-size:42px;font-family:var(--qk);margin-left:2px}.res-msg-zh{font-family:var(--qk);color:#ffffffeb;text-align:center;margin-top:8px;padding-left:.45em;font-size:28px}.res-msg-en{color:#ffffff80;text-align:center;align-self:center;margin-top:4px;font-size:14px;font-weight:700}.res-jigu-badge{color:var(--amber);background:#c97c2a26;border:1px solid #c97c2a4d;border-radius:8px;margin-top:8px;padding:3px 10px;font-size:11px;display:inline-block}.res-breakdown{text-align:left;margin-top:0}.res-bk-card{border:1px solid var(--div);background:#ffffffa6;border-radius:16px;margin-bottom:12px;overflow:hidden}.res-bk-hdrl{font-family:var(--en);letter-spacing:.1em;text-transform:uppercase;color:var(--mu);padding:12px 15px 0;font-size:10px;font-weight:600}.res-bk-row{border-top:1px solid var(--div);justify-content:space-between;align-items:center;margin-top:8px;padding:10px 15px;display:flex}.res-bk-name{color:var(--ink);font-size:14px}.res-bk-fan{color:var(--sel-b);font-size:14px;font-weight:600;font-family:var(--en)}.res-bk-total{border-top:1px solid var(--div);background:#1a25180f;justify-content:space-between;align-items:center;padding:11px 15px;display:flex}.res-bk-total-lbl{color:var(--ink);font-size:15px;font-weight:600}.res-bk-total-val{color:var(--ink);font-size:17px;font-weight:600}.res-bk-row-inner{justify-content:space-between;padding:3px 0;display:flex}.pay-card{border:1px solid var(--div);background:#ffffffa6;border-radius:16px;margin-bottom:14px;overflow:hidden}.pay-title{color:var(--mu);text-transform:uppercase;letter-spacing:.1em;padding:12px 15px 10px;font-size:10px;display:block}.pay-row{border-top:1px solid var(--div);justify-content:space-between;align-items:center;padding:10px 15px;display:flex}.pay-row:last-child{margin-bottom:0}.pay-who{color:var(--mu);font-size:15px;font-weight:300}.pay-who-b{color:var(--ink);font-size:15px;font-weight:600}.pay-amt{color:var(--ink);text-align:right;font-size:18px;font-weight:600;font-family:var(--en)}.pay-amt-neg{color:#2d5c3e8c}.pay-amt-pos{color:#1a7028}.pay-chips-row{flex-wrap:wrap;align-items:center;gap:4px;padding:6px 0 4px;display:flex}.pay-chips{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.chip{color:#fff;width:28px;height:28px;font-size:10px;font-weight:700;font-family:var(--en);border:2px solid #ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.chip-y{background:#d4a017;border-color:#e8c040}.chip-g{background:#2e7d32;border-color:#4caf50}.chip-b{background:#1565c0;border-color:#42a5f5}.chip-r{background:#c62828;border-color:#ef5350}.chip-x{color:var(--mu);font-size:11px;font-family:var(--en)}.pay-note{color:var(--mu);opacity:.7;margin-top:12px;font-size:12px}.coin-section-hdr{letter-spacing:.1em;text-transform:uppercase;color:var(--mu);margin-bottom:10px;font-size:10px;font-weight:600}.coin-base-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.coin-base-lbl{color:var(--ink);font-size:14px}.coin-base-sub{color:var(--mu);margin-top:2px;font-size:11px}.coin-base-ctrl{align-items:center;gap:10px;display:flex}.coin-base-val{color:var(--ink);text-align:center;min-width:40px;font-size:18px;font-weight:600}.coin-payout-box{border:1px solid var(--div);background:#1a25180a;border-radius:12px;margin-bottom:10px;padding:12px 14px}.coin-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.coin-row-lbl{color:var(--mu);font-size:14px}.coin-row-amt{color:var(--ink);font-size:16px;font-weight:600}.coin-total-row{border-top:1px solid var(--div);justify-content:space-between;align-items:center;padding-top:8px;display:flex}.coin-total-lbl{color:var(--ink);font-size:15px;font-weight:600}.coin-total-amt{color:#1a7028;font-size:18px;font-weight:600}.coins-visual{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.coin-note{color:var(--mu);margin-top:8px;font-size:11px;line-height:1.5}.coin{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:9px;font-weight:700;display:inline-flex}.coin-red{background:#c62828}.coin-blue{background:#1565c0}.coin-green{background:#2e7d32}.coin-yellow{color:#000;background:#d4a017}.coin-x{color:var(--mu);font-size:11px}@media (width<=380px){.tile{width:64px}.tile-ph{width:44px;height:58px}.tc{font-size:18px}.tn{font-size:15px}.wbtn .wc{font-size:20px}}