:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eeeae2;font-synthesis:none;--muted:#a0ada3;--line:#303a33;--gold:#d9bc80;background:#111513;font-family:Avenir Next,Avenir,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 50% 0,#26392d66,#0000 650px);min-height:100dvh;margin:0}button,input,select{font:inherit}button{color:#eeeae2;cursor:pointer;background:#232e26;border:1px solid #414b41;border-radius:10px;min-height:48px;padding:12px 16px;transition:background .15s}button:hover:not(:disabled){background:#344237}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}input,select{border:1px solid var(--line);color:#eeeae2;background:#101813;border-radius:9px;width:100%;min-width:0;min-height:48px;padding:12px}input::placeholder{color:#8a998e}label{color:#c4cec6;margin:16px 0;font-size:.85rem;font-weight:600;display:block}label input,label select{margin-top:8px;font-weight:400}main{max-width:560px;padding:24px 20px calc(36px + env(safe-area-inset-bottom));margin:0 auto}h1,h2,p{margin-top:0}h1{margin-bottom:12px;font-family:Georgia,Times New Roman,serif;font-size:1.8rem;font-weight:400;line-height:1.2}h2{font-size:1rem;font-weight:600}p{line-height:1.55}small{font-size:.75rem}.home{padding-top:54px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--gold);margin-bottom:10px;font-size:.65rem;font-weight:600}.home>.eyebrow{text-align:center}.wordmark{letter-spacing:.075em;text-align:center;margin:12px 0;font-family:Georgia,serif;font-size:clamp(4rem,19vw,6.4rem);line-height:1.1}.wordmark span{color:var(--gold);vertical-align:super;margin-left:-2px;font-size:.27em}.intro{text-align:center;color:#b5c1b8;margin:14px 0 22px}.pill{color:#b4c2b8;justify-content:center;gap:10px;margin:0 0 28px;font-size:.72rem;display:flex}.pill span{color:#68796c}.panel{border:1px solid var(--line);background:#1c261fee;border-radius:16px;padding:24px}.entry-panel label{margin-top:0;margin-bottom:18px}.primary{background:var(--gold);border-color:var(--gold);color:#24291f;font-weight:700}.primary:hover:not(:disabled){background:#edcf96}.primary span{float:right}.full{width:100%}.divider{color:#92a196;align-items:center;gap:12px;margin:24px 0;font-size:.7rem;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.join-form{gap:10px;display:flex}.join-form button{min-width:74px}.text-button{color:var(--gold);background:0 0;border-color:#0000;font-size:.85rem}.home>.text-button{margin:12px 0}.footnote{color:#94a498;text-align:center;margin:20px 4px;font-size:.75rem}.muted{color:var(--muted);font-size:.85rem}.error,.connection-notice{background:#34291e;border:1px solid #9c734a;border-radius:12px;margin:18px 0;padding:16px;font-size:.85rem}.error{color:#ffbdb6;border-color:#a96762}.connection-notice p{color:#d5bfa5;margin:8px 0 12px}.resume{margin-top:16px}details{border-top:1px solid var(--line);padding:4px 0;font-size:.85rem}summary{cursor:pointer;color:#b7c4b9;min-height:48px;padding:16px 0}.rules,.diagnostics{color:var(--muted);line-height:1.6}.rules strong{color:#d7dcd3}header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.brand{color:#eeeae2;letter-spacing:.12em;font-family:Georgia,serif;font-size:1.8rem;text-decoration:none}.brand span{color:var(--gold);font-size:.6em}.small{padding:10px 12px;font-size:.78rem}.table-meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.code{letter-spacing:.02em;color:#d5ddcd;background:#1c271f;font-family:ui-monospace,monospace;font-size:.8rem}.code span{color:var(--gold)}.connection{color:#d9b68a;white-space:nowrap;font-size:.7rem}.connection:before{content:"●";margin-right:6px}.connected{color:#98cead}.section-heading{margin:36px 0 24px}.roster{margin:18px 0 28px;padding:0;list-style:none}.roster li{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 0;display:flex}.avatar{color:#d3dea9;background:#384637;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;font-family:Georgia,serif;font-size:1.2rem;display:grid}.avatar-1,.avatar-4{color:#d6b3d1;background:#403740}.avatar-2,.avatar-5{color:#a0cad7;background:#304451}.avatar-3{color:#dec2a1;background:#514337}.roster-name{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.roster-name strong{font-size:.9rem}.roster-name small{color:var(--muted);font-weight:400}.roster-name>span{color:#98a79a;font-size:.7rem}.presence{background:#6c776d;border-radius:50%;width:7px;height:7px}.online{background:#9bcc98}.opponents{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:24px 0 20px;display:grid}.opponent{border:1px solid var(--line);background:#19231d;border-radius:12px;padding:12px}.opponent.turn{border-color:#a78c58}.opponent-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;font-size:.85rem;display:flex}.opponent-header strong{overflow-wrap:anywhere}.coins{color:var(--gold);white-space:nowrap}.coins small{color:var(--muted)}.mini-hand{gap:6px;display:flex}.influence{--card-color:#304b38;--card-accent:#b9cf91;perspective:900px;border-radius:14px;flex:1;min-width:0;min-height:190px;position:relative}.card-touch{border-radius:inherit;background:0 0;border:0;width:100%;height:100%;padding:0;transition:transform .18s;position:absolute;inset:0}.card-touch:hover:not(:disabled){background:0 0;transform:translateY(-3px)}.card-turn{transform-style:preserve-3d;transition:transform .52s cubic-bezier(.2,.7,.2,1);display:block;position:absolute;inset:0}.face-down .card-turn{transform:rotateY(180deg)}.card-face,.card-reverse{border:1px solid var(--card-accent);background:radial-gradient(ellipse at 50% 25%, #ffffff18, transparent 65%), linear-gradient(145deg, var(--card-color), #121914);backface-visibility:hidden;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px 10px;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 22px #0004,0 7px 14px #0004}.card-face:before,.card-reverse:before{content:"";pointer-events:none;border:1px solid #e7d3a344;border-radius:9px;position:absolute;inset:6px}.card-reverse{color:#dfc994;background:repeating-linear-gradient(45deg,#ffffff03,#ffffff03 2px,#0000 2px 8px),radial-gradient(#355542,#14231b);border-color:#8b9564;transform:rotateY(180deg)}.card-emblem{width:74px;height:74px;color:var(--card-accent);background:#0002;border:1px solid #dfc99455;border-radius:50%;place-items:center;display:grid;box-shadow:0 0 0 5px #dfc99408}.role-icon{width:28px;height:28px;color:var(--gold);flex-shrink:0}.card-emblem .role-icon{width:48px;height:48px;color:inherit}.card-corner{color:var(--card-accent);font:.8rem Georgia,serif;position:absolute;top:12px;left:14px}.card-caption{color:#d6cbb6;text-align:center;font:italic .65rem Georgia,serif}.card-hint{color:var(--muted);margin:12px 0 0;font-size:.7rem}.card-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0;display:grid}.influence strong{font-family:Georgia,serif;font-size:1.05rem}.role-duke{--card-color:#58416e;--card-accent:#d5b5ec}.role-assassin{--card-color:#652f38;--card-accent:#f2b0a4}.role-captain{--card-color:#24546c;--card-accent:#a2d8ee}.role-contessa{--card-color:#69502d;--card-accent:#edd29d}.mini-hand .influence{min-height:76px}.mini-hand .card-face,.mini-hand .card-reverse{border-radius:7px;gap:3px;padding:6px 3px}.mini-hand .card-emblem{width:28px;height:28px;box-shadow:none;border:0}.mini-hand .role-icon{width:23px;height:23px}.mini-hand .card-caption,.mini-hand .card-corner{display:none}.mini-hand strong{font-size:.62rem}.mini-hand small{font-size:.5rem}.mini-hand .card-face:before,.mini-hand .card-reverse:before{inset:3px}.revealed{opacity:.6;filter:grayscale(.8)}.revealed strong{text-decoration:line-through}.influence small{letter-spacing:.1em;font-size:.6rem}.eliminated>small{color:#c5a6a1;margin-top:6px;display:block}.turn-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:20px 0;padding:18px 0}.turn-panel h1{margin-bottom:0;font-size:1.7rem}.turn-panel p{margin:10px 0 0;font-size:.85rem}.your-turn h1{color:#f3d69c}.claim-summary{align-items:center;gap:12px;margin-top:12px;display:flex}.claim-summary>div:last-child{min-width:0}.claim-summary h1{overflow-wrap:anywhere;margin:0 0 5px;font-size:1.3rem}.claim-icon{height:48px;color:var(--gold);background:#d9bc8012;border:1px solid #887345;border-radius:12px;flex:0 0 48px;place-items:center;display:grid}.claim-icon .role-icon{width:30px;height:30px}.claim-role{color:var(--gold);font-size:.8rem}.claim-details{color:var(--muted);margin-top:14px;font-size:.8rem}.choice-consequence{margin-top:4px;font-size:.75rem;font-weight:400;display:block}.hand-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.hand-heading .eyebrow{margin-bottom:4px}.hand{gap:12px;display:flex}.your-hand{margin-bottom:24px}.action-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.action-grid button{text-align:left;flex-direction:column;gap:5px;padding:14px 12px;display:flex}.action-grid small{color:#bbc6ba;font-size:.66rem;line-height:1.4}.action-kind{border-radius:5px;padding:4px 6px;font-size:.7rem;line-height:1.4}.held-role{color:#b8e9c8;background:#244534}.bluff-role{color:#f4d39f;background:#493721}.no-role{color:#c9d7e9;background:#293746}.action-availability{color:var(--gold);margin-top:auto;padding-top:8px;font-size:.72rem;line-height:1.4}.action-grid button:disabled{opacity:1;background:#191e1b;border-style:dashed}.action-grid button:disabled>strong{color:var(--muted)}.block-kind{color:var(--muted);margin-top:6px;display:block}.danger{color:#f1b1a3;background:#30231e;border-color:#945e50}.decision{flex-direction:column;gap:10px;margin-bottom:18px;display:flex}.decision:empty{display:none}.exchange-options{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.exchange-options button{flex-direction:column;align-items:center;gap:8px;min-height:94px;display:flex}.exchange-options span{color:var(--gold);font-size:1.7rem}.selected{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold);background:#3b4230}.exchange-options button{transition:transform .18s,box-shadow .18s}.exchange-options button.selected{transform:translateY(-3px)}.history{color:#a9b7ab;padding-left:20px}.history li{border-bottom:1px solid var(--line);padding:8px 0}.recent-activity{border-left:3px solid var(--gold);overflow-wrap:anywhere;background:#1c261f;border-radius:0 10px 10px 0;margin:16px 0 24px;padding:12px 14px;font-size:.8rem}.recent-activity h2{color:var(--gold);margin-bottom:8px}.recent-activity p{color:var(--muted);margin:8px 0 0;line-height:1.5}.previous-turn{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.exchange-options small{color:var(--muted);font-size:.7rem}.history .turn-outcome{color:var(--muted);margin:8px 0 0;display:block}.confirm-move{color:#eeeae2;border:1px solid var(--gold);background:#1c261f;border-radius:16px;width:min(440px,100% - 32px);max-height:calc(100dvh - 32px);padding:24px;overflow-y:auto}.confirm-move::backdrop{background:#080d09cc}.practice-controls{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.practice-controls label,.practice-controls p{flex-basis:100%;margin:4px 0}.practice-banner{color:#c8afdd;background:#33283b;border-radius:8px;padding:12px;font-size:.75rem}.handoff{text-align:center;margin:24px 0}.handoff-symbol{color:var(--gold);margin:20px 0;font-size:4rem;display:block}.handoff p{color:var(--muted)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=360px){main{padding-left:14px;padding-right:14px}.panel{padding:18px}.pill{gap:6px;font-size:.66rem}}@media (width>=700px){.table{max-width:680px}.opponents{grid-template-columns:repeat(3,minmax(0,1fr))}.influence{min-height:210px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}