@font-face{font-family:HmBrush;src:url(/fonts/lobster-vi.woff2)format("woff2");font-display:swap}.hm{color:#f4ead8;background:#2b2a22;font-size:14px;position:fixed;inset:0;overflow:hidden}.hm:before{content:"";filter:blur(3px)brightness(.7)saturate(.85);background:url(/home/bg_home.webp) 50% 40%/cover no-repeat;position:absolute;inset:-16px}.hm .hm-col{max-width:480px;height:100%;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;margin:0 auto;display:flex;position:relative;container-type:inline-size}@media (min-width:520px){.hm:before{filter:blur(4px)brightness(.45)saturate(.85)}}.hm button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;padding:0}.hm button:hover:not(:disabled){border-color:#0000}.hm button:focus-visible{outline-offset:2px;outline:2px solid #f3d38a}.hm .hm-banner{background:linear-gradient(#1428228c,#1428228c),url(/home/tex_banner.webp) 50%/cover;border-top:1px solid #8a6f45;border-bottom:2px solid #c9a66b;flex:none;place-items:center;height:11.2cqw;display:grid;position:relative;box-shadow:0 3px 8px #00000080}.hm .hm-dragon{opacity:.9;pointer-events:none;height:6.5cqw;position:absolute;top:50%;translate:0 -50%}.hm .hm-dragon.left{left:-2cqw}.hm .hm-dragon.right{right:-2cqw;transform:scaleX(-1)}.hm .hm-slogan{letter-spacing:.02em;white-space:nowrap;color:#f6ead0;-webkit-text-stroke:.5px #2a1a0e;text-shadow:0 2px #2a1a0e,0 0 6px #0009;font-family:HmBrush,cursive;font-size:4cqw}.hm .hm-profile{background:linear-gradient(#261c18db,#1e1613e6),url(/home/tex_wood.webp);border:1px solid #8a6a45;border-radius:2.4cqw;flex:none;grid-template-columns:14cqw 1fr;align-items:center;gap:2.2cqw;margin:2cqw 2.5cqw 0;padding:1.4cqw 2.2cqw;display:grid;box-shadow:inset 0 0 0 1px #ffdca014,0 4px 14px #00000080}.hm .hm-ava{flex-direction:column;align-items:center;display:flex}.hm .hm-ava-btn{border:.6cqw solid #7a5a36;border-radius:50%;width:11.5cqw;height:11.5cqw;overflow:hidden;box-shadow:0 0 0 .35cqw #2a1c12,0 0 0 .55cqw #b8925a,0 3px 8px #0009}.hm .hm-ava-btn img{object-fit:cover;width:100%;height:100%;display:block}.hm .hm-stars{z-index:1;gap:.3cqw;margin-top:-1.6cqw;display:flex;position:relative}.hm .hm-star{color:#6b5a44}.hm .hm-star.on{color:#f6c94a}.hm .hm-star svg{width:3cqw;height:3cqw;display:block}.hm .hm-star.on svg{fill:currentColor}.hm .hm-tier{white-space:nowrap;color:#d9c7a5;align-items:center;gap:.6cqw;margin-top:.2cqw;font-size:2.4cqw;line-height:1;display:flex}.hm .hm-tier .tierbadge{width:3cqw!important;height:3cqw!important;font-size:1.8cqw!important}.hm .hm-info{flex-direction:column;gap:.9cqw;min-width:0;display:flex}.hm .hm-row1{align-items:baseline;gap:2cqw;min-width:0;display:flex}.hm .hm-name{white-space:nowrap;text-overflow:ellipsis;color:#f4ead8;min-width:0;font-size:4cqw;font-weight:700;line-height:1.15;overflow:hidden}.hm .hm-id{white-space:nowrap;color:#a99a85;flex:none;font-size:2.7cqw}.hm .hm-idlink{color:#f6c94a;text-decoration:underline}.hm .hm-scores{grid-template-columns:repeat(3,1fr);gap:1.2cqw;display:grid}.hm .hm-score{white-space:nowrap;background:#2a1f1b;border:1px solid #6b5238;border-radius:2.7cqw;justify-content:center;align-items:center;gap:.9cqw;min-width:0;height:5.4cqw;display:flex}.hm .hm-score small{color:#a99a85;font-size:2.2cqw}.hm .hm-score b{color:#f1e6d2;font-size:3.1cqw;font-weight:700}.hm .hm-score.on{background:#4a3628;border-color:#d8b46a}.hm .hm-score.on b{color:#f6c94a}.hm .hm-row3{gap:1.2cqw;display:flex}.hm .hm-chip{white-space:nowrap;background:#2a1f1b;border:1px solid #6b5238;border-radius:2.6cqw;align-items:center;gap:.9cqw;min-width:0;height:5.2cqw;padding:0 2cqw;display:flex}.hm .hm-chip svg{color:#f6c94a;flex:none;width:3.2cqw;height:3.2cqw}.hm .hm-chip small{color:#a99a85;font-size:2.3cqw}.hm .hm-chip b{color:#f1e6d2;font-size:2.9cqw;font-weight:700}.hm .hm-chip-ico{justify-content:center;width:5.2cqw;margin-left:auto;padding:0}.hm .hm-chip-ico svg{color:#e8d5b0}.hm .hm-onlinedot{background:#37c98b;border-radius:50%;flex:none;width:2cqw;height:2cqw;box-shadow:0 0 1cqw #37c98bb3}.hm .hm-resume{color:#2a1a06;background:linear-gradient(#f0c566,#c88a1f);border-radius:5cqw;flex:none;height:10cqw;margin:2.5cqw 2.5cqw 0;font-size:3.8cqw;font-weight:700;animation:1.6s ease-in-out infinite hm-pulse}@keyframes hm-pulse{0%,to{opacity:1}50%{opacity:.75}}.hm .hm-grid{--disc:min(35cqw, 17dvh);flex:auto;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;align-content:center;row-gap:14cqw;min-height:0;padding:0 4cqw;display:grid;position:relative}.hm .hm-disc{z-index:25;flex-direction:column;align-items:center;display:flex;position:relative}.hm .hm-disc-ring{width:var(--disc);height:var(--disc);box-shadow:0 0 0 calc(var(--disc) * .035) #3b2a2a, 0 0 0 calc(var(--disc) * .05) #a88a7a, 0 0 0 calc(var(--disc) * .075) #4a3434, 0 8px 18px #0000008c;border-radius:50%;transition:transform .12s;position:relative}.hm .hm-disc-ring:after{content:"";box-shadow:inset 0 0 calc(var(--disc) * .08) #0000008c;pointer-events:none;border-radius:50%;position:absolute;inset:0}.hm .hm-disc:active .hm-disc-ring{transform:scale(.96)}.hm .hm-disc.open .hm-disc-ring{filter:drop-shadow(0 0 2.5cqw #ffd68ca6)}.hm .hm-disc-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.hm .hm-disc-cloud{width:calc(var(--disc) * .95);bottom:calc(var(--disc) * -.08);left:calc(var(--disc) * -.12);pointer-events:none;position:absolute}.hm .hm-disc-cloud.flip{left:auto;right:calc(var(--disc) * -.12);transform:scaleX(-1)}.hm .hm-disc-label{margin-top:calc(var(--disc) * .08 + 1.5cqw);white-space:nowrap;filter:drop-shadow(0 0 1.4cqw #ffc45a80);font-family:HmBrush,cursive;font-size:7.4cqw;line-height:1.15;position:relative}.hm .hm-disc-label:before,.hm .hm-disc-label:after{content:attr(data-text);z-index:0;pointer-events:none;position:absolute;inset:0}.hm .hm-disc-label:before{color:#4a2410;-webkit-text-stroke:1.1cqw #4a2410;text-shadow:0 .8cqw #2a1409,0 1.2cqw 1.6cqw #000000a6}.hm .hm-disc-label:after{color:#b8741f;-webkit-text-stroke:.5cqw #b8741f}.hm .hm-disc-fill{z-index:1;background:linear-gradient(#fff 0%,#fff3c2 35%,#ffd75e 70%,#ffb62e 100%);color:#0000;-webkit-background-clip:text;background-clip:text;position:relative}.hm .hm-bottom{background:linear-gradient(#1e161200,#1e1612d9 35%);flex:none;grid-template-columns:repeat(3,1fr);align-items:center;height:17cqw;display:grid}.hm .hm-btab{flex-direction:column;align-items:center;gap:1cqw;display:flex}.hm .hm-bcircle{color:#e8d5b0;background:radial-gradient(circle at 50% 35%,#5a463a,#231a16 70%);border:.5cqw solid #a8865a;border-radius:50%;place-items:center;width:10.5cqw;height:10.5cqw;display:grid;position:relative;box-shadow:0 3px 6px #0009}.hm .hm-bcircle svg{width:5.5cqw;height:5.5cqw}.hm .hm-blabel{color:#f4ead8;text-shadow:0 1px 2px #000;font-size:3.4cqw}.hm .hm-bdot{color:#fff;background:#d6342b;border-radius:2.1cqw;place-items:center;min-width:4.2cqw;height:4.2cqw;padding:0 .6cqw;font-size:2.6cqw;display:grid;position:absolute;top:-1cqw;right:-1cqw}.hm .hm-age{background:#17171a;flex:none;align-items:center;gap:2.5cqw;height:9.5cqw;padding:0 3cqw;display:flex}.hm .hm-age18{color:#efe7da;border:.4cqw solid #d8d0c4;border-radius:.8cqw;flex:none;justify-content:center;align-items:flex-start;width:7.5cqw;height:7.5cqw;padding-top:.5cqw;font-size:3.8cqw;font-weight:700;display:flex}.hm .hm-age18 span{font-size:1.9cqw;line-height:1.6}.hm .hm-age-text{color:#a39b90;font-size:2.6cqw;line-height:1.2}.hm .hm-toast{z-index:40;color:#fff;text-align:center;background:#000000d1;border-radius:3cqw;max-width:86cqw;padding:2.5cqw 4cqw;font-size:3.4cqw;position:fixed;bottom:26cqw;left:50%;translate:-50%}.hm .hm-scrim{z-index:20;background:#0000002e;position:fixed;inset:0}.hm .hm-pop{z-index:30;max-width:calc(100% - 2cqw);animation:.16s cubic-bezier(.2,.9,.3,1.2) hm-pop-in;position:absolute}@keyframes hm-pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.hm .hm-item{text-align:left;align-items:center;gap:2.5cqw;display:flex;position:relative}.hm .hm-item-t{white-space:nowrap;min-width:0;overflow:hidden}.hm .hm-soon{color:#fff;background:#b23a2a;border-radius:1cqw;padding:.3cqw 1.2cqw;font-size:2.4cqw;position:absolute;top:-1cqw;right:1.5cqw;rotate:-6deg}.hm .hm-rules{text-align:center;color:#d8c39b;width:100%;margin-top:.4cqw;font-size:3cqw;text-decoration:underline;display:block}.hm .hm-tail{top:var(--tail-y,37%);border-top:2.2cqw solid #0000;border-bottom:2.2cqw solid #0000;width:0;height:0;position:absolute;translate:0 -50%}.hm .tail-left .hm-tail{border-right:3cqw solid #40301f;left:-3.2cqw}.hm .tail-right .hm-tail{border-left:3cqw solid #40301f;right:-3.2cqw}.hm .hm-wood.tail-left{transform-origin:0% var(--tail-y,37%)}.hm .hm-wood.tail-right{transform-origin:100% var(--tail-y,37%)}.hm .hm-wood{transform-origin:0 37%;background:linear-gradient(#34241af0,#281c14f5),url(/home/tex_wood.webp);border:.5cqw solid #2a1c14;border-radius:.6cqw;box-shadow:inset 0 0 0 .4cqw #6b4a2e,0 10px 24px #0009}.hm .hm-wood-body{padding:1.6cqw 0 2cqw}.hm .hm-roller{background:linear-gradient(#b0805a,#6b442a 55%,#a5764f);border:1px solid #3a2416;border-radius:1.7cqw;width:calc(100% + 3cqw);height:3.4cqw;margin-left:-1.5cqw;display:block;position:relative}.hm .hm-gem{background:linear-gradient(135deg,#bfe3dc,#5f9c93);border:.4cqw solid #d8b46a;width:3cqw;height:3cqw;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:45deg}.hm .hm-wood-title{letter-spacing:.04em;text-align:center;white-space:nowrap;color:#f6dfa8;text-shadow:0 2px #1d120a,0 0 8px #f6c94a59;margin:.5cqw 0 2cqw;font-family:HmBrush,cursive;font-size:5.6cqw;font-weight:400;line-height:1.1}.hm .hm-wood .hm-item{background:linear-gradient(#4b3526,#33241a);border:.3cqw solid #8b6a44;border-radius:1.6cqw;gap:2cqw;width:calc(100% - 5cqw);height:8.6cqw;margin:0 2.5cqw 1.6cqw;padding-left:1.2cqw;box-shadow:inset 0 1px #ffdcaa26}.hm .hm-wood .hm-item:active{background:linear-gradient(#5d4330,#3d2b1f)}.hm .hm-wood .hm-item .hm-item-ico{color:#f0dfbf;background:#2a1c14;border:.2cqw solid #8b6a44;border-radius:1.2cqw;flex:none;place-items:center;width:6cqw;height:6cqw;display:grid}.hm .hm-wood .hm-item .hm-item-ico svg{width:4cqw;height:4cqw}.hm .hm-wood .hm-item .hm-item-t{color:#e9c98f;text-shadow:0 1px #1d120a;font-family:HmBrush,cursive;font-size:4.5cqw}.hm .hm-x{z-index:1;color:#f6dba5;background:radial-gradient(#7a5232,#4a2f1c);border:.5cqw solid #e7c28a;border-radius:50%;place-items:center;width:6.5cqw;height:6.5cqw;display:grid;position:absolute;top:-2.5cqw;right:-2.5cqw}.hm .hm-card-title{text-align:center;color:#f1d194;background:linear-gradient(#5a3a24,#3e2716);border:.3cqw solid #b8925a;border-radius:1.2cqw;margin:0 auto 2.5cqw;padding:1.2cqw 3cqw;font-family:HmBrush,cursive;font-size:4cqw;font-weight:400}.hm .hm-item.card{background:linear-gradient(#f3e6c8,#dcc79f);border:.45cqw solid #9a7448;border-radius:1.8cqw;justify-content:center;width:100%;height:11cqw;margin-bottom:2.2cqw;box-shadow:0 .6cqw #8a6238,0 2px 6px #00000040}.hm .hm-item.card:active{transform:translateY(.4cqw);box-shadow:0 .2cqw #8a6238}.hm .hm-item.card .hm-item-ico{color:#3d2615;place-items:center;display:grid;position:absolute;left:2cqw}.hm .hm-item.card .hm-item-ico svg{width:6cqw;height:6cqw}.hm .hm-item.card .hm-item-t{color:#4a2c17;font-family:HmBrush,cursive;font-size:5.6cqw}.hm .hm-sheet-back{z-index:45;background:#00000080;place-items:center;padding:0 5cqw;display:grid;position:fixed;inset:0}.hm .hm-sheet{background:linear-gradient(#e6d5b266,#d3bd9373),url(/home/tex_parchment.webp);border:.6cqw solid #7a5230;border-radius:1.6cqw;width:74cqw;max-height:92dvh;padding:3.5cqw 3cqw 3cqw;animation:.16s cubic-bezier(.2,.9,.3,1.2) hm-pop-in;position:relative;overflow-y:auto;box-shadow:inset 0 0 0 .9cqw #e6d5b2,inset 0 0 0 1.2cqw #b8946a,0 10px 24px #0000008c}.hm .hm-sheet .hm-card-title{margin-bottom:2.5cqw}.hm .hm-seg{gap:1.5cqw;margin-bottom:2cqw;display:flex}.hm .hm-seg button{color:#4a2c17;text-align:center;background:#efe0bf;border:.3cqw solid #9a7448;border-radius:3.5cqw;flex:1;padding:1.8cqw 1cqw;font-size:3.4cqw;line-height:1.2}.hm .hm-seg button.on{color:#f6e2bd;background:#7a5230;border-color:#b8925a}.hm .hm-seg button.red.on{background:#8a3323;border-color:#d8a06a}.hm .hm-seg button:active{filter:brightness(1.12)}.hm .hm-label{color:#6b4a2e;margin-bottom:1cqw;font-size:3.2cqw;font-weight:700}.hm .hm-check{color:#4a2c17;align-items:flex-start;gap:1.6cqw;margin-bottom:2cqw;font-size:3.6cqw;display:flex}.hm .hm-check input[type=checkbox]{accent-color:#7a5230;background:#f6ecd5;border:.3cqw solid #9a7448;border-radius:.8cqw;flex:none;width:4.6cqw;height:4.6cqw;margin:.4cqw 0 0;padding:0}.hm .hm-sheet .hm-item.card{width:100%;margin:1cqw 0 0}.hm .hm-sheet .hm-item.card:not(.start){padding-left:9cqw}.hm .hm-sheet .hm-item.card:not(.start) .hm-item-t{font-size:4.6cqw}.hm-ava-pick{gap:10px;margin:4px 0 10px;display:flex}.hm-ava-pick button{background:0 0;border:0;border-radius:50%;width:56px;height:56px;padding:0}.hm-ava-pick img{object-fit:cover;border:3px solid #0000;border-radius:50%;width:56px;height:56px;display:block}.hm-ava-pick button.on img{border-color:var(--accent)}@media (max-height:600px){.hm .hm-banner{height:9cqw}.hm .hm-profile{margin-top:1.2cqw;padding:1cqw 2cqw}.hm .hm-info{gap:.6cqw}.hm .hm-grid{--disc:min(28cqw, 9.5dvh);row-gap:1.5cqw}.hm .hm-disc-label{margin-top:.6cqw;font-size:4.4cqw}.hm .hm-bottom{height:13.5cqw}.hm .hm-bcircle{width:8.5cqw;height:8.5cqw}.hm .hm-blabel{font-size:3cqw}.hm .hm-age{height:6.5cqw}}@media (prefers-reduced-motion:reduce){.hm *,.hm :before,.hm :after{transition:none!important;animation:none!important}}.hm .hm-disc{animation:6.5s ease-in-out infinite hm-float}.hm .hm-disc[data-v=jieqi]{animation-delay:-1.6s}.hm .hm-disc[data-v=doc]{animation-delay:-3.2s}.hm .hm-disc[data-v=watch]{animation-delay:-4.8s}.hm .hm-disc.open{animation-play-state:paused}@keyframes hm-float{0%,to{translate:0}50%{translate:0 -1.1cqw}}.hm .hm-disc-cloud{animation:9s ease-in-out infinite alternate hm-drift}@keyframes hm-drift{0%{translate:-1.4cqw}to{translate:1.4cqw}}.hm .hm-dragon{animation:4.8s ease-in-out infinite alternate hm-sway}.hm .hm-dragon.right{animation-delay:-2.4s}@keyframes hm-sway{0%{rotate:-2.5deg}to{rotate:2.5deg}}.hm .hm-disc-ring:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(115deg,#0000 42%,#ffffff61 50%,#0000 58%) 150% 0/260% 100% no-repeat;border-radius:50%;animation:7s ease-in-out infinite hm-sheen;position:absolute;inset:0}.hm .hm-disc[data-v=jieqi] .hm-disc-ring:before{animation-delay:-1.7s}.hm .hm-disc[data-v=doc] .hm-disc-ring:before{animation-delay:-3.5s}.hm .hm-disc[data-v=watch] .hm-disc-ring:before{animation-delay:-5.2s}@keyframes hm-sheen{0%,55%{background-position:150% 0}85%,to{background-position:-60% 0}}:root{--bg:#1f150d;--bg2:#2b1d12;--panel:#3a2818;--text:#f4ead8;--muted:#b9a88f;--accent:#e0a63a;--red:#c4372c;--good:#7fcf8a;--bad:#ff8a7a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:radial-gradient(ellipse at top, var(--bg2), var(--bg));color:var(--text);overscroll-behavior:none}button{font:inherit;color:var(--text);background:var(--panel);cursor:pointer;touch-action:manipulation;border:1px solid #5a4128;border-radius:10px;padding:10px 14px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}button.primary{color:#2a1a06;background:linear-gradient(#e7b04a,#c88a1f);border-color:#f0c566;font-weight:700}button.ghost{background:0 0;border-color:#0000;padding:8px 10px}button.link{color:var(--accent);background:0 0;border:none;text-decoration:underline}.muted{color:var(--muted)}.tiny{font-size:12px}.menu{place-items:center;min-height:100%;padding:16px;display:grid}.menu-card{background:var(--panel);border:1px solid #5a4128;border-radius:18px;flex-direction:column;gap:12px;width:min(440px,100%);padding:22px 20px;display:flex;box-shadow:0 10px 40px #0008}.logo{color:#8b2a1e;background:#f3e6c8;border:4px solid #8b2a1e;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto;font:700 36px/1 serif;display:grid}h1{text-align:center;margin:0;font-size:28px}.tagline{text-align:center;color:var(--muted);margin:0 0 4px;font-size:14px;line-height:1.45}.label{color:var(--muted);margin-top:4px;font-size:13px}.seg{gap:8px;display:flex}.seg button{flex:1}.seg button.on{border-color:var(--accent);color:#fff;background:#6b4a24}.seg button.on.red{background:#7d2a22}.check-row{cursor:pointer;align-items:flex-start;gap:10px;font-size:14px;line-height:1.35;display:flex}.check-row input{width:18px;height:18px;accent-color:var(--accent);margin-top:3px}.game{flex-direction:column;max-width:1100px;height:100dvh;margin:0 auto;display:flex}.topbar{flex:none;justify-content:space-between;align-items:center;padding:4px 8px;display:flex}.topbar .title{letter-spacing:.3px;font-weight:700}.main{flex-direction:column;flex:1;gap:8px;min-height:0;padding:0 8px 8px;display:flex;overflow:auto}.boardcol{flex-direction:column;flex:none;align-items:center;gap:4px;display:flex}.boardwrap{aspect-ratio:544/602;width:min(100%,90.37dvh - 222.31px);position:relative}.board{touch-action:manipulation;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 6px 14px #0009);width:100%;height:100%;display:block}.board :not(.hit){pointer-events:none}.hit{fill:#0000;cursor:pointer;pointer-events:all}.boardbg{fill:#e3bf80;stroke:var(--frame,#6b4a24);stroke-width:4px}.grid .gridframe{fill:none;stroke:var(--grid,#5b3b1c);display:none}body[data-theme=maple] .boardbg{stroke:#9a6a36;stroke-width:16px}body[data-theme=maple] .board{filter:drop-shadow(0 3px #6e4a22)drop-shadow(0 10px 16px #000a)}body[data-theme=maple] .grid .gridframe{stroke-width:3px;display:inline}body[data-theme=maple] .disc.shadow{opacity:.45}body[data-theme=maple] .disc.rim{fill:#8a6232}body[data-theme=maple] .disc.blank,body[data-theme=maple] .disc.face{stroke:#9a7848}body[data-theme=maple] .ring.blankring{stroke:#d9bf94}.grid line,.grid path{stroke:var(--grid,#5b3b1c);stroke-width:1.6px;fill:none}.grid .river{fill:var(--grid,#5b3b1c);opacity:.7;text-anchor:middle;letter-spacing:6px;font:700 24px serif}.piece{transition:transform .28s cubic-bezier(.3,.7,.3,1)}.disc.shadow{fill:#000;opacity:.34;transform:translate(1.5px,3.5px)}.disc.rim{fill:#9c8660;transform:translateY(2.5px)}.disc.blank,.disc.face{fill:url(#pieceMat);stroke:#b3a177;stroke-width:1px}.ring.blankring{fill:none;stroke:#e6dcc4;stroke-width:1.5px}.ring{fill:none;stroke-width:2px}.ring.red{stroke:#c4372c}.ring.black{stroke:#202020}body[data-theme=gloss_marble] .disc.shadow,body[data-theme=jade] .disc.shadow{opacity:.6;transform:translate(1.5px,4.5px)}body[data-theme=gloss_marble] .disc.rim,body[data-theme=jade] .disc.rim{fill:#6b5532;transform:translateY(3px)}body[data-theme=gloss_marble] .disc.blank,body[data-theme=gloss_marble] .disc.face,body[data-theme=jade] .disc.blank,body[data-theme=jade] .disc.face{stroke:#7a6440;stroke-width:1.6px}body[data-theme=gloss_marble] .ring.blankring,body[data-theme=jade] .ring.blankring{stroke:#b49c6e}.glyph{text-anchor:middle;font:700 28px Noto Serif CJK SC,Noto Serif SC,SimSun,serif}.glyph.red{fill:#c4372c}.glyph.black{fill:#1c1c1c}.glyph.glyph-hl{fill:#ffffffb3;transform:translate(.7px,1px)}.flipping{transform-origin:0 0;animation:.5s flip}.flipping .back{animation:.5s step-end forwards hideback}.front-anim{animation:.5s step-end showfront}@keyframes flip{0%{transform:scaleX(1)}50%{transform:scaleX(.02)}to{transform:scaleX(1)}}@keyframes hideback{0%{opacity:1}50%,to{opacity:0}}@keyframes showfront{0%{opacity:0}50%,to{opacity:1}}.lastfrom{fill:#ffd34d;fill-opacity:.14;stroke:#f0a500;stroke-width:3px;stroke-dasharray:7 5}.lastto{fill:#ffd34d;fill-opacity:.3;stroke:#f0a500;stroke-width:4px;animation:.7s ease-in-out 2 lastflash}.lastarrow{stroke:#f0a500;stroke-width:4px;stroke-linecap:round;opacity:.85;pointer-events:none}@keyframes lastflash{50%{fill-opacity:.75;stroke-width:7px}}.selected{fill:none;stroke:#ffcf4a;stroke-width:4px}.dest{fill:#2f9e5b;opacity:.85}.dest.capture{fill:none;stroke:#e2453a;stroke-width:4px;opacity:.95}.check{fill:none;stroke:#ff3b30;stroke-width:4px;animation:.9s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.45}}.player{border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px 8px;width:100%;min-height:34px;padding:3px 8px;display:flex}.player.active{background:#ffffff12}.dot{background:#f8f2e4;border:2px solid;border-radius:50%;flex:none;width:14px;height:14px}.dot.red{border-color:#e2453a}.dot.black{border-color:#111}.turn-chip{background:var(--accent);color:#2a1a06;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.tray{flex-wrap:wrap;align-items:center;gap:3px;margin-left:auto;display:flex}.mini.unknown{background:#e9dcc0;border-color:#b3a177}.mini.was-hidden{background:#d8c9a4}.caprow{flex-wrap:wrap;flex:auto;justify-content:flex-end;align-items:center;gap:3px;min-height:0;margin-left:auto;padding:0;display:flex}.mini{background:#f8f2e4;border:1.5px solid;border-radius:50%;place-items:center;width:22px;height:22px;font:700 15px serif;display:grid}.mini.red{color:#c4372c;border-color:#c4372c}.mini.black{color:#1c1c1c;border-color:#1c1c1c}.side{flex-direction:column;flex:none;gap:8px;min-height:0;display:flex}.panel{background:#00000030;border:1px solid #ffffff14;border-radius:12px;padding:10px 12px}.panel h3{color:var(--muted);margin:0 0 6px;font-size:14px;font-weight:600}.pool{border-collapse:collapse;text-align:center;width:100%;font-size:14px}.pool th{color:var(--muted);padding:2px;font-size:12px;font-weight:600}.pool th.red{color:#ff7a6b;text-align:left}.pool th.black{color:#ddd;text-align:left}.pool td{padding:3px 2px;font-weight:700}.pool td small{color:var(--muted);font-weight:400}.pool td.zero{opacity:.35}.log{max-height:150px;font-size:13px;line-height:1.45;overflow:auto}.logline .n{color:var(--muted)}.logline.good{color:var(--good)}.logline.bad{color:var(--bad)}.actions{gap:8px;display:flex}.actions button{flex:1}.player{position:relative}.boardpop{z-index:6;pointer-events:none;justify-content:center;display:flex;position:absolute;left:6%;right:6%}.boardpop.top{top:14%}.boardpop.bottom{bottom:14%}.boardpop .chatpop{color:#1c1208;box-shadow:none;text-shadow:0 0 4px #fffa;background:#fffaf0b0;animation:3s forwards boardpop}@keyframes boardpop{0%{opacity:0;transform:scale(.8)}10%{opacity:.8;transform:scale(1)}80%{opacity:.8}to{opacity:0}}.chatpop{color:#2a1a06;overflow-wrap:anywhere;background:#fffaf0;border-radius:14px;max-width:85%;padding:7px 12px;font-size:15px;font-weight:600;animation:3.5s forwards chatpop;box-shadow:0 6px 18px #000a}.chatpop.sticker{font-size:16px}.chatpop .big{vertical-align:middle;font-size:28px}@keyframes chatpop{0%{opacity:0;transform:scale(.6)}8%{opacity:1;transform:scale(1.08)}14%{transform:scale(1)}85%{opacity:1}to{opacity:0}}.chathead{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.chathead h3{margin:0 0 6px}button.link.chatmute{color:var(--muted);padding:0;font-size:12px;text-decoration:none}.chatlist{flex-direction:column;gap:4px;min-height:44px;max-height:140px;font-size:14px;display:flex;overflow:auto}.chatmsg{overflow-wrap:anywhere;background:#ffffff12;border-radius:12px;flex-direction:column;align-self:flex-start;max-width:85%;padding:4px 10px;display:flex}.chatmsg.mine{background:color-mix(in srgb, var(--accent) 28%, transparent);align-self:flex-end}.chatmsg small{color:var(--muted);font-size:11px}.chatmsg.sticker span{font-size:15px}.stickers{scrollbar-width:thin;gap:6px;padding:8px 0 6px;display:flex;overflow-x:auto}.stk{background:#ffffff10;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;padding:0;font-size:24px;display:grid}.stk:active{transform:scale(.9)}.chatinput{gap:6px;display:flex}.chatinput input{flex:1;padding:8px 10px}.chatinput button{flex:none;padding:8px 14px}.modal-back{z-index:10;background:#000a;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid #6b4a24;border-radius:16px;flex-direction:column;gap:10px;width:min(520px,100%);max-height:92dvh;padding:20px;display:flex;overflow:auto}.modal.small{text-align:center;width:min(340px,100%)}.modal h2{margin:0}.modal .row{gap:8px;display:flex}.modal .row button{flex:1}.modal.result{text-align:center}.rules{flex-direction:column;gap:8px;margin:0;padding-left:20px;font-size:14px;line-height:1.45;display:flex}.floating{z-index:5;background:var(--accent);color:#2a1a06;border:none;font-weight:700;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0008}@media (min-width:860px) and (min-aspect-ratio:1){.main{flex-direction:row;justify-content:center;align-items:flex-start;gap:16px;padding-top:4px;overflow:hidden}.boardwrap{width:min(100%,90.37dvh - 186.162px)}.boardcol{width:min(560px,90.37dvh - 186.162px)}.side{width:340px;height:100%;overflow:auto}.log{max-height:36dvh}}@media (max-height:700px) and (max-width:859px){.boardwrap{width:min(100%,90.37dvh - 195.199px)}}@font-face{font-family:WenKaiBanner;src:url(/fonts/wenkai-banner.woff2)format("woff2");font-display:swap}@font-face{font-family:WenKaiPieces;src:url(/fonts/wenkai-pieces.woff2)format("woff2");font-display:swap}body:before{content:"";z-index:-1;background:var(--bg-img,none) center / cover no-repeat;filter:blur(7px)brightness(.75)saturate(.9);position:fixed;inset:-24px}.glyph,.mini,.logo,.grid .river,.theme-piece{font-family:WenKaiPieces,Noto Serif CJK SC,serif!important}body[data-theme=jade]{--bg:#0c1f1b;--bg2:#12302a;--panel:#173a33;--accent:#6fd3b3}body[data-theme=jade] button{border-color:#2e5f54}body[data-theme=jade] button.primary{color:#06231b;background:linear-gradient(#8ee0c4,#4fb593);border-color:#a6ecd5}body[data-theme=jade] .seg button.on{background:#1f5a4c}body[data-theme=ink]{--bg:#0b0d1a;--bg2:#151a30;--panel:#1b2038;--accent:#c9b98a}body[data-theme=ink] button{border-color:#353c63}body[data-theme=ink] .seg button.on{background:#2c3460}.menu-card,.modal,.panel{-webkit-backdrop-filter:blur(6px)}.menu-card{background:color-mix(in srgb, var(--panel) 88%, transparent)}.row-links{justify-content:center;gap:18px;display:flex}.modal.settings{gap:8px}.seg.wrap button{flex-direction:column;flex:40%;gap:2px;padding:8px 10px;display:flex}.seg button small{color:var(--muted);font-size:11px;font-weight:400}.seg button.on small{color:#e8dcc6}.themes{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.theme-card{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;display:flex}.theme-card.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset;background:#ffffff14}.theme-card b{font-size:13px}.theme-card small{color:var(--muted);font-size:10.5px;line-height:1.3}.theme-thumb{aspect-ratio:4/3;background-size:cover;border-radius:8px;place-items:center;width:100%;display:grid}.theme-piece{background-size:cover;border:2px solid #0002;border-radius:50%;place-items:center;width:42px;height:42px;font-size:26px;display:grid;box-shadow:0 3px 6px #0007}.slider{align-items:center;gap:10px;font-size:14px;display:flex}.slider span{flex:none;width:110px}.slider input{accent-color:var(--accent);flex:1}.toast{z-index:20;background:var(--panel);border:1px solid var(--accent);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;width:min(440px,100% - 24px);padding:10px 12px;font-size:14px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #000a}.toast span{flex:100%}.toast button{flex:1}.acct{justify-content:center;margin-top:-4px;display:flex}.online-btn{background:linear-gradient(#3b6b4f,#2c5440);border-color:#5fa57f;font-weight:700}.authform{flex-direction:column;gap:10px;display:flex}.authform h2{text-align:center;margin:0}.field{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}input{font:inherit;color:var(--text);background:#00000040;border:1px solid #5a4128;border-radius:10px;width:100%;padding:10px 12px}input:focus{border-color:var(--accent);outline:none}.formerr{color:var(--bad);font-size:14px}.formok{color:var(--good);font-size:14px}.statrow{text-align:center;grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.statrow b{font-size:22px;display:block}.statrow span{color:var(--muted);font-size:12px}.seg.wrap{flex-wrap:wrap}.seg.wrap button{flex:22%}.lobby h3,.waitcard h3{margin:6px 0 0;font-size:16px}.lobby,.waitcard{margin:12px auto}.lobby .row,.waitcard .row{gap:8px;display:flex}.codeinput{text-align:center;letter-spacing:6px;font-size:20px;font-weight:700}.roomcode{text-align:center;letter-spacing:8px;color:var(--accent);-webkit-user-select:all;user-select:all;padding:6px 0;font:700 44px/1.1 ui-monospace,monospace}.waitcard{text-align:center;align-items:stretch}.waiting{color:var(--muted);animation:1.6s ease-in-out infinite pulse}.clock{background:#00000050;border-radius:8px;margin-left:auto;padding:4px 8px;font:700 18px/1 ui-monospace,monospace}.clock.low{color:var(--bad)}.offchip{color:var(--bad);border:1px solid var(--bad);border-radius:999px;padding:1px 6px;font-size:12px}.toast{color:#fff;z-index:60;text-align:center;background:#000d;border-radius:12px;max-width:90vw;padding:10px 16px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.netbar{color:#fff;text-align:center;z-index:70;background:#a33;padding:4px;font-size:13px;position:fixed;top:0;left:0;right:0}.tray.capt{margin:8px 0 0}.tierbadge{color:#b3261e;background:#f3e6c8;border:3px solid #8b2a1e;border-radius:50%;flex:none;place-items:center;font-family:serif;font-weight:700;line-height:1;display:inline-grid}.rankcard{background:#00000030;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:8px;padding:10px;display:flex}.offcard{background:#f6c6d61f;border:1px solid #f6c6d073;border-radius:14px;padding:10px}.offcard>summary{cursor:pointer;text-align:center;color:#f8d3dd;padding:4px 14px;font-weight:700;list-style:none;position:relative}.offcard>summary::-webkit-details-marker{display:none}.offcard>summary:after{content:"▾";color:#f8d3dd;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.offcard[open]>summary:after{content:"▴"}.offbody{flex-direction:column;gap:8px;margin-top:8px;display:flex}.rankhead{text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:0;display:flex}.rankinfo{flex-direction:column;flex:1;min-width:0;display:flex}.rankinfo b{text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.rankinfo small{color:var(--muted)}.rankstats{color:var(--muted);white-space:nowrap;font-size:12px}.rankbar{background:#00000050;border-radius:999px;height:20px;position:relative;overflow:hidden}.rankbar-fill{background:linear-gradient(90deg, #8b5a1a, var(--accent));border-radius:999px;position:absolute;inset:0 auto 0 0}.rankbar span{text-align:center;text-shadow:0 1px 2px #000a;font-size:12px;line-height:20px;display:block;position:relative}.rank-btn{padding:13px 14px;font-size:17px}.row-links{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:2px}.row-links>button.link{color:var(--text);white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1c;border-radius:10px;flex:0 calc(33.3333% - 5.33333px);padding:9px 4px;font-size:14px;text-decoration:none}.row-links>button.link:hover{background:#ffffff1a}button.link.logout{color:var(--muted);align-self:center;padding:4px 12px;font-size:14px;text-decoration:none}.ratechip{color:var(--accent);background:#ffffff1c;border-radius:999px;padding:1px 8px;font-size:12px;font-weight:700}.turnclock{color:var(--text);background:#00000050;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.turnclock.low{color:#fff;background:#b3261e;animation:.8s ease-in-out infinite pulse}.ratingchange{flex-direction:column;align-items:center;gap:2px;margin:4px 0 8px;display:flex}.ratingchange b{font-size:26px}.ratingchange b.up,.hdelta.up{color:var(--good)}.ratingchange b.down,.hdelta.down{color:var(--bad)}.tiernote{color:var(--accent);margin-top:4px;font-weight:700}.queueme{justify-content:center;align-items:center;gap:10px;display:flex}.hint{background:#00000030;border-radius:12px;flex-direction:column;gap:8px;padding:10px;font-size:14px;display:flex}.rankrules{color:var(--muted);margin:0;padding-left:18px;font-size:14px;line-height:1.5}.lbmodal{flex-direction:column;gap:8px;display:flex}.lbmodal h2{text-align:center;margin:0}.lblist{flex-direction:column;gap:4px;max-height:52dvh;display:flex;overflow:auto}.lbrow{background:#00000026;border-radius:10px;align-items:center;gap:10px;padding:6px 8px;display:flex}.lbrow.me{border:1px solid var(--accent);background:#e0a63a33}.lbrank{text-align:center;width:28px;font-weight:700}.lbname{text-overflow:ellipsis;white-space:nowrap;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.lbname small,.lbscore small{color:var(--muted);font-size:11px}.lbscore{flex-direction:column;align-items:flex-end;display:flex}.lbscore b{font-size:17px}.histcard{gap:6px;margin:8px auto}.histhead{color:var(--muted);margin:6px 0 0;font-size:14px;font-weight:600}.histrow{text-align:left;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.hout{text-align:center;background:#ffffff18;border-radius:8px;width:46px;padding:4px 0;font-size:13px;font-weight:700}.hout.win{color:var(--good)}.hout.loss{color:var(--bad)}.hmain{flex-direction:column;flex:1;min-width:0;display:flex}.hmain small{color:var(--muted);font-size:12px}.hmain .dot{vertical-align:baseline;width:10px;height:10px;display:inline-block}.hdelta{text-align:right;min-width:34px;font-weight:700}.replaybar{justify-content:center;gap:6px;width:100%;display:flex}.replaybar button{flex:1;padding:8px 0}.replayslider{width:100%;accent-color:var(--accent)}.log{position:relative}button.logline.linkline{text-align:left;width:100%;font-size:inherit;background:0 0;border:none;border-radius:6px;padding:3px 4px;display:block}button.logline.linkline.cur{background:#e0a63a30}.ruleshead{margin:14px 0 4px;font-size:16px}.check-chip{color:#fff;background:#b3261e;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700;animation:.9s ease-in-out infinite pulse}.boardnote{z-index:7;pointer-events:none;text-align:center;color:#fff;background:#000000a6;border-radius:12px;padding:6px 12px;font-size:13px;font-weight:600;line-height:1.35;animation:2.8s forwards boardpop;position:absolute;top:50%;left:8%;right:8%;transform:translateY(-50%)}.boardnote.good{color:#b8f5cf}.boardnote.bad{color:#ffc9c4}.boardnote.stay{opacity:.92;animation:none}.onlinechip{color:var(--muted);text-align:center;font-size:13px}.onlinechip.inline{margin-left:4px;font-size:12px;font-weight:600}.boardcol{gap:2px}.main{gap:6px}.chatpanel{padding:8px 10px}.chathead h3{margin:0 0 4px;font-size:13px}.chatlist{min-height:36px;max-height:120px}.stickers{padding:6px 0 5px}.stk{width:38px;height:38px;font-size:22px}.modal.vexport{text-align:center;width:min(380px,100%)}.vexport .seg button{flex-direction:column;gap:2px;padding:8px 6px;display:flex}.vexport .label{text-align:left}.vprevbox{justify-content:center;display:flex}.vprevbox .vcanvas{aspect-ratio:9/16;background:#000;border-radius:10px;width:auto;max-width:100%;max-height:46dvh;box-shadow:0 4px 14px #0008}.vprev{background:#000;border-radius:10px;width:100%;max-height:52dvh}.vbar{background:#ffffff1f;border-radius:4px;height:8px;overflow:hidden}.vbar i{background:var(--accent);height:100%;transition:width .3s linear;display:block}.vidbtn{width:100%}[data-variant=xiangqi]{--vacc:#dcb86c;--vacc2:#b88a35}[data-variant=jieqi]{--vacc:#5fcfae;--vacc2:#2f9a7b}[data-variant=doc]{--vacc:#f2825a;--vacc2:#c4452a}.menuhead{justify-content:center;align-items:center;gap:14px;margin-bottom:2px;display:flex}.menuhead .logo{border-width:3px;flex:none;width:54px;height:54px;margin:0;font-size:30px}.menuhead h1{text-align:left;font-size:25px;line-height:1.1}.menuhead .onlinechip{text-align:left;margin-top:3px}.vtabs{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.vtab{background:#00000026;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:10px 4px 9px;transition:background .15s,border-color .15s;display:flex;position:relative}.vtab b{white-space:nowrap;font-size:13.5px;font-weight:700}.vtab:not(.on){color:var(--muted)}.vtab.on{background:color-mix(in srgb, var(--vacc) 20%, transparent);border-color:var(--vacc);color:var(--text);box-shadow:inset 0 -3px 0 var(--vacc)}.vtab:hover:not(:disabled){border-color:var(--vacc)}.vicon{color:#c4372c;background:#efe4c6;border:2px solid #9c8660;border-radius:50%;place-items:center;width:36px;height:36px;font:700 21px/1 WenKaiPieces,serif;display:grid;position:relative;box-shadow:0 2px #6b5532,0 3px 6px #0006}.vicon:after{content:"";border:1.5px solid #b49c6e;border-radius:50%;position:absolute;inset:4px}.vicon.xiangqi:after{border-color:#c4372c}.vicon.doc{background:conic-gradient(from 135deg, #c4372c 0 50%, #26262a 0 100%)}.vicon.doc:after{border-color:#efe4c6}.vtab:not(.on) .vicon{filter:saturate(.6)brightness(.85)}.vdesc{text-align:center;color:var(--muted);margin:0;font-size:13px;line-height:1.4}.vdesc b{color:var(--vacc)}.rankcard[data-variant]{border-color:color-mix(in srgb, var(--vacc) 45%, transparent)}.rank-btn[data-variant]{background:linear-gradient(var(--vacc), var(--vacc2));color:#1a1208;border-color:var(--vacc)}.vtitle{color:var(--vacc,var(--accent));font-weight:800}.vtag{background:color-mix(in srgb, var(--vacc) 24%, transparent);color:var(--vacc);border-radius:999px;margin-right:2px;padding:1px 7px;font-size:11px;font-weight:700;display:inline-block}.vfilter{flex-wrap:wrap;gap:6px;display:flex}.vfilter button{color:var(--muted);background:#00000026;border-color:#ffffff1a;border-radius:999px;padding:6px 11px;font-size:13px}.vfilter button.on{color:var(--text);border-color:var(--vacc,var(--accent));background:color-mix(in srgb, var(--vacc,var(--accent)) 22%, transparent);font-weight:700}@media (max-height:720px){.menu{padding:8px}.menu-card{gap:8px;padding:14px}.menuhead .logo{width:44px;height:44px;font-size:24px}.menuhead h1{font-size:21px}.vtab{gap:4px;padding:7px 2px 6px}.vicon{width:30px;height:30px;font-size:17px}.rank-btn{padding:10px 12px;font-size:16px}}.live-btn{border-color:color-mix(in srgb, var(--accent,#dcb86c) 55%, transparent)}.livecard{flex-direction:column;gap:10px;display:flex}.livehead{align-items:center;gap:10px;display:flex}.livehead h2{margin:0;font-size:1.15rem}.liveempty{text-align:center;color:var(--muted,#9aa);background:#ffffff0d;border-radius:12px;padding:14px;font-size:.9rem}.livelist{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.livegame{text-align:left;border:1px solid color-mix(in srgb, var(--vc,#dcb86c) 45%, transparent);background:#ffffff0d;border-radius:12px;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;width:100%;padding:10px;display:grid}.livegame[data-variant=xiangqi]{--vc:#dcb86c}.livegame[data-variant=jieqi]{--vc:#5fcfae}.livegame[data-variant=doc]{--vc:#f2825a}.livep{align-items:center;gap:6px;min-width:0;display:flex}.livep.right{text-align:right;flex-direction:row-reverse}.livep b{text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;overflow:hidden}.livep small{opacity:.7}.livevs{opacity:.85;flex-direction:column;align-items:center;font-size:.72rem;display:flex}.livevs i{color:var(--vc,#dcb86c);font-style:normal;font-weight:700}.watchrow{flex-wrap:wrap;align-items:center;gap:10px;padding:4px 2px;font-size:.85rem;display:flex}.watchinfo{text-align:center;opacity:.75;padding:4px;font-size:.82rem}.watchtag{opacity:.85;margin-left:6px;font-size:.85em}.livename{flex-direction:column;min-width:0;line-height:1.2;display:flex}.livep.right .livename{align-items:flex-end}.livecard .row{align-items:stretch}.livecard .watchgo{flex:none;padding-inline:22px}.livecard .codeinput{flex:1;min-width:0}.livegame{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.livemeta{text-align:center;opacity:.7;grid-column:1/-1;font-size:.75rem}.livecard .row{flex-flow:row;gap:8px;display:flex}.sndrow{align-items:center;gap:12px;display:flex}.sndrow .slider{flex:1;min-width:0}.sndrow.off .slider{opacity:.45}.switch{background:#2b211a;border:1px solid #ffffff2e;border-radius:13px;flex:none;width:46px;height:26px;padding:0;transition:background .15s;position:relative}.switch i{background:#a99;border-radius:50%;width:20px;height:20px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.switch.on{border-color:var(--accent);background:#8a6420}.switch.on i{background:#fff4d6;transform:translate(20px)}.seg.packs button{flex-direction:row;justify-content:center;gap:6px}.badge{color:#fff;vertical-align:1px;background:#d9412f;border-radius:9px;place-items:center;min-width:18px;height:18px;margin-left:5px;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:inline-grid}button.lbrow{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer}.pname{cursor:pointer;text-underline-offset:3px;-webkit-text-decoration:underline dotted #ffffff59;text-decoration:underline dotted #ffffff59}.modal.profile{gap:12px}.profhead{align-items:center;gap:12px;display:flex}.profname{flex:1;min-width:0}.profname h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.25rem;overflow:hidden}.profname small{opacity:.75;font-size:.8rem}.profclose{align-self:flex-start}.profstats{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.profstats>div{border:1px solid color-mix(in srgb, var(--vc,#dcb86c) 35%, transparent);background:#ffffff0d;border-radius:10px;flex-direction:column;align-items:center;padding:8px 4px;display:flex}.profstats[data-variant=xiangqi]{--vc:#dcb86c}.profstats[data-variant=jieqi]{--vc:#5fcfae}.profstats[data-variant=doc]{--vc:#f2825a}.profstats b{color:var(--vc);font-size:1.05rem}.profstats span{opacity:.7;text-align:center;font-size:.68rem}.profacts{flex-wrap:wrap;gap:8px;display:flex}.profacts button{flex:45%}.profrecent{flex-direction:column;gap:6px;max-height:260px;display:flex;overflow:auto}.profmore{border-top:1px solid #ffffff14;justify-content:center;gap:18px;padding-top:4px;display:flex}.reportnote{box-sizing:border-box;resize:vertical;width:100%;color:inherit;font:inherit;background:#0004;border:1px solid #6b4a24;border-radius:10px;padding:8px}.invitemodal .inviteicon{font-size:2.2rem}.friendcard{flex-direction:column;gap:10px;display:flex}.findrow{gap:8px;display:flex}.findrow input{flex:1;min-width:0}.friendlist{flex-direction:column;gap:6px;max-height:52dvh;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.friendrow{background:#ffffff0d;border-radius:12px;align-items:center;gap:6px;padding:6px;display:flex}.friendrow.offline{opacity:.75}.friendmain{text-align:left;min-width:0;color:inherit;font:inherit;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:2px;display:flex}.friendmain small{opacity:.75;font-size:.75rem}.smallbtn{white-space:nowrap;padding:6px 10px;font-size:.82rem}.pdot{vertical-align:0;background:#777;border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.pdot.online{background:#3ecf6e}.pdot.playing{background:#f2b33d}.profmore{flex-wrap:wrap;gap:4px 16px}.profmore button{white-space:nowrap}.pz-card{max-height:100dvh;overflow-y:auto}.pz-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin:6px 0 10px;display:grid}.pz-item{text-align:left;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;display:flex;position:relative}.pz-item .pz-num{color:var(--accent);font-size:1rem}.pz-item .pz-name{color:var(--muted);font-size:.82rem}.pz-item.done{background:color-mix(in srgb, var(--panel) 80%, #2f6a3c);border-color:#4f8a5b}.pz-tick{color:var(--good);font-style:normal;font-weight:700;position:absolute;top:8px;right:10px}.pz-goal{text-align:center;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;display:flex}.pz-goal b{font-size:.95rem}.pz-goal span{font-size:.8rem}.vs-back{z-index:60;cursor:pointer;background:radial-gradient(circle,#3b1a12ee,#0a0604f5 72%);flex-direction:column;justify-content:space-between;align-items:center;padding:10vh 0;animation:2.4s both vs-fade;display:flex;position:fixed;inset:0}@keyframes vs-fade{0%{opacity:0}8%{opacity:1}88%{opacity:1}to{opacity:0}}.vs-side{background:#0005;border:1px solid #fff2;border-radius:20px;flex-direction:column;align-items:center;gap:6px;min-width:56vw;padding:14px 40px;display:flex}.vs-side.top{animation:.5s cubic-bezier(.2,.9,.3,1.2) both vs-in-top}.vs-side.bottom{animation:.5s cubic-bezier(.2,.9,.3,1.2) .12s both vs-in-bottom}@keyframes vs-in-top{0%{transform:translateY(-60vh)}to{transform:none}}@keyframes vs-in-bottom{0%{transform:translateY(60vh)}to{transform:none}}.vs-name{color:#fff3c2;font-size:22px;font-weight:800}.vs-rate{color:#e9dcc0;font-size:14px}.vs-rate b{color:#ffd34d;font-size:20px}.vs-mid{color:#ffb62e;text-shadow:0 0 22px #ff6a3acc,0 4px #5a1d00;font-family:HmBrush,cursive;font-size:84px;line-height:1;animation:.55s cubic-bezier(.2,1.6,.4,1) .35s both vs-thump}@keyframes vs-thump{0%{opacity:0;transform:scale(3.2)}to{opacity:1;transform:none}}.modal.result{animation:.45s cubic-bezier(.2,1.4,.4,1) both result-pop;position:relative;overflow:hidden}@keyframes result-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}.modal.result.won h2{background:linear-gradient(#fff,#ffd34d 60%,#ff9a3a);color:#0000;filter:drop-shadow(0 2px #5a2a00);-webkit-background-clip:text;background-clip:text}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{border-radius:2px;animation:linear both confetti-fall;position:absolute;top:-12px}@keyframes confetti-fall{to{transform:translate(var(--dx), 110vh) rotate(var(--rot));opacity:.85}}.waitcard .queueme{align-items:center;gap:8px;display:inline-flex;position:relative}.waitcard .queueme:before,.waitcard .queueme:after{content:"";border:2px solid var(--accent);opacity:0;border-radius:50%;width:34px;height:34px;margin:-17px 0 0 -17px;animation:2.4s ease-out infinite radar;position:absolute;top:50%;left:17px}.waitcard .queueme:after{animation-delay:1.2s}@keyframes radar{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(4.2)}}@media (prefers-reduced-motion:reduce){.vs-back,.vs-side,.vs-mid,.modal.result,.confetti i,.waitcard .queueme:before,.waitcard .queueme:after{animation:none!important}}.link.danger{color:#ff8a7a}.delbox{background:#3a1410aa;border:1px solid #ff6a5a55;border-radius:12px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.delbox p{color:#f1d9d3;margin:0;font-size:13px;line-height:1.45}.dangerbtn{color:#fff;background:#b3261e;border-color:#ff6a5a}.dangerbtn:disabled{opacity:.5}