@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Serif+SC:wght@500;600;700;900&display=swap');
:root{--bg:#0d0f0d;--panel:#151815;--panel2:#1a1e1a;--line:#2b302a;--cream:#ede6d7;--muted:#878b7f;--gold:#d2aa5b;--gold2:#f0cf82;--red:#d16752;--green:#7b9c78;--serif:'Noto Serif SC',serif;--sans:Manrope,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% -20%,#293126 0,transparent 40%),var(--bg);color:var(--cream);font-family:var(--sans);min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{max-width:1440px;margin:auto;padding:32px 46px 60px}.topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 0 23px}.brand{display:flex;align-items:center;gap:14px}.seal{width:42px;height:42px;border:1px solid var(--gold);color:var(--gold);display:grid;place-items:center;font:20px var(--serif);transform:rotate(45deg)}.seal span{transform:rotate(-45deg)}.brandname{font:600 18px var(--serif);letter-spacing:2px}.brandtag{font:10px var(--mono);letter-spacing:2px;color:var(--muted);margin-top:4px}.topright{color:var(--muted);font:11px var(--mono);letter-spacing:1px}.eyebrow{color:var(--gold);font:10px var(--mono);letter-spacing:3px;text-transform:uppercase}.hero{padding:54px 0 32px;display:flex;justify-content:space-between;align-items:flex-end}.hero h1{font:900 clamp(34px,5vw,62px)/1.18 var(--serif);margin:11px 0 8px;letter-spacing:2px}.hero p{color:var(--muted);font-size:13px;letter-spacing:.4px;margin:0}.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px}.panel{background:linear-gradient(145deg,#191d19,#131613);border:1px solid var(--line);padding:22px}.setup-card{max-width:620px;margin:26px auto 70px;padding:38px}.setup-card h2{font:700 27px var(--serif);margin:10px 0 7px}.setup-card .desc{color:var(--muted);font-size:13px;line-height:1.8;margin-bottom:24px}.field{margin:17px 0}.field label{display:block;color:#b5b5a9;font:10px var(--mono);letter-spacing:1.4px;margin:0 0 8px}.field input,.field select,.field textarea{width:100%;background:#0e110e;border:1px solid #353a33;color:var(--cream);padding:12px 13px;outline:none}.field input:focus,.field select:focus{border-color:var(--gold)}.split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.primary{width:100%;border:0;background:var(--gold);color:#17170f;padding:14px 18px;font-weight:800;letter-spacing:1px;margin-top:10px;transition:.2s}.primary:hover{background:var(--gold2);transform:translateY(-1px)}.outline{border:1px solid #4a4d41;background:transparent;color:var(--cream);padding:10px 14px;font-size:12px}.outline:hover{border-color:var(--gold);color:var(--gold)}.topstats{display:flex;gap:12px;align-items:center}.stat{border-left:1px solid var(--line);padding-left:14px}.stat small{display:block;color:var(--muted);font:9px var(--mono);letter-spacing:1px}.stat strong{font:18px var(--mono);color:var(--gold2)}.roundcard{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;background:linear-gradient(105deg,#22251b,#191c16);border:1px solid #49452f;padding:20px 24px;margin-bottom:18px}.loot{font:800 30px var(--mono);color:var(--gold2)}.loot small{font:10px var(--mono);color:var(--muted)}.roundmeta{color:#a5a596;font-size:11px;margin-top:5px}.card-label{font:9px var(--mono);color:var(--gold);letter-spacing:2px}.reward{text-align:right;color:var(--cream);font:600 14px var(--serif)}.section-title{display:flex;justify-content:space-between;align-items:center;margin:23px 0 12px}.section-title h3{font:600 14px var(--serif);margin:0;letter-spacing:1px}.section-title span{color:var(--muted);font:10px var(--mono)}.role-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.role-card{min-height:100px;text-align:center;background:#111411;border:1px solid var(--line);padding:14px 4px;transition:.18s}.role-card:hover,.role-card.selected{border-color:var(--gold);background:#252419}.role-card .glyph{font:23px var(--serif);color:var(--gold);margin-bottom:8px}.role-card strong{font:12px var(--serif);display:block}.role-card small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.role-card:disabled{opacity:.35;cursor:not-allowed}.table{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.player{background:#111411;border:1px solid var(--line);padding:13px;min-height:93px;position:relative}.player.you{border-color:#777047}.player .name{font-size:12px;font-weight:700}.player .cash{color:var(--gold2);font:14px var(--mono);margin-top:10px}.player .caption{font-size:9px;color:var(--muted);margin-top:4px}.badge{position:absolute;right:8px;top:8px;color:var(--gold);font:9px var(--mono)}.badge.out{color:var(--red)}.lower{display:grid;grid-template-columns:1fr 1fr;gap:14px}.box{border:1px solid var(--line);background:#111411;min-height:180px}.box-head{padding:12px 14px;border-bottom:1px solid var(--line);font:10px var(--mono);letter-spacing:1px;color:var(--gold)}.box-body{padding:12px 14px}.talkline{font-size:11px;line-height:1.65;color:#bcbdb1;padding:4px 0}.talkline b{color:var(--gold2)}.smallform{display:flex;gap:6px;margin-top:10px}.smallform input,.smallform select{min-width:0;flex:1;background:#0b0e0b;border:1px solid var(--line);color:var(--cream);padding:8px;font-size:11px}.smallform button{background:var(--gold);border:0;padding:0 12px;color:#14140f;font-size:11px;font-weight:700}.offer{border-bottom:1px solid #292d28;padding:9px 0;font-size:11px;line-height:1.6}.offer button{margin:5px 4px 0 0;padding:5px 8px;font-size:10px}.side{display:flex;flex-direction:column;gap:14px}.side .panel{padding:17px}.sidehead{font:10px var(--mono);letter-spacing:1.4px;color:var(--gold);padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:12px}.log{max-height:195px;overflow:auto;color:#9b9d91;font-size:10px;line-height:1.8}.log div{border-bottom:1px solid #20231f;padding:4px 0}.identity-list{display:flex;flex-wrap:wrap;gap:6px}.identity{padding:6px 9px;border:1px solid #3c4236;color:#babeae;font-size:10px}.identity.hidden{color:var(--muted);border-style:dashed}.action{display:flex;gap:8px;margin-top:14px}.action .primary{margin:0}.decision{border:1px solid #5d5031;background:#201e15;padding:15px;font-size:12px;line-height:1.8;color:#d2c9b6}.notice{color:var(--muted);font-size:10px;line-height:1.7;margin-top:9px}.toast{position:fixed;right:24px;bottom:24px;background:#252a22;border:1px solid var(--gold);padding:12px 18px;color:var(--cream);font-size:12px;z-index:10}.status{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font:10px var(--mono)}.dot{width:6px;height:6px;border-radius:50%;background:var(--green)}.chatbox{display:flex;flex-direction:column;min-height:360px;margin-bottom:14px}.chatstream{height:300px;overflow:auto;padding:14px 16px;scroll-behavior:smooth}.chatstream .notice{padding:12px}.chatform{padding:10px 12px;border-top:1px solid var(--line);margin-top:auto}.chatform input{font-size:13px;padding:11px}.speaker{font-weight:800}.speaker.voice-0{color:#e47e69}.speaker.voice-1{color:#bd8ee1}.speaker.voice-2{color:#76c2cf}.speaker.voice-3{color:#e5d777}.speaker.voice-4{color:#8ec28c}.speaker.voice-5{color:#e78fae}.speaker.voice-6{color:#92a8e6}.speaker.voice-7{color:#d99d69}.transactionbox{margin-bottom:10px}.offer{font-size:12px}.offer button{margin-top:8px}.transactionbox .smallform{margin-top:12px}.transactionbox .smallform input{min-width:90px}.settlement{padding:20px;border:1px solid var(--line);background:#101518;margin:15px 0}.settlement-step{padding:12px;border-bottom:1px solid var(--line);color:#e5d9bb}.settlement .primary{margin-top:18px}.action .primary:disabled{opacity:.5;cursor:wait}@media(max-width:960px){.chat-grid{grid-template-columns:1fr}.chatbox{min-height:300px}.chatstream{height:220px}.main-grid{grid-template-columns:1fr}.side{display:grid;grid-template-columns:1fr 1fr}.shell{padding:22px}}@media(max-width:620px){.shell{padding:15px}.hero{padding:32px 0 20px}.hero h1{font-size:34px}.topstats{display:none}.table{grid-template-columns:repeat(2,1fr)}.role-grid{grid-template-columns:repeat(3,1fr)}.lower{grid-template-columns:1fr}.side{grid-template-columns:1fr}.roundcard{padding:16px}.setup-card{padding:24px 19px}.topright{font-size:9px}}