:root{color-scheme:dark;--ink:#f7edd7;--muted:#c4cbbd;--gold:#e1bb76;--green:#142624;--panel:#203632;--border:#587064}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px/1.5 Georgia,serif;background:radial-gradient(ellipse at 40% 0,#36524a,transparent 65%),#0b1918;min-height:100vh}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;border:1px solid #9b946d;border-radius:7px;background:linear-gradient(#365348,#243b33);color:var(--ink);padding:11px 16px;min-height:46px}button:hover{background:#496554}button:disabled{opacity:.45;cursor:default}button.primary{background:linear-gradient(#e8c789,#b98b4a);color:#201b12;font-weight:bold}button.danger{border-color:#de9b8d;background:#583631}button.small{padding:6px 10px;min-height:40px}a{color:var(--gold)}:focus-visible{outline:3px solid #ffe69d;outline-offset:3px}input,select,textarea{padding:10px;border:1px solid #8a9b8c;border-radius:6px;background:#142724;color:var(--ink);max-width:100%}label{display:block;color:var(--muted)}.masthead{max-width:1540px;margin:auto;padding:24px 30px 18px;display:flex;gap:25px;align-items:center;justify-content:space-between;border-bottom:1px solid #53644b}.masthead h1{font-size:clamp(23px,3.2vw,39px);font-weight:normal;line-height:1.12;margin:4px 0}.masthead em{color:var(--gold)}.eyebrow{font:11px/1.5 system-ui,sans-serif;letter-spacing:3px;color:var(--gold);margin:0}.back{font:13px system-ui;white-space:nowrap}main{max-width:1500px;margin:auto;padding:24px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.hero h2{font-size:clamp(30px,4vw,54px);font-weight:normal;line-height:1.1;margin:15px 0}.lede{color:#d6decf;max-width:580px;font-size:18px}.panel{background:linear-gradient(130deg,#263e37,#182c29);border:1px solid var(--border);border-radius:12px;padding:22px;box-shadow:0 10px 30px #0004}.setup{max-width:900px;margin:26px auto}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row.spread{justify-content:space-between}.seats{display:grid;gap:9px;margin:18px 0}.seatrow{display:grid;grid-template-columns:32px 1.4fr 1fr 1fr;gap:10px;align-items:center}.piece{--piece:#f4d78f;display:inline-grid;place-items:center;vertical-align:middle;width:26px;height:33px;border-radius:48% 48% 30% 30%;background:radial-gradient(circle at 32% 20%,#fff9,var(--piece) 40%,#0009);border:1px solid #fff8;box-shadow:2px 3px 4px #0008;color:#111;font:bold 15px system-ui;text-shadow:0 1px #fff8}.table-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.board-frame{padding:17px;background:repeating-linear-gradient(7deg,#3b2218 0,#63412a 3px,#44291c 6px,#704d32 12px);border:2px solid #b68d55;box-shadow:inset 0 0 12px #000,0 12px 30px #0008;border-radius:11px}.board{display:block;width:100%;height:auto;background:#a48a63;border:2px solid #d6b875;border-radius:3px}.board text{font-family:Georgia,serif;fill:#f8f0d9;pointer-events:none}.board .roomname{font-size:22px;font-weight:bold;paint-order:stroke;stroke:#14221d;stroke-width:4px}.board .tile{fill:#93816c;stroke:#554e40;stroke-width:1}.board .legal{stroke:#ffe995;stroke-width:4;cursor:pointer;fill:#d5b66d}.board .roomlegal{stroke:#ffe995;stroke-width:6;cursor:pointer}.board .pawn{transition:transform .5s ease}.board .door{stroke:#ffe4a6;stroke-width:6}.board .rain{opacity:.18;animation:rain 4s linear infinite}.board [role=button]{cursor:pointer}.board [role=button]:focus{outline:none;stroke:#fff;stroke-width:5}.caption{font:12px system-ui;color:var(--muted);padding-top:10px}.statusbar{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-bottom:18px}.statusbar h2{font-size:24px;margin:0}.statusbar p{margin:0;color:var(--muted)}.dice{display:flex;gap:6px}.die{display:inline-grid;place-items:center;font:28px system-ui;background:linear-gradient(#fff9e8,#d2c3a1);width:44px;height:44px;border-radius:8px;color:#2d2b24;box-shadow:1px 3px 4px #0008}.side{display:grid;gap:15px}.side .panel{padding:18px}.side h3{margin:0 0 12px;color:var(--gold);font-size:19px}.actions{display:grid;gap:9px}.players{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.player{padding:8px 12px;border:1px solid #506657;border-radius:8px;font:14px system-ui;display:flex;gap:8px;align-items:center;background:#162a25}.player.current{border:2px solid var(--gold)}.player small{display:block;color:#d0d6ca;font-size:11px}.history{max-height:230px;overflow:auto;font:14px/1.6 system-ui;margin:0;padding-left:22px;color:#d6ded0}.evidence{display:flex;gap:10px;flex-wrap:wrap}.card{color:#30271b;background:repeating-linear-gradient(100deg,#eee0bc,#e4d5ad 3px,#ebddba 6px);border:2px solid #b59151;border-radius:7px;padding:15px;min-height:112px;width:160px;box-shadow:3px 5px 8px #0004;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.card small{font:10px system-ui;letter-spacing:2px}.card strong{font-size:18px}.card.reveal{animation:reveal .5s ease}.notice{padding:12px;background:#3c4833;border-left:3px solid var(--gold);margin:14px 0;color:#fff2d8}.muted{color:var(--muted)}dialog{color:var(--ink);background:#172b27;border:1px solid var(--gold);border-radius:12px;padding:25px;width:min(900px,96vw);max-height:90vh;overflow:auto;box-shadow:0 20px 100px #000}dialog::backdrop{background:#020a08dc;backdrop-filter:blur(6px)}dialog h2{color:var(--gold);margin-top:0}.dialoghead{display:flex;justify-content:space-between;align-items:start;gap:12px}.dialogbody{margin-top:18px}.formgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.formgrid select{width:100%}.notebookwrap{overflow:auto}table{border-collapse:collapse;width:100%;font:14px system-ui}th,td{padding:7px;border-bottom:1px solid #57614c;text-align:center}th:first-child,td:first-child{text-align:left;min-width:170px}th{color:var(--gold)}td button{min-height:38px;min-width:39px;padding:3px}.fixed{background:#596247!important;color:#fff}textarea{width:100%;min-height:90px}#privacy{position:fixed;inset:0;z-index:100;background:radial-gradient(ellipse at top,#344b39,#081510);display:grid;place-items:center;padding:25px}#privacy[hidden]{display:none}#privacy section{text-align:center;max-width:530px}#privacy h2{font-size:40px;color:var(--gold)}#privacy p{font-size:18px}#privacy .seal{font-size:70px;color:var(--gold)}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:150;background:#fae6b9;color:#201d17;border-radius:7px;box-shadow:0 5px 25px #0008;max-width:90%;padding:0}#toast:not(:empty){padding:14px 20px}.rules{font-size:16px;line-height:1.7}.rules h3{color:var(--gold)}.manorart{width:100%;border:1px solid #9b8155;border-radius:12px;box-shadow:0 12px 30px #0006}.tabs{margin-bottom:15px}.onlinecode{font:22px monospace;color:var(--gold);letter-spacing:2px}.footerline{text-align:center;color:var(--muted);font-size:13px;margin:20px 0}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes reveal{from{transform:rotateY(90deg)}to{transform:rotateY(0)}}@keyframes rain{to{transform:translate(-20px,30px)}}@media(max-width:1050px){.table-layout{grid-template-columns:1fr}.side{grid-template-columns:1fr 1fr}.side .actions-panel{grid-column:1/-1}.actions{display:flex;flex-wrap:wrap}.masthead{padding:16px;gap:12px}.back{white-space:normal}}@media(max-width:640px){main{padding:12px}.masthead{flex-wrap:wrap}.masthead>div{order:-1;width:100%}.masthead h1{font-size:28px}.hero{grid-template-columns:1fr;gap:12px}.hero h2{font-size:35px}.hero>img{max-height:230px;object-fit:cover}.seatrow{grid-template-columns:26px 1fr 1fr}.seatrow select:last-child{grid-column:2/-1}.panel{padding:15px}.side{grid-template-columns:1fr}.board-frame{padding:7px}.formgrid{grid-template-columns:1fr}.statusbar{flex-wrap:wrap}.statusbar h2{font-size:21px}.board .roomname{font-size:25px}.caption{font-size:11px}.card{width:calc(50% - 6px);font-size:14px;min-height:100px}.player{font-size:12px;padding:6px}.setup{margin:15px auto}dialog{padding:16px}.lede{font-size:16px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.seatrow .pieceChoice{grid-column:2/-1;font-size:14px;padding:7px}
.boardtools{margin-top:12px;font:12px system-ui}.board-frame.zoomed{overflow:auto;max-height:80vh}.board-frame.zoomed .board{width:1100px;max-width:none}.actions label select{display:block;width:100%;font-size:15px}.actions label{width:100%}
.evidenceart{height:65px;width:65px;margin-bottom:10px;flex-shrink:0}.die{animation:reveal .25s ease}.board-frame:not(.zoomed) .board{filter:drop-shadow(0 3px 3px #0009)}
.board [fill="url(#lamp)"],.board .pawn{pointer-events:none}
.dialoghead button{flex-shrink:0}.fixed:disabled{opacity:1;color:#f8ecd7}