:root{--page:#f5f6f8;--ink:#29313d;--porcelain:#fafcf5;--red:#b94335;--brass:#866020;--surface:#ffffff;--muted:#616b79;--line:#d3d8df;--scroll-thumb:#929ba9;--scroll-track:#f5f6f8;--scroll-hover:#616b79;--scroll-active:#866020;--sans:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;--display:"STSong","Songti SC","SimSun",serif;--mono:"Cascadia Code",Consolas,monospace;color-scheme:light;scrollbar-color:var(--scroll-thumb) var(--scroll-track);scrollbar-width:thin}
*{box-sizing:border-box}html{scrollbar-gutter:stable;min-width:320px}body{margin:0;background:var(--page);color:var(--ink);font:15px/1.7 var(--sans);}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-underline-offset:4px}button:disabled{cursor:wait;opacity:.7}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--brass);outline-offset:7px}button:active{transform:translateY(2px)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}::selection{background:var(--brass);color:var(--ink)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scroll-track)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid var(--scroll-track);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-hover)}::-webkit-scrollbar-thumb:active{background:var(--scroll-active)}
.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-160%);z-index:10;padding:10px 16px;background:var(--porcelain);color:var(--ink)}.skip-link:focus{transform:none}.table-shell{max-width:1000px;min-height:calc(100svh - 155px);margin:auto;padding:0 32px}.intro{min-height:calc(100svh - 155px);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:48px 0;text-align:center}.eyebrow{font-size:12px;letter-spacing:.18em;color:var(--brass)}h1{font:clamp(30px,4vw,46px)/1.45 var(--display);font-weight:400;letter-spacing:.08em;white-space:pre-line;margin:17px 0 16px}.draw-button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:208px;height:266px;border-radius:17px;margin:34px auto 30px;border:1px solid #fff;background:var(--porcelain);color:var(--ink);box-shadow:0 7px 0 #d5dbe2,0 13px 0 #929caa,0 27px 36px #29313d22,inset 0 0 0 8px #eceff3;transition:transform .2s,box-shadow .2s}.draw-button:hover:not(:disabled){transform:translateY(-5px) rotate(-1deg);box-shadow:0 7px 0 #d5dbe2,0 13px 0 #929caa,0 33px 38px #29313d22,inset 0 0 0 8px #eceff3}.draw-button:active:not(:disabled){transform:translateY(5px);box-shadow:0 3px 0 #d5dbe2,0 6px 0 #929caa,0 13px 20px #29313d22,inset 0 0 0 8px #eceff3}.draw-engraving{font:112px/1.1 var(--display);color:var(--red);text-shadow:0 2px 0 white,0 -1px 0 #79372e}.draw-label{font-weight:600;font-size:15px;margin-top:20px;min-height:26px}.status{font-size:13px;text-align:center;min-height:28px;color:var(--muted);margin:12px 0 22px}.is-error{color:#a33428!important}.deal-stage{padding:40px 0 25px;transition:padding .6s;position:relative}.stage-top{margin-bottom:34px;display:flex;justify-content:space-between;align-items:center}.winds{font-size:12px;color:var(--muted)}.is-dealing .deal-stage{padding-top:clamp(90px,16vh,170px)}.is-dealing .stage-top{justify-content:center;gap:28px}.hand{display:flex;align-items:center;justify-content:center;gap:clamp(9px,2vw,24px);--tile-w:clamp(20px,4.8vw,55px);--tile-gap:clamp(2px,.35vw,4px)}.concealed-hand{display:flex;gap:var(--tile-gap);align-items:center}.winning-hand{display:flex;position:relative}.winning-hand.is-revealed:after{content:'和了';position:absolute;top:calc(100% + 11px);left:0;right:0;text-align:center;font-size:10px;color:var(--brass);letter-spacing:.08em}.tile{display:inline-block;flex:0 0 var(--tile-w);width:var(--tile-w);height:calc(var(--tile-w)*26/19);border-radius:5px;background-color:var(--ink);background-image:var(--tile-art);background-size:100% 100%;box-shadow:0 3px 0 #91afa5,0 6px 0 #4d736b,0 9px 12px #29313d22;color:transparent;font-family:"Segoe UI Symbol","Noto Sans Symbols 2",serif;font-size:calc(var(--tile-w)*1.35);line-height:1.04;overflow:hidden;white-space:nowrap;position:relative;user-select:text}.tile::selection{color:var(--ink);background:var(--brass)}.deal-progress{text-align:center;color:var(--muted);font-size:11px;margin-top:36px;letter-spacing:.1em}.has-result .deal-progress{margin-top:32px}.score-panel{display:grid;grid-template-columns:1fr 245px;gap:32px;border-top:1px solid var(--brass);border-bottom:1px solid var(--line);padding:29px 0 31px;margin-top:12px}.total-ep{display:flex;align-items:baseline;gap:12px;margin:5px 0 9px}.total-ep strong{font:500 clamp(42px,7vw,66px)/1.2 var(--mono);letter-spacing:-.06em;color:var(--ink)}.total-ep>span{color:var(--brass);font-size:15px}.ranking{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap}.ranking strong{font:500 20px var(--mono);color:var(--brass)}.ranking span{font-size:11px;color:var(--muted)}.score-secondary{padding-left:30px;border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.official-score{display:flex;justify-content:space-between;align-items:baseline;color:var(--muted);font-size:12px}.official-score strong{font-size:22px;font-weight:500;color:var(--ink)}.threshold{font-size:11px;margin:4px 0 0;color:var(--muted)}.threshold.below{color:#a33428}.share-button{margin-top:14px;border:1px solid var(--brass);background:var(--brass);color:var(--surface);padding:10px 17px;min-width:188px;border-radius:4px;font-weight:600;transition:background .2s}.share-button:hover:not(:disabled){background:var(--porcelain);border-color:var(--ink)}.copy-status{font-size:11px;min-height:19px;margin-top:5px;color:var(--muted)}.result-warning{grid-column:1/-1;color:#a33428;font-size:12px}.fans-section{padding:32px 0 10px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-heading h2{font-size:16px;font-weight:500;letter-spacing:.06em}.section-heading p{font-size:11px;color:var(--muted)}.fan-list{list-style:none;display:grid;gap:14px;padding:0;margin:0}.fan-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:20px 25px 24px;overflow:hidden}.fan-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:18px}.fan-identity{display:flex;gap:12px;align-items:center;min-width:0}.fan-identity h3{font-size:20px;font-family:var(--display);font-weight:500;letter-spacing:.03em}.source-label{color:var(--muted);border:1px solid #929ba9;border-radius:3px;padding:1px 6px;font-size:10px;white-space:nowrap}.fan-numbers{display:flex;align-items:center;gap:15px;white-space:nowrap}.fan-ep{color:var(--brass);font:15px var(--mono)}.base-fan{font-size:11px;color:var(--ink)}.base-fan.excluded{color:var(--muted)}.hand--compact{--tile-w:clamp(18px,3.9vw,42px);gap:clamp(8px,1.6vw,20px);justify-content:flex-start}.hand--compact .tile{filter:brightness(.68) saturate(.4);box-shadow:0 3px 0 #668b80,0 5px 0 #365d55}.hand--compact .tile.is-highlighted{filter:none;outline:2px solid var(--brass);outline-offset:1px;box-shadow:0 3px 0 #bca475,0 5px 0 #698a72}.fan-details{min-width:0;flex:1}.fan-description{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.7;overflow-wrap:anywhere}.footer{width:min(1120px,calc(100% - 80px));margin:25px auto 0;border-top:1px solid var(--line);padding:20px 0 26px;color:var(--muted);font-size:11px}.method{max-width:720px}.method summary{cursor:pointer;width:fit-content;min-height:30px;list-style-position:outside;margin-left:13px}.method summary:hover{color:var(--brass)}.method p{line-height:1.9;margin:8px 0 12px}.footer-line{display:flex;justify-content:space-between;margin-top:12px;gap:20px}.footer a:hover{color:var(--brass)}.bootstrap-status{padding:60px;text-align:center;color:var(--ink)}
@media(max-width:700px){.table-shell{padding:0 18px}.intro{padding-top:38px}h1{font-size:32px}.draw-button{width:184px;height:238px;margin-top:28px}.draw-engraving{font-size:98px}.draw-label{font-size:14px}.footer{width:calc(100% - 36px)}.stage-top{align-items:flex-start;gap:8px}.stage-top .eyebrow{font-size:10px;letter-spacing:.1em}.winds{font-size:10px;white-space:nowrap}.hand{--tile-w:calc((100vw - 36px - 13 * 2px - 13px) / 14);--tile-gap:2px;gap:13px}.tile{border-radius:3px}.score-panel{grid-template-columns:1fr;gap:23px;padding:24px 0}.score-secondary{border-left:0;border-top:1px solid var(--line);padding:17px 0 0;display:grid;grid-template-columns:1fr 150px;column-gap:20px}.official-score{justify-content:flex-start;gap:13px}.threshold{margin:0;grid-column:1;grid-row:2}.share-button{grid-column:2;grid-row:1/3;min-width:0}.copy-status{grid-column:1/-1;margin:5px 0 0;min-height:0}.ranking{gap:8px 13px}.ranking span{font-size:10px}.fan-card{padding:16px 12px 20px}.fan-heading{margin-bottom:20px;align-items:flex-start;gap:8px}.fan-identity{flex-direction:column;align-items:flex-start;gap:3px}.fan-identity h3{font-size:20px}.source-label{font-size:9px}.fan-numbers{flex-direction:column;align-items:flex-end;gap:2px;padding-top:4px}.fan-ep{font-size:15px}.hand--compact{--tile-w:calc((100vw - 36px - 26px - 13 * 2px - 10px) / 14);gap:10px}.section-heading h2{font-size:14px}.section-heading p{font-size:10px}.fans-section{padding-top:28px}.is-dealing .stage-top{gap:13px}.is-dealing .deal-stage{padding-top:80px}.footer-line{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.draw-button:hover:not(:disabled){transform:none}}
@media(forced-colors:active){:root{scrollbar-color:auto}.tile{background-image:none!important;color:CanvasText;background:Canvas;border:1px solid CanvasText}.tile.is-highlighted{outline:3px solid Highlight}.draw-button,.share-button{margin-top:14px;border:2px solid ButtonText}.source-label{border-color:CanvasText}}
.leaderboard{display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:7px 13px;margin:25px 0 0;color:var(--muted);font-size:11px;min-height:23px}.leaderboard strong{color:var(--brass);font:14px var(--mono)}.leader-name{max-width:100%;overflow-wrap:anywhere}.score-panel>.leaderboard{grid-column:1/-1;margin:0;padding-top:2px;justify-content:flex-start}.nickname-section{grid-column:1/-1;min-width:0;border-top:1px solid var(--line);padding-top:20px}.nickname-summary{display:flex;align-items:baseline;gap:14px}.nickname-name{min-width:0;font-size:22px;font-weight:600;overflow-wrap:anywhere}.nickname-edit{flex:none;font:12px var(--sans);padding:5px 8px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--muted)}.nickname-edit:hover{border-color:var(--brass);color:var(--brass)}.nickname-form label{font-size:13px;color:var(--ink)}.nickname-help{font-size:11px;color:var(--muted);margin:3px 0 9px}.nickname-controls{display:flex;gap:10px;max-width:480px}.nickname-input{font:14px var(--sans);min-width:0;flex:1;color:var(--ink);border:1px solid var(--line);background:var(--surface);border-radius:4px;padding:10px 12px;outline:none}.nickname-input:focus-visible{border-color:var(--brass);outline:2px solid var(--brass);outline-offset:2px}.nickname-input[aria-invalid=true]{border-color:#a33428}.nickname-save{font:12px var(--sans);white-space:nowrap;border:1px solid var(--line);border-radius:4px;padding:10px 14px;background:transparent;color:var(--ink)}.nickname-save:hover:not(:disabled){border-color:var(--brass);color:var(--brass)}.nickname-status{font-size:11px;color:var(--muted);min-height:20px;margin-top:6px}

.status:empty{display:none}
@media(max-width:700px){.score-secondary .share-button{margin-top:0}}

.fan-numbers{flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.fan-heading{align-items:flex-start}
.footer-copyright{min-width:0;color:var(--muted)}.footer-line>a{flex-shrink:0}