:root{color-scheme:dark;--gold:#ffdc54;--panel:#12291d;--border:#477654;--pink:#ed4f8e}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 15%,#2b5c3a,#0a1f12);color:#fff;font:14px/1.55 "Microsoft YaHei","PingFang SC",sans-serif;min-height:100dvh}button,input{font:inherit}button{cursor:pointer;border:1px solid #82a48a;border-radius:8px;background:#294d35;color:#fff;padding:8px 12px;min-height:40px}button:hover:not(:disabled){border-color:var(--gold);filter:brightness(1.15)}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #fff18a;outline-offset:3px}button:disabled{opacity:.45;cursor:default}input{border:1px solid #709578;border-radius:8px;padding:10px;background:#173423;color:white;min-width:0}h1,h2,p{margin:0}h2{font-size:15px}[hidden]{display:none!important}.help{font-size:12px;color:#bed1c2}main{max-width:1500px;margin:auto;padding:12px 20px}#connection-banner{background:#102a1b;text-align:center;font-size:12px;min-height:26px;padding:4px}#connection-banner.offline{background:#7c2c25}#notification{position:fixed;top:8px;left:50%;transform:translateX(-50%);width:min(92vw,600px);background:#4c261e;border:2px solid #ffad73;border-radius:8px;padding:12px 18px;z-index:5000;overflow-wrap:anywhere}
#main-menu-screen{min-height:calc(100dvh - 90px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center}.game-title{font-size:clamp(32px,5vw,60px);font-weight:900;color:var(--gold);letter-spacing:4px;text-shadow:2px 2px #b22f65,0 6px 16px #000}.subtitle{color:#c9decf;letter-spacing:2px}#join-form{display:grid;text-align:left;gap:8px;width:min(100%,350px);background:#102a1bea;border:1px solid var(--border);padding:24px;border-radius:18px}#join-form label{font-weight:bold}.menu-btn{background:linear-gradient(135deg,#fb980c,#c95604);border:2px solid #ffe4b0;border-radius:24px;font-size:17px;font-weight:bold;padding:10px 20px;margin-top:12px}.menu-links{display:flex;gap:10px}#join-error{color:#ffc69c;max-width:360px}
#top-bar{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.table-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.table-meta>strong{font-size:21px;color:var(--gold);margin-right:auto}.badge{font-size:12px;border:1px solid #7a844d;border-radius:20px;padding:4px 10px;background:#0c1e15}nav{display:flex;gap:7px;flex-wrap:wrap}.top-btn{font-size:12px;min-height:38px}#restart-btn{background:#823327}#start-btn,#fill-ai-btn{background:#315d37}#encyclopedia-btn{background:#59376b}
#table-board{display:grid;grid-template-columns:minmax(140px,1fr) minmax(300px,2.2fr) minmax(140px,1fr);grid-template-rows:auto 1fr;gap:12px;min-height:360px;padding:16px;border-radius:20px;background:#07180e44;box-shadow:inset 0 0 30px #0004}.player-area{min-width:0;border:2px solid transparent;border-radius:12px;padding:10px;background:#081b1055}.active-player{border-color:var(--gold);box-shadow:0 0 15px #ffde5433}.area-title{font-size:12px;color:var(--gold);margin-bottom:6px;overflow-wrap:anywhere}.status-panel{display:flex;gap:5px;flex-wrap:wrap;font-size:11px;margin-bottom:6px}.status-tag{border:1px solid #80927a;border-radius:4px;padding:1px 5px;background:#14271c}.negative{color:#ffc1b9;border-color:#db7669}.positive{color:#b8edc4}#player-2{grid-column:2;grid-row:1}#player-1{grid-column:1;grid-row:2;align-self:center}#player-3{grid-column:3;grid-row:2;align-self:center}#center-board{grid-column:2;grid-row:2;min-width:0;align-self:center}#center-info{text-align:center;background:#0a1b12ed;border:2px solid #a69239;border-radius:13px;padding:16px}#turn-indicator{font-size:15px;font-weight:bold;color:#fff0a0}#pending-card-hint{font-size:12px;color:#f4d8e6;margin:8px 0;white-space:pre-line}#pending-card-wrap{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin:6px 0}#decision-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px}.action-btn{background:#a92457;border-color:#ff7eb4}.confirm{background:#326e3d;border-color:#8ccb91}.pass{background:#555a57}.btn-back{background:#865d24}.choice{font-size:12px;text-align:left}.choice.active{border-color:var(--gold);background:#68551b}#countdown{min-height:18px}#river-details{margin-top:8px;font-size:12px}summary{cursor:pointer;padding:5px}#rivers{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:240px;overflow:auto}.river{display:flex;flex-wrap:wrap;gap:3px;padding:5px}.river-label{width:100%;color:#cce0d0}
.hand-area{display:flex;gap:5px;min-width:0;flex-wrap:wrap;align-items:center}.card{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative;flex:0 0 68px;width:68px;height:96px;min-height:0;border-radius:6px;border:2px solid #48664b;padding:3px 1px;background:#27362b center/cover no-repeat;box-shadow:inset 0 -28px 15px -10px #000d;font-size:11px;color:white;text-shadow:1px 1px 2px #000;line-height:1.3;overflow:hidden}.card>span{z-index:1}.card:hover:not(:disabled),.card:focus-visible{border-color:var(--gold)}.card-selected{border:3px solid var(--pink);box-shadow:inset 0 -28px 15px -10px #000d,0 0 8px #ed4f8e88}.card-gold{border-color:var(--gold)}.card-back{width:24px;height:36px;flex-basis:24px;border:1px solid #598060;background:repeating-linear-gradient(45deg,#123722,#123722 4px,#1d492d 4px,#1d492d 8px);box-shadow:none}.tag-container{position:absolute;top:2px;left:2px;right:2px;display:flex;gap:1px;flex-wrap:wrap}.f-tag{font-size:8px;min-width:12px;height:13px;line-height:13px;text-align:center;border-radius:2px;text-shadow:1px 1px #000}.mini-card{width:32px;height:46px;flex-basis:32px;font-size:8px}.mini-card .tag-container{display:none}.bond-area{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.bond-group{max-width:100%;background:#06160c88;border:1px solid #526d4a;border-radius:6px;padding:4px}.bond-title{color:#f6c8df;font-size:10px;overflow-wrap:anywhere;margin-bottom:4px}.bond-cards{display:flex;gap:2px;flex-wrap:wrap}.own-player{background:#0c2518;margin:10px 0;border-color:#52794e}.own-player .hand-area{padding:4px 0;gap:7px}.own-player .area-title{font-size:14px}#hand-card-inspector{background:#0a1c13;border:1px solid #967c35;border-radius:10px;margin-top:12px;padding:10px 14px;min-width:0}#inspect-title{color:var(--gold)}#inspect-content{font-size:12px;color:#d3e5d8;white-space:pre-line;overflow-wrap:anywhere}
.auxiliary{display:grid;grid-template-columns:1.3fr 1fr;gap:14px;margin-top:14px}#bond-log-area,#chat-widget{background:#0b2016;border:1px solid var(--border);border-radius:10px;overflow:hidden;min-width:0}#bond-log-title,#chat-header{padding:9px 12px;border-bottom:1px solid var(--border);font-size:13px}#chat-header{width:100%;text-align:left;border-radius:0;background:#173e32;color:#a6ecdf}#bond-log-content,#chat-messages{height:180px;overflow:auto;padding:10px;font-size:12px;overflow-wrap:anywhere}.log-entry,.chat-line{margin-bottom:6px;padding:5px;background:#ffffff07;border-radius:4px;white-space:pre-wrap}.log-entry.faction{border-left:3px solid #ef9b40}.log-entry.relation{border-left:3px solid #ed4f8e}.chat-sender{color:var(--gold)}#chat-input-row{display:flex;gap:6px;padding:9px;border-top:1px solid var(--border)}#chat-input{flex:1;width:0}#chat-send-btn{background:#24554a}
dialog{max-width:min(90vw,950px);max-height:86dvh;width:800px;padding:22px;background:#14291d;color:white;border:2px solid #c6ad4d;border-radius:14px;overflow:auto}dialog::backdrop{background:#000b}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.dialog-heading h2{font-size:20px;color:var(--gold)}.enc-tabs{display:flex;gap:8px;flex-wrap:wrap}.enc-tab.active{background:#9c6518;border-color:#ffdd65}.enc-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:15px}.enc-card{padding:12px;background:#ffffff06;border:1px solid #416849;border-radius:8px;min-width:0}.enc-card-title{font-weight:bold;color:var(--gold);margin-bottom:6px}.enc-card-desc{font-size:12px;white-space:pre-line;overflow-wrap:anywhere}#rules-list{padding-left:24px}#rules-list li{margin:12px 0}#clown-rules{margin:12px 0;color:#f9c8e0}#gameover-modal,#name-modal,#confirm-modal,#reveal-modal{width:460px}#gameover-modal p,#confirm-modal p,#reveal-modal p{margin:15px 0;white-space:pre-line;overflow-wrap:anywhere}#gameover-title{font-size:26px;color:var(--gold)}#name-form{display:grid;gap:12px;margin-top:14px}#view-board-btn{margin-top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}#splash-text{pointer-events:none;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);z-index:2000;font-size:clamp(28px,5vw,65px);font-weight:bold;color:#ffe061;text-shadow:3px 3px #60385c;opacity:0;white-space:nowrap}.splash-active{animation:splash .8s ease-out}@keyframes splash{15%,65%{opacity:1}100%{opacity:0;transform:translate(-50%,-70%)}}footer{text-align:center;padding:16px;color:#8fa996;font-size:11px}
@media(max-width:760px){main{padding:10px}#table-board{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;padding:8px;gap:8px;min-height:0}#player-2{grid-column:1/3;grid-row:1}#player-1{grid-column:1;grid-row:2}#player-3{grid-column:2;grid-row:2}#center-board{grid-column:1/3;grid-row:3}.table-meta>strong{width:100%;font-size:19px}.top-btn{padding:7px 9px}.auxiliary{grid-template-columns:1fr}.player-area{padding:7px}#hand-0{flex-wrap:nowrap;overflow-x:auto;padding:5px 3px 10px;scroll-snap-type:x proximity}#hand-0 .card{scroll-snap-align:center;flex-shrink:0}.enc-body{grid-template-columns:1fr}dialog{max-width:95vw;padding:16px}#pending-card-hint{font-size:12px}.own-player .bond-area{max-height:160px;overflow:auto}#bond-log-content{height:135px}.card-back{width:20px;flex-basis:20px;height:30px}#player-2 .hand-area{justify-content:center}.game-title{letter-spacing:1px}}
#hand-card-inspector{height:142px;overflow:auto}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}