:root{color-scheme:light;--paper:#f4eddc;--ink:#293329;--red:#d9553b;--gold:#eabc55;--line:#d8cfb9;--muted:#7a7c6c;font-family:Inter,'PingFang SC','Microsoft YaHei',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-size:14px;background-image:radial-gradient(#b9aa8921 .8px,transparent .8px);background-size:5px 5px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;border-radius:8px;transition:transform .15s,background .15s}button:hover:not(:disabled){transform:translateY(-2px)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #6b8874;outline-offset:4px}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.04em}h3{font-size:17px}p{line-height:1.9;color:#717360}.masthead{height:100px;max-width:1240px;margin:auto;padding:24px 44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;font-size:20px;font-weight:800}.brand img{width:44px;height:44px}.brand small{display:block;font-size:10px;letter-spacing:.16em;margin-top:4px}.masthead nav{display:flex;gap:25px;align-items:center;font-size:12px}.quiet{background:transparent;color:var(--muted);padding:12px}.offline{color:var(--red)}main{max-width:1240px;margin:auto;padding:45px 44px 70px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:800;display:block;color:var(--red);line-height:1.6}.entry{display:grid;grid-template-columns:1.45fr 1fr;gap:70px;min-height:620px}.hero{position:relative}.hero h1{font-size:clamp(42px,4.8vw,65px);line-height:1.2;margin:20px 0 22px}.hero h1 em{font-style:normal;color:var(--red)}.hero p{font-size:15px}.hero-meta{display:flex;gap:24px;margin-top:24px;font-size:10px;color:var(--muted)}.hero-meta b{font-size:20px;color:var(--ink);margin-right:4px}.hero-art{position:relative;height:285px;margin-top:20px}.hero-card{position:absolute;width:143px}.hero-card.first{left:55px;top:15px;transform:rotate(-15deg)}.hero-card.second{left:175px;top:30px;transform:rotate(11deg)}.hero-tokens{position:absolute;left:140px;top:180px;display:flex}.hero-tokens .token{width:51px;height:51px;margin-left:-14px}.art-caption{position:absolute;right:5px;bottom:45px;transform:rotate(-90deg);font-size:9px;line-height:1.5;letter-spacing:.16em;color:var(--muted)}.number-card{display:flex;width:100%;aspect-ratio:2/3;border:6px solid #fff7e4;border-radius:14px;background:var(--red);box-shadow:0 4px 0 #c9bd9d,0 16px 26px #5b483521;position:relative;overflow:hidden;align-items:center;justify-content:center;color:#fff3d6;isolation:isolate}.number-card b{font-size:70px;letter-spacing:-.1em;padding-right:.1em;z-index:2;font-weight:900}.number-card .corner{position:absolute;top:9px;left:10px;font-size:15px;font-weight:800}.number-card .bottom{top:auto;left:auto;right:10px;bottom:9px;transform:rotate(180deg)}.card-motto{position:absolute;bottom:36px;letter-spacing:.09em;font-size:8px;font-weight:700}.card-swish{position:absolute;border:20px solid #ee8c613b;width:260px;height:180px;transform:rotate(-35deg);border-radius:50%;z-index:-1}.number-card.small{width:48px;border-width:3px;border-radius:6px;box-shadow:0 2px 0 #c9bd9d}.number-card.small b{font-size:27px}.number-card.small .corner,.number-card.small .card-motto{display:none}.number-card.small .card-swish{border-width:9px;width:100px;height:70px}.token{display:inline-block;width:39px;height:39px;min-width:39px;border-radius:50%;background:var(--gold);border:3px solid #b48736;box-shadow:inset 0 0 0 3px #efcc7e,inset 0 0 0 5px #c99740,0 3px 0 #936e2c;position:relative}.token:after{content:'✳';position:absolute;inset:0;display:grid;place-items:center;color:#a97928;font-size:20px}.entry-panel{background:#fffaf0;border:1px solid var(--line);border-radius:18px;padding:35px;align-self:start;box-shadow:0 18px 45px #5b48350c}.entry-panel h2{font-size:30px;line-height:1.4;margin:15px 0 26px}.mode-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:24px;gap:24px}.mode-tabs button{background:none;border-radius:0;color:var(--muted);padding:0 0 12px;font-weight:700}.mode-tabs button[aria-pressed=true]{color:var(--red);border-bottom:2px solid var(--red)}label{display:block;font-size:12px;margin:15px 0 9px;font-weight:700}input{width:100%;min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:13px;color:var(--ink)}.edition-note{display:flex;align-items:center;gap:14px;margin:24px 0}.edition-note strong{font-size:13px}.edition-note small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.primary,.secondary{padding:14px 18px;font-weight:700;font-size:13px}.primary{background:var(--red);color:#fff8e9;box-shadow:0 3px 0 #a33d2a}.secondary{background:#f3ead4;border:1px solid #c7b68e;color:var(--ink)}.wide{width:100%;margin-top:12px}.entry-help{font-size:11px;margin:20px 0}.small-brand{font-size:20px;letter-spacing:-.04em;font-weight:900;border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;align-items:center}.small-brand span{font-size:8px;letter-spacing:.13em;color:var(--muted)}.room-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px}.room-heading h1{font-size:35px;margin:10px 0 0}.room-code{background:#fffaf0;border:1px solid var(--line);padding:12px 18px;text-align:left;min-width:160px}.room-code small{font-size:10px;color:var(--muted)}.room-code strong{display:block;font-size:25px;letter-spacing:.08em;margin-top:5px}.room-code strong span{float:right;color:var(--red)}.lobby-grid{display:grid;grid-template-columns:1fr 300px;gap:30px}.seats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;align-content:start}.lobby-seat{border:1px solid var(--line);border-radius:12px;background:#fffaf0;padding:24px 15px;text-align:center;position:relative}.seat-number{font-size:36px;font-weight:900;color:var(--red);display:block;margin:4px 0 17px}.lobby-seat h3{margin-bottom:7px;overflow-wrap:anywhere}.lobby-seat>span:last-of-type{font-size:10px;color:var(--muted)}.lobby-seat.empty{background:transparent;border-style:dashed}.empty .seat-number{color:#bcb8a2}.empty h3{font-size:13px;color:#999782}.status-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:#cfcab8;right:15px;top:15px}.status-dot.online{background:#769573}h3 small{font-size:9px;color:var(--red);font-weight:500;margin-left:4px}.lobby-info{padding:28px;background:#e7e8d9;border-radius:14px}.lobby-info h2{font-size:27px;line-height:1.6;margin:14px 0}.lobby-info p{font-size:12px}.lobby-count{display:flex;align-items:center;gap:15px;margin:20px 0}.lobby-count b{font-size:54px;font-weight:500}.lobby-count span{font-size:11px;line-height:1.8;color:var(--muted)}.offer{display:grid;grid-template-columns:1.4fr 1fr;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fffaf0}.offer-art{background:#e8eadc;display:flex;align-items:center;justify-content:center;gap:28px;position:relative;min-height:410px;padding:40px 20px 105px}.offered-card{width:144px;transform:rotate(5deg)}.deck{width:103px;aspect-ratio:2/3;display:flex;flex-direction:column;justify-content:center;align-items:center;background:repeating-linear-gradient(35deg,#e4ddc8 0px,#e4ddc8 2px,#f4eddc 2px,#f4eddc 6px);border:6px solid #fffaf0;border-radius:12px;box-shadow:-3px 4px 0 #c7c3ae,-6px 7px 0 #f4eddc,-8px 9px 0 #c7c3ae;transform:rotate(-8deg)}.deck>span{font-size:20px;line-height:.9;font-weight:900;text-align:center;background:var(--ink);padding:12px 6px;color:var(--paper);transform:rotate(-10deg)}.deck small{position:absolute;bottom:-32px;white-space:nowrap;font-size:10px;color:var(--muted)}.pot{position:absolute;bottom:30px;display:flex;align-items:center;gap:12px}.pot>strong{font-size:30px}.pot>span{font-size:11px;color:var(--muted)}.token-pile{display:flex;padding-left:15px}.token-pile .token{margin-left:-15px}.decision{padding:32px}.decision h2{font-size:29px;line-height:1.5;margin:14px 0}.decision>p{font-size:12px}.my-wallet{display:flex;align-items:center;gap:12px;background:var(--paper);padding:12px 15px;border-radius:9px;font-size:11px}.my-wallet .token{transform:scale(.7);margin-left:-5px;margin-right:-5px}.my-wallet strong{font-size:30px;margin-left:auto}.score-preview{font-size:11px!important;margin:17px 0 0}.score-preview b{color:var(--red)}.score-preview small{font-size:10px}.waiting-note{font-size:12px;line-height:1.8;margin-top:22px;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:35px 0 20px}.section-heading h2{font-size:21px;margin:0}.section-heading>span{font-size:10px;color:var(--muted)}.player-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.player-mat{background:#fffaf0;border:1px solid var(--line);padding:18px;border-radius:11px;min-width:0}.player-mat.active{border:2px solid var(--red);padding:17px}.player-mat.winner{border-color:#ac8b36;background:#fff1c7}.player-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.player-top h3{margin:0;font-size:14px;overflow-wrap:anywhere}.player-top>span{font-size:9px;color:var(--muted);white-space:nowrap}.runs{display:flex;gap:12px;flex-wrap:wrap;min-height:100px;align-items:center;padding:17px 0}.run{display:flex;position:relative;margin-bottom:15px;max-width:100%;flex-wrap:wrap;row-gap:4px}.run-card{display:inline-block}.connected-card{margin-left:-4px}.connected-card .number-card{background:#df745b}.run small{position:absolute;bottom:-17px;left:0;font-size:9px;color:var(--muted)}.player-stats{border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:space-between;gap:5px;font-size:9px;color:var(--muted)}.player-stats b{color:var(--ink);font-size:12px}.empty-hand{font-size:11px;font-style:italic;margin:0}.log{margin-top:25px;border-top:1px solid var(--line);padding:20px 0;color:var(--muted);font-size:11px}.log summary{cursor:pointer}.log summary span{float:right}.log ol{line-height:2.1;padding-left:22px}.result{padding:35px;display:flex;gap:32px;align-items:center;background:#e6e9d8;border:1px solid #c5cab4;border-radius:15px}.result h2{font-size:32px;line-height:1.5;margin:10px 0}.result p{font-size:12px}.result-emblem{width:125px;height:145px;display:grid;place-items:center;position:relative;flex-shrink:0}.result-emblem .token{transform:scale(2.8)}.result-emblem>span{position:absolute;color:#946a22;font-size:36px}.muted{color:var(--muted)}footer{border-top:1px solid var(--line);max-width:1152px;margin:auto;padding:24px 0;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.08em;color:var(--muted)}dialog{width:min(640px,calc(100% - 28px));border:1px solid var(--line);border-radius:16px;background:#fffaf0;color:var(--ink);padding:30px;max-height:85vh}dialog::backdrop{background:#29332980;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:start;gap:15px}.dialog-heading h2{font-size:27px;margin:10px 0 20px}.dialog-heading button{background:var(--paper);font-size:25px;width:36px;height:36px;flex-shrink:0}.rules{font-size:13px;line-height:2}.rules li{margin-bottom:13px;padding-left:3px}.rules ol{padding-left:21px}.credits{font-size:11px;border-top:1px solid var(--line);padding-top:18px}.rule-example{padding:15px;background:var(--paper);border-radius:8px;margin:20px 0}.rule-example b{display:block;font-size:26px;color:var(--red)}.rule-example span{font-size:11px}.invite-row{display:flex;gap:8px;margin:12px 0}.invite-row input{font-size:11px}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,15px);max-width:calc(100% - 30px);padding:14px 22px;border-radius:8px;background:var(--ink);color:var(--paper);box-shadow:0 5px 25px #0002;opacity:0;pointer-events:none;transition:.2s;z-index:50;font-size:12px}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:1000px){.entry{gap:35px}.entry-panel{padding:25px}.hero-card.first{left:10px}.hero-card.second{left:115px}.art-caption{right:-20px}.lobby-grid{grid-template-columns:1fr 260px;gap:20px}.seats{grid-template-columns:repeat(2,1fr)}.offer{grid-template-columns:1.1fr 1fr}.offer-art{gap:16px}.player-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.masthead{height:78px;padding:15px 20px}.brand{font-size:17px;gap:8px}.brand img{width:34px;height:34px}.brand small{font-size:8px}.masthead nav{gap:0}.masthead nav>span{display:none}.quiet{font-size:11px;padding:11px}main{padding:30px 20px 45px}.entry{grid-template-columns:1fr;gap:16px}.hero h1{font-size:43px;margin:17px 0}.hero p{font-size:13px}.hero-meta{gap:20px;margin-top:16px}.hero-meta b{font-size:18px}.hero-art{height:225px;margin-top:10px}.hero-card{width:117px}.hero-card.first{left:48px;top:8px}.hero-card.second{left:145px;top:20px}.hero-tokens{left:138px;top:150px}.hero-tokens .token{width:42px;height:42px;min-width:42px}.art-caption{right:-20px;bottom:70px}.number-card b{font-size:58px}.card-motto{font-size:7px;bottom:28px}.entry-panel{padding:26px}.entry-panel h2{font-size:27px}.room-heading{align-items:flex-start;gap:10px;margin-bottom:24px}.room-heading h1{font-size:25px;line-height:1.4}.room-heading .eyebrow{font-size:8px;max-width:180px}.room-code{padding:10px;min-width:110px}.room-code strong{font-size:21px}.room-code small{font-size:8px}.lobby-grid{grid-template-columns:1fr}.seats{gap:12px}.lobby-seat{padding:18px 10px}.lobby-info{padding:25px}.lobby-info h2{font-size:25px}.offer{grid-template-columns:1fr}.offer-art{min-height:300px;padding:24px 15px 90px;gap:29px}.offered-card{width:111px}.deck{width:80px}.deck>span{font-size:16px}.deck small{font-size:9px;bottom:-27px}.pot{bottom:22px;gap:9px}.token-pile .token{width:31px;height:31px;min-width:31px}.token-pile .token:after{font-size:14px}.pot>strong{font-size:24px}.pot>span{font-size:10px}.decision{padding:25px}.decision h2{font-size:26px;margin:11px 0}.decision h2 br{display:none}.player-grid{grid-template-columns:1fr;gap:12px}.section-heading{align-items:flex-start}.section-heading h2{font-size:19px}.section-heading>span{font-size:9px;max-width:160px;line-height:1.7;text-align:right}.runs{min-height:70px}.result{padding:25px;gap:15px;flex-direction:column;align-items:flex-start}.result-emblem{width:65px;height:75px;align-self:center}.result-emblem .token{transform:scale(1.7)}.result-emblem>span{font-size:22px}.result h2{font-size:27px}.result .quiet{margin-top:12px}footer{margin:0 20px;padding:20px 0;gap:16px;font-size:7px}.dialog-heading h2{font-size:24px}dialog{padding:22px}.number-card.small b{font-size:27px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* The same physical pieces are used on the table and during its reveal. */
.economy-cards{align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.economy-cards>article{text-align:center;display:grid;justify-items:center;gap:12px}.economy-cards .house-card,.economy-cards .status-card,.economy-cards .art-card{width:140px;min-width:140px;max-width:140px;flex:none;transform:none;position:relative;inset:auto}.economy-cards .house-card{height:200px}.economy-cards .status-card{height:218px}.economy-cards .art-card{height:224px}.economy-cards .cheque{width:210px;min-width:160px}.economy-cards .number-card{position:relative;transform:none}.economy-arrow{font-size:32px;color:#b39553}.economy-linked{opacity:.55}.economy-run{text-align:center;margin:16px 0}.economy-money{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.economy-money span{border:1px solid #b49a5f;border-radius:8px;background:#f8f2de;color:#284941;padding:20px 14px;font-size:24px;font-weight:700}.economy-out{opacity:.55;text-decoration:line-through}.economy-discard{filter:grayscale(1);opacity:.65}.economy-cards .house-card,.economy-cards .status-card,.economy-cards .number-card,.economy-cards .art-card,.economy-cards>svg{animation:economy-reveal .5s ease both}@keyframes economy-reveal{from{opacity:0;transform:perspective(700px) rotateY(-65deg) translateY(12px)}to{opacity:1;transform:perspective(700px) rotateY(0) translateY(0)}}@media(max-width:600px){.economy-cards{gap:10px}.economy-cards .house-card,.economy-cards .status-card,.economy-cards .art-card{width:112px;min-width:112px;max-width:112px}.economy-cards .cheque{width:180px;min-width:140px}.economy-cards .bm-row{display:grid;gap:3px}.economy-arrow{font-size:23px}}@media(prefers-reduced-motion:reduce){.economy-cards *,.economy-cards>svg{animation:none!important}}
.economy-cards>.number-card:not(.small){width:140px;max-width:140px;flex:0 0 140px}@media(max-width:600px){.economy-cards>.number-card:not(.small){width:120px;max-width:120px;flex-basis:120px}}

/* In-flight pieces use the original game's artwork at a compact physical size. */
.economy-flight{display:block;width:84px;max-width:84px}.economy-flight .house-card,.economy-flight .status-card,.economy-flight .art-card,.economy-flight .number-card{position:relative;inset:auto;transform:none!important;width:84px!important;min-width:84px!important;max-width:84px!important;height:128px!important;min-height:0;margin:0}.economy-flight .card-top{padding:7px;gap:2px}.economy-flight .card-top b{font-size:24px;white-space:nowrap}.economy-flight .card-top span{font-size:5px;letter-spacing:0}.economy-flight .card-bottom{padding:6px}.economy-flight .card-bottom strong{font-size:9px}.economy-flight .card-bottom small{font-size:5px}.economy-flight .art-top,.economy-flight .art-bottom{padding:5px;font-size:7px}.economy-flight .card-image{height:84px;min-height:0}.economy-flight .card-image img{width:100%;height:100%;object-fit:cover}.economy-flight .status-card .motif{height:64px}.economy-flight .card-corner{font-size:22px}.economy-flight .card-name{font-size:10px}.economy-flight .card-name small,.economy-flight .card-corner span{font-size:5px}.economy-flight .number-card b{font-size:38px}.economy-flight .number-card .card-motto{font-size:7px}.economy-motion-coin{display:flex;align-items:center;justify-content:center;gap:3px;min-width:45px;height:45px;padding:6px;border:3px double #efd092;border-radius:50%;background:#b78a35;color:#fff8db;font:800 18px/1.1 sans-serif;box-shadow:0 3px 8px #30241435}.economy-motion-coin small{font-size:9px}.economy-motion-bill{width:54px;height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#eee4c7;color:#284b40;border:2px solid #a89665;border-radius:5px}.economy-motion-bill strong{font-size:27px}.economy-motion-bill small{font-size:7px}.economy-motion-coins{display:flex;align-items:center;gap:5px;color:#8b6524;font-weight:800}.economy-motion-coins .token{width:35px;height:35px;position:relative;margin:0}.economy-motion-diver{display:block;width:38px;height:50px}

.bm-table-piece .token{transform:none!important;width:36px;height:36px;min-width:36px;margin:0!important}

/* Settlement stays in the original seats; only the small continuation bar is new. */
.table-end{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:18px 0;margin:12px 0;border-block:1px solid var(--line,#ffffff30);font-size:13px}.table-end>span{font-size:11px;line-height:1.6}.table-end>button{margin-left:auto}.table-end details{flex-basis:100%}

.counted-run .connected-card{margin-left:-22px;filter:saturate(.25);opacity:.65;animation:run-gather .8s ease both}.counted-run .run-card:first-child{z-index:2;filter:drop-shadow(0 0 3px #d6b044)}.settling-run .connected-card{margin-left:-4px}.player-stats{flex-wrap:wrap;align-items:center}.player-stats .token{width:23px;height:23px;min-width:23px;vertical-align:middle}.player-stats>strong{flex-basis:100%;font-size:15px;color:var(--ink)}.finished-offer .result{border:0;border-radius:0;padding:22px;display:block;background:transparent}.finished-offer .result-emblem{display:none}.finished-offer .result h2{font-size:23px}.finished-offer .offer-art{min-height:235px;padding:30px;gap:24px}.finished-offer [data-motion=pot]{font-size:11px}@keyframes run-gather{from{margin-left:-4px}to{margin-left:-22px}}@media(prefers-reduced-motion:reduce){.counted-run .connected-card{animation:none}}
