.settings-preview{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;height:40px;min-width:48px;color:#235544;pointer-events:none}.settings-preview__cards{position:relative;display:block;width:76px;height:38px}.settings-preview__card{position:absolute;bottom:2px;left:27px;width:22px;height:31px;border:1px solid #506f62;border-radius:3px;background:var(--card-back-art,none) center /cover,#216455;box-shadow:0 1px 2px #0003;transform-origin:50% 100%}[data-preview=fanned] .settings-preview__card:first-child{transform:translateX(-13px) rotate(-19deg)}[data-preview=fanned] .settings-preview__card:last-child{transform:translateX(13px) rotate(19deg)}[data-preview=laid-out] .settings-preview__card:first-child{transform:translateX(-25px)}[data-preview=laid-out] .settings-preview__card:last-child{transform:translateX(25px)}.hand-layout-options label:has(.settings-preview){padding:6px 4px;gap:2px}.hand-layout-options label>.settings-preview{color:inherit}.hand-layout-options label>span:not(.settings-preview){line-height:20px}.settings-preview-row{display:flex;align-items:center;gap:12px;min-width:0}.settings-preview-row>:last-child{flex:1;min-width:0}.settings-preview__seats{display:grid;grid-template-columns:repeat(3,18px);gap:4px}.settings-preview__seats svg{color:#78847e}.settings-preview__seats svg[data-occupied=true]{color:#174c3b;fill:#d5e9df}.settings-preview__timer{display:flex;align-items:center;gap:5px}.settings-preview__timer strong{font-size:16px;font-variant-numeric:tabular-nums}.settings-preview__timer small{margin-left:1px;font-size:11px}.sound-settings label .settings-preview{min-width:36px}.sound-settings__label{display:flex;align-items:center;gap:10px}.interface-version-options.settings-view-options{gap:6px;scroll-padding-inline:4px}.settings-view-options label{min-width:92px;gap:3px}.settings-view-options label[data-selected=true] .settings-preview{color:inherit}:root[data-theme=miami] .settings-preview{color:#08606a}:root[data-theme=miami] .hand-layout-options label>.settings-preview{color:inherit}@media (max-width:359px){.settings-preview-row{gap:8px}}.hand-layout-options{position:relative;display:grid;grid-template-columns:1fr 1fr;isolation:isolate;border:1px solid #627b72;border-radius:6px;background:#e8efeb;color:#173c32}.hand-layout-options:before{content:"";position:absolute;inset:3px auto 3px 3px;width:calc(50% - 3px);background:#173c32;border-radius:4px;transition:transform .16s ease;z-index:-1}.hand-layout-options[data-layout=laid-out]:before{transform:translateX(100%)}.hand-layout-options label{position:relative;display:grid;place-items:center;min-height:44px;cursor:pointer}.hand-layout-options input{position:absolute;opacity:0;width:1px;height:1px}.hand-layout-options label:has(:checked){color:#fff}.hand-layout-options label:has(:focus-visible){outline:3px solid #b84d13;outline-offset:-3px;border-radius:4px}.hand-layout-options span{font-size:14px;font-weight:650}.hand-layout-tray{position:absolute;inset:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;touch-action:pan-x}.hand-layout-track{position:relative;height:100%}.hand-layout-drag-preview{position:fixed;z-index:10000;pointer-events:none}.hand-layout-drag-preview>.deal-card{width:100%;height:100%}@media (prefers-reduced-motion:reduce){.hand-layout-options:before{transition:none}}.player-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;overflow:hidden;border:2px solid #17271f;border-radius:8px;font-family:var(--font-card-display);color:#17271f}.player-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.player-avatar[data-bust] img,.player-avatar[data-bust] video{transform:translateY(calc(var(--character-offset, 0%) * 1.142857)) scale(1.2);transform-origin:center bottom}.player-avatar__video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;pointer-events:none}.player-avatar:is([data-character=character-25],[data-character=character-27]) :is(img,video){transform:translateY(4%)}.profile-trigger{display:inline-flex;gap:10px;align-items:center;justify-content:center;min-height:44px;min-width:44px;border:0;background:transparent;color:inherit;font-weight:800}.player-profile-dialog{width:min(560px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:24px;overflow-y:auto;background:#fffdf4;color:#17271f;border:3px solid #17271f;border-radius:8px;box-shadow:0 8px 0 #17271f,0 20px 60px #0005}.player-profile-dialog::backdrop{background:#061d20a6}.player-profile-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.player-profile-dialog h2{font-family:var(--font-card-display);font-size:28px;margin:0}.player-profile-dialog header button{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:2px solid #17271f;border-radius:6px}.profile-identity{display:flex;gap:18px;align-items:center;padding-bottom:20px}.profile-identity strong{font-family:var(--font-card-display);font-size:26px;line-height:1.1;overflow-wrap:anywhere;display:block}.profile-identity>div>span{display:block;font-size:13px;margin-top:6px}.profile-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:16px 0;border-block:2px solid #17271f;text-align:center}.profile-stats dt{font-size:12px;font-weight:700}.profile-stats dd{font-family:var(--font-card-display);font-size:28px;margin:2px 0 0}.profile-stats div:nth-child(2) dd{color:#15704f}.profile-device-note,.profile-empty{font-size:12px;line-height:1.5;color:#4c6057;margin:14px 0}.player-profile-dialog fieldset{border:0;padding:0;margin:22px 0;min-width:0}.player-profile-dialog legend,.profile-name{font-weight:800;font-size:15px}.profile-name{display:grid;gap:8px;margin-top:20px}.profile-name input{width:100%;min-height:46px;background:#fff;color:#17271f;border:2px solid #17271f;border-radius:6px;padding:8px 12px}.character-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;margin-top:12px}.character-carousel::-webkit-scrollbar{display:none}.character-page{flex:0 0 100%;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,80px);gap:8px;padding:4px 6px 8px;scroll-snap-align:start;scroll-snap-stop:always}.character-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:6px;font-weight:800}.character-pagination button{display:grid;place-items:center;width:44px;height:44px;border:2px solid #17271f;border-radius:6px;background:#ffe146}.character-pagination button:disabled{opacity:.4}.character-check{position:absolute;right:3px;bottom:3px;width:22px;height:22px;display:grid;place-items:center;border:2px solid #17271f;border-radius:50%;background:#ffe146;color:#17271f}.profile-characters .player-avatar{width:56px!important;height:56px!important}.profile-characters label{position:relative;display:grid;justify-items:center;gap:5px;padding:10px 4px;border:2px solid transparent;border-radius:8px;cursor:pointer;font-size:13px;font-weight:800}.profile-characters label[data-selected=true]{background:#ffe146;border-color:#17271f;box-shadow:0 3px 0 #17271f}.profile-characters input,.profile-layout input{position:absolute;opacity:0;width:1px;height:1px}.profile-characters label>svg{position:absolute;top:5px;right:5px}.player-profile-dialog button:focus-visible,.profile-characters label:has(input:focus-visible),.profile-layout label:has(input:focus-visible),.profile-name input:focus-visible{outline:3px solid #e52448;outline-offset:3px}.profile-preferences>label{display:flex;justify-content:space-between;align-items:center;min-height:48px;font-size:14px}.profile-preferences input[type=checkbox]{width:22px;height:22px;accent-color:#15704f}.profile-layout{display:flex;gap:8px}.profile-layout label{position:relative;flex:1;padding:12px 6px;text-align:center;border:2px solid #17271f;border-radius:6px;cursor:pointer;font-size:14px;font-weight:800}.profile-layout label[data-selected=true]{background:#a8e8d3}.profile-save{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;background:#e92442;color:white;border:2px solid #17271f;border-radius:6px;box-shadow:0 4px 0 #17271f;font-weight:800}.profile-save:disabled{background:#68786e;box-shadow:none}.profile-notice{min-height:20px;color:#15704f;font-weight:700;font-size:13px}.profile-error{color:#b31635;font-size:14px}.profile-account{margin:0 0 20px;padding:0 0 16px;border-bottom:2px solid #17271f;text-align:left}.profile-account h3{font-size:20px;font-family:var(--font-card-display)}.profile-account p{font-size:13px;line-height:1.5;margin:10px 0}.profile-account form{margin-top:14px}.profile-google-sign-in{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #747775;border-radius:50%;background:#fff;cursor:pointer}.profile-google-sign-in:hover:not(:disabled){background:#f2f2f2}.profile-google-sign-in:disabled{opacity:.5;cursor:default}.profile-google-sign-in svg{display:block}@media(max-width:380px){.player-profile-dialog{padding:16px}}.player-profile-dialog{padding:0;overflow:hidden}.player-profile-dialog[open]{display:flex;flex-direction:column}.player-profile-dialog>header{flex:0 0 auto;margin:0;padding:14px 20px;border-bottom:1px solid #17271f33}.profile-content{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px;scroll-padding-block:20px}.profile-actions{flex:0 0 auto;padding:12px 20px max(16px,env(safe-area-inset-bottom));border-top:1px solid #17271f33;background:#fffdf4}.profile-actions>div{display:flex;gap:10px}.profile-actions .profile-save{flex:1;min-width:0}.profile-cancel{min-width:88px;min-height:48px;border:2px solid #17271f;border-radius:6px;background:#fffdf4;color:#17271f;font-weight:800}.profile-actions .profile-error{margin:0 0 10px}.profile-avatar-edit{position:relative;display:inline-flex;flex:0 0 auto;padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer}.profile-identity .profile-avatar-edit__badge{position:absolute;display:grid;place-items:center;right:-5px;bottom:-5px;width:28px;height:28px;margin:0;border:2px solid #17271f;border-radius:50%;background:#ffe146;color:#17271f}.profile-avatar-edit__badge svg{display:block}.player-profile-dialog button{-webkit-tap-highlight-color:transparent}@media (max-width:380px){.player-profile-dialog{padding:0}.player-profile-dialog>header{padding:10px 14px}:root .player-profile-dialog>header h2{font-size:20px;line-height:1.15}.profile-content{padding:14px}.profile-actions{padding-inline:14px}}.player-profile-dialog>header h2{flex:1}.profile-character-preview{display:flex;flex-direction:column;align-items:center;gap:8px;padding:2px 0 6px}.player-profile-dialog[data-mode=character] .profile-editor{margin:0}.player-profile-dialog[data-mode=character] .profile-device-note{text-align:center;margin-bottom:0}.player-profile-dialog [hidden]{display:none!important}@media (max-height:650px){.profile-character-preview .player-avatar{width:88px!important;height:88px!important}.player-profile-dialog[data-mode=character] .profile-characters{margin-block:12px}}