*{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 reactpulse{0%,to{box-shadow:0 0 0 2px #e8944a,0 0 6px #e8944a4d}50%{box-shadow:0 0 0 2px #ffb26b,0 0 20px #ffb26ba6}}@keyframes bannerpop{0%{opacity:0;transform:translate(-50%) translateY(-14px) scale(.94)}to{opacity:1;transform:translate(-50%)}}@keyframes hitpop{0%{opacity:0;transform:translateY(-14px) scale(.94)}to{opacity:1;transform:none}}@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.danger{background:linear-gradient(180deg,#d98a6a,#b45338);border-color:#8a3a22;color:#fff3e4;box-shadow:0 3px 8px #00000059,inset 0 1px 1px #ffe6d266}button.danger:hover:not(:disabled){background:linear-gradient(180deg,#e29a7a,#c05e40)}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}.warn{color:#8a4a12;background:#e6a03c29;border:1px solid rgba(180,120,40,.4);border-radius:9px;padding:7px 11px;font-size:13.5px;line-height:1.45}.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}.invite-hint{margin:0;padding:7px 11px;background:#b4963c24;border:1px solid rgba(180,140,50,.4);border-radius:9px;font-size:.95rem}.vis-choices{display:flex;gap:.6rem}.vis-choice{flex:1;display:flex;flex-direction:column;gap:3px;padding:.7rem .8rem;border:1.5px solid rgba(150,110,55,.35);border-radius:11px;background:#fff8e166;cursor:pointer;text-align:left}.vis-choice.selected{border-color:var(--brass-border);background:#fff3d2;box-shadow:0 0 0 1px var(--brass-border),0 3px 8px #00000026}.vis-choice input{position:absolute;width:1px;height:1px;opacity:0}.vis-choice b{font-family:var(--font-ui);color:var(--brass-text)}.vis-choice span{font-size:.85rem;font-style:italic;color:#8a6d4f}.list-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.list-head h3{margin:0}.games-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem;max-height:40vh;overflow-y:auto}.games-list li{display:flex;align-items:center;gap:.6rem;padding:.45rem .7rem;border:1px solid rgba(150,110,55,.35);border-radius:10px;background:#fff8e180;text-align:left}.game-host{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.game-count{font-family:var(--font-ui);font-size:.8rem;color:#8a6d4f;flex:none}.games-list .mini{margin-left:0;flex:none}.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-img{position:relative;overflow:hidden}.card-img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.card-img .card-name{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:6px;color:#4a3a22;font-family:var(--font-serif);font-weight:700;font-size:.8rem}.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}.turn-strip{display:inline-flex;align-items:center;gap:3px}.turn-dot{display:inline-flex;align-items:center;opacity:.62}.turn-dot+.turn-dot:before{content:"›";margin:0 4px 0 1px;color:#5a3c148c;font-size:12px}.turn-dot.now{opacity:1}.turn-dot.now .avatar{transform:scale(1.18);box-shadow:0 0 0 2px #fff2c4,0 0 10px #ffebaae6}.turn-strip-note{margin-left:7px;font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:12px;color:#6b4a1a;white-space:nowrap}.board{margin-top:14px;display:flex;flex-wrap:wrap;gap:14px;align-items:stretch}.fold-head{display:flex;align-items:center;gap:7px;width:100%;margin:0 0 4px;padding:2px 3px 6px;border:none;border-radius:8px;background:none;cursor:pointer;font-family:var(--font-ui);font-weight:600;font-size:11px;letter-spacing:.16em;text-transform:uppercase;text-align:left;color:var(--ink-soft)}.fold-head:hover:not(:disabled){background:#fff5e114}.fold-head.dark{color:#e2ecdf}.fold-head .fold-chev{font-size:10px;opacity:.8;flex:none}.fold-head .fold-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fold-head.boxed{margin:0;padding:10px 13px;border:2px solid #b8912f;border-radius:12px;background:radial-gradient(120% 100% at 50% 0%,var(--felt-hi),var(--felt-lo));box-shadow:inset 0 0 24px #0006}.fold-head.boxed:hover:not(:disabled){background:radial-gradient(120% 100% at 50% 0%,#365f4b,#254634)}.pan-stats .fold-btn{margin-left:2px}.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{box-shadow:0 0 0 2px #d9b24a,0 0 8px #d9b24a4d}.tab.is-active{animation:turnpulse 2.8s ease-in-out infinite}.tab.is-react{animation:reactpulse 1.2s 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.sm{width:24px;height:24px;font-size:11px;border-width:1.5px}.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)}.dark-prog .pip.off{background:repeating-linear-gradient(45deg,#d2dcd273 0,#d2dcd273 3px,#d2dcd229 3px,#d2dcd229 6px)}.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 .pip.off{background:repeating-linear-gradient(45deg,#b3a68c 0,#b3a68c 3px,#ddd0b2 3px,#ddd0b2 6px)}.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;min-height:0;display:flex;flex-direction:column;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;flex:1;min-height:120px;max-height:min(60vh,560px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(150,110,55,.5) transparent;padding-right:6px}.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.is-turn{border-color:#e6c46a;box-shadow:0 12px 30px #00000080,0 0 0 1px #f2d17873,0 0 20px #d9b24a59,inset 0 1px 2px #ffebbe26}.turn-banner{position:absolute;left:50%;top:84px;transform:translate(-50%);z-index:40;pointer-events:none;font-family:var(--font-ui);font-weight:700;font-size:21px;letter-spacing:.03em;color:var(--brass-text);background:linear-gradient(180deg,#f0d789,#c99f38);border:1px solid var(--brass-border);border-radius:14px;padding:11px 26px;box-shadow:0 14px 40px #00000080,inset 0 1px 1px #fff8dc99;animation:bannerpop .35s cubic-bezier(.2,.8,.3,1),fade .3s ease 1.85s reverse forwards}.hit-stack{position:absolute;left:50%;top:84px;transform:translate(-50%);z-index:45;display:flex;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:min(560px,92%)}.hit-banner{cursor:pointer;font-family:var(--font-ui);font-weight:600;font-size:15.5px;letter-spacing:.02em;color:#fdf1e2;background:linear-gradient(180deg,#a3401f,#7c2b1a);border:1px solid #5e1f10;border-radius:12px;padding:9px 20px;box-shadow:0 14px 40px #00000080,inset 0 1px 1px #ffdcbe59;animation:hitpop .35s cubic-bezier(.2,.8,.3,1),fade .4s ease 5.4s reverse forwards}@media (prefers-reduced-motion: reduce){.tab.is-active,.tab.is-react,.panoplie.is-turn{animation:none}.tab.is-active,.panoplie.is-turn{box-shadow:0 0 0 2px #d9b24a,0 0 8px #d9b24a4d}.tab.is-react{box-shadow:0 0 0 2px #e8944a,0 0 6px #e8944a4d}.turn-banner,.hit-banner{animation:fade .2s ease}}.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}.dock-caisse{display:none;align-items:center;gap:4px}.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}.badge{font-weight:700}.hud .rules-btn{margin-left:auto}.hud .rules-btn~.room-code{margin-left:0}.modal.rules-panel{--rb-gold: #b08a3e;--rb-ink: #241b12;--rb-body: #2b2117;--rb-mute: #6b5d48;--rb-faint: #a08a5e;--rb-line: #e4d7ba;--rb-panel: #f6efdf;--rb-panel-2: #fbf7ec;--rb-display: "Cinzel", "Oswald", serif;--rb-deco: "Cinzel Decorative", "Cinzel", serif;--rb-serif: "EB Garamond", "Spectral", serif;position:relative;width:min(900px,95vw);max-width:900px;text-align:left;padding:1.6rem 1.9rem 1.4rem;background:#fbf6ea}.rb-close{position:sticky;top:0;float:right;z-index:2}.rules-body{font-family:var(--rb-serif);font-size:16px;line-height:1.6;color:var(--rb-body)}.rules-body section{margin-top:2rem}.rules-body p{margin:0 0 .7rem}.rb-cover{border:2px solid var(--rb-gold);border-radius:4px;box-shadow:inset 0 0 0 6px #fbf6ea,inset 0 0 0 7px #d8c69a;margin-top:0!important}.rb-cover-inner{border:1px solid #d8c69a;margin:9px;padding:30px 26px 26px;display:flex;flex-direction:column;align-items:center;text-align:center}.rb-kicker{font-family:var(--rb-display);font-size:11px;letter-spacing:.4em;text-transform:uppercase;color:var(--rb-faint);margin-bottom:16px}.rb-medallion{width:44px;height:44px;border-radius:50%;background:var(--rb-ink);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:12px;box-shadow:0 3px 10px #00000040}.rb-title{font-family:var(--rb-deco);font-weight:900;font-size:clamp(52px,11vw,92px);line-height:.92;color:var(--rb-ink);margin:0;text-shadow:2px 2px 0 rgba(176,138,62,.28)}.rb-ornament{display:flex;align-items:center;justify-content:center;gap:14px;margin:14px 0 18px;color:var(--rb-gold);font-size:13px}.rb-ornament span{height:1px;width:60px;background:#c3ae7c}.rb-tagline{font-family:var(--rb-serif);font-style:italic;font-size:22px;color:#5c4e38;margin:0 0 22px;max-width:26ch}.rb-tagline.small{font-size:15px;color:var(--rb-mute);max-width:none;margin-bottom:0}.rb-cover-art{width:340px;max-width:78%;filter:drop-shadow(0 20px 26px rgba(45,33,18,.28))}.rb-stats{display:flex;margin-top:26px;font-family:var(--rb-display);text-transform:uppercase;letter-spacing:.14em;color:#3a2f20;font-size:12px}.rb-stats span{padding:0 18px}.rb-stats span+span{border-left:1px solid #cdbb8f}.rb-sec-head{display:flex;align-items:baseline;gap:14px;margin:2px 0 4px}.rb-num{font-family:var(--rb-display);font-weight:700;color:var(--rb-gold);font-size:16px}.rb-sec-head h4{font-family:var(--rb-display);font-weight:700;font-size:27px;color:var(--rb-ink);margin:0;letter-spacing:.02em}.rb-sec-head h4 em{font-family:var(--rb-serif);font-weight:400;font-size:18px;color:#8a7a5c}.rb-rule{height:2px;background:linear-gradient(90deg,var(--rb-gold),transparent);margin:0 0 14px}.rb-eyebrow{font-family:var(--rb-display);font-weight:600;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--rb-faint);margin:14px 0 8px}.rb-list{list-style:none;padding:0;margin:0 0 .4rem}.rb-list li{position:relative;padding-left:22px;margin-bottom:10px}.rb-list li:before{content:"✦";position:absolute;left:0;color:var(--rb-gold)}.rb-list.tight li{margin-bottom:5px;font-size:15px}.rb-list.nomark li{padding-left:0}.rb-list.nomark li:before{content:none}.rb-ol{margin:0 0 .6rem;padding-left:20px}.rb-ol li{margin-bottom:6px}.rb-defs{list-style:none;padding:0;margin:0}.rb-defs li{display:flex;gap:11px;margin-bottom:10px}.rb-term{font-family:var(--rb-display);font-weight:700;flex-shrink:0;min-width:96px}.rb-term.wide{min-width:155px}.rules-note{font-style:italic;color:var(--rb-mute);font-size:15px}.rules-context{font-family:var(--rb-display);font-size:13.5px;line-height:1.5;letter-spacing:.02em;color:var(--brass-text);background:linear-gradient(180deg,var(--brass-hi),var(--brass-lo));border:1px solid var(--brass-border);border-radius:10px;padding:10px 15px;margin:1.4rem 0 0}.rb-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:6px}.rb-step{background:var(--rb-panel);border:1px solid var(--rb-line);border-radius:6px;padding:14px 16px 16px}.rb-step-n{font-family:var(--rb-deco);font-weight:700;font-size:32px;color:var(--rb-gold);line-height:1}.rb-step-t{font-family:var(--rb-display);font-weight:600;font-size:14px;color:var(--rb-ink);margin:6px 0 4px;letter-spacing:.03em}.rb-step p{font-size:14.5px;line-height:1.5;color:#4a3f2c;margin:0}.rb-two{display:grid;grid-template-columns:1fr 1fr;gap:14px 26px;margin-top:14px}.rb-two>section{margin-top:0}.rb-example{background:var(--rb-panel-2);border-left:3px solid var(--rb-gold);border-radius:0 6px 6px 0;padding:11px 16px}.rb-example .rb-eyebrow{margin:0 0 5px}.rb-example p{font-style:italic;font-size:14.5px;line-height:1.5;color:#4a3f2c;margin:0}.rb-variants{display:flex;flex-direction:column;gap:9px}.rb-variant{background:var(--rb-panel);border:1px solid var(--rb-line);border-radius:6px;padding:10px 13px;font-size:14.5px;color:#4a3f2c}.rb-variant b{font-family:var(--rb-display);font-weight:600;font-size:12.5px;color:var(--rb-ink);letter-spacing:.03em}.rb-notes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rb-note{background:var(--rb-panel-2);border:1px solid var(--rb-line);border-left:3px solid var(--ac, var(--rb-gold));border-radius:0 6px 6px 0;padding:12px 15px}.rb-note-t{font-family:var(--rb-display);font-weight:600;font-size:13px;color:var(--rb-ink);letter-spacing:.02em;margin-bottom:5px}.rb-note-t span{color:var(--rb-faint)}.rb-note p{font-size:14px;line-height:1.5;color:#4a3f2c;margin:0}.rb-table{width:100%;border-collapse:collapse;font-size:15.5px;margin:0 0 16px}.rb-table th{background:var(--rb-ink);color:#f4ecdb;font-family:var(--rb-display);font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:10px 14px;text-align:center}.rb-table th:first-child{text-align:left}.rb-table td{padding:8px 14px;text-align:center;border-bottom:1px solid var(--rb-line);font-size:18px}.rb-table .rb-td-label{text-align:left;font-weight:600;font-size:inherit}.rb-table tbody tr:nth-child(odd){background:var(--rb-panel)}.rb-table tbody tr:nth-child(2n){background:var(--rb-panel-2)}.rb-table.compact{font-size:14px}.rb-table.compact th{font-size:10.5px;padding:7px 8px}.rb-table.compact td{padding:6px 8px;font-size:14px;font-weight:600}.rb-gallery{border-top:1px solid var(--rb-line);padding-top:1.6rem}.rb-gal-cover{text-align:center;margin-bottom:4px}.rb-gal-cover .rb-ornament{margin:6px 0 8px}.rb-gal-title{font-family:var(--rb-deco);font-weight:700;font-size:34px;color:var(--rb-ink);margin:6px 0 4px}.rb-fam{margin-top:22px}.rb-fam-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.rb-fam-head.spaced{margin-top:30px}.rb-fam-head h5{font-family:var(--rb-display);font-weight:700;font-size:20px;color:var(--fc, var(--rb-ink));margin:0;letter-spacing:.04em}.rb-fam-head h5 em{font-family:var(--rb-serif);font-weight:400;font-size:17px;color:#8a7a5c}.rb-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;background:var(--fc, var(--rb-gold));box-shadow:0 0 0 3px color-mix(in srgb,var(--fc, var(--rb-gold)) 18%,#fbf6ea)}.rb-fam-line{flex:1;height:1px;background:color-mix(in srgb,var(--fc, var(--rb-gold)) 30%,#fbf6ea)}.rb-plates{display:grid;gap:12px}.rb-plates.five{grid-template-columns:repeat(5,1fr)}.rb-plates.six{grid-template-columns:repeat(6,1fr)}.rb-plate{margin:0;text-align:center}.rb-plate img{width:100%;display:block;border-radius:6px;box-shadow:0 6px 16px #2d211233}.rb-plate figcaption{font-size:12.5px;line-height:1.3;color:#4a3f2c;margin-top:6px}.rb-plate figcaption b{display:block;color:#8a6d2c}.rb-aide{border:2px solid var(--rb-gold);border-radius:6px;padding:22px 24px;box-shadow:inset 0 0 0 5px #fbf6ea,inset 0 0 0 6px #e4d3a6;text-align:center}.rb-aide .rb-two{text-align:left;margin-top:12px;gap:22px}.rb-aide .rb-eyebrow:first-child{margin-top:0}.rb-colophon{display:flex;justify-content:space-between;align-items:center;margin-top:1.6rem;padding-top:.8rem;border-top:1px solid var(--rb-line);font-family:var(--rb-display);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#9a8a68}.rb-colophon-sep{color:#c3b48f}@media (max-width: 760px){.modal.rules-panel{padding:1.2rem 1rem 1rem}.rb-steps,.rb-notes,.rb-two{grid-template-columns:1fr}.rb-plates.five,.rb-plates.six{grid-template-columns:repeat(3,1fr)}.rb-defs li{flex-direction:column;gap:2px}.rb-stats{flex-direction:column;gap:4px}.rb-stats span+span{border-left:none}}@media (max-width: 760px){.game{padding:10px 6px}.frame{padding:10px;border-radius:16px}.hud{gap:8px 10px;padding:8px 10px;font-size:13px}.board{gap:10px}.rail,.side,.panoplie{flex:1 1 100%;min-width:0;max-width:none}.side{order:-1}.panoplie{padding:12px 13px}.rail-list{max-height:340px}.dock-caisse{display:inline-flex}.pan-title{font-size:18px}.hand .card{width:66px}.fam-cards .card{width:62px}.turn-banner{top:64px;font-size:17px;padding:9px 18px;white-space:nowrap}.hit-stack{top:64px}.hit-banner{font-size:13.5px;padding:8px 14px}.dock{padding:10px}}