.bg-club-bar{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:40px;padding:10px max(20px,calc((100vw - 1252px)/2));background:#272a28;color:#f6f4ec;font:11px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.5px}.bg-club-bar a{display:inline-flex;align-items:center;gap:12px;color:inherit;text-decoration:none;padding:0;background:none}.bg-club-bar a:hover{text-decoration:underline;text-underline-offset:4px}.bg-club-bar a:focus-visible{outline:2px solid #eada9c;outline-offset:4px}.bg-club-divider,.bg-club-tools>span{color:#b3b7ac}.bg-club-bar *{box-sizing:border-box}.bg-club-bar~#app{min-height:calc(100vh - 40px)}@media(max-width:450px){.bg-club-tools>span{display:none}}

/* Result stages: a common rhythm, with each game's own materials and colors. */
.bg-result{--bg-stage:#203e32;--bg-accent:#ddba73;--bg-paper:#faf8ee;--bg-ink:#253c34;color:var(--bg-ink);margin:20px 0 28px;font-family:inherit;min-width:0}.bg-result *{box-sizing:border-box}.bg-result .bg-result-hero{isolation:isolate;position:relative;overflow:hidden;text-align:center;padding:36px 24px 32px;background:var(--bg-stage);color:var(--bg-paper);border:1px solid #ffffff25;border-radius:20px;min-height:330px}.bg-result-hero:before,.bg-result-hero:after{content:'';position:absolute;z-index:-1;pointer-events:none}.bg-result-hero:before{inset:12px;border:1px solid #e7dcb337;border-radius:12px}.bg-result-hero:after{width:380px;height:380px;left:calc(50% - 190px);top:-190px;background:radial-gradient(ellipse,#f5e9b724,transparent 70%);border-radius:50%}.bg-result .bg-result-kicker{font:10px/1.6 ui-monospace,monospace;letter-spacing:3px;color:var(--bg-accent)}.bg-result .bg-result-emblem{width:84px;height:84px;margin:18px auto 15px;display:grid;place-items:center;border:1px solid #e9d79766;border-radius:50%;background:#f4e7b510;box-shadow:0 0 0 8px #f6e7bd08;color:var(--bg-accent);font:50px/1 Georgia,serif}.bg-result .bg-result-hero h2{position:relative;font-size:clamp(24px,3.3vw,38px);line-height:1.4;margin:12px auto;letter-spacing:-1px;color:inherit;max-width:780px;overflow-wrap:anywhere;font-weight:650}.bg-result .bg-result-subtitle{font-size:12px;line-height:1.9;color:#e0e7d5bb;margin:0 auto;max-width:650px;overflow-wrap:anywhere}.bg-result .bg-result-metric{margin-top:18px}.bg-result .bg-result-number{font-variant-numeric:tabular-nums;white-space:nowrap}.bg-result .bg-result-number b{font-size:40px;line-height:1.2;letter-spacing:-2px;font-weight:550;color:inherit}.bg-result .bg-result-number small{font:11px/1.5 inherit;letter-spacing:0;margin-left:7px;color:inherit;opacity:.7}.bg-result .bg-result-metric .bg-result-number b{font:64px/1.1 Georgia,serif;letter-spacing:-2px}.bg-result .bg-result-metric>span:last-child{display:block;font-size:10px;letter-spacing:1.5px;margin-top:7px;color:#e1dec2ac}.bg-result .bg-result-skip{position:absolute;top:18px;right:19px;border:1px solid #eee9d12b;border-radius:20px;padding:6px 10px;background:#ffffff09;color:#eeeadaad;font:10px/1.5 inherit;cursor:pointer;z-index:3}.bg-result [hidden]{display:none!important}.bg-result-decor{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.bg-result-decor i{position:absolute;left:var(--x);top:22px;width:7px;height:13px;background:var(--color);opacity:0;border-radius:1px;transform:rotate(var(--turn))}.bg-result .bg-result-ranking{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:18px 0}.bg-result .bg-result-player{position:relative;background:var(--bg-paper);border:1px solid #d9decf;border-radius:12px;padding:20px;min-width:0;overflow:hidden}.bg-result .bg-result-winner{border-color:var(--bg-accent);background:linear-gradient(135deg,#f4e2ad70,transparent 75%),var(--bg-paper);box-shadow:inset 0 3px var(--bg-accent)}.bg-result .bg-result-rank{display:flex;align-items:center;gap:9px;margin-bottom:13px}.bg-result .bg-result-rank>span{font:25px/1 Georgia;color:#9a7f48}.bg-result .bg-result-rank small{font-size:9px;color:#82866f}.bg-result .bg-result-rank em{margin-left:auto;font-size:9px;font-style:normal;border:1px solid #a9bba0;border-radius:4px;padding:2px 5px;color:#56764b}.bg-result .bg-result-player h3{font-size:16px;line-height:1.5;margin:0 0 10px;letter-spacing:0;overflow-wrap:anywhere;color:var(--bg-ink)}.bg-result .bg-result-player p{font-size:11px;line-height:1.9;color:#7a826d;margin:10px 0 0;overflow-wrap:anywhere}.bg-result-meter{height:4px;background:#e2e4d8;border-radius:4px;overflow:hidden;margin-top:15px}.bg-result-meter i{display:block;width:var(--fill);height:100%;background:var(--bg-accent);transform-origin:left;border-radius:4px}.bg-result .bg-result-details{padding:23px;background:var(--bg-paper);border:1px solid #dce1d3;border-radius:13px;margin-top:18px;color:var(--bg-ink)}.bg-result .bg-result-details h3{font-size:16px;margin:0 0 16px;letter-spacing:0}.bg-result .bg-result-details p{line-height:1.8}.bg-result .bg-result-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin:24px 0 0}.bg-result .bg-result-actions>span,.bg-result .bg-result-actions>p{font-size:12px;line-height:1.8;margin:0;color:inherit}.bg-result-actions button{max-width:100%}.bg-result .bg-result-note{font-size:11px;color:#849078;line-height:1.9;margin:16px 0 0}.bg-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bg-result-tile{border:1px solid #dde1d1;padding:17px;border-radius:10px;min-width:0}.bg-result-tile strong{display:block;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.bg-result-tile p{font-size:11px;margin:7px 0;color:#7e896f}.bg-result-tile .bg-result-number b{font-size:30px}.bg-result-tile svg{width:27px;height:27px;vertical-align:middle;margin-right:6px}.bg-result-tile .bg-result-meter{margin:10px 0}.bg-result .bg-result-audit-excess{border-color:#d98764;background:#fff0e6}.bg-result .bg-result-audit-excess .bg-result-meter i{background:#d98764}.bg-result .bg-result-audit-verdict{font-size:11px;color:#598367}.bg-result .bg-result-audit-excess .bg-result-audit-verdict{color:#ae5c3b}.bg-result-artwork{position:relative;overflow:hidden;padding:10px 10px 16px;border:1px solid #ded8c9;background:#fffdf6;text-align:center;min-width:0}.bg-result-artwork img{display:block;object-fit:cover;width:100%;height:140px;border:5px solid #e6d6b8;outline:1px solid #c9b08a;outline-offset:-1px;margin-bottom:15px}.bg-result-artwork h4{font-size:12px;margin:8px 0;color:#7a725e;overflow-wrap:anywhere}.bg-result-artwork>small{font-size:9px;letter-spacing:1px;color:#97917e}.bg-result-artworks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.bg-result .bg-result-artwork .bg-result-number b{font-size:29px}.bg-result-startups{--bg-stage:#18382f;--bg-accent:#d5b465}.bg-result-startups .bg-result-emblem{border-width:4px;border-style:double;background:linear-gradient(135deg,#f0d898,#b79045);color:#3d4929;box-shadow:0 5px 0 #8f7137,0 12px 35px #0003}.bg-result-startups .bg-result-decor i{border-radius:50%;height:10px;width:10px}.bg-result-modern-art{--bg-stage:#282920;--bg-accent:#d5a479;--bg-paper:#f8f4ea;--bg-ink:#383a2d}.bg-result-modern-art .bg-result-hero{border-radius:3px;outline:1px solid #bfa078;outline-offset:-8px;background:radial-gradient(ellipse at top,#87765255,transparent 65%),#282920}.bg-result-modern-art .bg-result-emblem{border-radius:0;border:5px double #bd9864;box-shadow:6px 6px 0 #080b0855;background:#ede0b516}.bg-result-durian{--bg-stage:#136c56;--bg-accent:#dddf83;--bg-paper:#fcfbe9;--bg-ink:#295f42}.bg-result-durian .bg-result-hero{background:radial-gradient(circle at 15% 20%,#c7da7320 0 3%,transparent 3.2%),radial-gradient(circle at 85% 65%,#c7da7320 0 5%,transparent 5.2%),var(--bg-stage);border-radius:23px}.bg-result-durian .bg-result-emblem{border-radius:40% 40% 48% 48%;background:#ece39c;color:#3f7152;box-shadow:0 5px 0 #b5ba70}.bg-result-durian .bg-result-player{padding:15px}.bg-result-durian .bg-result-ranking{grid-template-columns:repeat(2,minmax(0,1fr))}.bg-result-scout{--bg-stage:#173d37;--bg-accent:#edbc68;--bg-paper:#fffaf0}.bg-result-scout .bg-result-hero{background:repeating-linear-gradient(90deg,#13362f 0 24px,#183c3430 24px 48px),#214c40}.bg-result-scout .bg-result-hero:after{top:-100px;width:100%;left:0;height:450px;border-radius:0;background:conic-gradient(from 155deg at 50% 0%,transparent 0deg,#f8deb323 13deg,transparent 32deg);}.bg-result-scout .bg-result-emblem{border:2px dashed #efcf87;outline:6px solid #e6c28013;background:#eed296;color:#36553c}.bg-result-scout .bg-result-player{border-radius:2px 14px 14px 2px;border-left:5px solid var(--bg-accent)}
@media(max-width:760px){.bg-result .bg-result-ranking{grid-template-columns:repeat(2,minmax(0,1fr))}.bg-result .bg-result-player:first-child{grid-column:1/-1}.bg-result .bg-result-player{padding:17px}.bg-result-artworks{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bg-result-artwork:first-child{grid-column:1/-1}.bg-result-artwork:first-child img{height:160px}.bg-result .bg-result-details{padding:18px}.bg-result .bg-result-hero{padding:39px 17px 27px;min-height:330px}.bg-result .bg-result-hero h2{font-size:25px}.bg-result .bg-result-subtitle{font-size:11px}.bg-result .bg-result-metric .bg-result-number b{font-size:54px}.bg-result .bg-result-skip{top:13px;right:14px;font-size:9px}.bg-result .bg-result-actions{gap:10px}.bg-result .bg-result-actions button{font-size:12px}.bg-result-grid{gap:9px}.bg-result-tile{padding:13px}.bg-result-durian .bg-result-ranking{grid-template-columns:1fr}.bg-result .bg-result-number b{font-size:34px}}
@media(prefers-reduced-motion:reduce){.bg-result *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.bg-result .bg-result-negative .bg-result-number{color:#ad6048}.bg-result .bg-result-negative .bg-result-meter i{background:#ce9278}.bg-result-durian .bg-result-player:not(.bg-result-winner) .bg-result-meter i{background:#d99669}.bg-result-inventory{margin-top:22px;border-top:1px solid #dce1d0;padding-top:16px}.bg-result-inventory summary{cursor:pointer;font-size:12px;line-height:1.8}.bg-result-inventory .seats{margin-top:20px}.durian-results{max-width:1120px}.durian-results>.room-tools{justify-content:flex-end}.bg-result-durian .bg-result-emblem span{font-size:42px}
.durian-results .outline-light,.durian-results .exit-button{color:#295f42;border:1px solid #a8b9a3;background:transparent}.bg-result .bg-result-number small{font-size:11px;line-height:1.5}.bg-result .bg-result-skip{font-size:10px;line-height:1.5}

/* Keep the full mobile hand visible. Raised cards keep their stacking order so
   adjacent values remain exposed, including in a second row. */
@media(max-width:600px){
  .hand.mobile-fan,.hand-cards.mobile-fan{display:block;position:relative;overflow:visible;padding:0;min-height:0;isolation:isolate;gap:0;}
  .mobile-fan>[data-card]{position:absolute!important;left:var(--fan-x);top:var(--fan-y);width:68px!important;height:148px!important;margin:0;transform-origin:50% 100%;z-index:var(--fan-z);transform:translateY(var(--fan-lift,0px)) rotate(var(--fan-angle))!important;transition:transform .16s,box-shadow .16s;box-shadow:-2px 2px 5px #223b2725;}
  .mobile-fan>[data-card].selected,.mobile-fan>[data-card].new-card{--fan-lift:-22px;}
  .mobile-fan>[data-card]:disabled{opacity:1;}
  .mobile-fan>[data-card].ineligible{opacity:.45;}
  .mobile-fan>[data-card].insertion-placeholder>*{visibility:hidden;}
}

/* Shared notification settings stay in the club bar, outside each game's board. */
.bg-club-tools{display:flex;align-items:center;gap:18px;position:relative;letter-spacing:0}
.bg-club-controls{display:flex;align-items:center;gap:8px;position:relative;flex-shrink:0}
.bg-club-bar .bg-sound-open,.bg-club-bar .bg-sound-test{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px 9px;margin:0;border:1px solid #ffffff35;border-radius:5px;background:transparent;color:inherit;font:inherit;line-height:1.6;cursor:pointer;box-shadow:none;min-height:28px;width:auto;white-space:nowrap}
.bg-club-bar .bg-sound-open{width:32px;height:32px;min-height:32px;padding:6px;flex-shrink:0;border-color:transparent;border-radius:50%}
.bg-club-bar .bg-sound-open:hover,.bg-club-bar .bg-sound-open[aria-expanded="true"]{background:#ffffff12;border-color:#ffffff35}
.bg-club-bar .bg-sound-open svg{display:block;flex-shrink:0}
.bg-sound-muted,.bg-sound-open[data-sound="off"] .bg-sound-waves{display:none}
.bg-sound-open[data-sound="off"] .bg-sound-muted{display:block}
.bg-club-bar .bg-sound-open[data-sound="off"]{color:#bbc0b6}
.bg-club-bar .bg-sound-panel{position:absolute;right:0;top:calc(100% + 12px);z-index:10000;width:264px;max-width:calc(100vw - 40px);padding:18px;border:1px solid #d5d7ce;border-radius:10px;background:#fafbf7;color:#28332c;box-shadow:0 8px 32px #16251e30;font:13px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:0;text-align:left}
.bg-club-bar .bg-sound-panel[hidden]{display:none!important}.bg-club-bar .bg-sound-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 15px;font-weight:600;cursor:pointer}
.bg-club-bar .bg-sound-toggle input{appearance:auto;position:static;opacity:1;display:block;width:18px;height:18px;margin:0;accent-color:#3b6f57}
.bg-club-bar .bg-sound-choice{display:grid;gap:5px;margin:0 0 12px;font-size:12px}.bg-club-bar .bg-sound-choice select{width:100%;max-width:100%;border:1px solid #c7ccc2;border-radius:5px;padding:8px;background:#fff;color:#28332c;font:inherit;font-size:13px;line-height:1.5;height:auto;letter-spacing:0}
.bg-club-bar .bg-sound-test{border-color:#a6b9aa;color:#315e46;background:#eef3ec;min-height:34px;padding:5px 13px}
.bg-club-bar .bg-sound-panel :disabled{opacity:.5;cursor:default}.bg-club-bar .bg-sound-hint{margin:12px 0 0;color:#6b766b;font:inherit;font-size:11px;line-height:1.7}
.bg-club-bar :is(button,input,select):focus-visible{outline:2px solid #b6cf85;outline-offset:3px}
@media(max-width:600px){.bg-club-tools>span{display:none}.bg-club-tools{gap:0}.bg-club-bar .bg-sound-open{min-height:32px}.bg-club-bar .bg-sound-panel{font-size:14px}.bg-club-bar .bg-sound-choice select{font-size:16px}}
@media(max-width:600px){.bg-club-bar{position:relative}.bg-club-bar .bg-club-tools,.bg-club-controls{position:static}.bg-club-bar .bg-sound-panel{left:12px;right:auto;top:calc(100% + 4px);max-width:calc(100vw - 24px)}}
.bg-watch-trigger{font:inherit;color:inherit;border:1px solid #b6b9ac;border-radius:5px;padding:5px 14px;background:transparent;cursor:pointer}.bg-watch-dialog{font:16px/1.5 system-ui,sans-serif;max-width:400px;width:calc(100vw - 48px);padding:28px;background:#fbfaf4;color:#263d35;border:0;border-radius:16px}.bg-watch-dialog::backdrop{background:#12251fa8}.bg-watch-dialog h2{margin:0 0 8px}.bg-watch-dialog label{display:grid;gap:6px}.bg-watch-dialog input{font:24px/1.5 system-ui,sans-serif;letter-spacing:6px;width:100%;box-sizing:border-box;padding:8px;border:1px solid #bcc4ba;border-radius:6px}.bg-watch-dialog form>div{display:flex;gap:12px;justify-content:flex-end}.bg-watch-dialog button{font:inherit;padding:8px 16px;border:1px solid #bec7bc;border-radius:6px;background:transparent;cursor:pointer}.bg-watch-dialog [type=submit]{background:#23493d;color:white}.bg-watch-dialog [role=status]{color:#993d31;font-size:14px}

@media(max-width:600px){.bg-club-tools:has(.bg-watch-trigger){gap:8px}.bg-watch-trigger{min-height:32px}}

/* Shared invitation fallback; existing game controls and rules retain their art. */
.bg-tools-dialog{box-sizing:border-box;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #cfc8ba;border-radius:16px;padding:24px;background:#faf8f2;color:#292c2a;box-shadow:0 20px 80px #0005;font:15px/1.6 system-ui,sans-serif}
.bg-tools-dialog::backdrop{background:#10171380}
.bg-tools-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.bg-tools-heading h2{margin:0;font:600 22px/1.4 system-ui,sans-serif;color:inherit}
.bg-tools-heading button{border:0;background:transparent;color:inherit;font:24px/1 system-ui;cursor:pointer;min-width:44px;min-height:44px}
.bg-tools-dialog label{display:block;font-weight:600}
.bg-tools-dialog input{box-sizing:border-box;width:100%;margin-top:8px;padding:12px;border:1px solid #aaa79e;border-radius:8px;background:white;color:#292c2a;font:14px/1.5 system-ui,sans-serif}
.bg-tools-dialog .bg-tools-hint{font-size:13px;color:#62685f}
.bg-tools-notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100000;max-width:calc(100vw - 32px);padding:12px 20px;border-radius:10px;background:#26352f;color:white;box-shadow:0 6px 28px #0003;font:14px/1.5 system-ui,sans-serif;pointer-events:none}
.bg-tools-notice[hidden]{display:none}