.salon-page{margin:0;min-height:100vh;background:var(--ocg-surface-world);color:var(--ocg-text-primary);font-family:var(--ocg-font-interface);overflow-anchor:none}.salon-page *,.salon-page *:before,.salon-page *:after{box-sizing:border-box}.salon-page .page__content{width:100%;max-width:none;padding:28px 20px 64px}.salon-heading,.salon-table,.salon-guide,.salon-preview,.salon-preview-nav,.salon-toolbar{width:min(100%,1120px);margin-inline:auto}.salon-heading{margin-top:28px;margin-bottom:12px}.salon-toolbar{justify-content:flex-end;margin-bottom:18px}.salon-heading h1{font-family:var(--ocg-font-display);font-size:clamp(30px,4vw,44px);line-height:1.15;margin:5px 0 10px}.salon-heading p{max-width:620px;margin:0;color:var(--ocg-text-secondary);line-height:1.6}.salon-heading .salon-eyebrow{color:#cbb78c;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.2em}.salon-page .global-controls__button{flex:0 1 auto;justify-content:flex-start}.salon-page .global-controls__button:not(:has(.global-controls__icon)){padding-inline:16px}.salon-actions .global-controls__label{white-space:normal;text-align:left}.salon-sound-icon{--global-control-icon: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3ctitle%3eSound%3c/title%3e%3cpath%20fill='%23000'%20fill-rule='evenodd'%20d='M4%209h4l5-4v14l-5-4H4V9Zm12.2-1.8a7%207%200%200%201%200%209.6l-1.4-1.4a5%205%200%200%200%200-6.8l1.4-1.4Zm2.9-2.9a11%2011%200%200%201%200%2015.4l-1.4-1.4a9%209%200%200%200%200-12.6l1.4-1.4Z'%20clip-rule='evenodd'/%3e%3c/svg%3e")}.salon-new-icon{--global-control-icon: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3ctitle%3eNew%20deal%3c/title%3e%3cpath%20fill='%23000'%20fill-rule='evenodd'%20d='m7.2%203.2%209.7%202.6a2%202%200%200%201%201.4%202.4l-3.1%2011.6a2%202%200%200%201-2.4%201.4l-9.7-2.6a2%202%200%200%201-1.4-2.4L4.8%204.6a2%202%200%200%201%202.4-1.4Zm4.2%204.1-3.9%203%201.7%204.6%203.9-3-1.7-4.6ZM17%203h2a2%202%200%200%201%202%202v12c0%20.9-.6%201.7-1.5%201.9L22%209.6A4.5%204.5%200%200%200%2018.8%204L17%203.5V3Z'%20clip-rule='evenodd'/%3e%3c/svg%3e")}.salon-hint-icon{--global-control-icon: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3ctitle%3eHint%3c/title%3e%3cpath%20fill='%23000'%20fill-rule='evenodd'%20d='M12%202a7%207%200%200%201%204.7%2012.2c-1%20.9-1.7%201.6-1.8%202.8H9.1c-.1-1.2-.8-1.9-1.8-2.8A7%207%200%200%201%2012%202Zm-3%2017h6v2H9v-2Zm2.1-13.7-.8%202.3-2.3.8%202.3.8.8%202.3.8-2.3%202.3-.8-2.3-.8-.8-2.3Z'%20clip-rule='evenodd'/%3e%3c/svg%3e")}.salon-table{padding:22px 26px 16px;border:10px solid var(--ocg-surface-structure);border-radius:26px;background:url(/assets/felt-green-CieYw_4d.webp) center / cover,var(--ocg-surface-table);box-shadow:0 0 0 1px var(--ocg-border-crafted),inset 0 0 50px #07170e80,0 16px 40px #0005}.salon-round{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;padding-bottom:18px;font-size:13px;color:#d1ceb6}.salon-round strong{font-family:var(--ocg-font-display);font-size:21px;color:#f5ead1}.salon-seats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.salon-seat{display:flex;align-items:center;gap:10px;border:1px solid #cab78938;border-radius:12px;padding:10px;background:#0b241c94;min-width:0;transition:border-color .18s,background-color .18s}.salon-seat.is-active{border-color:#d8c395;background:#243e29dc;box-shadow:0 0 0 1px #d8c39540}.salon-avatar{display:block;width:46px;height:46px;border-radius:50%;overflow:hidden;flex:0 0 46px;border:1px solid #c4b38c;background:#efe5cd}.salon-avatar img{width:100%;height:100%;object-fit:cover;display:block}.salon-avatar img[data-profile-avatar]{transform:scale(1.4)}.salon-seat strong,.salon-seat small{display:block}.salon-seat strong{font-size:15px;color:#f5ead1}.salon-seat small{font-size:12px;line-height:1.55;color:#d1ceb6}.salon-seat .salon-seat-turn{color:#e5c786}.salon-center{display:flex;align-items:center;justify-content:center;gap:34px;min-height:198px;padding:18px 0}.salon-pile,.salon-trick-slot{display:flex;flex-direction:column;align-items:center;gap:10px;color:#d9d4be;font-size:12px}.salon-pile-label{min-height:18px}.salon-card{width:90px;aspect-ratio:5 / 7;padding:0;border:0;border-radius:7px;box-shadow:0 3px 6px #0006;background-color:#f5ecd5;position:relative;flex:0 0 90px;touch-action:manipulation;transition:transform .14s ease-out,box-shadow .14s ease-out}button.salon-card{cursor:pointer}button.salon-card:disabled{cursor:default}button.salon-card.is-legal{box-shadow:0 0 0 2px #c3b17b,0 4px 8px #0005}button.salon-card.is-selected,button.salon-card.is-hint{transform:translateY(-12px);box-shadow:0 0 0 3px #ecd59e,0 10px 15px #0006}.salon-card.is-unplayable{filter:brightness(.76)}.salon-card.is-empty{background:#08201840;box-shadow:inset 0 0 0 1px #dcc99b50}.salon-card.is-wild:after{content:"WILD";position:absolute;bottom:5px;left:50%;transform:translate(-50%);font-size:9px;letter-spacing:.07em;padding:2px 5px;border-radius:3px;background:#21382b;color:#f8e5ae;pointer-events:none}.salon-turn{text-align:center;min-height:66px}.salon-turn p{margin:0 0 6px}#status{font-size:19px;font-weight:650;color:#f8edce}#detail{font-size:13px;color:#d9d4be;line-height:1.5}.salon-actions{min-height:56px;justify-content:center;flex-wrap:wrap}.salon-hand-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:12px 0 8px}.salon-hand-heading h2{font-size:16px;margin:0;color:#f5ead1}#hand-count{font-weight:400;color:#c4cab7;font-size:13px}.salon-hand{display:flex;align-items:flex-start;justify-content:safe center;gap:8px;padding:18px 4px 12px;min-height:161px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:#a7976c #13291f;scrollbar-width:thin}.salon-hand .salon-card{width:clamp(70px,calc((100% - (var(--hand-size, 1) - 1) * 8px) / var(--hand-size, 1)),90px);flex:0 0 auto}.salon-hint{min-height:22px;text-align:center;font-size:13px;color:#e4d6ac;margin:8px 0}.salon-melds:empty{display:none}.salon-melds{display:flex;gap:12px;overflow-x:auto;padding:8px 2px 14px;margin-bottom:10px;scrollbar-width:thin;scrollbar-color:#a7976c #13291f}.salon-meld{border:1px solid #b6a77965;border-radius:8px;padding:8px;background:#0e291ca8;flex-shrink:0}.salon-meld p{margin:0 0 8px;font-size:12px;color:#dcd1b2}.salon-meld-cards{display:flex;gap:3px;margin-bottom:8px}.salon-meld .salon-card{width:48px;flex-basis:48px;border-radius:4px}.salon-meld .global-controls__button{min-height:36px}.salon-result{border:1px solid #cbb782;background:#153023ed;padding:18px;border-radius:12px;text-align:center;margin:0 0 16px}.salon-result h2{font-family:var(--ocg-font-display);margin:0 0 8px;font-size:28px;color:#f5e1af}.salon-result p{margin:0;line-height:1.6}.salon-record{border-top:1px solid #c4b38c40;padding-top:14px;font-size:13px;color:#d9d4be}.salon-record summary{cursor:pointer;padding:6px 0}.salon-record ol{padding-left:24px;line-height:1.8}.salon-record table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums;margin-top:12px}.salon-record th,.salon-record td{padding:8px 4px;text-align:right;border-bottom:1px solid #c4b38c30}.salon-record th:first-child,.salon-record td:first-child{text-align:left}.salon-preview{text-align:center;color:var(--ocg-text-secondary);font-size:12px;padding:16px 0 8px;line-height:1.6}.salon-preview-nav{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:36px;font-size:13px}.salon-preview-nav a{color:#d5c297;text-underline-offset:4px}.salon-preview-nav a[aria-current]{color:#fff0cb;font-weight:700}.salon-guide .game-guide__content{line-height:1.85;padding:clamp(20px,4vw,44px)}.salon-guide .game-guide__content h3{margin:24px 0 10px;font-family:var(--ocg-font-display);font-size:24px}.salon-guide .game-guide__content li{margin-bottom:8px}.salon-dialog{color:#f5ead1;background:var(--ocg-surface-structure);border:1px solid #a18a5b;border-radius:18px;padding:28px;max-width:min(460px,calc(100vw - 32px));box-shadow:0 20px 80px #0009}.salon-dialog h2{font-family:var(--ocg-font-display);margin-top:0}.salon-dialog p{line-height:1.6}.salon-dialog::backdrop{background:#04100bba}.salon-page :focus-visible{outline:3px solid var(--ocg-focus-ring, #edd79e);outline-offset:4px}@media(hover:hover){button.salon-card.is-legal:hover{transform:translateY(-8px)}button.salon-card.is-selected:hover{transform:translateY(-12px)}}@media(max-width:760px){.salon-page .page__content{padding:20px 10px 40px}.salon-table{padding:14px 12px;border-width:5px;border-radius:20px}.salon-seats{gap:6px}.salon-seat{flex-direction:column;text-align:center;padding:8px 2px;gap:5px}.salon-avatar{width:38px;height:38px;flex-basis:38px}.salon-seat strong{font-size:13px}.salon-seat small,.salon-round{font-size:11px}.salon-round strong{font-size:17px}.salon-center{min-height:164px;gap:14px;padding:16px 0}.salon-card{width:70px;flex-basis:70px;border-radius:5px}.salon-hand{min-height:135px;gap:6px}.salon-hand-heading h2{font-size:14px}.salon-hand-heading .global-controls{gap:5px;flex-wrap:nowrap}.salon-hand-heading .global-controls__button{min-height:38px;padding-inline:10px}.salon-hand-heading .global-controls__button:has(.global-controls__icon){padding-left:0}.salon-hand-heading .global-controls__icon--asset{flex-basis:32px;width:32px;min-height:36px}.salon-actions .global-controls__button{flex:1 1 135px;font-size:12px;gap:7px;padding-right:9px}.salon-actions .global-controls__icon--asset{flex-basis:36px;width:36px}.salon-meld .global-controls__button{font-size:11px;gap:6px;padding-right:8px}.salon-meld .global-controls__icon--asset{flex-basis:30px;width:30px;min-height:36px}.salon-trick-slot .salon-card{width:62px;flex-basis:auto}.salon-trick-slot{font-size:11px}#status{font-size:17px}.salon-turn{min-height:78px}}@media(prefers-reduced-motion:reduce){.salon-page *,.salon-page *:before,.salon-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.parlor-page [hidden]{display:none!important}.parlor-board{padding:24px 0;min-height:230px}.parlor-board button{font:inherit;color:inherit}.parlor-board .salon-card{flex-basis:auto}.parlor-kings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:450px;margin:0 auto}.parlor-pile{appearance:none;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:143px;padding:8px 5px;border:1px solid #c9b88b40;border-radius:12px;background:#09281d70;cursor:pointer}.parlor-pile:disabled{cursor:default}.parlor-pile.is-target{border-color:#ebd298;box-shadow:inset 0 0 0 1px #ebd298;background:#49613c80}.parlor-pile.is-selected{border-color:#ebd298;background:#49613c80}.parlor-stack{position:relative;width:68px;height:96px}.parlor-stack .salon-card{position:absolute;width:68px;left:0;top:0}.parlor-stack .salon-card:nth-last-child(2){transform:translate(-3px,-3px);filter:brightness(.93)}.parlor-stack .salon-card:nth-last-child(3){transform:translate(-6px,-6px);filter:brightness(.86)}.parlor-pile-label{font-size:11px;line-height:1.3;text-align:center;color:#e2d8bc}.parlor-empty{display:flex;align-items:center;justify-content:center;color:#d4c399;font-family:var(--ocg-font-display);font-size:28px}.parlor-stock{border-style:dashed;background:transparent;cursor:default}.parlor-sevens{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.parlor-suit{min-width:0;border:1px solid #c9b88b40;border-radius:12px;padding:12px 8px;background:#09281d70;text-align:center}.parlor-suit h3{color:#e9dcc0;margin:0 0 12px;font-family:var(--ocg-font-display);font-size:18px}.parlor-suit-cards{display:flex;justify-content:center;gap:5px}.parlor-suit .salon-card{width:clamp(40px,4vw,56px);flex:0 0 auto}.parlor-suit.is-target{border-color:#ebd298;background:#49613c80}.parlor-suit p{color:#d6cdb1;font-size:11px;min-height:28px;line-height:1.5;margin:12px 0 0}.parlor-team-scores{display:flex;justify-content:center;gap:12px;margin-top:18px}.parlor-team-scores span{background:#09281d70;border:1px solid #c9b88b40;padding:10px 14px;border-radius:10px;color:#efe2c3;font-size:14px}.parlor-bid-table{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:640px;margin:16px auto}.parlor-bid{text-align:center;padding:16px 5px;background:#09281d70;border:1px solid #c9b88b40;border-radius:12px}.parlor-bid strong,.parlor-bid span{display:block}.parlor-bid strong{font-family:var(--ocg-font-display);font-size:27px;color:#f1dbab;margin-top:8px}.parlor-bid span{font-size:12px;color:#ddd3b9}.parlor-pitch-summary{text-align:center;line-height:1.8;color:#ddcfad;font-size:13px;margin:12px auto 0;max-width:640px}.parlor-page .salon-actions{min-height:64px}.parlor-page .salon-hand .salon-card{touch-action:pan-x}.parlor-page .salon-avatar img[data-profile-avatar]{object-position:center;transform:scale(1.4);transform-origin:center}.parlor-drag{position:fixed!important;margin:0;z-index:10000;pointer-events:none;transition:none!important;transform-origin:center;opacity:.96;box-shadow:0 14px 24px #0007;will-change:transform}.parlor-drag-source{opacity:.35}.parlor-instructions{text-align:center;font-size:12px;color:#d6cdb1;margin:12px 0 0}.parlor-page #history{overflow-x:auto}.parlor-page .salon-record caption{text-align:left;margin:8px 0}.parlor-page .salon-result:focus{outline-offset:3px}@media(max-width:760px){.parlor-sevens{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.parlor-suit{padding:10px 5px}.parlor-suit h3{font-size:16px;margin-bottom:8px}.parlor-suit .salon-card{width:clamp(35px,9.5vw,54px)}.parlor-kings{gap:7px;max-width:370px}.parlor-pile{min-height:119px;padding:7px 2px;gap:5px}.parlor-stack{width:55px;height:77px}.parlor-stack .salon-card{width:55px}.parlor-pile-label{font-size:10px}.parlor-board{padding:18px 0}.parlor-bid-table{gap:6px}.parlor-bid strong{font-size:22px}.parlor-team-scores{gap:8px}.parlor-team-scores span{font-size:12px;padding:8px}.parlor-page .salon-actions .global-controls__button{flex:0 1 auto;min-height:44px}}.heritage-page .ocg-game-below-board-ad{max-width:100%;overflow-x:auto}.heritage-board{min-height:200px}.heritage-board .salon-center{min-height:180px}.heritage-description{max-width:640px;margin:16px auto;text-align:center;line-height:1.6;color:var(--ocg-text-primary, #efe2c3)}.heritage-page .salon-actions{min-height:104px;align-content:center}.heritage-page .salon-actions .global-controls__button{min-height:48px}.heritage-page .salon-hand{padding-top:16px}.heritage-page .salon-hand .salon-card{touch-action:pan-x}.heritage-page .salon-trick-slot{min-width:0}.heritage-page .salon-trick-slot>span{font-size:12px}.heritage-page .salon-result h2{font-family:var(--ocg-font-display)}.heritage-page .salon-result p{margin:8px 0}.heritage-page .salon-seats.is-two{grid-template-columns:repeat(2,minmax(0,1fr))}.heritage-cassino-layout{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:center;min-height:160px;padding:16px 4px}.heritage-table-item{appearance:none;background:transparent;border:2px solid transparent;padding:4px;border-radius:9px;color:inherit;cursor:pointer}.heritage-table-item.is-selected{border-color:var(--ocg-focus-ring, #edd79e);background:var(--ocg-surface-table)}.heritage-table-item .salon-card{width:76px;pointer-events:none}.heritage-build{background:#09281d70;border-color:#c9b88b40;display:flex;flex-direction:column;gap:7px;align-items:center;max-width:180px}.heritage-build small{overflow-wrap:anywhere;font-size:11px;line-height:1.5}.heritage-build-cards{display:flex;padding:4px 10px}.heritage-build-cards .salon-card{width:48px;margin:0 -7px}.heritage-last-move{display:flex;align-items:center;justify-content:center;gap:14px;min-height:90px;font-size:13px;line-height:1.6;text-align:center}.heritage-last-move .salon-card{width:48px;flex:0 0 48px}.heritage-ers-settings{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;min-height:64px}.heritage-ers-settings label{font-size:13px}.heritage-ers-settings select{color:var(--ocg-text-primary);background:var(--ocg-surface-structure);border:1px solid var(--ocg-border-crafted);border-radius:6px;padding:10px;font:inherit;min-height:44px}.heritage-ers-settings select:disabled{opacity:.8}.heritage-ers-note{min-height:52px}.heritage-page[data-game-slug=egyptian-rat-screw] .salon-actions{flex-wrap:nowrap;min-height:72px}.heritage-page[data-game-slug=egyptian-rat-screw] .salon-actions button{flex:1 1 0;max-width:220px;min-height:60px;justify-content:center}.heritage-page[data-game-slug=egyptian-rat-screw] .salon-turn{min-height:96px}.heritage-page[data-game-slug=egyptian-rat-screw] .salon-table{padding-block:14px}.heritage-page[data-game-slug=egyptian-rat-screw] .salon-round{padding-bottom:10px}.heritage-page[data-game-slug=egyptian-rat-screw] .parlor-team-scores{margin-top:10px}.heritage-page[data-game-slug=egyptian-rat-screw] .parlor-team-scores span{padding-block:6px}.heritage-page[data-game-slug=egyptian-rat-screw] .heritage-board{padding-block:8px}.heritage-page[data-game-slug=egyptian-rat-screw] .heritage-ers-settings{min-height:44px}.heritage-page[data-game-slug=egyptian-rat-screw] .heritage-ers-pile{min-height:158px;padding-block:8px}.heritage-page[data-game-slug=egyptian-rat-screw] .heritage-ers-note{min-height:44px;margin-block:6px}.heritage-page[data-game-slug=egyptian-rat-screw] .salon-turn{min-height:76px}.heritage-page[data-game-slug=egyptian-rat-screw] .salon-hint{display:none}@media(max-width:760px){.heritage-page .salon-seats.is-two .salon-seat{flex-direction:row;justify-content:center;gap:8px;text-align:left}.heritage-page[data-game-slug=egyptian-rat-screw] .salon-turn{min-height:96px}.heritage-page[data-game-slug=egyptian-rat-screw] .heritage-ers-settings{gap:6px}.heritage-page[data-game-slug=egyptian-rat-screw] .heritage-ers-settings button{min-height:44px;padding-inline:9px;font-size:12px}}@media(max-width:760px){.heritage-cassino-layout{gap:6px}.heritage-table-item{padding:2px}.heritage-table-item .salon-card{width:58px}.heritage-build-cards .salon-card{width:40px}}@media(max-width:760px){.heritage-page .salon-center{gap:8px}.heritage-page .salon-trick-slot .salon-card{width:clamp(46px,14vw,70px)}.heritage-page .salon-actions{min-height:112px}.heritage-page .salon-actions .global-controls__button{flex:0 1 auto;padding-inline:10px}}
