:root{--ink: #15161d;--ink-2: #1c1e27;--ink-3: #24262f;--line: #33343f;--gold: #c6a15b;--gold-dim: #8f7743;--parchment: #ece5d6;--muted: #928c7e;--red: #b0453b;--green: #5f8256;--purple: #8163a0}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh}body{background:radial-gradient(1200px 600px at 50% -10%,#1f2130 0%,var(--ink) 60%);color:var(--parchment);font-family:Inter,system-ui,sans-serif;line-height:1.45}h1,h2,h3{font-family:Cormorant Garamond,Georgia,serif;font-weight:600}.eyebrow{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-dim)}.sub{color:var(--muted)}.banner{background:var(--red);color:#fff;text-align:center;padding:4px;font-size:13px}.toast{position:fixed;top:16px;left:50%;transform:translate(-50%);background:var(--red);color:#fff;padding:10px 18px;border-radius:9px;z-index:100}.lobby,.room{max-width:460px;margin:0 auto;padding:48px 20px;text-align:center}.lobby h1,.room h1{font-size:42px;margin:8px 0 4px}.room .code{letter-spacing:.2em;color:var(--gold)}.panel{background:var(--ink-2);border:1px solid var(--line);border-radius:14px;padding:22px;margin-top:24px;text-align:left}.panel label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:12px 0 6px}.panel input{width:100%;background:var(--ink);border:1px solid var(--line);border-radius:8px;color:var(--parchment);padding:10px 12px;font-size:15px;outline:none}.panel input:focus{border-color:var(--gold)}.btn{background:var(--gold);color:#1a160c;border:none;border-radius:9px;padding:11px 16px;font-weight:600;font-size:14px;cursor:pointer;margin-top:14px}.btn:disabled{opacity:.45;cursor:default}.btn.ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}.btn.ghost:hover:not(:disabled){color:var(--parchment);border-color:var(--gold-dim)}.btn.small{padding:6px 10px;font-size:12px;margin:0}.divider{text-align:center;color:var(--muted);margin:14px 0 2px;font-size:13px}.join-row{display:flex;gap:10px}.join-row input{letter-spacing:.3em;text-transform:uppercase}.join-row .btn{margin-top:0}.player-list{list-style:none;padding:0;margin:0 0 10px}.player-list li{display:flex;gap:10px;align-items:baseline;padding:7px 0;border-bottom:1px solid var(--line)}.player-list .pname{font-weight:600}.player-list .pleader{color:var(--muted);font-size:13px;flex:1}.player-list .offline{opacity:.5}.tag-off{font-size:11px;color:var(--red)}.leader-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.leader{background:var(--ink-3);border:1px solid var(--line);color:var(--parchment);border-radius:9px;padding:9px 10px;font-size:13px;cursor:pointer;text-align:left}.leader.mine{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold-dim) inset}.leader.taken{opacity:.45;cursor:default}.leader small{display:block;color:var(--muted)}.room-actions{display:flex;gap:12px;align-items:center;margin-top:18px}.table{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.turnbar{padding:9px 16px;font-size:14px;color:var(--muted);font-weight:600;border-bottom:1px solid var(--line);background:var(--ink-2);transition:background .2s,color .2s}.turnbar.active{color:#101018;background:var(--gold)}.middle{display:flex;flex:1;gap:12px;padding:12px 16px;align-items:flex-start}.players{display:flex;gap:10px;flex:1;flex-wrap:wrap}.pcol{background:var(--ink-2);border:1px solid var(--line);border-radius:11px;padding:10px;min-width:150px;flex:1}.pcol.turn{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold-dim) inset}.pcol.knelt{opacity:.65}.phead .pl{color:var(--gold-dim);font-size:12px}.phead .pinfo{color:var(--muted);font-size:12px}.badge{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:9px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;vertical-align:middle}.turn-badge{background:var(--gold);color:#101018}.kneel-badge{background:var(--ink-3);color:var(--muted);border:1px solid var(--line);text-transform:none}.bid{margin-top:8px;display:flex;flex-direction:column;gap:6px}.bid-total{font-size:12px;color:var(--muted)}@keyframes bid-in{0%{opacity:0;transform:translateY(-18px) scale(.8) rotate(-3deg)}70%{opacity:1;transform:translateY(2px) scale(1.02)}to{opacity:1;transform:none}}.bid-slot{animation:bid-in .3s cubic-bezier(.2,.8,.3,1.2);transform-origin:top center}.center{width:320px;flex-shrink:0}.center h3{margin:0 0 8px}.center .empty{color:var(--muted)}.hint{font-size:13px;color:var(--gold)}.log{margin-top:12px;background:var(--ink-2);border:1px solid var(--line);border-radius:9px;padding:8px 10px;font-size:11.5px;color:var(--muted);max-height:220px;overflow-y:auto}.log div{padding:1px 0}.log .log-last{color:var(--gold);font-weight:600}@keyframes ally-in{0%{opacity:0;transform:translateY(-8px) scale(.9)}to{opacity:1;transform:none}}.councils{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;padding:0 16px 12px}.callies .card{animation:ally-in .32s ease-out}.council{background:var(--ink-2);border:1px solid var(--line);border-radius:11px;padding:10px}.council.mine{border-color:var(--gold-dim)}.chead{font-size:12.5px;color:var(--muted);margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;gap:8px}.chead b{color:var(--gold)}.ctotals{display:inline-flex;gap:6px;flex-shrink:0}.ctotal{display:inline-flex;align-items:center;gap:3px;padding:1px 8px;border-radius:10px;background:var(--ink);border:1px solid var(--line);color:var(--parchment);font-weight:700;font-size:12px;white-space:nowrap}.ctotal-tok{color:var(--gold)}.ctotal-final{border-color:var(--gold-dim);color:var(--gold)}.callies{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.token{width:30px;height:30px;border-radius:50%;background:var(--ink-3);border:1px solid var(--gold-dim);display:inline-flex;align-items:center;justify-content:center;font-size:13px;color:var(--gold)}.token-stack{display:inline-flex;align-items:center;gap:4px}.token-count{color:var(--gold);font-weight:700;font-size:13px}.card{position:relative;display:inline-flex;flex-direction:column;text-align:left;background:var(--ink-3);border:1px solid var(--line);border-radius:8px;padding:6px 8px 6px 30px;min-width:120px;max-width:170px;color:var(--parchment);font-size:12px;cursor:default}.card .cval{position:absolute;left:5px;top:6px;width:20px;height:20px;border-radius:50%;background:var(--ink);border:1px solid var(--gold-dim);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.card .cname{font-weight:600;line-height:1.2}.card .cep{color:var(--muted);font-style:italic;font-size:11px}.card .cab{color:var(--gold-dim);font-size:10.5px;text-transform:uppercase;letter-spacing:.04em}.card .cph{color:var(--red);font-size:10px}.card.red{border-left:3px solid var(--red)}.card.green{border-left:3px solid var(--green)}.card.purple{border-left:3px solid var(--purple)}.card.ally{border-left:3px solid var(--gold)}.card.clickable{cursor:pointer}.card.clickable:hover:not(:disabled){border-color:var(--gold);transform:translateY(-2px)}.card:disabled{opacity:.55}.card.hasimg{padding:0;min-width:96px;max-width:120px;width:120px;border-left-width:1px;overflow:hidden;background:var(--ink)}.card.hasimg .cimg{display:block;width:100%;aspect-ratio:63 / 88;object-fit:cover;border-radius:7px}.card.hasimg.clickable:hover:not(:disabled){box-shadow:0 0 0 2px var(--gold)}.hand{border-top:1px solid var(--line);padding:10px 16px 14px;background:var(--ink-2)}.hand-actions{margin-bottom:8px}.hand-actions .btn{margin:0}.hand-cards{display:flex;gap:8px;flex-wrap:wrap}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#08080cb8;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.modal{background:var(--ink-2);border:1px solid var(--line);border-radius:14px;padding:24px;max-width:480px;width:100%}.modal-ally{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}.modal-ally-info{flex:1;min-width:0;font-size:13px;line-height:1.35}.modal-ally-val{display:inline-block;margin:4px 0;padding:1px 8px;border-radius:10px;background:var(--ink);border:1px solid var(--gold-dim);color:var(--gold);font-weight:700;font-size:12px}.modal-ally-text{color:#b9b2a4;margin-top:4px}.choice-row{display:flex;gap:10px;flex-wrap:wrap}.choice-col{display:flex;flex-direction:column;gap:8px;max-height:55vh;overflow-y:auto}.choice-col .btn{margin:0;text-align:left}.card.dim{opacity:.4}.zoom-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#06060ad1;display:flex;align-items:center;justify-content:center;z-index:60;padding:20px;cursor:zoom-out}.zoom{display:flex;gap:18px;align-items:flex-start;cursor:default;background:var(--ink-2);border:1px solid var(--line);border-radius:14px;padding:18px;max-width:620px;position:relative}.zoom-img{width:300px;max-width:44vw;border-radius:10px;display:block;box-shadow:0 8px 30px #00000080}.zoom-info{flex:1;min-width:180px;font-size:14px;line-height:1.4}.zoom-name{font-weight:700;font-size:20px;color:var(--parchment)}.zoom-ep{color:var(--muted);font-style:italic;margin-top:2px}.zoom-val{display:inline-block;margin:10px 0;padding:2px 12px;border-radius:12px;background:var(--ink);border:1px solid var(--gold-dim);color:var(--gold);font-weight:700}.zoom-ab{color:var(--gold-dim);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.zoom-text{color:#cfc8ba;margin-top:8px}.zoom-close{position:absolute;top:10px;right:10px}.card .ctext{color:#b9b2a4;font-size:10.5px;line-height:1.25;margin-top:2px}.ally-focus{display:flex;gap:12px;align-items:flex-start}.ally-info{flex:1;min-width:0;font-size:12.5px;line-height:1.35}.ally-info-name{font-weight:700;font-size:14px;color:var(--parchment)}.ally-info-ep{color:var(--muted);font-style:italic;font-size:12px;margin-top:1px}.ally-info-val{display:inline-block;margin:6px 0;padding:1px 8px;border-radius:10px;background:var(--ink);border:1px solid var(--gold-dim);color:var(--gold);font-weight:700}.ally-info-ab{color:var(--gold-dim);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.ally-info-text{color:#b9b2a4;margin-top:4px}.ally-tokens{color:var(--gold);font-size:12.5px;margin-top:6px}.result{width:100%;border-collapse:collapse;margin:12px 0;font-size:14px}.result th,.result td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line)}.result .winner td{color:var(--gold);font-weight:600}@media (max-width: 800px){.middle{flex-direction:column;padding:10px}.center{width:100%}.topbar{flex-wrap:wrap;font-size:12px;gap:6px}.players{gap:8px}.pcol{min-width:120px;padding:8px}.councils{grid-template-columns:1fr;padding:0 10px 10px}.card.hasimg{width:92px;min-width:92px}.hand-cards{gap:6px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.hand-cards .card.hasimg{flex:0 0 auto}.zoom{flex-direction:column;max-width:92vw}.zoom-img{max-width:80vw;width:auto}.turnbar{font-size:13px}}