.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}}