: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;--muted: #a49c87;--gold: #c8a45d;--gold-bright: #e3c47e;--jade: #2c8a70;--jade-dark: #123f35;--vermilion: #c0473a;--shadow: 0 18px 46px rgba(0, 0, 0, .45);font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,Heiti TC,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);background: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,#0a0c0e 55%,#11161a);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:0 0 22px rgba(200,164,93,.25)}.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:#ffffff05;color:var(--text);font-size:13px}.ghost-btn:hover{border-color:var(--gold);color:var(--gold-bright);background:#c8a45d14}.ghost-btn--on{border-color:var(--jade);color:#7fd6bd;background:#2c8a7026}.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:linear-gradient(180deg,#1a2024f5,#0f1316f5);border:1px solid var(--line);border-radius:10px;padding:14px 16px;box-shadow:0 10px 28px #00000038}.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:radial-gradient(ellipse at 50% 45%,rgba(44,138,112,.2),transparent 62%),linear-gradient(180deg,#17211f,#101715 60%,#0c1110);box-shadow:inset 0 0 80px #0000008c,var(--shadow);overflow:hidden}.table__felt{position:absolute;inset:36px;border-radius:44%/38%;border:1px solid rgba(200,164,93,.1);background:radial-gradient(ellipse at 50% 40%,rgba(44,138,112,.24),rgba(12,26,23,.2) 58%,transparent 72%);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:#9ec9bb;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:linear-gradient(180deg,#1f262af7,#111518f7);box-shadow:0 10px 22px #00000057;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: #5d84b8}.seat--shu{--kingdom-color: #c05b4a}.seat--wu{--kingdom-color: #3f9a72}.seat--qun{--kingdom-color: #9a8f9e}.seat--self{border-color:#c8a45d8c;box-shadow:0 12px 30px #00000073,0 0 0 1px #c8a45d1f inset}.seat--turn{border-color:var(--gold);box-shadow:0 0 0 1px #e3c47e80,0 0 26px #c8a45d38,0 12px 26px #0006}.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:#f0d59b;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:#8fc5e8}.seat__role--rebel{color:#e08a7f}.seat__role--spy{color:#b9a3d8}.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:#ffffff0d;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:#a7b3bf;border-color:#a7b3bf66}.tag--wine{color:#e8b27d;border-color:#e8b27d66}.tag--dead{color:#e08a7f;border-color:#e08a7f66}.seat__skills{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}.tag--skill{color:#9fc6e0;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:#d6b86a;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 #b9a276;border-radius:7px;background:linear-gradient(150deg,rgba(255,255,255,.35),transparent 42%),linear-gradient(180deg,#f4e9d2,#e6d5b1);color:var(--paper-ink);box-shadow:0 4px 10px #0000004d,inset 0 0 0 1px #fff6;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:0 12px 22px #0006,0 0 0 1px var(--gold) inset}.card--red{color:#a32b22}.card--black{color:#1e2226}.card--selected{transform:translateY(-10px);border-color:var(--gold-bright);outline:2px solid var(--gold);outline-offset:1px;box-shadow:0 0 0 5px #c8a45d29,0 16px 26px #00000080}.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:linear-gradient(180deg,#181d20eb,#0d1012eb);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:#9ec9bb;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:#c9b78f;font-style:italic}.prompt__warn{margin:8px 0 2px;padding:7px 9px;font-size:11.5px;line-height:1.5;color:#f0c891;background:#c8a45d1a;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:linear-gradient(180deg,#2e363a8c,#181d20b3);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:linear-gradient(180deg,#c8a45d29,#181d20b8);transform:translate(2px)}.option--pass{border-style:dashed;color:var(--muted)}.option--confirm{justify-content:center;border-color:#2c8a7099;background:linear-gradient(180deg,#2c8a7052,#123f3580);color:#b7e6d8;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:#c9b78f}.error{border:1px solid rgba(192,71,58,.6);background:#c0473a24;color:#f0b2a9;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:#b9b3a3;border-left:2px solid transparent;padding-left:7px}.log__line--system{color:#8c978f;font-style:italic}.log__line--phase{color:var(--gold);border-left-color:#c8a45d80;margin-top:3px;letter-spacing:.06em}.log__line--damage{color:#e09a8f;border-left-color:#c0473a99}.log__line--heal{color:#8fd0b4;border-left-color:#2c8a7099}.log__line--death,.log__line--win{color:#f0d59b;border-left-color:var(--gold);font-weight:700}.log__line--judge{color:#b9a3d8}.result{position:absolute;inset:0;z-index:20;display:grid;place-items:center;border-radius:18px;background:#060809b8;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:radial-gradient(circle at 50% 0%,rgba(200,164,93,.2),transparent 60%),linear-gradient(180deg,#1d2427,#111518);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:#040607c7;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:linear-gradient(180deg,#1b2225,#101416);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:#d6cfbc}.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:#20262ee6;border:1px solid rgba(200,164,93,.35)}.replaybar__label{color:#d6b86a;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:#2e3426eb;border:1px solid rgba(200,164,93,.4);color:#e8e2d4;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 #d6b86a;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{flex-direction:column;height:auto}.table{position:static;min-height:0;display:flex;flex-direction:column;gap:8px;padding:10px}.table__felt{display:none}.table__seat{position:static;width:100%;transform:none}.table__center{position:static;transform:none;order:-1;margin:0 0 6px}.sidebar{width:100%;max-width:none}.hand__cards{flex-wrap:wrap}}.log__line--turn{margin-top:10px;padding-top:6px;border-top:1px solid rgba(200,164,93,.45);color:#d6b86a;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%}