:root{--bg:#0f1318;--bg-2:#161c24;--bg-3:#1d2530;--line:#2a3441;--line-2:#364254;--ink:#e9e4d8;--ink-2:#b7b0a2;--ink-3:#7f7a70;--gold:#d9b45b;--gold-2:#f1d58a;--gold-dim:#7a6632;--danger:#e2574b;--ok:#58b87a;--focus:#8fb7ff;--noble:#d4a62a;--religious:#3f86e6;--trade:#3fa565;--military:#d2463a;--special:#8f5df0;--card-w:92px;--card-h:132px;--r:10px;--r-lg:16px;--shadow:0 10px 30px #00000059, 0 1px 0 #ffffff0a inset;--serif:"Fraunces", "Iowan Old Style", Georgia, serif;--sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif}@media (width<=720px){:root{--card-w:74px;--card-h:106px}}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 20% -10%, #1b2430 0%, var(--bg) 60%);color:var(--ink);font:15px/1.45 var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}#app{flex-direction:column;min-height:100%;display:flex}a{color:var(--gold-2);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-weight:600}h1{font-size:30px;line-height:1.1}h2{font-size:22px}h3{font-size:17px}p{margin:0 0 10px}.muted{color:var(--ink-2)}.dim{color:var(--ink-3)}.small{font-size:13px}.serif{font-family:var(--serif)}button{font:inherit;color:inherit}input,select,textarea{font:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:20;padding:10px 18px;padding-top:max(10px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#0f1318d9;align-items:center;gap:14px;display:flex;position:sticky;top:0}.topbar .brand{font-family:var(--serif);color:var(--gold);align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex}.topbar nav{gap:4px;margin-left:6px;display:flex}.topbar nav a{color:var(--ink-2);border-radius:8px;padding:6px 10px;font-size:14px;font-weight:500}.topbar nav a.active,.topbar nav a:hover{color:var(--ink);background:var(--bg-3);text-decoration:none}.topbar .spacer{flex:1}.page{width:min(1180px,100%);margin:0 auto;padding:22px 18px 80px}.page.narrow{width:min(640px,100%)}.grid-2{grid-template-columns:1fr 1fr;gap:18px;display:grid}@media (width<=860px){.grid-2{grid-template-columns:1fr}.topbar nav{display:none}}.panel{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px}.panel+.panel{margin-top:18px}.panel-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.stack{flex-direction:column;gap:10px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.between{justify-content:space-between}.wrap{flex-wrap:wrap}.btn{border:1px solid var(--line-2);background:var(--bg-3);color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-weight:600;transition:transform 60ms,background .15s,border-color .15s;display:inline-flex}.btn:hover{background:#243040;border-color:#46556b}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.primary{background:linear-gradient(180deg, var(--gold-2), var(--gold));color:#231b07;border-color:#b8933f}.btn.primary:hover{background:linear-gradient(#f7df9d,#e0bd66)}.btn.danger{color:#ffb3ab;background:#3a1d1b;border-color:#6e2f2a}.btn.ghost{color:var(--ink-2);background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--bg-3);color:var(--ink)}.btn.sm{border-radius:8px;padding:6px 10px;font-size:13px}.btn.lg{border-radius:12px;padding:12px 20px;font-size:16px}.btn.block{width:100%}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--ink-2);font-size:13px;font-weight:600}.input,select.input,textarea.input{border:1px solid var(--line-2);background:var(--bg);width:100%;color:var(--ink);border-radius:10px;padding:10px 12px}.input:focus{border-color:var(--focus);outline:none}textarea.input{resize:vertical;min-height:70px}.check{cursor:pointer;align-items:center;gap:10px;display:flex}.check input{width:18px;height:18px;accent-color:var(--gold)}.seg{background:var(--bg);border:1px solid var(--line-2);border-radius:10px;gap:3px;padding:3px;display:inline-flex}.seg button{color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 12px;font-weight:600}.seg button.on{background:var(--bg-3);color:var(--ink)}.stepper{background:var(--bg);border:1px solid var(--line-2);border-radius:10px;align-items:center;gap:2px;display:inline-flex}.stepper button{cursor:pointer;width:36px;height:36px;color:var(--ink-2);background:0 0;border:0;font-size:18px}.stepper span{text-align:center;min-width:34px;font-weight:700;font-family:var(--serif);font-size:18px}.pill{background:var(--bg-3);color:var(--ink-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.pill.gold{color:var(--gold-2);background:#2b2410;border-color:#5a4a1e}.pill.red{color:#ffb3ab;background:#351a18;border-color:#6e2f2a}.pill.green{color:#9fe3b8;background:#15301f;border-color:#2a5b3c}.pill.blue{color:#a9c9ff;background:#14243a;border-color:#2b4a78}.dot{background:var(--ok);border-radius:50%;width:8px;height:8px;display:inline-block}.dot.off{background:var(--ink-3)}.coin{color:#2a1f05;width:22px;height:22px;font-size:12px;font-weight:800;font-family:var(--serif);background:radial-gradient(circle at 35% 30%,#ffe9a8,#d9b45b 55%,#8a6b1f);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 1px #ffffff40,0 1px 2px #00000080}.coin.lg{width:30px;height:30px;font-size:15px}.gold-amt{font-weight:700;font-family:var(--serif);align-items:center;gap:6px;font-size:18px;display:inline-flex}.card{width:var(--card-w);height:var(--card-h);border-radius:var(--r);color:#2b2418;-webkit-user-select:none;user-select:none;background:linear-gradient(170deg,#f3eadb 0%,#e8dcc6 60%,#ddcfb5 100%);border:1px solid #a0896a;flex-direction:column;flex:none;transition:transform .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #00000059}.card .band{background:var(--c);height:7px}.card .art{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.card .art svg{width:58%;height:58%;color:var(--c);filter:drop-shadow(0 1px #ffffff80)}.card .name{font-family:var(--serif);text-align:center;letter-spacing:-.01em;padding:0 6px 7px;font-size:11.5px;font-weight:700;line-height:1.1}.card .cost{position:absolute;top:10px;left:6px}.card .cost .coin{width:20px;height:20px;font-size:11px}.card .pts{color:var(--c);background:#fff9;border-radius:6px;padding:1px 4px;font-size:10px;font-weight:700;position:absolute;top:10px;right:6px}.card .beaut{position:absolute;bottom:26px;right:6px}.card.noble{--c:var(--noble)}.card.religious{--c:var(--religious)}.card.trade{--c:var(--trade)}.card.military{--c:var(--military)}.card.special{--c:var(--special)}.card.sm{--card-w:62px;--card-h:88px}.card.sm .name{padding-bottom:5px;font-size:9px}.card.sm .cost .coin{width:16px;height:16px;font-size:9px}.card.sm .band{height:5px}.card.xs{--card-w:46px;--card-h:64px;border-radius:6px}.card.xs .name{display:none}.card.xs .cost{top:6px;left:4px}.card.xs .cost .coin{width:14px;height:14px;font-size:8px}.card.xs .band{height:4px}.card.clickable{cursor:pointer}.card.clickable:hover{transform:translateY(-4px);box-shadow:0 10px 18px #00000073}.card.selected{outline:3px solid var(--gold);outline-offset:1px;transform:translateY(-6px)}.card.disabled{filter:saturate(.3)brightness(.75)}.card .price-tag{position:absolute;bottom:-1px;left:50%;transform:translate(-50%,50%)}.card.back{background:repeating-linear-gradient(45deg,#2b3340 0 6px,#232a35 6px 12px);border-color:#3a4556}.card.back:after{content:"";border:1px solid #d9b45b59;border-radius:6px;position:absolute;inset:8px}.cards{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.cards.tight{gap:4px}.char{width:calc(var(--card-w) * 1.1);height:calc(var(--card-h) * 1.1);border-radius:var(--r);color:var(--ink);-webkit-user-select:none;user-select:none;background:linear-gradient(165deg,#2a3140,#171c25);border:1px solid #3c4658;flex-direction:column;flex:none;transition:transform .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #0006}.char .rank{background:var(--gold);color:#231b07;width:24px;height:24px;font-weight:800;font-family:var(--serif);border-radius:50%;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;top:7px;left:7px}.char .art{flex:1;justify-content:center;align-items:center;display:flex}.char .art svg{width:54%;height:54%;color:var(--gold-2)}.char .name{font-family:var(--serif);text-align:center;padding:0 6px 8px;font-size:12.5px;font-weight:700}.char .short{color:var(--ink-2);text-align:center;padding:0 7px 8px;font-size:9.5px;line-height:1.25}.char.inc-noble .art svg{color:var(--noble)}.char.inc-religious .art svg{color:var(--religious)}.char.inc-trade .art svg{color:var(--trade)}.char.inc-military .art svg{color:var(--military)}.char.lg{width:150px;height:215px}.char.lg .art svg{width:50%}.char.lg .name{font-size:15px}.char.lg .short{font-size:11px}.char.sm{width:64px;height:90px}.char.sm .name{padding-bottom:20px;font-size:9px}.char.sm .short{display:none}.char.sm .rank{width:18px;height:18px;font-size:10px;top:5px;left:5px}.char.clickable{cursor:pointer}.char.clickable:hover{border-color:var(--gold-dim);transform:translateY(-4px);box-shadow:0 10px 18px #00000080}.char.selected{outline:3px solid var(--gold);outline-offset:1px}.char.faceup{opacity:.45;filter:grayscale(.7)}.char.taken{opacity:.35}.char.current{border-color:var(--gold);box-shadow:0 0 0 2px #d9b45b59,0 8px 18px #00000080}.char .mark{gap:3px;display:flex;position:absolute;top:7px;right:7px}.char .tag{text-align:center;color:var(--ink);background:#0000008c;padding:3px;font-size:10px;position:absolute;bottom:0;left:0;right:0}.char.back{background:repeating-linear-gradient(45deg,#2b3340 0 6px,#232a35 6px 12px)}.board{grid-template-columns:1fr 340px;align-items:start;gap:16px;display:grid}@media (width<=1000px){.board{grid-template-columns:1fr}.board aside{order:3}}.status-bar{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-lg);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.status-bar .title{font-family:var(--serif);font-size:20px;font-weight:700}.status-bar .state{color:var(--gold-2);font-weight:600}.char-strip{scrollbar-width:thin;gap:8px;padding:6px 2px 10px;display:flex;overflow-x:auto}.players{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.player{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-lg);min-height:120px;padding:12px}.player.me{border-color:var(--gold-dim);background:linear-gradient(180deg, #1c2029, var(--bg-2))}.player.turn{box-shadow:0 0 0 2px var(--gold)}.player .head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.player .name{flex:1;align-items:center;gap:6px;min-width:0;font-weight:700;display:flex}.player .name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player .stats{color:var(--ink-2);align-items:center;gap:8px;font-size:13px;display:flex}.player .city{flex-wrap:wrap;gap:4px;min-height:64px;display:flex}.player .empty{color:var(--ink-3);padding:6px 0;font-size:13px;font-style:italic}.avatar{color:#10151c;background:var(--a,var(--gold));border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:800;display:flex}.crown{color:var(--gold-2)}.me-area{background:var(--bg-2);border:1px solid var(--gold-dim);border-radius:var(--r-lg);padding:14px}.me-area .head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.hand{min-height:calc(var(--card-h) + 12px);flex-wrap:wrap;align-items:flex-end;gap:10px;padding-bottom:12px;display:flex}.actions{z-index:15;padding:12px 14px;padding-bottom:max(12px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line-2);border-radius:var(--r-lg);background:#161c24eb;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex;position:sticky;bottom:0;box-shadow:0 -10px 30px #00000059}.actions .hint{width:100%;color:var(--ink-2);font-size:13px}.actions.idle{background:var(--bg-2);box-shadow:none}.log{flex-direction:column;gap:4px;max-height:360px;font-size:13px;display:flex;overflow:auto}.log .entry{color:var(--ink-2);border-bottom:1px dashed var(--line);padding:3px 0}.log .entry.secret{color:var(--gold-2)}.log .entry.round{color:var(--ink);margin-top:6px;font-weight:600}.chat{flex-direction:column;gap:6px;max-height:300px;font-size:13px;display:flex;overflow:auto}.chat .msg b{color:var(--gold-2)}.chat-form{gap:6px;margin-top:8px;display:flex}.tabs{border-bottom:1px solid var(--line);gap:2px;margin-bottom:12px;display:flex}.tabs button{color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 12px;font-weight:600}.tabs button.on{color:var(--ink);border-bottom-color:var(--gold)}.tabs .count{background:var(--bg-3);border-radius:999px;margin-left:6px;padding:0 7px;font-size:11px}.scrim{z-index:40;background:#05080cb3;justify-content:center;align-items:flex-end;animation:.15s fade;display:flex;position:fixed;inset:0}@media (width>=720px){.scrim{align-items:center}}.sheet{background:var(--bg-2);border:1px solid var(--line-2);border-radius:18px 18px 0 0;width:min(760px,100%);max-height:92vh;padding:18px;animation:.18s up;overflow:auto}@media (width>=720px){.sheet{border-radius:18px}}.sheet .head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sheet .foot{background:var(--bg-2);justify-content:flex-end;gap:8px;margin-top:16px;padding:10px 0 0;display:flex;position:sticky;bottom:-18px}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.toast{z-index:60;color:#ffd4cf;box-shadow:var(--shadow);background:#2a1d1b;border:1px solid #6e2f2a;border-radius:10px;max-width:90vw;padding:10px 14px;font-weight:600;animation:.15s fade;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}.toast.ok{color:#c7f1d6;background:#16301f;border-color:#2a5b3c}.game-row{background:var(--bg-2);border:1px solid var(--line);border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:12px 14px;display:grid}.game-row:hover{border-color:var(--line-2)}.game-row .t{font-family:var(--serif);flex-wrap:wrap;align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.game-row .m{color:var(--ink-2);margin-top:2px;font-size:13px}.game-row.yours{border-color:var(--gold-dim);background:linear-gradient(90deg, #22200f, var(--bg-2) 40%)}.list{flex-direction:column;gap:8px;display:flex}.hero{text-align:center;padding:40px 0 20px}.hero h1{font-size:44px;font-weight:700}.hero p{color:var(--ink-2);font-size:17px}.keep-mark{width:64px;height:64px;margin:0 auto 18px;display:block}.score-table{border-collapse:collapse;width:100%;font-size:14px}.score-table th,.score-table td{text-align:left;border-bottom:1px solid var(--line);padding:8px 10px}.score-table th{color:var(--ink-2);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.score-table td.num,.score-table th.num{text-align:right;font-variant-numeric:tabular-nums}.score-table tr.win td{color:var(--gold-2);font-weight:700}.ranks{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.rank-pick{flex-direction:column;align-items:center;gap:6px;display:flex}.rank-pick .seg{width:100%}.rank-pick .seg button{white-space:nowrap;text-overflow:ellipsis;flex:1;padding:6px 4px;font-size:12px;overflow:hidden}.kbd{background:var(--bg);border:1px solid var(--line-2);border-radius:6px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.center{text-align:center}.fade-in{animation:.25s fade}.card .art img,.char .art img{object-fit:cover;object-position:center 35%;width:100%;height:100%;display:block}.card .art{overflow:hidden}.card.has-art .name{background:#f3eadbeb}.card .info,.char .info{color:#2b2418;width:20px;height:20px;font:700 11px/1 var(--serif);cursor:help;background:#ffffffd9;border:1px solid #00000040;border-radius:50%;justify-content:center;align-items:center;display:none;position:absolute;bottom:5px;right:5px}.char .info{color:var(--gold-2);background:#0009;border-color:#d9b45b80}.card:hover .info,.char:hover .info,.card:focus-within .info,.char:focus-within .info{display:flex}@media (hover:none){.card .info,.char .info{display:flex}}.card.lg{--card-w:150px;--card-h:215px}.card.lg .name{font-size:14px}.card.lg .cost .coin{width:26px;height:26px;font-size:13px}.card.lg-detail{width:auto;height:auto;box-shadow:none;background:0 0;border:0}.team-1{--team:#8fb7ff}.team-2{--team:#ffb3ab}.team-3{--team:#9fe3b8}.team-4{--team:#ffd27f}.pill.team{background:color-mix(in srgb, var(--team) 18%, transparent);color:var(--team);border-color:color-mix(in srgb, var(--team) 45%, transparent)}.player.teamed{border-left:3px solid var(--team)}.avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.people{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.person{background:var(--bg-2);border:1px solid var(--line);color:inherit;border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.person:hover{border-color:var(--line-2);text-decoration:none}.person .avatar{width:44px;height:44px;font-size:16px}.wtp{font-variant-numeric:tabular-nums;font-family:var(--serif);font-size:18px;font-weight:700}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.stat{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.stat .v{font-family:var(--serif);font-size:22px;font-weight:700}.stat .l{color:var(--ink-2);font-size:12px}.title-row{border-bottom:1px dashed var(--line);grid-template-columns:1fr auto;align-items:center;gap:8px;padding:8px 0;display:grid}.brand-crown{color:var(--gold)}.catchup{border-radius:var(--r-lg);background:linear-gradient(180deg, #2b2410, var(--bg-2));border:1px solid var(--gold-dim);margin:10px 0 4px;padding:12px 14px}.log .entry.hot{color:var(--ink)}.log .entry.hot:before{content:"•";color:var(--gold);margin-right:6px}.bottomnav{display:none}@media (width<=860px){.bottomnav{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);background:#0f1318f0;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottomnav a{color:var(--ink-2);flex-direction:column;align-items:center;gap:2px;padding:8px 2px 6px;font-size:10.5px;text-decoration:none;display:flex}.bottomnav a.active{color:var(--gold-2)}.bottomnav a svg{width:20px;height:20px}.page{padding-bottom:96px}.actions{bottom:58px}}.modebanner{border:1px solid;border-radius:12px;flex-wrap:wrap;align-items:baseline;gap:10px;margin:10px 0 6px;padding:8px 14px;font-size:13px;display:flex}.modebanner b{font-family:var(--serif);letter-spacing:.02em;font-size:15px}.modebanner.solo{background:linear-gradient(90deg, #2b2410, var(--bg-2));color:var(--gold-2);border-color:#5a4a1e}.modebanner.team{background:linear-gradient(90deg, #14243a, var(--bg-2));color:#a9c9ff;border-color:#2b4a78}.game-row.mode-team{border-left:4px solid var(--religious)}.game-row.mode-solo{border-left:4px solid var(--gold)}.yourmove{opacity:.55}.yourmove.on{opacity:1;background:linear-gradient(180deg, var(--gold-2), var(--gold));color:#231b07;border-color:#b8933f;animation:1.6s ease-in-out infinite throb}@keyframes throb{0%,to{box-shadow:0 0 #d9b45b73}50%{box-shadow:0 0 0 8px #d9b45b00}}.navcenter{color:var(--ink-3);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:0 2px 6px;font-size:10.5px;display:flex;position:relative}.navcenter .disc{background:var(--bg-3);border:1px solid var(--line-2);width:58px;height:58px;color:var(--ink-3);border-radius:50%;justify-content:center;align-items:center;margin-top:-26px;display:flex;position:relative;box-shadow:0 -4px 18px #00000073}.navcenter .disc svg{width:24px;height:24px}.navcenter .count{background:var(--danger);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-style:normal;display:flex;position:absolute;top:-4px;right:-4px}.navcenter.on{color:var(--gold-2)}.navcenter.on .disc{background:linear-gradient(180deg, var(--gold-2), var(--gold));color:#231b07;border-color:#b8933f;animation:1.6s ease-in-out infinite throb}.navcenter:disabled{cursor:default}@media (width>=861px){.navcenter{display:none}}@media (width<=860px){.topbar .yourmove{display:none}}