*{box-sizing:border-box}:root{--ink: #332314;--ink-soft: #4a3826;--brass-hi: #ecd591;--brass-lo: #c39a34;--brass-border: #a07d24;--brass-text: #3a2a10;--gold: #d9b24a;--gold-soft: rgba(230, 205, 140, .35);--felt-hi: #2f5643;--felt-lo: #21402f;--parch-hi: #fbf3df;--parch-lo: #f2e5c7;--green: #5f7a4a;--rust: #a3401f;--font-ui: "Oswald", "Arial Narrow", sans-serif;--font-serif: "Spectral", Georgia, serif}@keyframes turnpulse{0%,to{box-shadow:0 0 0 2px #d9b24a,0 0 8px #d9b24a4d}50%{box-shadow:0 0 0 2px #f2d178,0 0 26px #f2d17899}}@keyframes winpop{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}body{margin:0;font-family:var(--font-serif);background:radial-gradient(120% 90% at 50% -10%,#2c2117,#17110b 70%) fixed #17110b;color:var(--ink);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#e6cd8c59;border-radius:6px}::-webkit-scrollbar-track{background:transparent}h1,h2,h3{font-family:var(--font-ui);font-weight:600;color:var(--rust)}button{font-family:var(--font-ui);font-weight:600;font-size:.9rem;letter-spacing:.03em;padding:.55rem 1.1rem;border:1px solid var(--brass-border);border-radius:9px;background:#fff8dc99;color:#7a5320;cursor:pointer}button:hover:not(:disabled){background:#fff3d2}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:linear-gradient(180deg,#f0d789,#c99f38);color:var(--brass-text);box-shadow:0 3px 8px #00000059,inset 0 1px 1px #fff8dc99}button.primary:hover:not(:disabled){background:linear-gradient(180deg,#f6e19a,#d4a93c)}button.mini{font-size:.75rem;padding:.15rem .5rem;margin-left:.5rem}input{font-family:var(--font-serif);font-size:1rem;padding:.5rem;border:1px solid var(--brass-border);border-radius:8px;background:#fffdf7;color:var(--ink)}.error{color:#a11212;font-weight:700}.hint{color:#8a6d4f;font-style:italic}.clickable{cursor:pointer}.room-code{font-family:var(--font-ui);font-weight:700;letter-spacing:.28em;padding:4px 12px;border:1.5px solid rgba(80,54,16,.55);border-radius:7px;background:#fff8e166;color:var(--brass-text)}.home,.lobby{max-width:500px;margin:8vh auto;display:flex;flex-direction:column;gap:1rem;padding:2rem 1.6rem;text-align:center;background:linear-gradient(180deg,var(--parch-hi),var(--parch-lo));border:1px solid var(--gold);border-radius:16px;box-shadow:0 24px 60px #0000008c,inset 0 0 0 1px #fff6}.home h1{font-size:3rem;margin:0}.tagline{margin-top:0;font-style:italic;color:#9a7238}.join-row{display:flex;gap:.5rem;justify-content:center}.join-row input{width:8rem;text-transform:uppercase;text-align:center}.seats{list-style:none;padding:0;text-align:left}.seats li{padding:.3rem .5rem;border-bottom:1px solid rgba(150,110,55,.3)}.options{text-align:left;display:flex;flex-direction:column;gap:.4rem}.option.disabled{opacity:.5}.card{width:110px;aspect-ratio:5 / 7;object-fit:cover;border-radius:6px;box-shadow:0 3px 9px #00000047;border:1px solid rgba(255,255,255,.6);background:#fff;display:block}.card.small{width:64px;border-radius:5px}.card.large{width:min(340px,80vw)}.card.clickable{cursor:pointer;transition:transform .12s ease}.card.clickable:hover{transform:translateY(-6px) scale(1.05);z-index:5}.card.selected{outline:3px solid #f2d178;transform:translateY(-8px)}.card-fallback{display:inline-flex;align-items:center;justify-content:center;text-align:center;border:2px solid #3f8a5a;background:#fdf7ea;color:#2e6b41;font-family:var(--font-serif);font-weight:600;padding:4px;font-size:.8rem}.game{min-height:100vh;padding:24px 16px}.frame{width:100%;max-width:1400px;margin:0 auto;position:relative;background:repeating-linear-gradient(94deg,#00000012 0,#00000012 3px,#fff0d208 3px,#fff0d208 7px),linear-gradient(158deg,#5e3d22,#3a2313);padding:16px;border-radius:24px;box-shadow:0 34px 80px #0009,inset 0 0 0 2px #e6cd8c47,inset 0 2px 3px #ffebbe38}.hud{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:10px 16px;border-radius:12px;background:linear-gradient(180deg,var(--brass-hi),var(--brass-lo));box-shadow:inset 0 1px 1px #fff8dcbf,inset 0 -2px 4px #78581480,0 3px 8px #00000059;color:var(--brass-text);font-family:var(--font-ui);font-weight:600;letter-spacing:.02em}.hud-sep{width:1px;height:18px;background:#5a3c1466}.hud .room-code{margin-left:auto}.board{margin-top:14px;display:flex;flex-wrap:wrap;gap:14px;align-items:stretch}.rail{flex:1 1 262px;min-width:250px;max-width:320px;background:radial-gradient(120% 100% at 50% 0%,var(--felt-hi),var(--felt-lo));border:2px solid #b8912f;border-radius:14px;padding:12px 11px;box-shadow:inset 0 0 40px #0006}.rail-title{font-family:var(--font-ui);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#e2ecdf;margin:2px 3px 4px}.rail-hint{font-family:var(--font-serif);font-style:italic;font-size:11.5px;color:#a9c0aa;margin:0 3px 11px}.rail-list{display:flex;flex-direction:column;gap:9px;max-height:660px;overflow:auto;padding-right:2px}.tab{padding:10px 11px;border-radius:11px;background:#fff5e10d;border:1px solid rgba(230,205,140,.16);cursor:pointer;transition:border-color .12s ease,background .12s ease}.tab:hover{border-color:#e6c46a}.tab.open{background:#d9b24a29;border-color:#e6c46a;box-shadow:0 5px 14px #00000059}.tab.is-turn{animation:turnpulse 2.8s ease-in-out infinite}.tab-row{display:flex;align-items:center;gap:9px}.tab-main{min-width:0;flex:1}.tab-name{display:flex;align-items:center;gap:5px;font-family:var(--font-ui);font-weight:600;font-size:14.5px;color:#f2e6c8}.tab-name .ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-name .sub{font-size:11px}.tab-status{font-family:var(--font-serif);font-style:italic;font-size:11.5px;color:#a9c0aa;margin-top:1px}.tab-status.hot{color:#c98a2e}.tab-right{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:none}.tab-hand{font-family:var(--font-ui);font-size:11px;color:#d5c6a2}.tab-prog{margin-top:9px;display:flex;flex-direction:column;gap:6px}.avatar{width:33px;height:33px;flex:none;border-radius:50%;display:grid;place-items:center;font-family:var(--font-ui);font-weight:600;font-size:14px;color:#3a2a12;background:radial-gradient(circle at 35% 30%,#f3dd9c,#c49a34 72%,#9a7420);border:2px solid var(--ring, #b8912f);box-shadow:0 1px 3px #00000059}.avatar.md{width:34px;height:34px;font-weight:700}.avatar.lg{width:46px;height:46px;font-weight:700;font-size:19px;box-shadow:0 2px 6px #0000004d}.coin-pill{display:inline-flex;align-items:center;gap:3px;font-family:var(--font-ui);font-size:11px;font-weight:600;color:var(--brass-text);background:linear-gradient(180deg,#f0d789,#c99f38);border-radius:20px;padding:1px 7px 1px 5px}.coin-pill:before{content:"";width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff2c4,#c99a2e)}.coin-pill.big{font-size:13px;padding:3px 9px;border:1px solid var(--brass-border)}.coin-pill.big:before{width:12px;height:12px;border:1px solid #977219}.coin-pill.flat{background:#fff8dc99;border:1px solid var(--brass-border);font-size:12px;padding:2px 9px 2px 6px}.coin-pill.flat:before{width:11px;height:11px;border:1px solid #977219}.prog-row{display:flex;align-items:center;gap:8px}.prog-label{font-family:var(--font-ui);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;width:62px;flex:none}.prog-track{display:flex;gap:4px;flex:1}.pip{flex:1;height:8px;border-radius:5px}.prog-count{font-family:var(--font-ui);font-size:11px;font-weight:600;width:26px;text-align:right;flex:none}.dark-prog .prog-label.orig{color:#a9c0aa}.dark-prog .prog-label.fam{color:#d9a58a}.dark-prog .prog-count{color:#e2ecdf}.dark-prog .pip.orig{background:#fff5e126}.dark-prog .pip.orig.on{background:var(--green)}.dark-prog .pip.fam{background:#fff5e121}.dark-prog .pip.fam.on{background:var(--rust)}.light-prog .prog-row{gap:9px;flex:1 1 220px}.light-prog{display:flex;flex-wrap:wrap;gap:10px 26px}.light-prog .prog-label{font-size:10px;width:64px}.light-prog .prog-label.orig{color:var(--green)}.light-prog .prog-label.fam{color:var(--rust)}.light-prog .pip{height:10px;border-radius:6px}.light-prog .prog-track{gap:5px}.light-prog .pip.orig{background:#e6d8ba}.light-prog .pip.orig.on{background:var(--green)}.light-prog .pip.fam{background:#efe0c0}.light-prog .pip.fam.on{background:var(--rust)}.light-prog .prog-count{font-size:12.5px}.light-prog .prog-count.orig{color:#3f5233}.light-prog .prog-count.fam{color:#8a3418}.panoplie{flex:3 1 480px;min-width:340px;background:linear-gradient(180deg,var(--parch-hi),var(--parch-lo));border:1px solid var(--gold);border-radius:14px;padding:16px 18px;box-shadow:0 12px 30px #140c066b,inset 0 0 0 1px #fff6}.panoplie.is-turn{animation:turnpulse 2.8s ease-in-out infinite}.pan-head{display:flex;align-items:center;gap:13px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid rgba(150,110,55,.3)}.pan-title{display:flex;align-items:center;gap:8px;font-family:var(--font-ui);font-weight:600;font-size:21px;color:var(--ink)}.pan-title .arrow{color:var(--rust)}.pan-title .note{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:13px;color:#9a7238}.pan-stats{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}.chip{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-ui);font-size:12.5px;font-weight:500;color:#5b4326;background:#eaddbd;border:1px solid rgba(90,60,25,.3);border-radius:20px;padding:3px 11px}.caisse-label{font-family:var(--font-ui);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#8a6d45}.pan-prog{margin-top:13px}.fam-grid{display:flex;flex-wrap:wrap;gap:14px;margin-top:16px}.fam-card{background:#fdf6e6;border:1px solid rgba(120,85,40,.22);border-top:4px solid var(--fc, #8a6d45);border-radius:11px;padding:11px 13px 13px;box-shadow:0 4px 12px #0000001f}.fam-card.neutralized{filter:grayscale(1) opacity(.55)}.fam-head{display:flex;align-items:center;gap:7px;font-family:var(--font-ui);font-weight:600;font-size:13px;letter-spacing:.03em;text-transform:uppercase;color:var(--fc, #8a6d45)}.fam-count{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:20px;background:var(--fc, #8a6d45);color:#fff;font-size:11.5px}.fam-cards{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.fam-cards .card{width:72px}.inspect{margin:0 0 16px;background:#fdf6e6;border:1px solid var(--gold);border-radius:12px;box-shadow:0 6px 18px #00000026;overflow:hidden;animation:winpop .18s cubic-bezier(.2,.8,.3,1)}.inspect-head{display:flex;align-items:center;gap:10px;padding:10px 13px;background:linear-gradient(180deg,var(--brass-hi),var(--brass-lo));border-bottom:1px solid var(--brass-border)}.inspect-name{display:flex;align-items:center;gap:6px;font-family:var(--font-ui);font-weight:600;font-size:16px;color:var(--brass-text)}.inspect-name .sub{font-size:12px}.inspect-main{flex:1;min-width:0}.inspect-status{font-family:var(--font-serif);font-style:italic;font-size:11.5px;color:#7a5a2a}.inspect-hand{font-family:var(--font-ui);font-size:11.5px;font-weight:500;color:#5b4326}.inspect-close{width:26px;height:26px;flex:none;border-radius:7px;padding:0;font-size:14px;display:grid;place-items:center}.inspect-body{padding:12px 14px 14px}.inspect-body .light-prog{padding-bottom:12px;border-bottom:1px solid rgba(150,110,55,.25)}.inspect-body .fam-grid{gap:12px;margin-top:13px}.inspect-body .fam-cards .card{width:60px}.side{flex:1 1 300px;min-width:280px;display:flex;flex-direction:column;gap:14px}.piles{display:flex;gap:12px;justify-content:center;background:radial-gradient(120% 100% at 50% 0%,var(--felt-hi),var(--felt-lo));border:2px solid #b8912f;border-radius:14px;padding:14px;box-shadow:inset 0 0 40px #0006}.pile{display:flex;flex-direction:column;align-items:center;gap:6px}.pile .card{width:70px;box-shadow:0 4px 10px #00000073}.pile-label{font-family:var(--font-ui);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#d7e6d8}.deck-back{width:70px;aspect-ratio:5 / 7;border-radius:7px;border:2px solid #e9d9b0;background:repeating-linear-gradient(45deg,#7c2b1a 0,#7c2b1a 8px,#8f3521 8px,#8f3521 16px);box-shadow:0 4px 10px #00000073;display:grid;place-items:center}.deck-count{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f3dd9c,#b8912f);border:2px solid #f3e4bf;display:grid;place-items:center;font-family:var(--font-ui);font-weight:700;font-size:15px;color:var(--brass-text)}.card-empty{width:70px;aspect-ratio:5 / 7;border:2px dashed rgba(234,245,236,.5);background:transparent;box-shadow:none}.journal{flex:1;background:linear-gradient(180deg,#f6edd6,#efe3c6);border:1px solid rgba(120,85,40,.4);border-radius:12px;box-shadow:0 6px 16px #00000059,inset 0 0 0 1px #ffffff73;padding:12px 15px}.journal-title{font-family:var(--font-ui);font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;color:#9a7238;border-bottom:1px solid rgba(150,110,55,.3);padding-bottom:7px;margin-bottom:8px}.journal-lines{display:flex;flex-direction:column;gap:7px}.journal-line{font-size:13px;line-height:1.5;color:var(--ink-soft);padding-left:11px;border-left:2px solid rgba(150,110,55,.3)}.journal-line.turn{color:#7a5a30;border-left-color:#7a5a30}.journal-line.king{color:var(--rust);font-weight:600;border-left-color:#c99f38}.dock{margin-top:14px;background:linear-gradient(180deg,#43301d,#2c1e11);border-radius:14px;border:2px solid var(--gold-soft);box-shadow:0 12px 30px #00000080,inset 0 1px 2px #ffebbe26;padding:12px 15px}.dock-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:11px}.dock-title{font-family:var(--font-ui);font-weight:600;font-size:15px;color:#f4e6c8;letter-spacing:.02em}.stat-pill{font-family:var(--font-ui);font-size:12.5px;color:#e8d6b0;background:#fff0d217;border:1px solid rgba(230,205,140,.3);border-radius:20px;padding:3px 12px}.stat-pill b{color:#f2d178}.dock-bar .primary{margin-left:auto}.dock .hint{color:#c9b08a}.dock .error{color:#ffb4a2}.hand{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.hand .card{width:84px;box-shadow:0 5px 12px #00000073}.hand .card.clickable:hover{transform:translateY(-14px);scale:none}.hand.spent .card{filter:grayscale(.85) opacity(.55)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a060399;display:flex;align-items:center;justify-content:center;z-index:50;animation:fade .14s ease}.modal{background:linear-gradient(180deg,var(--parch-hi),#f0e2c2);border:2px solid #b8912f;border-radius:14px;padding:1rem;max-width:620px;max-height:85vh;overflow-y:auto;text-align:center;box-shadow:0 30px 70px #0009;animation:winpop .18s cubic-bezier(.2,.8,.3,1)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:1rem}.modal-head h3{color:var(--brass-text);margin:.4rem 0}.menu-buttons{display:flex;flex-direction:column;gap:.5rem;margin-top:.8rem}.cc-pick{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.5rem}.cc-sale{display:flex;flex-direction:column;align-items:center;font-family:var(--font-ui);font-weight:600;color:#2e6b41}.badge{font-weight:700}