:root{--bg-a: #f6efe2;--bg-b: #f2ddbf;--panel: #fffaf2;--ink: #2b2116;--ink-soft: #69553c;--border: #d5bea1;--accent: #b84b2a;--accent-dark: #8d351c;--ok: #1d6a43;--warn: #9f331c;font-family:PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 0%,#fff7e8 0%,transparent 38%),radial-gradient(circle at 85% 0%,#f8dcc0 0%,transparent 35%),linear-gradient(180deg,var(--bg-a),var(--bg-b))}.mode-switch-bar{max-width:1460px;margin:1rem auto 0;padding:0 1.3rem;display:flex;gap:.55rem}.mode-switch-bar button{border:1px solid var(--border);background:#fff8ee;color:var(--ink);border-radius:999px;padding:.4rem .75rem;font-weight:700;white-space:nowrap}.mode-switch-bar button.active{background:var(--accent);color:#fff;border-color:var(--accent-dark)}button,input,select{font:inherit}@media(hover:none)and (pointer:coarse){button,input,select{min-height:42px}}.page{max-width:1460px;margin:0 auto;padding:1.3rem}.hero{display:flex;justify-content:space-between;gap:1rem;align-items:end;border:1px solid var(--border);border-radius:18px;padding:1rem 1.2rem;background:linear-gradient(120deg,#fff8eb,#ffeeda);box-shadow:0 14px 28px #5434161a}.hero h1{margin:0;font-size:1.9rem}.hero p{margin:.45rem 0 0;line-height:1.55;color:var(--ink-soft);max-width:760px}.setup{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem;align-items:end;width:min(760px,100%)}.setup label{display:flex;flex-direction:column;gap:.32rem;font-size:.9rem}.setup input,.setup select{border:1px solid var(--border);border-radius:10px;background:#fff;padding:.45rem .6rem}.setup button{border:none;border-radius:10px;background:var(--accent);color:#fff;padding:.6rem .75rem;font-weight:700}.advanced-connect{grid-column:1 / -1;border:1px dashed #d8bf9f;border-radius:10px;background:#fff9ef;padding:.45rem .55rem}.advanced-connect summary{cursor:pointer;font-weight:700;color:var(--accent-dark)}.advanced-connect label{margin-top:.45rem;display:flex;flex-direction:column;gap:.28rem}.advanced-connect input{border:1px solid var(--border);border-radius:8px;background:#fff;padding:.4rem .5rem}.advanced-connect p{margin:.4rem 0 0;color:var(--ink-soft);font-size:.82rem}.layout{margin-top:1rem;display:grid;grid-template-columns:1.1fr 1.1fr .9fr;gap:1rem}.online-layout{grid-template-columns:1fr 1.15fr .95fr}.panel{border:1px solid var(--border);border-radius:16px;background:var(--panel);padding:1rem;box-shadow:0 10px 25px #3e2a1714}.panel h2{margin:0 0 .7rem;font-size:1.15rem}.community-board{margin-top:.8rem;padding:.7rem;border:1px dashed var(--border);border-radius:12px;background:#fff6e7}.challenge-card-box{margin-top:.8rem;border:1px dashed var(--border);border-radius:12px;padding:.7rem;background:#fff4e6}.challenge-card-box h3{margin:0 0 .45rem}.challenge-name{margin:0;font-weight:700;color:var(--accent-dark)}.community-board h3{margin:0 0 .5rem}.cards-inline{display:flex;flex-wrap:wrap;gap:.4rem}.playing-card{min-width:54px;text-align:center;padding:.32rem .45rem;border-radius:8px;border:1px solid #c9b08d;background:#fff;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:.22rem}.playing-card em,.playing-card i{font-style:normal}.playing-card i{font-size:.95em}.playing-card.private{border-color:#7a8d5a;background:#f4ffe8}.playing-card.suit-red{color:#bf2e24}.playing-card.suit-black{color:#232323}.players-grid{margin-top:.9rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.65rem}.player-card{border:1px solid var(--border);border-radius:11px;background:#fff7eb;padding:.55rem}.player-card.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px #b84b2a47}.player-card h3,.player-card p{margin:.2rem 0}.private-hand{margin-top:.6rem}.private-hand h3{margin:0 0 .45rem;font-size:1rem}.rank-row{margin-top:.8rem;padding-top:.75rem;border-top:1px dashed var(--border)}.specialist-box{margin-bottom:.75rem;border:1px solid #d9c2a7;border-radius:10px;background:#fff6ea;padding:.65rem;display:grid;gap:.45rem}.specialist-box h4{margin:0;color:var(--accent-dark)}.specialist-box p{margin:0;font-size:.9rem;color:var(--ink-soft)}.specialist-box label{display:flex;flex-direction:column;gap:.25rem;font-size:.88rem}.specialist-box select{border:1px solid var(--border);border-radius:8px;padding:.38rem .45rem;background:#fff}.specialist-box button{width:fit-content}.online-actions{display:grid;gap:.5rem;margin:.6rem 0 .8rem;padding:.7rem;border:1px solid #e2cdb2;border-radius:12px;background:#fffbf4}.online-actions label{display:flex;flex-direction:column;gap:.25rem}.online-actions input{border:1px solid var(--border);border-radius:8px;background:#fff;padding:.35rem .45rem}.online-actions .helper-text{margin:0;color:var(--ink-soft);font-size:.84rem}.advanced-reconnect{border:1px dashed #dcc5a8;border-radius:9px;padding:.45rem .5rem;background:#fff8eb}.advanced-reconnect summary{cursor:pointer;font-weight:700;color:var(--accent-dark)}.advanced-reconnect label{margin-top:.45rem}.online-actions button,.start-box button{border:none;border-radius:9px;background:var(--accent);color:#fff;padding:.45rem .7rem;font-weight:700}.online-inline-buttons{display:flex;flex-wrap:wrap;gap:.45rem}.room-players{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.5rem;margin-top:.5rem}.start-box{margin-top:.8rem;border:1px dashed var(--border);border-radius:10px;background:#fff6e8;padding:.65rem;display:grid;gap:.45rem}.start-box label{display:flex;flex-direction:column;gap:.25rem}.start-box select{border:1px solid var(--border);border-radius:8px;background:#fff;padding:.36rem .45rem}.intel-list{border-top:1px dashed #d9c2a7;padding-top:.5rem;font-size:.86rem}.intel-list strong{display:block;margin-bottom:.25rem}.intel-list ul{margin:0;padding-left:1rem;display:grid;gap:.18rem}.rank-row p{margin:0 0 .55rem}.rank-buttons{display:flex;flex-wrap:wrap;gap:.45rem}.rank-buttons button,.showdown button,.winner-box button,.handoff-card button{border:none;border-radius:9px;padding:.45rem .7rem;background:var(--accent);color:#fff;font-weight:700;cursor:pointer}button:disabled{opacity:.52;cursor:not-allowed}.showdown{margin-top:.8rem;padding:.75rem;border:1px solid var(--border);border-radius:12px;background:#fff7ef;overflow-x:auto}.showdown h3{margin:0 0 .55rem}.mismatch-box{margin:.5rem 0 .75rem;border:1px solid #e0b89e;background:#fff2ea;border-radius:10px;padding:.6rem .7rem}.mismatch-box h4{margin:0 0 .35rem;color:var(--warn);font-size:.95rem}.mismatch-box ul{margin:0;padding-left:1rem;display:grid;gap:.25rem;font-size:.88rem}.showdown table{width:100%;border-collapse:collapse;margin-bottom:.75rem;font-size:.92rem;min-width:360px}.showdown th,.showdown td{border:1px solid #dac5a8;padding:.35rem .4rem;text-align:left}.best-five{min-width:210px}.best-five .playing-card{margin-right:.2rem}.winner-box{margin-top:.9rem;border:1px solid #b7d2bc;border-radius:12px;background:#f0fff3;padding:.8rem}.winner-box h3{margin:0;color:var(--ok)}.chat-panel{min-height:580px;max-height:76vh;display:flex;flex-direction:column;gap:.65rem;padding-bottom:.75rem}.chat-header{display:flex;justify-content:space-between;align-items:baseline}.chat-header h2{margin:0}.chat-header span{color:var(--ink-soft);font-size:.82rem}.chat-list{flex:1;min-height:0;overflow-y:auto;border:1px solid #ddc7ab;border-radius:11px;background:linear-gradient(180deg,#fffdf7,#fff7e9);padding:.65rem;display:grid;align-content:start;gap:.48rem}.chat-item{width:100%;border:1px solid #e6d4bd;border-radius:10px;padding:.45rem .55rem;background:#fff}.chat-item.me{border-color:#deb086;background:#fff1de}.chat-item.system{border-style:dashed;background:#fff8ec}.chat-item header{display:flex;justify-content:space-between;gap:.6rem;margin-bottom:.2rem}.chat-item strong{font-size:.88rem}.chat-item time{color:var(--ink-soft);font-size:.74rem}.chat-item p{margin:0;line-height:1.45;white-space:pre-wrap;word-break:break-word}.chat-input-row{margin-top:auto;border-top:1px solid #e1c9ab;padding-top:.55rem;display:grid;grid-template-columns:1fr auto;gap:.45rem;background:var(--panel)}.chat-input-row input{border:1px solid var(--border);border-radius:9px;background:#fff;padding:.48rem .55rem}.chat-input-row button{border:none;border-radius:9px;background:var(--accent);color:#fff;padding:.45rem .78rem;font-weight:700}.validation-error{margin-top:.7rem;color:var(--warn);font-size:.9rem}.result-text{margin-top:.6rem;color:var(--ok);font-size:.9rem}.log-panel ol{margin:0;padding-left:1.1rem;display:grid;gap:.45rem;max-height:620px;overflow:auto}.log-panel li{border-left:3px solid #e7ccab;padding-left:.45rem}.online-event-log{margin-top:.8rem}.event-log-head{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.event-filter{display:inline-flex;align-items:center;gap:.35rem;font-size:.86rem;color:var(--ink-soft)}.event-filter input{width:16px;height:16px;margin:0}.event-heist-group{border:1px dashed #dfc8aa;border-radius:10px;background:#fff8ec;padding:.45rem .5rem;margin-bottom:.45rem}.event-heist-toggle{width:100%;border:none;background:transparent;padding:0;display:grid;grid-template-columns:auto 1fr auto;gap:.4rem;align-items:center;text-align:left;color:var(--ink)}.event-heist-toggle strong{font-size:.92rem}.event-heist-toggle em{font-style:normal;color:var(--ink-soft);font-size:.8rem}.online-event-log ol{margin:.38rem 0 0;padding-left:1.1rem;display:grid;gap:.35rem;max-height:220px;overflow:auto}.online-event-log li{border-left:3px solid #e7ccab;padding-left:.45rem;line-height:1.35}.history-title{margin:1rem 0 .45rem;font-size:1rem}.history-table{width:100%;border-collapse:collapse;font-size:.88rem;min-width:460px}.history-table th,.history-table td{border:1px solid #dac6ab;padding:.3rem .35rem;text-align:left}.empty{color:var(--ink-soft)}.handoff-overlay{position:fixed;inset:0;background:#21181078;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center}.handoff-card{width:min(420px,calc(100vw - 2rem));background:#fffdf9;border:1px solid #e2d2be;border-radius:14px;padding:1rem;text-align:center;box-shadow:0 16px 34px #00000038}@media(max-width:1180px){.layout{grid-template-columns:1fr}.hero{flex-direction:column;align-items:flex-start}.setup{grid-template-columns:1fr;width:min(520px,100%)}.chat-panel{min-height:420px;max-height:64vh}}@media(max-width:820px){.mode-switch-bar{position:sticky;top:0;z-index:25;padding:.5rem .9rem .4rem;margin-top:0;overflow-x:auto;background:linear-gradient(180deg,#f6efe2f2,#f6efe2c7);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mode-switch-bar button{flex:0 0 auto}.page{padding:.8rem}.hero{border-radius:14px;padding:.8rem .9rem}.hero h1{font-size:1.45rem;line-height:1.25}.hero p{font-size:.92rem;margin-top:.35rem}.panel{padding:.8rem;border-radius:13px}.panel h2{font-size:1.03rem}.online-actions,.start-box,.specialist-box{padding:.58rem}.room-players,.players-grid{grid-template-columns:1fr 1fr}.rank-buttons button,.showdown button,.winner-box button,.handoff-card button,.online-actions button,.start-box button{min-height:42px;padding:.5rem .74rem}.chat-panel{min-height:360px;max-height:68vh;padding-bottom:.5rem}.chat-list{padding:.55rem;gap:.42rem}.chat-input-row{position:sticky;bottom:0;margin:0 -.1rem;padding:.52rem .1rem max(.4rem,env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(255,250,242,.92),var(--panel))}.chat-input-row button{min-width:64px}.online-event-log ol{max-height:180px}.event-log-head{flex-wrap:wrap;align-items:flex-start}.history-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:560px){.page{padding:.62rem}.hero h1{font-size:1.28rem}.setup label,.online-actions label,.start-box label,.specialist-box label{font-size:.86rem}.room-players,.players-grid{grid-template-columns:1fr}.player-card h3{font-size:.98rem}.playing-card{min-width:48px;padding:.3rem .4rem;font-size:.9rem}.rank-buttons{display:grid;grid-template-columns:1fr 1fr}.rank-buttons button{width:100%}.online-inline-buttons{display:grid;grid-template-columns:1fr;gap:.4rem}.chat-panel{max-height:72vh}.chat-item{padding:.4rem .46rem}.chat-item header{gap:.4rem}.chat-item time{font-size:.72rem}.event-heist-group{padding:.4rem .42rem}}