:root{color-scheme:dark;--ink: #0c0e10;--ink-2: #14181b;--ink-3: #1d2327;--line: rgba(224, 205, 160, .18);--line-strong: rgba(224, 205, 160, .35);--paper: #efe3c8;--paper-2: #ddcba3;--paper-ink: #231f19;--text: #e8e2d2;--text-soft: #d6cfbc;--muted: #a49c87;--gold: #c8a45d;--gold-bright: #e3c47e;--gold-strong: #d6b86a;--faint-gold: #c9b78f;--jade: #2c8a70;--jade-dark: #123f35;--jade-text: #9ec9bb;--jade-text-strong: #b7e6d8;--vermilion: #c0473a;--shadow: 0 18px 46px rgba(0, 0, 0, .45);--app-bg: radial-gradient(circle at 18% 0%, rgba(44, 138, 112, .16), transparent 42%), radial-gradient(circle at 88% 100%, rgba(192, 71, 58, .12), transparent 38%), linear-gradient(160deg, #101417 0%, #0a0c0e 55%, #11161a 100%);--panel-bg: linear-gradient(180deg, rgba(26, 32, 36, .96), rgba(15, 19, 22, .96));--panel-shadow: 0 10px 28px rgba(0, 0, 0, .22);--modal-bg: linear-gradient(180deg, #1b2225, #101416);--result-bg: radial-gradient(circle at 50% 0%, rgba(200, 164, 93, .2), transparent 60%), linear-gradient(180deg, #1d2427, #111518);--overlay: rgba(4, 6, 7, .78);--table-bg: radial-gradient(ellipse at 50% 45%, rgba(44, 138, 112, .2), transparent 62%), linear-gradient(180deg, #17211f 0%, #101715 60%, #0c1110 100%);--felt-bg: radial-gradient( ellipse at 50% 40%, rgba(44, 138, 112, .24), rgba(12, 26, 23, .2) 58%, transparent 72% );--felt-line: rgba(200, 164, 93, .1);--table-shadow: inset 0 0 80px rgba(0, 0, 0, .55), var(--shadow);--seat-bg: linear-gradient(180deg, rgba(31, 38, 42, .97), rgba(17, 21, 24, .97));--seat-shadow: 0 10px 22px rgba(0, 0, 0, .34);--seat-shadow-strong: 0 12px 30px rgba(0, 0, 0, .45);--seat-shadow-turn: 0 12px 26px rgba(0, 0, 0, .4);--hand-bg: linear-gradient(180deg, rgba(24, 29, 32, .92), rgba(13, 16, 18, .92));--option-bg: linear-gradient(180deg, rgba(46, 54, 58, .55), rgba(24, 29, 32, .7));--option-bg-hover: linear-gradient(180deg, rgba(200, 164, 93, .16), rgba(24, 29, 32, .72));--option-confirm-bg: linear-gradient(180deg, rgba(44, 138, 112, .32), rgba(18, 63, 53, .5));--ghost-bg: rgba(255, 255, 255, .02);--ghost-bg-hover: rgba(200, 164, 93, .08);--ghost-on-bg: rgba(44, 138, 112, .15);--ghost-on-color: #7fd6bd;--card-border: #b9a276;--card-face: linear-gradient(150deg, rgba(255, 255, 255, .35), transparent 42%), linear-gradient(180deg, #f4e9d2 0%, #e6d5b1 100%);--card-shadow: 0 4px 10px rgba(0, 0, 0, .3), inset 0 0 0 1px rgba(255, 255, 255, .4);--card-face-hover-shadow: 0 12px 22px rgba(0, 0, 0, .4), 0 0 0 1px var(--gold) inset;--card-selected-shadow: 0 0 0 5px rgba(200, 164, 93, .16), 0 16px 26px rgba(0, 0, 0, .5);--card-ink: #231f19;--card-ink-red: #a32b22;--card-ink-black: #1e2226;--hp-empty-bg: rgba(255, 255, 255, .05);--log-text: #b9b3a3;--log-system: #8c978f;--log-damage-text: #e09a8f;--log-heal-text: #8fd0b4;--log-highlight-text: #f0d59b;--log-judge-text: #b9a3d8;--role-loyal-text: #8fc5e8;--role-rebel-text: #e08a7f;--role-spy-text: #b9a3d8;--role-lord-text: #f0d59b;--skill-tag-text: #9fc6e0;--chain-tag-text: #a7b3bf;--wine-tag-text: #e8b27d;--dead-tag-text: #e08a7f;--error-text: #f0b2a9;--error-bg: rgba(192, 71, 58, .14);--error-line: rgba(192, 71, 58, .6);--warn-text: #f0c891;--warn-bg: rgba(200, 164, 93, .1);--notice-bg: rgba(46, 52, 38, .92);--replaybar-bg: rgba(32, 38, 46, .9);--title-glow: 0 0 22px rgba(200, 164, 93, .25);--kingdom-wei: #5d84b8;--kingdom-shu: #c05b4a;--kingdom-wu: #3f9a72;--kingdom-qun: #9a8f9e;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,Heiti TC,system-ui,sans-serif}:root[data-theme=light]{color-scheme:light;--paper-ink: #2b251c;--text: #2b2721;--text-soft: #3b352b;--muted: #6d6555;--gold: #96701f;--gold-bright: #7c5a12;--gold-strong: #8a6410;--faint-gold: #7a6234;--jade: #1f7a60;--jade-dark: #d9ece4;--jade-text: #1d6a56;--jade-text-strong: #10513f;--vermilion: #a83529;--line: rgba(96, 78, 40, .22);--line-strong: rgba(96, 78, 40, .4);--shadow: 0 16px 38px rgba(84, 66, 30, .18);--app-bg: radial-gradient(circle at 18% 0%, rgba(44, 138, 112, .12), transparent 42%), radial-gradient(circle at 88% 100%, rgba(192, 71, 58, .09), transparent 38%), linear-gradient(160deg, #faf7ee 0%, #f1ece0 55%, #f7f3e9 100%);--panel-bg: linear-gradient(180deg, #fffdf8, #f6f1e5);--panel-shadow: 0 8px 20px rgba(84, 66, 30, .12);--modal-bg: linear-gradient(180deg, #fffdf8, #f4efe2);--result-bg: radial-gradient(circle at 50% 0%, rgba(200, 164, 93, .28), transparent 60%), linear-gradient(180deg, #fffcf3, #f2ecdd);--overlay: rgba(248, 245, 236, .72);--table-bg: radial-gradient(ellipse at 50% 45%, rgba(44, 138, 112, .16), transparent 62%), linear-gradient(180deg, #f3f0e5 0%, #eae5d6 60%, #e5dfcf 100%);--felt-bg: radial-gradient( ellipse at 50% 40%, rgba(44, 138, 112, .18), rgba(196, 214, 204, .35) 58%, transparent 72% );--felt-line: rgba(96, 78, 40, .16);--table-shadow: inset 0 0 60px rgba(120, 100, 55, .1), var(--shadow);--seat-bg: linear-gradient(180deg, #ffffff, #f7f2e6);--seat-shadow: 0 6px 14px rgba(84, 66, 30, .12);--seat-shadow-strong: 0 8px 20px rgba(84, 66, 30, .18);--seat-shadow-turn: 0 8px 18px rgba(84, 66, 30, .16);--hand-bg: linear-gradient(180deg, #fffdf8, #f3eee1);--option-bg: linear-gradient(180deg, #ffffff, #f6f1e5);--option-bg-hover: linear-gradient(180deg, #fdf6e6, #f3ecda);--option-confirm-bg: linear-gradient(180deg, rgba(44, 138, 112, .22), rgba(31, 122, 96, .3));--ghost-bg: rgba(255, 255, 255, .75);--ghost-bg-hover: rgba(150, 112, 31, .12);--ghost-on-bg: rgba(44, 138, 112, .18);--ghost-on-color: #10513f;--card-border: #a9905f;--card-shadow: 0 3px 8px rgba(84, 66, 30, .22), inset 0 0 0 1px rgba(255, 255, 255, .55);--card-face-hover-shadow: 0 10px 18px rgba(84, 66, 30, .28), 0 0 0 1px var(--gold) inset;--card-selected-shadow: 0 0 0 5px rgba(150, 112, 31, .18), 0 12px 22px rgba(84, 66, 30, .28);--hp-empty-bg: rgba(120, 100, 55, .1);--log-text: #4b4535;--log-system: #7b7565;--log-damage-text: #a83a2b;--log-heal-text: #1d6a56;--log-highlight-text: #7c5a12;--log-judge-text: #64499b;--role-loyal-text: #2a6c9c;--role-rebel-text: #a83b2c;--role-spy-text: #64499b;--role-lord-text: #7c5a12;--skill-tag-text: #2a6c9c;--chain-tag-text: #5e6a75;--wine-tag-text: #96601b;--dead-tag-text: #a83b2c;--error-text: #8f2c21;--error-bg: rgba(192, 71, 58, .1);--error-line: rgba(168, 53, 41, .45);--warn-text: #7a5312;--warn-bg: rgba(150, 112, 31, .12);--notice-bg: rgba(245, 240, 220, .95);--replaybar-bg: rgba(238, 238, 246, .95);--title-glow: none;--kingdom-wei: #35608f;--kingdom-shu: #a83b2c;--kingdom-wu: #2b7a58;--kingdom-qun: #6f6472}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);background:var(--app-bg);background-attachment:fixed}button{font:inherit}.app{max-width:1500px;margin:0 auto;padding:18px 22px 40px}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}.topbar__brand{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.topbar h1{margin:0;font-family:"Noto Serif TC",Songti TC,PMingLiU,serif;font-size:30px;letter-spacing:.18em;color:var(--gold-bright);text-shadow:var(--title-glow)}.topbar__subtitle{font-size:13px;letter-spacing:.28em;color:var(--muted)}.topbar__unofficial{font-size:11px;color:var(--vermilion);border:1px solid rgba(192,71,58,.5);border-radius:999px;padding:2px 8px;letter-spacing:.08em}.topbar__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.topbar__seed{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;color:var(--muted);margin-right:4px}.ghost-btn,.primary-btn{border-radius:6px;padding:7px 13px;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease,transform .12s ease}.ghost-btn{border:1px solid var(--line-strong);background:var(--ghost-bg);color:var(--text);font-size:13px}.ghost-btn:hover{border-color:var(--gold);color:var(--gold-bright);background:var(--ghost-bg-hover)}.ghost-btn--on{border-color:var(--jade);color:var(--ghost-on-color);background:var(--ghost-on-bg)}.primary-btn{border:1px solid #d9b771;background:linear-gradient(180deg,#d8b66e,#ad8540);color:#241c0d;font-weight:700;font-size:13px;letter-spacing:.08em}.primary-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 372px;gap:18px;margin-top:18px;align-items:start}.board{position:relative;min-width:0}.sidebar{display:flex;flex-direction:column;gap:14px;position:sticky;top:14px}.panel{background:var(--panel-bg);border:1px solid var(--line);border-radius:10px;padding:14px 16px;box-shadow:var(--panel-shadow)}.panel__title{font-family:"Noto Serif TC",Songti TC,serif;font-size:13px;letter-spacing:.22em;color:var(--gold)}.table{position:relative;min-height:610px;border-radius:18px;border:1px solid rgba(200,164,93,.24);background:var(--table-bg);box-shadow:var(--table-shadow);overflow:hidden}.table__felt{position:absolute;inset:36px;border-radius:44%/38%;border:1px solid var(--felt-line);background:var(--felt-bg);pointer-events:none}.table__seat{position:absolute;width:248px;z-index:3}.table__seat--self{bottom:16px;left:50%;transform:translate(-50%)}.table__seat--next{right:12px;top:50%;transform:translateY(-50%)}.table__seat--prev{left:12px;top:50%;transform:translateY(-50%)}.table__seat--top-right{top:18px;right:15%}.table__seat--top-left{top:18px;left:15%}.table__center{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);width:260px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:2}.table__turn{font-family:"Noto Serif TC",Songti TC,serif;font-size:17px;letter-spacing:.12em;color:var(--gold-bright)}.table__phase{font-size:12px;letter-spacing:.3em;color:var(--jade-text);border:1px solid rgba(44,138,112,.45);border-radius:999px;padding:3px 12px;background:#2c8a701f}.table__piles{display:flex;gap:10px;font-size:11px;color:var(--muted);letter-spacing:.1em}.table__pile{border-bottom:1px dotted rgba(200,164,93,.3);padding-bottom:1px}.table__discard{display:flex;align-items:center;gap:8px;margin-top:4px;opacity:.9}.table__discard-label{font-size:10px;color:var(--muted);letter-spacing:.12em}.seat{position:relative;padding:10px 12px 11px;border-radius:10px;border:1px solid rgba(200,164,93,.22);background:var(--seat-bg);box-shadow:var(--seat-shadow);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.seat:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--kingdom-color, var(--gold));opacity:.85}.seat--wei{--kingdom-color: var(--kingdom-wei)}.seat--shu{--kingdom-color: var(--kingdom-shu)}.seat--wu{--kingdom-color: var(--kingdom-wu)}.seat--qun{--kingdom-color: var(--kingdom-qun)}.seat--self{border-color:#c8a45d8c;box-shadow:var(--seat-shadow-strong),0 0 0 1px #c8a45d1f inset}.seat--turn{border-color:var(--gold);box-shadow:0 0 0 1px #e3c47e80,0 0 26px #c8a45d38,var(--seat-shadow-turn)}.seat--waiting{animation:waitingPulse 1.5s ease-in-out infinite}@keyframes waitingPulse{0%,to{box-shadow:0 0 0 1px #2c8a7099,0 0 10px #2c8a702e}50%{box-shadow:0 0 0 2px #58ccaad9,0 0 24px #2c8a7066}}.seat--dead{opacity:.48;filter:grayscale(.75)}.seat--compact{width:100%}.seat__head{display:flex;align-items:center;gap:7px;min-width:0}.seat__kingdom{flex:none;font-family:"Noto Serif TC",Songti TC,serif;font-size:12px;color:var(--kingdom-color);border:1px solid color-mix(in srgb,var(--kingdom-color) 55%,transparent);border-radius:4px;padding:0 5px;line-height:18px}.seat__name{font-family:"Noto Serif TC",Songti TC,serif;font-size:17px;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat__you{font-size:10px;color:var(--gold-bright);border:1px solid rgba(200,164,93,.5);border-radius:3px;padding:0 4px}.seat__lord{margin-left:auto;flex:none;font-size:10px;color:var(--role-lord-text);background:linear-gradient(180deg,#c8a45d66,#a0782d4d);border:1px solid rgba(227,196,126,.5);border-radius:999px;padding:1px 7px;letter-spacing:.1em}.seat__meta{display:flex;align-items:center;gap:8px;margin-top:5px;font-size:11px;color:var(--muted)}.seat__role{letter-spacing:.1em}.seat__role--lord{color:var(--gold-bright)}.seat__role--loyal{color:var(--role-loyal-text)}.seat__role--rebel{color:var(--role-rebel-text)}.seat__role--spy{color:var(--role-spy-text)}.seat__handcount{margin-left:auto;font-variant-numeric:tabular-nums}.seat__hp{display:flex;gap:4px;margin-top:7px;flex-wrap:wrap}.hp{width:15px;height:15px;border-radius:50% 50% 46% 46%;display:inline-block;transform:rotate(-4deg)}.hp--full{background:radial-gradient(circle at 35% 30%,#f3b2a5,#c0473a 55%,#7e251c);box-shadow:0 0 5px #c0473a59}.hp--empty{background:var(--hp-empty-bg);border:1px solid rgba(192,71,58,.3)}.seat__hpnum{font-size:11px;color:var(--muted)}.seat__state{display:flex;gap:5px;margin-top:6px;min-height:17px;flex-wrap:wrap}.tag{font-size:9px;letter-spacing:.08em;border:1px solid var(--line-strong);border-radius:3px;padding:0 4px;color:var(--muted);line-height:15px}.tag--chain{color:var(--chain-tag-text);border-color:#a7b3bf66}.tag--wine{color:var(--wine-tag-text);border-color:#e8b27d66}.tag--dead{color:var(--dead-tag-text);border-color:#e08a7f66}.seat__skills{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}.tag--skill{color:var(--skill-tag-text);border-color:#9fc6e06b}.seat__judge{display:flex;align-items:center;gap:4px;margin-top:7px;flex-wrap:wrap}.seat__judge-label{font-size:9px;letter-spacing:.08em;color:var(--gold-strong);border:1px solid rgba(214,184,106,.45);border-radius:3px;padding:0 4px;line-height:15px}.seat__equips{display:flex;gap:4px;margin-top:7px;flex-wrap:wrap}.seat--compact .seat__equips .card,.seat--compact .seat__judge .card{width:34px;height:47px;padding:2px 3px;border-radius:4px}.seat--compact .seat__equips .card__label,.seat--compact .seat__judge .card__label{font-size:8px}.seat--compact .seat__equips .card__rank,.seat--compact .seat__judge .card__rank,.seat--compact .seat__equips .card__suit,.seat--compact .seat__judge .card__suit,.seat--compact .seat__equips .card__suit--large,.seat--compact .seat__judge .card__suit--large{font-size:9px}.card{position:relative;display:inline-flex;flex-direction:column;justify-content:space-between;width:76px;height:108px;padding:6px 7px;border:1px solid var(--card-border);border-radius:7px;background:var(--card-face);color:var(--card-ink);box-shadow:var(--card-shadow);text-align:left;cursor:default;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;user-select:none}button.card{cursor:pointer}button.card:hover:not(:disabled){transform:translateY(-6px);box-shadow:var(--card-face-hover-shadow)}.card--red{color:var(--card-ink-red)}.card--black{color:var(--card-ink-black)}.card--selected{transform:translateY(-10px);border-color:var(--gold-bright);outline:2px solid var(--gold);outline-offset:1px;box-shadow:var(--card-selected-shadow)}.card--selected:after{content:"✓";position:absolute;top:-1px;right:-1px;width:20px;height:20px;display:grid;place-items:center;border-radius:0 6px 0 8px;background:var(--gold);color:#221a0a;font-size:12px;font-weight:900;line-height:1}.card--disabled{opacity:.55}.card--compact{width:48px;height:66px;padding:4px 5px;border-radius:5px}.card__corner{display:flex;flex-direction:column;line-height:.95;font-family:"Noto Serif TC",Songti TC,serif}.card__rank{font-size:16px;font-weight:700}.card__suit{font-size:13px}.card__label{align-self:center;font-family:"Noto Serif TC",Songti TC,PMingLiU,serif;font-size:15px;letter-spacing:.06em;writing-mode:horizontal-tb;text-align:center}.card--compact .card__label{font-size:11px}.card--compact .card__rank{font-size:12px}.card--compact .card__suit{font-size:10px}.card__suit--large{position:absolute;right:5px;bottom:2px;font-family:"Noto Serif TC",Songti TC,serif;font-size:22px;opacity:.22}.card--compact .card__suit--large{font-size:15px}.hand{margin-top:14px;border:1px solid var(--line);border-radius:10px;background:var(--hand-bg);padding:12px 14px 14px}.hand__head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:10px}.hand__title{font-family:"Noto Serif TC",Songti TC,serif;font-size:13px;letter-spacing:.2em;color:var(--gold)}.hand__role{font-size:11px;color:var(--muted)}.hand__cards{display:flex;gap:8px;min-height:112px;align-items:flex-end;overflow-x:auto;padding:6px 2px 2px}.hand__empty{font-size:12px;color:var(--muted)}.prompt{border-color:#c8a45d52}.prompt__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.prompt__context{font-size:11px;color:var(--jade-text);letter-spacing:.1em}.prompt__hint{margin:10px 0 8px;font-size:13px;line-height:1.55;color:var(--text)}.prompt__small{margin:8px 0 0;font-size:11px;line-height:1.5;color:var(--muted)}.prompt__small--scroll{color:var(--faint-gold);font-style:italic}.prompt__warn{margin:8px 0 2px;padding:7px 9px;font-size:11.5px;line-height:1.5;color:var(--warn-text);background:var(--warn-bg);border-left:2px solid var(--gold);border-radius:0 5px 5px 0}.option-grid{display:flex;flex-direction:column;gap:7px;max-height:min(48vh,420px);overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(200,164,93,.5) transparent}.option-grid::-webkit-scrollbar{width:8px}.option-grid::-webkit-scrollbar-thumb{background:#c8a45d6b;border-radius:4px}.option-grid::-webkit-scrollbar-track{background:transparent}.option--endturn{margin-top:8px;justify-content:center;flex:none}.option{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:9px 11px;border-radius:7px;border:1px solid rgba(200,164,93,.22);background:var(--option-bg);color:var(--text);font-size:13px;line-height:1.4;cursor:pointer;transition:border-color .12s ease,background .12s ease,transform .12s ease}.option:hover{border-color:var(--gold);background:var(--option-bg-hover);transform:translate(2px)}.option--pass{border-style:dashed;color:var(--muted)}.option--confirm{justify-content:center;border-color:#2c8a7099;background:var(--option-confirm-bg);color:var(--jade-text-strong);font-weight:700}.option--confirm:disabled{opacity:.4;cursor:not-allowed;transform:none}.option--selected{border-color:var(--gold-bright);background:#c8a45d33}.option--card{padding:6px 8px}.option--random{border-style:dashed;color:var(--faint-gold)}.error{border:1px solid var(--error-line);background:var(--error-bg);color:var(--error-text);border-radius:8px;padding:9px 12px;font-size:12px}.log{display:flex;flex-direction:column;min-height:220px;max-height:390px}.log__body{margin-top:8px;overflow-y:auto;padding-right:4px;display:flex;flex-direction:column;gap:5px}.log__line{margin:0;font-size:11.5px;line-height:1.5;color:var(--log-text);border-left:2px solid transparent;padding-left:7px}.log__line--system{color:var(--log-system);font-style:italic}.log__line--phase{color:var(--gold);border-left-color:#c8a45d80;margin-top:3px;letter-spacing:.06em}.log__line--damage{color:var(--log-damage-text);border-left-color:#c0473a99}.log__line--heal{color:var(--log-heal-text);border-left-color:#2c8a7099}.log__line--death,.log__line--win{color:var(--log-highlight-text);border-left-color:var(--gold);font-weight:700}.log__line--judge{color:var(--log-judge-text)}.result{position:absolute;inset:0;z-index:20;display:grid;place-items:center;border-radius:18px;background:var(--overlay);backdrop-filter:blur(4px)}.result__card{width:min(440px,88%);text-align:center;padding:30px 28px;border-radius:14px;border:1px solid rgba(200,164,93,.5);background:var(--result-bg);box-shadow:var(--shadow)}.result__eyebrow{margin:0;font-size:11px;letter-spacing:.4em;color:var(--muted)}.result h2{margin:8px 0 10px;font-family:"Noto Serif TC",Songti TC,serif;font-size:34px;letter-spacing:.16em;color:var(--gold-bright)}.result p{margin:6px 0;font-size:13px;color:var(--text);line-height:1.6}.result__turns{color:var(--muted)!important;font-size:11px!important}.result__roles{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:5px;text-align:left}.result__roles li{display:flex;align-items:center;gap:8px;font-size:12px}.result__roles-name{color:var(--text, #e8e2d4)}.result__actions{display:flex;justify-content:center;gap:10px;margin-top:18px}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:var(--overlay);backdrop-filter:blur(3px)}.modal__card{width:min(680px,100%);max-height:86vh;overflow:hidden;display:flex;flex-direction:column;border-radius:12px;border:1px solid rgba(200,164,93,.4);background:var(--modal-bg);box-shadow:var(--shadow)}.modal__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}.modal__head h2{margin:0;font-family:"Noto Serif TC",Songti TC,serif;font-size:18px;letter-spacing:.12em;color:var(--gold-bright)}.modal__body{overflow-y:auto;padding:8px 22px 22px;font-size:13px;line-height:1.7;color:var(--text-soft)}.modal__body h3{margin:18px 0 6px;font-family:"Noto Serif TC",Songti TC,serif;font-size:14px;letter-spacing:.14em;color:var(--gold)}.modal__body p{margin:4px 0}.modal__body ul{margin:4px 0;padding-left:20px}.modal__body li{margin:3px 0}.modal__note{color:var(--muted);font-size:11px;margin-top:18px!important}@media(max-width:1180px){.layout{grid-template-columns:minmax(0,1fr)}.sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;align-items:start}.sidebar .error{grid-column:1 / -1}}@media(max-width:760px){.app{padding:12px 12px 28px}.topbar{align-items:flex-start;flex-direction:column}.table{min-height:780px}.table__seat{width:calc(50% - 12px);min-width:0}.table__seat--top-left{top:10px;left:8px}.table__seat--top-right{top:10px;right:8px}.table__seat--prev{top:128px;left:8px;transform:none}.table__seat--next{top:128px;right:8px;transform:none}.table__seat--self{width:min(270px,calc(100% - 32px));bottom:10px;left:50%;transform:translate(-50%)}.table__center{top:56%;width:190px}.sidebar{grid-template-columns:1fr}.card{width:64px;height:92px}.card__label{font-size:13px}}@media(max-width:480px){.seat{padding:8px 9px 9px}.seat__name{font-size:15px}.seat__head{gap:5px}.seat__lord{padding:1px 5px;font-size:9px}.seat__you{font-size:9px;padding:0 3px}}@keyframes seat-hit{0%{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}to{transform:translate(0)}}.seat--hit{animation:seat-hit .55s ease;border-color:#e08a7fe6!important;box-shadow:0 0 0 2px #e08a7f59}.dying-banner{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:6;padding:8px 16px;border-radius:8px;background:#781e1aeb;border:1px solid rgba(224,138,127,.7);color:#ffe9e4;font-size:14px;letter-spacing:.08em;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.replaybar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:0 18px 10px;padding:9px 14px;border-radius:8px;background:var(--replaybar-bg);border:1px solid rgba(200,164,93,.35)}.replaybar__label{color:var(--gold-strong);font-size:12.5px}.replaybar__actions{display:flex;gap:8px;flex-wrap:wrap}.notice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 18px 10px;padding:9px 14px;border-radius:8px;background:var(--notice-bg);border:1px solid rgba(200,164,93,.4);color:var(--text);font-size:12.5px}.settings__row{display:flex;gap:8px;flex-wrap:wrap}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold-strong);outline-offset:2px}.app--anim-fast .seat--hit{animation-duration:.3s}.app--anim-off *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}@media(max-width:720px)and (orientation:portrait){.layout{display:flex;flex-direction:column;height:auto}.board{display:flex;flex-direction:column}.table{display:contents}.table__felt{display:none}.table__seat{position:static;width:100%;transform:none;order:0}.table__center{position:static;transform:none;order:-1;margin:0 0 6px;padding:0 4px}.hand{order:1}.table__seat--self{order:2}.dying-banner{order:-2}.sidebar{width:100%;max-width:none}.hand__cards{flex-wrap:wrap}}.footer{margin-top:24px;padding-top:12px;border-top:1px solid var(--line)}.footer__line{margin:0 0 4px;font-size:11px;line-height:1.65;color:var(--muted)}.log__line--turn{margin-top:10px;padding-top:6px;border-top:1px solid rgba(200,164,93,.45);color:var(--gold-strong);font-weight:600;letter-spacing:.1em}.log__line--wei{border-left:3px solid rgba(120,160,220,.7);padding-left:6px}.log__line--shu{border-left:3px solid rgba(210,110,110,.7);padding-left:6px}.log__line--wu{border-left:3px solid rgba(110,190,150,.7);padding-left:6px}.log__line--qun{border-left:3px solid rgba(190,170,110,.7);padding-left:6px}.ghost-btn:disabled,.primary-btn:disabled{opacity:.45;cursor:not-allowed}.prompt .primary-btn{margin-top:10px;width:100%}