.web-admin{max-width:1040px;margin:0 auto;padding:32px 24px 72px;color:#f5eedf;background:#142824;min-height:100vh;font:16px/1.6 system-ui,sans-serif;overflow:auto}.web-admin *{box-sizing:border-box}.web-admin header{margin-bottom:28px}.web-admin a{color:#f2cf83}.web-admin h1{font-size:clamp(28px,5vw,44px);line-height:1.2}.admin-eyebrow{letter-spacing:.12em;color:#d9bd80;font-size:13px}.web-admin section,.web-admin fieldset{margin:20px 0;padding:24px;border:1px solid #607467;border-radius:14px;background:#20382f;min-width:0}.web-admin legend{padding:0 10px;font-size:20px;font-weight:700}.web-admin label{display:block;margin:16px 0}.web-admin input:not([type=checkbox]),.web-admin textarea,.web-admin select{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #8fa395;border-radius:6px;background:#10221d;color:#fff;font:inherit}.web-admin button{min-height:46px;padding:10px 18px;border:1px solid #debf78;border-radius:8px;background:#e5c783;color:#18281f;font:inherit;font-weight:700;cursor:pointer}.web-admin button:disabled{opacity:.55;cursor:not-allowed}.web-admin :focus-visible{outline:3px solid #fff;outline-offset:3px}.admin-check{display:flex!important;gap:12px;align-items:center}.admin-check input{width:20px;height:20px;flex:none}.admin-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.admin-alert,.admin-notice{padding:16px;border:1px solid #f5c484;border-radius:8px;background:#493321}.admin-notice{background:#234b3a;border-color:#91c49b}.web-admin p{overflow-wrap:anywhere}.web-admin li{margin-bottom:8px;overflow-wrap:anywhere}@media(max-width:600px){.web-admin{padding:20px 14px}.web-admin fieldset,.web-admin section{padding:16px}.admin-actions button{width:100%}}.admin-usage-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-usage-totals>div{padding:16px;border:1px solid #607467;border-radius:10px;min-width:0}.admin-usage-totals dt{font-size:14px;overflow-wrap:anywhere}.admin-usage-totals dd{font-size:clamp(24px,4vw,36px);font-weight:750;margin:4px 0;overflow-wrap:anywhere}.admin-usage-table{overflow-x:auto;max-width:100%;margin-block:20px}.admin-usage-table table{width:100%;border-collapse:collapse;white-space:nowrap}.admin-usage-table caption{text-align:left;font-weight:700;margin-bottom:8px}.admin-usage-table th,.admin-usage-table td{padding:10px;text-align:left;border-bottom:1px solid #607467}.admin-usage-table thead{background:#10221d}.admin-usage-table tbody th{font-weight:500}@media(max-width:430px){.admin-usage-totals{grid-template-columns:1fr}.admin-usage-totals>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.admin-usage-totals dd{margin:0}}.runtime-notice{position:relative;z-index:2;margin:12px auto;padding:12px 18px;width:min(920px,calc(100% - 28px));border:1px solid var(--masa-line,#6c7e70);border-radius:12px;background:var(--masa-panel,#20382f);color:var(--masa-text,#f5eedf);font:inherit;overflow-wrap:anywhere}.runtime-notice p{margin:4px 0;white-space:pre-wrap}.app[data-appearance-pack]:not([data-appearance-pack=original]) .batak-table .card-fan .playing-card{filter:none}.app[data-appearance-pack]:not([data-appearance-pack=original]) .batak-table.phase-play .card-fan .playing-card[data-legal=false]{filter:grayscale(.65) brightness(.7);border-color:var(--masa-muted)}.entry-intro{box-sizing:border-box;min-height:100dvh;min-height:100svh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;padding:calc(24px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));background:radial-gradient(ellipse at 50% 37%,var(--masa-panel,#10263b),var(--masa-base,#08162b) 75%);color:var(--masa-text,#f4f7fd);font-family:system-ui,sans-serif;text-align:center;overflow:hidden;isolation:isolate}.entry-content{display:flex;flex-direction:column;align-items:center;max-width:100%;gap:12px}.entry-stage{position:relative;width:350px;max-width:88vw;height:246px;display:grid;place-items:center}.entry-table-surface{position:absolute;left:2%;right:2%;height:114px;bottom:15px;border-radius:50%;background:#173c4d;box-shadow:inset 0 1px #a7c1b833,0 10px 25px #0002;border:1px solid #a7c1b81a;transform:rotate(-7deg)}.entry-pieces{position:absolute;width:320px;height:226px;bottom:12px;transform-origin:center bottom}.entry-card{--card-w:100px;--card-h:140px;position:absolute;top:26px;left:57px;width:100px;height:140px;transform-origin:50% 100%;--rest-x:0px;--rest-y:0px;--rest-angle:0deg;transform:translate(var(--rest-x),var(--rest-y)) rotate(var(--rest-angle))}.entry-card-0{--rest-x:-35px;--rest-y:17px;--rest-angle:-23deg}.entry-card-1{--rest-x:4px;--rest-y:3px;--rest-angle:-6deg}.entry-card-2{--rest-x:43px;--rest-y:0px;--rest-angle:11deg}.entry-tiles{position:absolute;left:134px;top:143px;display:flex;gap:3px;transform:rotate(-6deg)}.entry-tile{width:48px;height:65px;transform-origin:50% 100%}.entry-eyebrow{margin:3px 0 0;color:var(--masa-muted,#b7c9df);font-size:9px;font-weight:600;letter-spacing:.25em}.entry-content h1{font:normal clamp(40px,10vw,58px)/1.12 Georgia,"Times New Roman",serif;letter-spacing:-1.8px;margin:0;white-space:nowrap}.entry-content h1 span{font-style:italic;color:#d9c39b;font-size:.8em}.entry-welcome{margin:2px 0 0;font-size:14px;letter-spacing:.02em;color:var(--masa-muted,#b7c9df)}.entry-controls{display:flex;min-height:80px;flex-direction:column;align-items:center;gap:10px;max-width:100%;z-index:2}.entry-controls p{margin:0;font-size:12px;line-height:1.5;color:var(--masa-muted,#b7c9df)}.entry-controls button{min-height:48px;min-width:140px;padding:10px 18px;border:1px solid var(--masa-line,#536983);border-radius:12px;background:#ffffff06;color:inherit;font:500 13px system-ui,sans-serif;cursor:pointer}.entry-controls button span{margin-left:10px}.entry-controls button:focus-visible{outline:2px solid var(--masa-focus,#a6d7ff);outline-offset:4px}.entry-controls button:hover{background:#ffffff10}.entry-intro[data-animate=true] .entry-card{animation:entry-fan-gather 1.9s cubic-bezier(.22,.7,.25,1) both}.entry-intro[data-animate=true] .entry-card-1{animation-delay:90ms}.entry-intro[data-animate=true] .entry-card-2{animation-delay:.18s}.entry-intro[data-animate=true] .entry-tile{animation:entry-run-gather 1.8s .29s cubic-bezier(.22,.7,.25,1) both}.entry-intro[data-animate=true] .entry-tile-1{animation-delay:.36s}.entry-intro[data-animate=true] .entry-tile-2{animation-delay:.43s}.entry-intro[data-animate=true] .entry-eyebrow,.entry-intro[data-animate=true] .entry-content h1,.entry-intro[data-animate=true] .entry-welcome{animation:entry-title .42s 1.9s ease-out both}@keyframes entry-title{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:360px){.entry-pieces{transform:scale(.88)}.entry-stage{height:220px}.entry-intro{gap:24px}}@media(max-height:640px){.entry-intro{gap:20px}.entry-stage{height:190px}.entry-pieces{transform:scale(.8)}.entry-table-surface{height:90px;left:10%;right:10%}.entry-content{gap:9px}.entry-content h1{font-size:40px}}@media(orientation:landscape)and (max-height:500px){.entry-intro{gap:12px;padding-block:12px}.entry-content{display:grid;grid-template-columns:210px auto;grid-template-rows:auto auto auto;gap:8px 26px;text-align:left}.entry-stage{grid-column:1;grid-row:1/4;width:210px;height:170px;max-width:none}.entry-pieces{transform:scale(.65);bottom:0}.entry-table-surface{height:80px;left:0;right:0;bottom:0}.entry-eyebrow{grid-column:2;align-self:end;font-size:8px}.entry-content h1{grid-column:2;font-size:36px}.entry-welcome{grid-column:2;align-self:start;font-size:12px}.entry-controls{min-height:48px;flex-direction:row;gap:20px}.entry-controls button{min-height:44px}}@media(prefers-reduced-motion:reduce){.entry-intro *{animation:none!important}}:root[data-motion=reduced] .entry-intro *{animation:none!important}.entry-replay{position:fixed;inset:0;margin:0;border:0;padding:0;width:100%;max-width:none;height:100%;max-height:none;background:var(--masa-base,#08162b);color:var(--masa-text,#f4f7fd)}.entry-replay::backdrop{background:var(--masa-base,#08162b)}.entry-replay-button{align-self:flex-start;flex-shrink:0;min-height:44px;padding:8px 12px;border:1px solid var(--masa-line);border-radius:10px;background:var(--masa-base);color:var(--masa-text);font:500 12px system-ui,sans-serif}.entry-replay-button:focus-visible{outline:2px solid var(--masa-focus);outline-offset:2px}.entry-card-0,.entry-card-1,.entry-tile-0,.entry-tile-2{opacity:0}.entry-card-2{transform:translate(40px) rotate(-12deg)}.entry-tile-1{transform:translate(-28px,-40px) rotate(14deg) scale(1.45)}.entry-intro[data-animate=true] .entry-card-2{animation-name:entry-ace-settle}.entry-intro[data-animate=true] .entry-tile-1{animation-name:entry-eleven-settle}@keyframes entry-fan-gather{0%{opacity:0;transform:translate(5px,-55px) rotate(0)}10%{opacity:1;transform:translate(5px,-55px) rotate(0)}38%,65%{opacity:1;transform:translate(var(--rest-x),var(--rest-y)) rotate(var(--rest-angle))}88%,to{opacity:0;transform:translate(40px) rotate(-12deg)}}@keyframes entry-ace-settle{0%{opacity:0;transform:translate(5px,-55px) rotate(0)}10%{opacity:1;transform:translate(5px,-55px) rotate(0)}38%,65%{opacity:1;transform:translate(var(--rest-x),var(--rest-y)) rotate(var(--rest-angle))}to{opacity:1;transform:translate(40px) rotate(-12deg)}}@keyframes entry-run-gather{0%{opacity:0;transform:translate(115px,12px) rotate(12deg)}12%{opacity:1}38%,65%{opacity:1;transform:none}90%,to{opacity:0;transform:translate(-28px,-40px) rotate(14deg)}}@keyframes entry-eleven-settle{0%{opacity:0;transform:translate(115px,12px) rotate(12deg)}12%{opacity:1}38%,65%{opacity:1;transform:none}to{opacity:1;transform:translate(-28px,-40px) rotate(14deg) scale(1.45)}}.entry-game-scope.app,.entry-game-scope .entry-table-scope.table-screen,.entry-game-scope .entry-fan-scope.card-fan{display:contents;background:none;border:0;padding:0;margin:0;min-height:0;min-width:0;box-shadow:none}.entry-game-scope .entry-tiles.rack.tile-rack.wide-rack{position:absolute;left:134px;top:143px;transform:rotate(-6deg);display:flex;grid-template-columns:none;gap:3px;width:auto;height:65px;min-width:0;min-height:0;padding:0;margin:0;background:none;border:0;box-shadow:none;--rack-row:65px;--rack-tile-width:48px}.entry-game-scope .entry-tile{display:block;flex:none}.entry-game-scope .entry-tile>.tile{width:100%;height:100%;max-width:none;margin:0;transform:none;transition:none}.entry-game-scope .entry-card>.playing-card{transition:none;pointer-events:none}.game-brand-mark{display:block;position:relative;width:64px;height:64px;flex:none;overflow:visible}.game-brand-mark .entry-pieces{left:-15px;top:0;bottom:auto;transform:scale(.25);transform-origin:top left}.game-brand-mark .entry-game-scope .entry-tiles.rack.tile-rack.wide-rack{left:185px}.shell-logo .game-brand-wordmark{font: 22px/1.1 Georgia,Times New Roman,serif;letter-spacing:-.7px;white-space:nowrap}.shell-logo .game-brand-wordmark i{font-style:italic;color:var(--masa-ice)}.shell-logo .game-brand-wordmark small{font:600 6px/1.4 system-ui,sans-serif;letter-spacing:1.1px;margin-top:5px}.shell-logo:not(.is-stacked) .game-brand-mark{width:44px;height:48px}.shell-logo:not(.is-stacked) .game-brand-mark .entry-pieces{transform:scale(.19);left:-13px}.entry-game-scope .entry-table-scope:before,.entry-game-scope .entry-table-scope:after,.entry-game-scope .entry-fan-scope:before,.entry-game-scope .entry-fan-scope:after,.entry-game-scope.app .entry-table-scope.okey-table .entry-tiles:before,.entry-game-scope.app .entry-table-scope.okey-table .entry-tiles:after{content:none;display:none}.luck-potion-control{display:flex;flex-direction:column;gap:10px;min-height:0;color:var(--masa-text)}.luck-potion-control h2{display:flex;align-items:center;gap:9px;margin:0}.luck-potion-control .ui-eyebrow{font-size:10px;line-height:14px;color:var(--masa-muted)}.luck-potion-state{display:flex;justify-content:space-between;align-items:center;padding:10px;border:1px solid var(--masa-line);border-radius:10px;background:var(--masa-base);gap:12px}.luck-potion-state time{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--masa-ice)}.luck-potion-control p{margin:0;font-size:12px;line-height:17px;color:var(--masa-text)}.luck-potion-control .primary{min-height:44px;width:100%;font-size:12px}.luck-potion-control small{font-size:10px;line-height:14px;color:var(--masa-muted)}@media(orientation:landscape)and (max-height:550px){.luck-potion-control{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}.luck-potion-control h2{font-size:17px}.luck-potion-control .ui-eyebrow{align-self:center}.luck-potion-state{grid-row:2/4;padding:6px}.luck-potion-control p{font-size:11px;line-height:14px}.luck-potion-control small{align-self:center}.luck-potion-control .primary{min-height:44px}}@media(max-width:380px)and (max-height:650px){.luck-potion-control{gap:7px}.luck-potion-control h2{font-size:20px}.luck-potion-state{padding:7px}}.luck-shortcut{min-height:44px;padding:4px 8px;background:var(--masa-panel);border:1px solid var(--masa-line);border-radius:9px;color:var(--masa-ice);font-size:10px;line-height:13px;white-space:nowrap}.unified-heading .setup-luck-shortcut{margin-left:auto;flex:none}.ui-settings>.ui-section-tabs{gap:2px}.ui-settings>.ui-section-tabs button{min-width:0;flex:1;padding-left:3px;padding-right:3px}@media(orientation:landscape)and (max-width:600px)and (max-height:360px){.interface-settings .settings-panel.settings-luck{padding:8px 20px}.interface-settings .luck-potion-control{grid-template-columns:minmax(120px,1fr) minmax(0,2fr);gap:4px 14px;align-content:start}.interface-settings .luck-potion-control h2{grid-column:1;grid-row:1;font-size:15px;line-height:20px;gap:5px;margin:0}.interface-settings .luck-potion-control h2 svg{width:18px;height:18px}.interface-settings .luck-potion-control .ui-eyebrow{grid-column:1;grid-row:2;font-size:9px;line-height:12px}.interface-settings .luck-potion-state{grid-column:1;grid-row:3;padding:4px;min-height:28px;box-sizing:border-box;gap:4px;font-size:10px;line-height:18px}.interface-settings .luck-potion-state time{font-size:15px;line-height:18px}.interface-settings .luck-potion-control .primary{grid-column:1;grid-row:4;min-height:44px;padding:5px 6px;font-size:10px;line-height:12px;white-space:normal;overflow-wrap:anywhere}.interface-settings .luck-potion-control p:first-of-type{grid-column:2;grid-row:1/3}.interface-settings .luck-potion-control p:nth-of-type(2){grid-column:2;grid-row:3}.interface-settings .luck-potion-control small{grid-column:2;grid-row:4}}.appearance-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.appearance-option{min-width:0;border:1px solid var(--masa-line);border-radius:12px;overflow:hidden;background:var(--masa-base)}.appearance-option[data-selected=true]{border-color:var(--masa-ice);box-shadow:0 0 0 1px var(--masa-ice)}.appearance-preview{height:85px;display:flex;align-items:center;justify-content:center;gap:14px;position:relative;pointer-events:none;padding:8px}.appearance-preview .playing-card{width:44px!important;height:62px!important;min-width:44px!important;transform:rotate(-7deg);opacity:1!important}.appearance-preview .tile{width:32px!important;height:46px!important;min-width:32px!important;transform:rotate(6deg)}.appearance-preview .tile-value{font-size:25px!important}.appearance-swatch{width:13px;height:13px;border-radius:50%;background:var(--pack-preview-accent);box-shadow:0 0 0 1px #ffffff80}.appearance-option>button{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:4px;padding:8px 10px;background:var(--masa-base);color:var(--masa-text);border:0;font:600 12px/1.3 Manrope,sans-serif;text-align:left}.appearance-option>button svg{flex:none;color:var(--masa-ice)}@media(max-height:700px){.appearance-picker{gap:8px;margin-top:8px}.appearance-preview{height:65px}.appearance-preview .playing-card{width:36px!important;min-width:36px!important;height:51px!important}.appearance-option>button{font-size:11px;padding:6px 8px}}@media(orientation:landscape)and (max-height:550px){.appearance-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:7px}.appearance-preview{height:56px;gap:8px;padding:4px}.appearance-preview .playing-card{width:30px!important;min-width:30px!important;height:43px!important}.appearance-preview .tile{width:25px!important;min-width:25px!important;height:36px!important}.appearance-preview .tile-value{font-size:21px!important}.appearance-option>button{min-height:38px;font-size:10px;padding:5px}.appearance-swatch{display:none}}.appearance-preview{gap:9px;padding:7px 5px 13px}.appearance-court-fan{display:flex;align-items:center;position:relative;flex:none}.appearance-court-fan .playing-card{width:34px!important;min-width:34px!important;height:49px!important;transform:none!important;flex:none;margin-left:-17px}.appearance-court-fan .playing-card:first-child{margin-left:0}.appearance-court-fan .playing-card:last-child{z-index:4}.appearance-preview .tile{position:relative;z-index:2;transform:none;width:29px!important;min-width:29px!important;height:43px!important}.appearance-rail{position:absolute;bottom:0;left:0;right:0;height:9px;background-color:#946b35;background-size:cover;border-top:1px solid #ffffff55;box-shadow:0 -2px 4px #0003}.standard-theme-picker .appearance-preview{background-image:linear-gradient(145deg,#ffffff12,#0005)!important;gap:19px}.standard-theme-picker .appearance-court-fan .playing-card{width:40px!important;min-width:40px!important;height:57px!important}@media(orientation:landscape)and (max-height:550px){.appearance-preview{gap:6px;padding:3px 3px 10px}.appearance-court-fan .playing-card{width:29px!important;min-width:29px!important;height:42px!important;margin-left:-16px}.appearance-preview .tile{width:24px!important;min-width:24px!important;height:35px!important}.standard-theme-picker .appearance-court-fan .playing-card{width:29px!important;min-width:29px!important;height:42px!important}}@media(max-width:380px){.appearance-preview{gap:5px;padding:4px 4px 10px}.appearance-court-fan .playing-card{width:30px!important;min-width:30px!important;height:43px!important;margin-left:-16px}.appearance-preview .tile{width:26px!important;min-width:26px!important;height:38px!important}.standard-theme-picker .appearance-court-fan .playing-card{width:34px!important;min-width:34px!important;height:49px!important}}.preview-loading{font-size:11px;text-align:center;color:var(--masa-muted);background:var(--masa-panel)}.preview-loading button{min-height:44px;background:var(--masa-base);color:var(--masa-text);font-size:11px;border:1px solid var(--masa-line);border-radius:8px}.appearance-load-status{font-size:11px;line-height:15px;margin:5px 0 0;color:var(--masa-text)}.appearance-startup{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#102c44;color:#f7fafc;font:16px/1.5 sans-serif}.appearance-startup button{min-height:44px;padding:8px 24px;background:#f7fafc;color:#102c44;border-radius:9px}.app .batak-table .last-trick-review .collected-cards{background-color:var(--masa-base);background-image:var(--piece-back,url(/cards/masa-back.svg));background-size:100% 100%;border-color:var(--masa-line);box-shadow:2px 1px 0 var(--masa-muted),4px 2px 0 var(--masa-panel)}@media(max-width:380px)and (max-height:650px){.standard-theme-picker{gap:6px;margin-top:6px}.standard-theme-picker .appearance-preview{height:54px}.standard-theme-picker .appearance-court-fan .playing-card{height:40px!important;width:28px!important;min-width:28px!important}.standard-theme-picker .appearance-preview .tile{height:34px!important;width:24px!important;min-width:24px!important}.ui-settings .settings-panel:has(.standard-theme-picker)>.ui-caption{font-size:10px;line-height:13px;margin-top:5px}}.appearance-option[data-pending=true]{border-style:dashed;border-color:var(--masa-ice)}.appearance-pending-label{display:block;font-size:9px;line-height:11px;font-weight:500;color:var(--masa-muted)}.appearance-option>button[aria-busy=true]{cursor:progress}.appearance-heading h2{margin:3px 0 2px!important;font-size:var(--appearance-heading-size,18px)!important}.appearance-heading p{margin:0;color:var(--masa-muted);font-size:11px;line-height:1.4}.design-theme-picker{gap:10px;margin-top:10px}.design-theme-picker .appearance-option{position:relative;border-radius:14px;background:var(--masa-panel);isolation:isolate;box-shadow:0 3px 9px #0002;transition:border-color .12s ease,box-shadow .12s ease}.design-theme-picker .appearance-option[data-selected=true]{border-color:var(--pack-preview-accent);box-shadow:0 0 0 1px var(--pack-preview-accent),0 4px 12px #0003}.design-theme-picker .appearance-preview{height:81px;margin-bottom:54px;background-size:cover}.design-theme-picker .appearance-select{position:absolute;inset:0;min-height:48px;padding:0;background:transparent;display:block;border-radius:inherit;color:var(--masa-text)}.design-theme-picker .appearance-select:focus-visible{outline:3px solid var(--masa-ice);outline-offset:-4px}.design-theme-picker .appearance-choice-mark{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:23px;height:23px;border:1px solid #ffffffb0;border-radius:50%;background:#102532b8;color:#102532;box-shadow:0 1px 5px #0004}.design-theme-picker [data-selected=true] .appearance-choice-mark{background:var(--pack-preview-accent);border-color:var(--pack-preview-accent)}.design-theme-picker .appearance-choice-mark svg{color:inherit}.design-theme-picker .appearance-choice-caption{position:absolute;bottom:0;left:0;right:0;min-height:54px;padding:9px 10px;display:flex;flex-direction:column;justify-content:center;gap:3px;background:var(--masa-panel);border-top:1px solid var(--masa-line)}.design-theme-picker .appearance-choice-name{font-size:12px;line-height:15px;font-weight:700;padding-right:31px}.design-theme-picker .appearance-choice-caption small{font-size:10px;line-height:13px;font-weight:500;color:var(--masa-muted)}.design-theme-picker .appearance-choice-status{position:absolute;right:9px;top:10px;font-size:9px;line-height:14px;color:var(--masa-muted)}.design-theme-picker [data-selected=true] .appearance-choice-status{color:var(--pack-preview-accent)}.design-theme-picker [data-pending=true] .appearance-choice-status{position:static;color:var(--masa-text)}.design-theme-picker [data-pending=true] .appearance-choice-caption small{display:none}.design-theme-picker .preview-loading button{position:relative;z-index:3;pointer-events:auto}@media(hover:hover){.design-theme-picker .appearance-option:hover{border-color:var(--pack-preview-accent)}}@media(max-width:380px){.design-theme-picker{gap:8px}.design-theme-picker .appearance-preview{height:68px}.design-theme-picker .appearance-choice-caption{padding:8px}.design-theme-picker .appearance-choice-name{font-size:11px}}@media(orientation:landscape)and (max-height:550px){.appearance-heading{display:none}.design-theme-picker .appearance-preview{height:59px;margin-bottom:54px}.design-theme-picker .appearance-choice-name{font-size:11px;padding-right:0}.design-theme-picker .appearance-choice-status{display:none}.design-theme-picker [data-pending=true] .appearance-choice-status{display:block}.design-theme-picker .appearance-choice-mark{width:20px;height:20px;top:5px;right:5px}}@media(prefers-reduced-motion:reduce){.design-theme-picker .appearance-option{transition:none}}[data-motion=reduced] .design-theme-picker .appearance-option{transition:none}.web-ad-reservation{box-sizing:border-box;display:flex;flex:0 0 auto;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:min(728px,100%);min-width:0;min-height:90px;margin:12px auto 0;padding:12px 16px;border:1px dashed var(--masa-line,#53696b);border-radius:12px;background:var(--masa-base,#10191f);color:var(--masa-muted,#b5c3c2);text-align:center;overflow-wrap:anywhere}.web-ad-reservation-label{font-size:11px;line-height:1.4;letter-spacing:.12em;font-weight:600}.web-ad-reservation-note{font-size:12px;line-height:1.5}.interface-results:has(.web-ad-reservation) .ui-dialog-body{overflow-y:auto}.interface-results:has(.web-ad-reservation) .scoreboard{flex-shrink:0;min-height:260px}@media(orientation:portrait){.app .interface-results:has(.web-ad-reservation) .scoreboard[data-detail=true]:not([data-penalty-details=true]),.app .interface-results:has(.web-ad-reservation) .scoreboard[data-detail=true]:not([data-penalty-details=true]) :is(.score-detail-sheet,.score-detail-rows){flex:0 0 auto}}@media(max-width:767px){.web-ad-reservation{min-height:64px;padding:8px 12px;margin-top:8px;gap:4px}}.web-display-ad{width:min(728px,100%);min-height:280px;flex-shrink:0;overflow:visible}.web-display-ad-surface{width:100%;min-width:0;min-height:250px;display:block}.web-ad-opportunity{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);gap:24px;width:100%;min-width:0;flex:0 0 auto;margin-top:24px;padding-top:24px;border-top:1px solid var(--masa-line,#53696b)}.web-ad-opportunity>.web-ad-reservation{margin:0 auto}.web-reward-option{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:min(728px,100%);min-width:0;margin:0 auto;padding:18px;border:1px solid var(--masa-line,#53696b);border-radius:14px;background:var(--masa-panel,#18272d);color:var(--masa-text,#edf4f1);overflow-wrap:anywhere}.web-reward-option-title{display:flex;align-items:center;gap:12px;min-width:0}.web-reward-option-title>svg{flex:0 0 auto;color:var(--masa-muted,#b5c3c2)}.web-reward-option-title>div{min-width:0}.web-reward-option-title span{font-size:10px;font-weight:600;letter-spacing:.08em;line-height:1.6;color:var(--masa-muted,#b5c3c2)}.web-reward-option-title h2{font-size:18px;line-height:1.35;margin:3px 0 0}.web-reward-option p,.web-reward-option small{margin:0;color:var(--masa-muted,#b5c3c2);font-size:14px;line-height:1.6}.web-reward-option button{width:100%;min-height:44px;padding:10px 14px;border:1px solid var(--masa-line,#53696b);border-radius:10px;background:var(--masa-base,#10191f);color:var(--masa-muted,#b5c3c2);font-size:14px;font-weight:600;line-height:1.5;white-space:normal}.web-reward-option button:disabled{opacity:1;cursor:not-allowed}html[data-desktop-web=false] .app .shell-main>.shell-page:has(>.web-ad-opportunity){overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scroll-padding-block:16px;padding-bottom:16px}html[data-desktop-web=true] .app .web-reward-option-title h2{font-size:22px}html[data-desktop-web=true] .app .web-reward-option p{font-size:15px}html[data-desktop-web=true] .app .web-reward-option small{font-size:14px}html[data-desktop-web=true] .app .web-reward-option button{font-size:16px;min-height:48px}@media(min-width:1100px){.web-ad-opportunity[data-reward-option=unavailable]{grid-template-columns:minmax(0,1fr) minmax(280px,.65fr);align-items:stretch}.web-ad-opportunity[data-reward-option=unavailable]>.web-ad-reservation{width:100%;min-height:120px}}@media(max-width:767px){.web-ad-opportunity{gap:16px;margin-top:20px;padding-top:20px}.web-reward-option{padding:14px;gap:10px}.web-reward-option-title h2{font-size:16px}}@media(max-width:767px)and (orientation:portrait){html[data-desktop-web=false] .app .shell-home>.shell-page:has(>.web-ad-opportunity)>.shell-game-grid{flex:0 0 260px;min-height:260px}}.home-desktop-title,.home-desktop-tagline{display:none}html[data-desktop-web=true] .app .is-home .shell-home{padding:0}html[data-desktop-web=true] .app .is-home .shell-page.desktop-home{--home-card-height:clamp(248px,32dvh,350px);--home-hero-height:clamp(122px,16dvh,174px);--home-row-gap:clamp(10px,1.5dvh,16px);box-sizing:border-box;display:grid;align-content:start;align-items:stretch;grid-template-columns:minmax(0,1fr) clamp(300px,23vw,336px);grid-template-areas:"intro offers" "resumes offers" "choices offers" "games offers" "benefits offers";grid-template-rows:repeat(5,max-content);gap:var(--home-row-gap) 24px;width:100%;max-width:none;min-width:0;height:100%;padding:16px 24px;overflow:auto;scroll-padding-block:20px}html[data-desktop-web=true] .app .is-home .shell-page.desktop-home:not(:has(>.shell-resumes)){grid-template-areas:"intro offers" "choices offers" "games offers" "benefits offers";grid-template-rows:repeat(4,max-content)}html[data-desktop-web=true] .app .is-home .shell-page.desktop-home:not(:has(>.web-ad-opportunity)){grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "resumes" "choices" "games" "benefits"}html[data-desktop-web=true] .app .is-home .shell-page.desktop-home:not(:has(>.web-ad-opportunity)):not(:has(>.shell-resumes)){grid-template-areas:"intro" "choices" "games" "benefits"}html[data-desktop-web=true] .app .is-home .desktop-home>.home-preview-note{grid-area:notice;min-width:0;padding:6px 12px;font-size:12px;line-height:1.5}html[data-desktop-web=true] .app .is-home .desktop-home>.home-intro{grid-area:intro;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:12px;min-height:var(--home-hero-height);max-height:none;padding:0;flex:none}html[data-desktop-web=true] .app .is-home .desktop-home .home-welcome{padding:0 48px 0 0;min-width:0}html[data-desktop-web=true] .app .is-home .desktop-home .home-welcome .ui-eyebrow{font-size:12px;line-height:1.5;letter-spacing:.1em;max-width:100%}html[data-desktop-web=true] .app .is-home .desktop-home .home-welcome h1{margin:5px 0 6px;font-family:Outfit,system-ui,sans-serif;font-size:clamp(72px,6.6vw,112px);font-weight:700;letter-spacing:-.055em;line-height:1}html[data-desktop-web=true] .app .is-home .desktop-home .home-mobile-greeting{display:none}html[data-desktop-web=true] .app .is-home .desktop-home .home-desktop-title{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:.13em;row-gap:0;max-width:100%;width:fit-content;padding-bottom:7px;border-bottom:2px solid #bda46f;color:#f1d49a}html[data-desktop-web=true] .app .is-home .desktop-home .home-desktop-title em{margin:0;font-family:Georgia,serif;font-size:.7em;font-weight:400;font-style:italic;letter-spacing:-.06em;color:var(--masa-muted)}html[data-desktop-web=true] .app .is-home .desktop-home .home-desktop-title strong{font:inherit;color:#e1edf3;letter-spacing:-.045em}html[data-desktop-web=true] .app .is-home .desktop-home .home-desktop-tagline{display:inline}html[data-desktop-web=true] .app .is-home .desktop-home .home-welcome p{display:block;max-width:none;font-size:13px;line-height:1.55;color:var(--masa-muted)}html[data-desktop-web=true] .app .is-home .desktop-home .brand-scene{display:none}html[data-desktop-web=true] .app .is-home .desktop-home .home-guide{top:-3px;right:0;min-height:44px;height:44px;width:44px;padding:0}html[data-desktop-web=true] .app .is-home .desktop-home .home-guide span{display:none}html[data-desktop-web=true] .app .is-home .desktop-home>.shell-resumes{grid-area:resumes;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}html[data-desktop-web=true] .app .is-home .desktop-home .home-resume-card{min-height:64px;padding:8px 10px;gap:8px}html[data-desktop-web=true] .app .is-home .desktop-home .home-resume-icon{width:28px;height:34px}html[data-desktop-web=true] .app .is-home .desktop-home .home-resume-copy strong{font-size:14px;line-height:1.25}html[data-desktop-web=true] .app .is-home .desktop-home .home-resume-copy small{font-size:9px;line-height:1.3}html[data-desktop-web=true] .app .is-home .desktop-home .home-resume-copy>span{font-size:12px;line-height:1.3}html[data-desktop-web=true] .app .is-home .desktop-home .home-resume-cta{min-height:48px;min-width:96px;padding:8px 10px;font-size:13px}html[data-desktop-web=true] .app .is-home .desktop-home>.home-section-title{grid-area:choices;display:flex;min-width:0;font-size:11px;line-height:1.5}html[data-desktop-web=true] .app .is-home .desktop-home>.shell-game-grid{grid-area:games;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:16px;min-height:var(--home-card-height);flex:none}html[data-desktop-web=true] .app .is-home .desktop-home .shell-game-card{box-sizing:border-box;align-items:flex-end;min-height:var(--home-card-height);height:var(--home-card-height);padding:22px;border-radius:22px}html[data-desktop-web=true] .app .is-home .desktop-home .shell-game-index{display:flex;left:22px;top:18px;font-size:11px}html[data-desktop-web=true] .app .is-home .desktop-home .shell-game-arrow{width:40px;height:40px;right:16px;top:12px}html[data-desktop-web=true] .app .is-home .desktop-home .shell-game-title strong{font-size:clamp(32px,2.4vw,40px);line-height:1.15}html[data-desktop-web=true] .app .is-home .desktop-home .shell-game-title small{min-height:0;margin-top:6px;font-size:12px;line-height:1.5}html[data-desktop-web=true] .app .is-home .desktop-home .shell-game-card>.shell-card-art{display:block;left:50%;right:auto;top:20%;width:190px;height:40%;max-width:70%;transform:translate(-50%);transform-origin:center}html[data-desktop-web=true] .app .is-home .desktop-home .shell-card-art img{width:40%;height:auto;max-height:100%;object-fit:contain;bottom:0}html[data-desktop-web=true] .app .is-home .desktop-home .shell-card-art img:nth-child(1){left:5%;transform:rotate(-18deg)}html[data-desktop-web=true] .app .is-home .desktop-home .shell-card-art img:nth-child(2){left:30%;bottom:6%;transform:none}html[data-desktop-web=true] .app .is-home .desktop-home .shell-card-art img:nth-child(3){left:55%;transform:rotate(18deg)}html[data-desktop-web=true] .app .is-home .desktop-home .shell-game-card>.shell-tile-art{display:flex;left:50%;right:auto;top:24%;width:190px;height:34%;max-width:68%;gap:6px;transform:translate(-50%) rotate(-7deg);transform-origin:center}html[data-desktop-web=true] .app .is-home .desktop-home .shell-tile-art>img{max-height:100%;object-fit:contain}html[data-desktop-web=true] .app .is-home .desktop-home>.home-benefits{grid-area:benefits;justify-content:flex-start;flex-wrap:wrap;gap:6px 12px;min-height:44px;padding:0;font-size:12px}html[data-desktop-web=true] .app .is-home .desktop-home>.web-ad-opportunity{grid-area:offers;display:flex;flex-direction:column;align-self:stretch;gap:16px;min-width:0;margin:0;padding:0 0 0 20px;border-top:0;border-left:1px solid var(--masa-line);width:100%}html[data-desktop-web=true] .app .is-home .desktop-home>.web-ad-opportunity>.web-ad-reservation{flex:1 0 120px;width:100%;min-height:120px;margin:0;padding:16px}html[data-desktop-web=true] .app .is-home .desktop-home .web-reward-option{width:100%;margin:0;padding:16px;gap:12px;flex:0 0 auto}html[data-desktop-web=true] .app .is-home .desktop-home .web-reward-option-title{gap:10px}html[data-desktop-web=true] .app .is-home .desktop-home .web-reward-option-title h2{font-size:20px;line-height:1.3}html[data-desktop-web=true] .app .is-home .desktop-home .web-reward-option p{font-size:14px;line-height:1.5}html[data-desktop-web=true] .app .is-home .desktop-home .web-reward-option small{font-size:12px;line-height:1.5}html[data-desktop-web=true] .app .is-home .desktop-home .web-reward-option button{min-height:48px;font-size:14px;line-height:1.4}@media(min-width:1440px)and (min-height:850px){html[data-desktop-web=true] .app .is-home .shell-page.desktop-home{padding:24px 32px}html[data-desktop-web=true] .app .is-home .desktop-home .shell-game-card>.shell-card-art{width:220px}html[data-desktop-web=true] .app .is-home .desktop-home .shell-game-card>.shell-tile-art{width:210px}}@media(max-width:1279px){html[data-desktop-web=true] .app .is-home .shell-page.desktop-home{align-content:start;grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "resumes" "choices" "games" "benefits" "offers";grid-template-rows:repeat(6,max-content)}html[data-desktop-web=true] .app .is-home .shell-page.desktop-home:not(:has(>.shell-resumes)){grid-template-areas:"intro" "choices" "games" "benefits" "offers";grid-template-rows:repeat(5,max-content)}html[data-desktop-web=true] .app .is-home .desktop-home>.web-ad-opportunity{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,1fr);padding:16px 0 0;border-left:0;border-top:1px solid var(--masa-line)}}@supports (align-content:safe center){html[data-desktop-web=true] .app .is-home .shell-page.desktop-home{align-content:safe center}}html[data-desktop-web=false] .app .is-home .shell-home>.desktop-home:has(>.web-ad-opportunity)>.home-intro{flex:0 0 auto;min-height:0;max-height:none}html[data-desktop-web=false] .app .is-home .desktop-home .home-welcome{min-width:0;padding-right:44px}html[data-desktop-web=false] .app .is-home .desktop-home .home-mobile-greeting{display:none}html[data-desktop-web=false] .app .is-home .desktop-home .home-welcome h1{margin:8px 0 6px;font-size:clamp(38px,12vw,54px);line-height:1.05;letter-spacing:-.055em;font-weight:700}html[data-desktop-web=false] .app .is-home .desktop-home .home-desktop-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 .13em;max-width:100%;width:fit-content;padding-bottom:6px;border-bottom:2px solid #bda46f;color:#f1d49a}html[data-desktop-web=false] .app .is-home .desktop-home .home-desktop-title em{margin:0;font-family:Georgia,serif;font-size:.7em;font-weight:400;font-style:italic;color:var(--masa-muted)}html[data-desktop-web=false] .app .is-home .desktop-home .home-desktop-title strong{font:inherit;color:#e1edf3}html[data-desktop-web=false] .app .is-home .desktop-home>.home-intro{display:block;flex:0 0 auto;min-height:0;max-height:none}html[data-desktop-web=false] .app .is-home .desktop-home .brand-scene{display:none}html[data-desktop-web=false] .app .is-home .desktop-home .home-guide{width:44px;height:44px;min-height:44px;padding:0}html[data-desktop-web=false] .app .is-home .desktop-home .home-guide span{display:none}html[data-desktop-web=true] .app .is-home .shell-header:has(.shell-home-title){height:72px;gap:32px}html[data-desktop-web=true] .app .is-home .shell-header-start:has(.shell-home-title){flex:1;min-width:0}html[data-desktop-web=true] .app .is-home .shell-home-title{margin:0;min-width:0;font-family:Outfit,system-ui,sans-serif;font-size:clamp(44px,4.2vw,60px);font-weight:700;letter-spacing:-.055em;line-height:1}html[data-desktop-web=true] .app .is-home .shell-home-title .home-desktop-title{display:flex;align-items:baseline;gap:.13em;color:#f1d49a;white-space:nowrap}html[data-desktop-web=true] .app .is-home .shell-home-title em{margin:0;font-family:Georgia,serif;font-size:.7em;font-weight:400;font-style:italic;color:var(--masa-muted)}html[data-desktop-web=true] .app .is-home .shell-home-title strong{font:inherit;color:#e1edf3}html[data-desktop-web=true] .app .is-home .shell-header:has(.shell-home-title)>.shell-header-actions{flex:none}html[data-desktop-web=true] .app .is-home .desktop-home .home-hero-ad{min-width:0;margin:6px 0}html[data-desktop-web=true] .app .is-home .desktop-home .home-hero-ad>.web-ad-reservation{width:100%;min-height:72px;margin:0;padding:10px 16px;gap:4px;border-radius:10px}html[data-desktop-web=false] .app .is-home .shell-header-start:has(.shell-home-title){flex:1;min-width:0}html[data-desktop-web=false] .app .is-home .shell-header-start:has(.shell-home-title)>.shell-mobile-brand{display:block}html[data-desktop-web=false] .app .is-home .shell-header-start:has(.shell-home-title) .game-brand-mark{width:32px;height:40px}html[data-desktop-web=false] .app .is-home .shell-home-title{margin:0;min-width:0;font-family:Outfit,system-ui,sans-serif;font-size:clamp(20px,5.8vw,32px);font-weight:700;letter-spacing:-.055em;line-height:1.1}html[data-desktop-web=false] .app .is-home .shell-home-title .home-desktop-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 .13em;max-width:100%;color:#f1d49a}html[data-desktop-web=false] .app .is-home .shell-home-title em{margin:0;font-family:Georgia,serif;font-size:.7em;font-weight:400;font-style:italic;color:var(--masa-muted)}html[data-desktop-web=false] .app .is-home .shell-home-title strong{font:inherit;color:#e1edf3}html[data-desktop-web=false] .app .is-home .shell-header:has(.shell-home-title)>.shell-header-actions{flex:none}html[data-desktop-web=false] .app[data-web=true] .is-home:has(.shell-home-title) .shell-home>.desktop-home>.home-intro{min-height:44px}.app[data-web=true] .is-home .home-benefits .home-mobile-promo{display:flex;align-items:center;gap:9px;min-width:0;max-width:100%;padding:4px 12px;border:1px solid var(--masa-line);border-radius:12px;background:var(--masa-surface);text-align:left}.app[data-web=true] .is-home .home-mobile-promo img{width:36px;height:36px;flex:none;object-fit:contain}.app[data-web=true] .is-home .home-mobile-promo div{min-width:0}.app[data-web=true] .is-home .home-mobile-promo strong{display:block;font-size:12px;line-height:1.4;color:var(--masa-text)}.app[data-web=true] .is-home .home-mobile-promo small{display:block;font-size:10px;line-height:1.4;color:var(--masa-muted)}.account-commerce{color:var(--masa-shell-text,#f3eee2);width:100%;max-width:1120px;margin:0 auto;padding:clamp(16px,2.5vw,32px);box-sizing:border-box;min-width:0}.account-commerce .commerce-intro{max-width:720px;margin-bottom:24px}.account-commerce .commerce-eyebrow{font-size:12px;letter-spacing:.13em;font-weight:700;color:var(--masa-shell-accent,#dfc49b)}.account-commerce .commerce-intro h1{font-size:clamp(24px,3vw,34px);line-height:1.2;margin:10px 0 12px;overflow-wrap:anywhere}.account-commerce p{font-size:15px;line-height:1.65;margin:12px 0;color:var(--masa-shell-muted,#b5c3c2)}.account-commerce .commerce-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px;align-items:start}.account-commerce .commerce-identity{grid-row:span 2}.account-commerce .commerce-card{min-width:0;padding:24px;border:1px solid var(--masa-shell-line,#53696b);border-radius:18px;background:var(--masa-shell-panel,#1a2930);display:flex;flex-direction:column;align-items:flex-start;overflow-wrap:anywhere}.account-commerce .commerce-card h2{display:flex;align-items:center;gap:10px;font-size:19px;line-height:1.35;margin:0 0 16px;color:inherit}.account-commerce .commerce-card h2 svg{flex-shrink:0}.account-commerce .commerce-tag{display:inline-flex;align-items:center;gap:8px;font-size:12px;line-height:1.5;padding:6px 10px;border:1px solid var(--masa-shell-line,#53696b);border-radius:999px;color:var(--masa-shell-text,#f3eee2)}.account-commerce .commerce-player,.account-commerce .commerce-value{font-size:20px;font-weight:650;color:var(--masa-shell-text,#f3eee2);line-height:1.4}.account-commerce button{box-sizing:border-box;max-width:100%;min-height:48px;padding:12px 16px;border-radius:10px;border:1px solid var(--masa-shell-accent,#dfc49b);background:var(--masa-shell-accent,#dfc49b);color:var(--masa-shell-ink,#10191f);font:inherit;font-weight:650;line-height:1.45;text-align:left;white-space:normal;cursor:pointer;margin:8px 0}.account-commerce button:disabled{cursor:not-allowed;background:transparent;border-color:var(--masa-shell-line,#53696b);color:var(--masa-shell-muted,#b5c3c2);opacity:1}.account-commerce button:focus-visible{outline:3px solid var(--masa-shell-accent,#dfc49b);outline-offset:4px}.account-commerce small{display:block;font-size:13px;line-height:1.55;color:var(--masa-shell-muted,#b5c3c2);margin-top:6px}@media(max-width:680px){.account-commerce .commerce-grid{grid-template-columns:minmax(0,1fr)}.account-commerce .commerce-identity{grid-row:auto}.account-commerce .commerce-card{padding:18px}.account-commerce{padding:16px}}html[data-desktop-web=false] .app .shell-account>.shell-page{overflow-y:auto;overscroll-behavior-y:contain}.account-commerce .player-account{width:100%;min-width:0}.account-commerce .player-auth-link{display:inline-flex;align-items:center;min-height:48px;padding:10px 14px;margin:8px 0;border:1px solid var(--masa-shell-accent,#dfc49b);border-radius:10px;color:var(--masa-shell-text,#f3eee2);box-sizing:border-box}.account-commerce .player-auth-link:focus-visible{outline:3px solid var(--masa-shell-accent,#dfc49b);outline-offset:4px}.account-commerce .player-account input{width:100%;min-width:0;min-height:48px;padding:10px;box-sizing:border-box;border:1px solid var(--masa-shell-line,#53696b);border-radius:8px;background:var(--masa-shell-panel,#1a2930);color:inherit;font:inherit;margin:8px 0}.account-commerce .player-account input:focus-visible{outline:3px solid var(--masa-shell-accent,#dfc49b);outline-offset:3px}.account-commerce .account-status-dot{width:8px;height:8px;flex:none;border:1px solid currentColor;border-radius:50%;background:transparent}.account-commerce .player-account[data-status=ready] .account-status-dot{background:currentColor}.account-commerce .account-status-message{padding:12px 14px;border-left:3px solid var(--masa-shell-accent,#dfc49b);border-radius:0 8px 8px 0;background:var(--masa-shell-bg,#10191f);font-size:14px;line-height:1.6;color:var(--masa-shell-text,#f3eee2)}.account-commerce .account-status-message:empty{display:none}.account-commerce .player-account form label{display:block;font-size:14px;font-weight:650;margin-top:16px}.account-commerce .player-account .usage-privacy-note{padding-top:16px;margin-top:20px;border-top:1px solid var(--masa-shell-line,#53696b);font-size:12px;line-height:1.7}.seat-config{display:grid;gap:10px;min-width:0}.seat-config-tabs{display:flex;gap:6px}.seat-config-tabs button{flex:1;min-width:0;padding:9px 4px;border:1px solid var(--masa-line);border-radius:12px;background:var(--masa-base);color:var(--masa-text);font:inherit;font-size:12px}.seat-config-tabs button[aria-pressed=true],.seat-config-types button[aria-pressed=true]{border-color:var(--masa-ice);background:var(--masa-selected);color:var(--masa-text)}.seat-config-tabs small{display:block;font-size:10px;margin-top:4px}.seat-config-detail{padding:12px;border:1px solid var(--masa-line);border-radius:14px;display:grid;gap:10px;min-height:130px;align-content:start}.seat-config-detail p,.seat-config-note{font-size:12px;line-height:1.45;margin:0;color:var(--masa-muted)}.seat-config-types{display:flex;gap:8px}.seat-config-types button{flex:1;border:1px solid var(--masa-line);border-radius:10px;padding:8px;background:var(--masa-base);color:var(--masa-text);font:inherit;font-size:13px}.seat-config button:disabled{opacity:.5}.seat-config-detail label{display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:12px}.seat-config-detail select{padding:8px;border-radius:8px;border:1px solid var(--masa-line);background:var(--masa-base);color:var(--masa-text);max-width:50%}@media(max-height:700px){.seat-config{gap:6px}.seat-config-detail{min-height:110px;padding:9px;gap:7px}.seat-config-tabs button{padding:7px 3px}}.shell-version{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.shell-version>span{font:18px Outfit,sans-serif;letter-spacing:-.5px;color:#d9decb}.app .shell-about .build-information-button{min-width:48px;min-height:48px;flex-shrink:0;gap:7px;font-size:14px!important}.app .build-information .ui-dialog-body{overflow-y:auto;overscroll-behavior:contain}.app .build-information .ui-dialog-header>.ui-icon{width:48px;min-width:48px;height:48px;min-height:48px}.build-information-status{font-size:14px;line-height:1.5;color:var(--shell-text);margin:0}.build-information dl{margin:0;display:grid;gap:0}.build-information dl>div{padding:12px 0;border-bottom:1px solid var(--shell-line)}.build-information dl>div:last-child{border-bottom:0}.build-information dt{font-size:12px;line-height:1.5;color:var(--shell-muted)}.build-information dd{font-size:16px;line-height:1.5;color:var(--shell-text);margin:4px 0 0;overflow-wrap:anywhere}.build-information dd>span{font-size:14px;color:var(--shell-muted)}.build-information dd>.build-code{display:block}.build-information .build-code{font-family:monospace;letter-spacing:.03em}.ui-statistics .profile-level-label{margin-left:auto;white-space:nowrap;font-size:12px;font-weight:700;color:var(--shell-accent);border:1px solid var(--shell-line);border-radius:20px;padding:6px 10px}.ui-statistics.show-player-progress .ui-profile-heading{width:100%}.ui-statistics.show-player-progress .statistics-body{justify-content:center}.player-progress-panel{width:100%;min-width:0;display:flex;flex-direction:column;gap:16px;max-width:780px;margin-inline:auto}.player-level-card{display:flex;align-items:center;gap:20px;padding:20px;border:1px solid var(--shell-accent);border-radius:18px;background:linear-gradient(120deg,rgba(var(--masa-ice-rgb),.1),transparent 75%),var(--shell-panel)}.player-level-seal{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;width:80px;height:88px;clip-path:polygon(50% 0,95% 22%,95% 73%,50% 100%,5% 73%,5% 22%);background:var(--shell-accent);color:var(--shell-bg)}.player-level-seal span{font-size:9px;letter-spacing:1px;font-weight:800}.player-level-seal b{font:700 38px/1.2 Outfit,sans-serif}.player-level-detail{min-width:0;flex:1}.player-level-title{display:flex;gap:8px;align-items:baseline;justify-content:space-between;flex-wrap:wrap}.player-level-title h2{font-size:23px!important;line-height:1.2}.player-level-title>span{font-size:13px;font-weight:750;color:var(--shell-accent)}.player-level-detail p{font-size:13px;margin:7px 0!important;color:var(--shell-text)}.player-level-detail small{display:block;margin-top:7px;font-size:11px;color:var(--shell-muted)}.player-progress-panel progress{display:block;width:100%;height:6px;border:0;border-radius:8px;overflow:hidden;appearance:none;background:var(--shell-line);color:var(--shell-accent)}.player-progress-panel progress::-webkit-progress-bar{background:var(--shell-line);border-radius:8px}.player-progress-panel progress::-webkit-progress-value{background:var(--shell-accent);border-radius:8px}.player-progress-panel progress::-moz-progress-bar{background:var(--shell-accent);border-radius:8px}.achievement-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.achievement-heading h3{font-size:15px}.achievement-heading>span{font-size:12px;color:var(--shell-muted)}.achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.achievement-card{min-width:0;display:flex;gap:12px;align-items:center;padding:14px;border:1px solid var(--shell-line);border-radius:15px;background:var(--shell-panel)}.achievement-card.earned{border-color:var(--shell-accent)}.achievement-medal{width:78px;height:84px;flex-shrink:0;--medal-light:#ffe9b3;--medal-mid:#cba461;--medal-dark:#765026}.medal-bronze{--medal-light:#ffdab4;--medal-mid:#d39462;--medal-dark:#75492b}.medal-silver{--medal-light:#edf4fa;--medal-mid:#a2b9cd;--medal-dark:#50697e}.medal-emerald{--medal-light:#baf8df;--medal-mid:#68bca4;--medal-dark:#2d6c5b}.medal-sapphire{--medal-light:#cdeaff;--medal-mid:#70a5db;--medal-dark:#365688}.medal-violet{--medal-light:#ead5ff;--medal-mid:#b18bcd;--medal-dark:#685080}.achievement-medal.is-locked{--medal-light:#b7c3cc;--medal-mid:#73818c;--medal-dark:#3d4c57}.achievement-copy{flex:1;min-width:0}.achievement-copy h3{font-size:15px;line-height:1.3;overflow-wrap:anywhere}.achievement-copy p{font-size:12px;color:var(--shell-muted);margin:5px 0!important}.achievement-state{display:flex;gap:4px;align-items:center;font-size:11px;font-weight:700;color:var(--shell-text);margin-bottom:7px}.achievement-card.earned .achievement-state{color:var(--shell-accent)}.progress-rule{font-size:12px;line-height:1.65;color:var(--shell-text);text-align:center}.progress-rule span{color:var(--shell-muted);font-size:11px}@media(max-width:600px){.player-progress-panel{gap:12px}.player-level-card{padding:14px;gap:13px}.player-level-seal{width:62px;height:72px}.player-level-seal b{font-size:32px}.player-level-title h2{font-size:19px!important}.player-level-title>span{font-size:12px}.achievement-grid{gap:8px}.achievement-card{flex-direction:column;gap:6px;padding:10px;text-align:center}.achievement-medal{width:62px;height:67px}.achievement-copy{width:100%}.achievement-copy h3{font-size:13px;min-height:34px;display:flex;align-items:center;justify-content:center}.achievement-copy p{font-size:11px}.achievement-state{justify-content:center}.achievement-heading h3{font-size:13px}.achievement-heading>span{font-size:11px}.progress-rule{font-size:11px}.progress-rule span{font-size:10px}}@media(max-height:740px){.player-progress-panel{gap:8px}.player-level-card{padding:10px 12px;gap:12px}.player-level-seal{width:54px;height:62px}.player-level-seal b{font-size:28px}.player-level-title h2{font-size:17px!important}.player-level-detail p{font-size:12px;margin:4px 0!important}.player-level-detail small{font-size:10px;margin-top:4px}.achievement-medal{width:48px;height:52px}.achievement-card{padding:8px;gap:4px}.achievement-copy h3{font-size:12px;min-height:30px}.achievement-copy p{margin:3px 0!important}.achievement-state{margin-bottom:4px}.progress-rule{font-size:10px;line-height:1.5}.progress-rule span{font-size:10px}}@media(orientation:landscape)and (max-height:550px){.player-progress-panel{display:grid;grid-template-columns:minmax(180px,.9fr) minmax(0,1.4fr);gap:7px 14px}.player-level-card{grid-column:1;grid-row:1/3;align-self:stretch}.achievement-heading,.achievement-grid{grid-column:2}.achievement-card{flex-direction:row;text-align:left}.achievement-copy h3{min-height:0;justify-content:flex-start}.achievement-state{justify-content:flex-start}.progress-rule{grid-column:1/-1}.progress-rule br{display:none}.progress-rule br:after{content:" "}.player-level-title{display:block}.player-level-detail small{display:none}}@media(max-height:480px)and (orientation:portrait){.ui-statistics.show-player-progress .statistics-body{overflow-y:auto;justify-content:flex-start}}.badge-select{min-height:32px;width:100%;border:1px solid var(--shell-line);border-radius:7px;margin:0 0 6px;padding:3px 6px;background:transparent;color:var(--shell-text);font-size:var(--desktop-profile-control,11px)!important}.badge-select[aria-pressed=true]{background:var(--shell-accent);color:var(--shell-bg)}.badge-select:disabled{opacity:1!important;color:var(--shell-muted)}.badge-reset{align-self:center;min-height:32px;padding:4px 8px;background:none;border:0;color:var(--shell-accent);font-size:var(--desktop-profile-control,11px)!important;text-decoration:underline;text-underline-offset:3px}.app .player .avatar,.app .rack-self-details{position:relative}.app .player-medal-mini{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none;contain:strict}.app .player-medal-mini .achievement-medal{display:block;width:100%;height:100%;max-width:100%;max-height:100%;flex:none}.app .rack-self-details .player-medal-mini{inset:1px;max-width:24px;margin-inline:auto}@media(max-height:740px){.badge-select{min-height:28px;font-size:10px!important;margin-bottom:4px}.badge-reset{min-height:28px;font-size:10px!important}.player-progress-panel{gap:6px}}@media(orientation:landscape)and (max-height:550px){.badge-reset{grid-column:1;grid-row:3}.progress-rule{grid-column:2;grid-row:3}.badge-select{min-height:28px}.player-level-card{padding:8px}}.app .rack-self-details:has(.player-medal-mini){display:inline-flex;align-items:center;gap:3px;overflow:hidden}.app .rack-self-details:has(.player-medal-mini) .rack-self-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app .rack-self-details:has(.player-medal-mini) .player-medal-mini{position:relative;inset:auto;order:-1;flex:0 0 14px;width:14px;height:18px;margin:0;max-width:14px}.progress-compact .achievement-grid{grid-template-columns:minmax(0,1fr)}.progress-compact .achievement-card{flex-direction:row;text-align:left;gap:14px;padding:10px 14px}.progress-compact .achievement-medal{width:64px;height:70px}.progress-compact .achievement-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;align-items:center}.progress-compact .achievement-copy h3{grid-column:1;min-height:0;justify-content:flex-start;font-size:14px}.progress-compact .achievement-copy p{grid-column:1;margin:0!important}.progress-compact .achievement-state{grid-column:1;justify-content:flex-start;margin:0}.progress-compact .badge-select{grid-column:2;grid-row:1/4;min-height:44px;width:62px;margin:0}.progress-compact .achievement-copy progress{grid-column:1/-1;margin-top:3px}.progress-compact .achievement-heading{min-height:28px}.progress-compact .badge-reset{min-height:28px;margin:0}@media(max-width:360px){.progress-compact .achievement-card{padding:8px;gap:8px}.progress-compact .achievement-medal{width:44px;height:52px}.progress-compact .achievement-copy{gap:3px 6px}.progress-compact .achievement-copy h3{font-size:12px}.progress-compact .badge-select{width:52px}.player-level-detail small{font-size:9px}.player-level-title h2{font-size:16px!important}}@media(orientation:landscape)and (max-height:550px){.progress-compact .achievement-heading{grid-column:2}.progress-compact .achievement-card{padding:6px 10px}.progress-compact .achievement-medal{width:46px;height:50px}.progress-compact .progress-rule{grid-column:1/-1;grid-row:3}.progress-compact .badge-reset{grid-row:auto}}.ui-statistics .ui-profile-initial{position:relative}.app .batak-table .turn-strip .player:has(.player-medal-mini){padding-left:30px!important}.app .batak-table .turn-strip .player .avatar:has(.player-medal-mini){display:flex;position:absolute;left:5px;top:50%;transform:translateY(-50%);width:20px;height:20px;min-width:20px;max-width:20px;max-height:20px;border:0;background:none;box-shadow:none}@media(orientation:landscape)and (max-height:380px){.ui-statistics.show-player-progress.fixed-content{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:24px 28px minmax(100px,1fr) 30px;gap:4px}.ui-statistics.show-player-progress>.ui-profile-heading{grid-row:1;min-height:0;height:24px;gap:8px}.ui-statistics.show-player-progress .ui-profile-heading .ui-eyebrow{display:none}.ui-statistics.show-player-progress .ui-profile-heading h1{font-size:15px;line-height:20px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-statistics.show-player-progress .ui-profile-initial{height:22px;width:22px;font-size:14px;border-radius:6px}.ui-statistics.show-player-progress .profile-level-label{font-size:10px;padding:2px 7px}.ui-statistics.show-player-progress>.ui-section-tabs{grid-row:2;min-height:0;height:28px}.ui-statistics.show-player-progress>.ui-section-tabs button{min-height:28px;padding:3px 5px;font-size:11px}.ui-statistics.show-player-progress>.statistics-body{grid-row:3;min-height:0;justify-content:flex-start;overflow:visible;padding:0}.ui-statistics.show-player-progress>.ui-page-controls{grid-row:4;min-height:30px;height:30px}.ui-statistics.show-player-progress>.ui-page-controls .ui-icon{height:30px;width:40px;min-width:40px}.ui-statistics.show-player-progress .player-progress-panel{grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);grid-template-rows:minmax(66px,1fr) 30px;gap:4px 10px;min-height:100px;height:100%;margin:0}.ui-statistics.show-player-progress .player-level-card{grid-column:1;grid-row:1;padding:5px 8px;gap:8px;border-radius:10px}.ui-statistics.show-player-progress .player-level-seal{width:36px;height:44px}.ui-statistics.show-player-progress .player-level-seal span{font-size:7px;letter-spacing:0}.ui-statistics.show-player-progress .player-level-seal b{font-size:23px}.ui-statistics.show-player-progress .player-level-title h2{font-size:14px!important}.ui-statistics.show-player-progress .player-level-title>span{font-size:10px}.ui-statistics.show-player-progress .player-level-detail p{font-size:10px;line-height:13px;margin:3px 0!important}.ui-statistics.show-player-progress .achievement-heading{display:contents}.ui-statistics.show-player-progress .achievement-heading h3{display:none}.ui-statistics.show-player-progress .badge-reset{grid-column:2;grid-row:2;min-height:30px;justify-self:end}.ui-statistics.show-player-progress .achievement-grid{grid-column:2;grid-row:1;min-height:0}.ui-statistics.show-player-progress .achievement-card{padding:5px 8px;gap:8px;border-radius:10px}.ui-statistics.show-player-progress .achievement-medal{width:38px;height:42px}.ui-statistics.show-player-progress .achievement-copy{gap:2px 6px}.ui-statistics.show-player-progress .achievement-copy h3{font-size:12px}.ui-statistics.show-player-progress .achievement-copy p,.ui-statistics.show-player-progress .achievement-state{font-size:10px;line-height:12px}.ui-statistics.show-player-progress .badge-select{width:54px;min-height:44px}.ui-statistics.show-player-progress .progress-rule{grid-column:1;grid-row:2;text-align:left;font-size:9px;line-height:14px;align-self:center}.ui-statistics.show-player-progress .progress-rule br{display:initial}.ui-statistics.show-player-progress .progress-rule span{display:none}}.app .okey-table .modern-controls .rack-summary>.rack-self-details{display:block;pointer-events:auto;flex:0 0 auto;min-width:44px;max-width:88px;height:24px;min-height:24px;padding:2px 5px;border:1px solid var(--masa-line);border-radius:5px;background:var(--masa-raised);color:var(--masa-text);font:650 11px/18px Manrope,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.app .okey-table .modern-controls .rack-summary>.rack-self-details:focus-visible{outline:2px solid var(--masa-ice);outline-offset:2px}.app .okey-table .modern-controls .rack-summary>span.rack-self-details{cursor:default}.app .batak-table.phase-bury .burial-panel{left:50%;top:38%;width:min(320px,calc(100% - 200px));min-width:0;max-width:320px;margin:0;padding:12px;transform:translate(-50%,-50%);border:1px solid var(--masa-line);border-radius:16px;background:linear-gradient(145deg,var(--masa-panel),var(--masa-base));box-shadow:inset 0 1px rgba(var(--masa-text-rgb),.12),0 6px 18px #0003;contain:layout style;pointer-events:none}.app .batak-table .burial-panel .eyebrow{color:var(--masa-muted);font-size:10px;line-height:14px;letter-spacing:.1em}.app .batak-table .burial-heading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin:4px 0}.app .batak-table .burial-heading h2{margin:0;color:var(--masa-text);font:700 19px/24px Manrope,sans-serif;letter-spacing:-.3px;font-variant-numeric:tabular-nums}.app .batak-table .burial-selection{display:flex;justify-content:center;gap:8px;width:100%}.app .batak-table .burial-selection-slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:48px;height:62px;min-width:0;flex:0 1 48px;padding:3px;box-sizing:border-box;border:1px dashed var(--masa-line);border-radius:8px;background:var(--masa-base);color:var(--masa-muted);opacity:1;box-shadow:none;touch-action:manipulation;pointer-events:auto;transition:transform .12s ease-out}.app .batak-table .burial-selection-slot.filled{background:#fffdfa;border:1px solid var(--masa-ice);color:#152131;box-shadow:0 2px 4px #0003}.app .batak-table .burial-selection-slot.red{color:#b51e36}.app .batak-table .burial-selection-slot b{font:750 21px/24px Manrope,sans-serif}.app .batak-table .burial-selection-slot i{font: 22px/23px Georgia,serif}.app .batak-table .burial-selection-slot small{position:absolute;right:3px;top:1px;font:700 10px/12px sans-serif;color:#17623c}.app .batak-table .burial-selection-slot:focus-visible{outline:2px solid var(--masa-focus);outline-offset:3px}.app .batak-table .burial-selection-slot:not(:disabled):active{transform:translateY(2px)}.app .batak-table .burial-panel p{max-width:none;min-height:30px;margin:6px 0 8px;font-size:12px;line-height:15px;color:var(--masa-muted)}.app .batak-table .burial-actions{display:flex;justify-content:center}.app .batak-table .burial-actions>.primary.burial-confirm{pointer-events:auto;min-height:48px;width:100%;padding:8px;gap:8px;border:1px solid var(--masa-ice);border-radius:10px;background:var(--masa-ice);color:var(--masa-base);box-shadow:inset 0 1px #ffffff40,0 2px 4px #0003;font:700 13px/18px Manrope,sans-serif;white-space:normal;touch-action:manipulation}.app .batak-table .burial-actions>.primary.burial-confirm:disabled{background:var(--masa-panel);color:var(--masa-muted);border-color:var(--masa-line);opacity:1;box-shadow:none}.app .batak-table .burial-actions>.primary.burial-confirm:not(:disabled):active{transform:translateY(1px)}.app .batak-table .burial-stock{position:absolute;inset:84px 22px auto auto;width:44px;height:62px;z-index:3;pointer-events:none;transform:none;opacity:1}.app .batak-table .burial-stock img{position:absolute;inset:0;width:44px;height:62px;border-radius:4px;box-shadow:0 1px 3px #0005;transform:translate(calc(var(--i)*3px),calc(var(--i)*-2px)) rotate(calc(var(--i)*2deg))}.app .batak-table .burial-stock small{position:absolute;left:-27px;top:calc(100% + 7px);width:100px;font-size:12px;line-height:16px;color:var(--masa-muted);text-align:center;white-space:nowrap}.app .batak-table .burial-stock.is-buried{opacity:.85}@media(orientation:landscape){.app .batak-table .burial-stock{left:calc(50% + 190px);right:auto;top:38%}}@media(orientation:portrait){.app .batak-table.phase-bury .burial-panel{top:40%;width:calc(100% - 96px);max-width:320px}.app .batak-table[data-player-count="3"] .burial-stock{top:calc(22dvh + 105px);right:14px}.app .batak-table.phase-bury .burial-stock:not(.is-buried){top:calc(40% + 132px);left:calc(50% - 68px);right:auto}.app .batak-table.phase-bury .burial-stock small{left:55px;top:15px;width:90px}}@media(orientation:portrait)and (max-height:680px){.app .batak-table.phase-bury .burial-panel{top:36%;width:calc(100% - 80px);padding:8px}.app .batak-table .burial-heading{gap:6px;margin:2px 0}.app .batak-table .burial-heading h2{font-size:17px;line-height:22px}.app .batak-table .burial-selection{gap:6px}.app .batak-table .burial-selection-slot{height:52px}.app .batak-table .burial-panel p{min-height:0;margin:5px 0;font-size:11px;line-height:14px}.app .batak-table .burial-stock{width:36px;height:51px;right:12px}.app .batak-table .burial-stock img{width:36px;height:51px}.app .batak-table .burial-stock small{left:-36px;font-size:11px}.app .batak-table.phase-bury .burial-stock:not(.is-buried){top:calc(36% + 106px)}.app .batak-table.phase-bury .burial-stock small{left:49px;top:14px}}@media(orientation:landscape)and (max-height:500px){.app .batak-table.phase-bury .burial-panel{top:8px;transform:translate(-50%);width:270px;padding:8px}.app .batak-table .burial-panel .eyebrow{display:none}.app .batak-table .burial-heading{flex-direction:row;gap:8px;margin:0}.app .batak-table .burial-heading h2{font-size:14px;line-height:18px;max-width:72px}.app .batak-table .burial-selection{gap:4px;width:auto}.app .batak-table .burial-selection-slot{width:38px;min-width:38px;height:48px}.app .batak-table .burial-panel p{min-height:0;margin:5px 0;font-size:11px;line-height:14px}.app .batak-table .burial-actions>.primary.burial-confirm{min-height:44px}.app .batak-table .burial-stock{left:calc(50% + 162px);right:auto;top:40px;width:36px;height:51px}.app .batak-table .burial-stock small{left:-22px;width:80px;font-size:11px}.app .batak-table .burial-stock img{width:36px;height:51px}}@media(prefers-reduced-motion:reduce){.app .batak-table .burial-selection-slot{transition:none}}html[data-motion=reduced] .app .batak-table .burial-selection-slot{transition:none}.batak-table.phase-bury .hand-fan .playing-card{transition:transform .14s ease-out;border-color:#acb8b0;touch-action:none}.batak-table.phase-bury .hand-fan .playing-card.selected{transform:translate(-50%) translateY(-13px) rotate(var(--fan-angle));outline:2px solid var(--masa-ice);outline-offset:0;box-shadow:0 3px 4px #091d2266}.app .batak-table.phase-bury .hand-fan .playing-card[data-pressed=true]:not(.selected),.app .batak-table.phase-bury .hand-fan .playing-card:active:not(.selected){transform:translate(-50%) translateY(-5px) rotate(var(--fan-angle))}.app .batak-table.phase-bury .hand-fan .playing-card.selected{transform:translate(-50%) translateY(-12px) rotate(var(--fan-angle));outline:2px solid var(--masa-ice);box-shadow:0 2px 4px #091d2259}@media(prefers-reduced-motion:reduce){.app .batak-table.phase-bury .hand-fan .playing-card{transition:none}}html[data-motion=reduced] .app .batak-table.phase-bury .hand-fan .playing-card{transition:none}.app .table-screen.batak-table.phase-play .turn-strip .turn-message{background:var(--masa-panel);color:var(--masa-text);border-color:var(--masa-line)}@media(orientation:landscape)and (max-height:400px){.app .batak-table.phase-bury .burial-panel{top:76px;left:50%;transform:translate(-50%);width:calc(100% - 112px);max-width:none;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:4px}.app .batak-table.phase-bury .burial-heading{flex:1;min-width:0;gap:5px}.app .batak-table.phase-bury .burial-heading h2{font-size:11px;line-height:14px;max-width:58px;flex:1}.app .batak-table.phase-bury .burial-selection{gap:3px;flex:none}.app .batak-table.phase-bury .burial-selection-slot{width:32px;min-width:32px;height:44px}.app .batak-table.phase-bury .burial-selection-slot b{font-size:17px;line-height:20px}.app .batak-table.phase-bury .burial-selection-slot i{font-size:18px;line-height:19px}.app .batak-table.phase-bury .burial-panel p{display:none}.app .batak-table.phase-bury .burial-actions{flex:0 1 142px;min-width:0;height:44px}.app .batak-table.phase-bury .burial-actions>.primary.burial-confirm{min-height:44px;height:44px;width:100%;font-size:11px;line-height:14px;padding:4px;gap:3px}.app .batak-table.phase-bury .turn-strip .player{visibility:hidden}.app .batak-table.phase-bury .burial-stock{top:76px;left:auto;right:8px}.app .batak-table.phase-bury .burial-stock small{display:none}}html[data-desktop-web=true] .app .batak-table.phase-bury .burial-panel{top:88px;width:440px;max-width:440px;padding:20px;transform:translate(-50%)}html[data-desktop-web=true] .app .batak-table .burial-heading,html[data-desktop-web=true] .app .batak-table .burial-selection{gap:12px}html[data-desktop-web=true] .app .batak-table .burial-selection-slot{width:64px;flex-basis:64px;height:82px}html[data-desktop-web=true] .app .batak-table .burial-selection-slot b{font-size:27px;line-height:30px}html[data-desktop-web=true] .app .batak-table .burial-selection-slot i{font-size:28px;line-height:30px}html[data-desktop-web=true] .app .batak-table .burial-actions>.primary.burial-confirm{min-height:48px;font-size:15px}html[data-desktop-web=true] .app .batak-table .burial-stock{left:calc(50% + 250px);top:30%;width:64px;height:90px}html[data-desktop-web=true] .app .batak-table .burial-stock img{width:64px;height:90px}.table-screen[data-dealing=true] .my-area .card-fan .playing-card:not(.deal-card),.table-screen[data-dealing=true] .tile-rack [data-tile-face]:not(.deal-card){opacity:0}.table-screen[data-dealing=true] .auction{visibility:hidden}.table-screen[data-dealing=true] .my-area{pointer-events:none}.deal-card{will-change:transform;transition:none!important}.table-screen[data-dealing=true] .rack-slot{z-index:30}.deal-packet{position:fixed;z-index:160;pointer-events:none;contain:layout style;will-change:translate,scale}.deal-packet>*{position:absolute;width:100%;height:100%;left:calc(var(--layer)*1.8px);top:calc(var(--layer)*-1.8px);border-radius:3px;box-shadow:0 1px 2px #0005}.deal-tiles>i{background:#f1eee4;border:1px solid #c2bdb0;border-bottom:3px solid #b2ad9f}.deal-status{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);z-index:165;display:flex;flex-direction:column;align-items:center;gap:4px;white-space:nowrap;padding:12px 20px;border:1px solid var(--masa-line);border-radius:12px;background:linear-gradient(150deg,var(--masa-raised),var(--masa-panel));color:var(--masa-text);box-shadow:inset 0 1px #ffffff20,0 3px 8px #0003;pointer-events:none}.deal-status strong{font:600 14px/19px Manrope,sans-serif}.deal-status>span{font:650 19px/24px Outfit,sans-serif;font-variant-numeric:tabular-nums;color:var(--masa-ice)}.deal-count{position:fixed;z-index:166;transform:translate(-50%);min-width:20px;padding:2px 5px;border-radius:8px;background:var(--masa-panel);color:var(--masa-text);border:1px solid var(--masa-line);text-align:center;font-size:11px;pointer-events:none}:root{--masa-shell-bg:var(--masa-base);--masa-shell-panel:var(--masa-panel);--masa-shell-raised:var(--masa-panel);--masa-shell-line:var(--masa-raised);--masa-shell-text:var(--masa-text);--masa-shell-muted:var(--masa-muted);--masa-shell-accent:var(--masa-ice);--masa-shell-ink:var(--masa-base);--masa-studio-base:var(--masa-base);--masa-studio-surface:var(--masa-panel);--masa-studio-raised:var(--masa-raised);--masa-studio-line:var(--masa-selected);--masa-studio-text:var(--masa-text);--masa-studio-muted:var(--masa-muted);--masa-studio-accent:var(--masa-ice);--masa-studio-accent-ink:var(--masa-panel);--masa-studio-ui-board:var(--masa-panel);--masa-studio-divider:rgba(var(--masa-selected-rgb),.278);--masa-studio-felt-color:var(--masa-raised);--masa-studio-felt-light:var(--masa-raised);--masa-studio-table-ink:var(--masa-text);--masa-studio-ui-input:var(--masa-panel);--masa-studio-ui-selected:var(--masa-raised);--masa-studio-ui-soft-line:rgba(var(--masa-selected-rgb),.4);--masa-material-ui-base:#10271f;--masa-material-ui-surface:#19372d;--masa-material-ui-raised:#2c4b3d;--masa-material-ui-line:#91a69870;--masa-material-ui-ink:#f2ecdf;--masa-material-ui-muted:#c1cbbf;--masa-material-ui-accent:#dbc69f;--masa-material-ui-accent-ink:#1c332b;--masa-material-ui-board:#12372e;--masa-material-gold:#d4bd90;--masa-navy-base:#102631;--masa-navy-surface:#173747;--masa-navy-raised:#294c5d;--masa-navy-line:#96b0b96b;--masa-navy-board:#103344;--masa-material-table-gold:#cbb580;--masa-material-table-ink:#e9e4d2;--masa-material-felt-color:#153d30;--masa-material-felt-light:#244d3d;--masa-navy-felt:#193c4c;--masa-navy-felt-light:#294c5a;--masa-material-ui-input:#112b23;--masa-material-ui-selected:#36533f;--masa-material-ui-soft-line:#a7baaa40;--masa-material-ui-ready:#d7c397;--masa-navy-input:#112c39;--masa-navy-selected:#355565;--masa-navy-soft-line:#a4c2cd40;--masa-navy-muted:#c1d0d4;--masa-table-felt-color:var(--masa-panel);--masa-table-felt-light:var(--masa-raised);--masa-table-gold:var(--masa-muted);--masa-table-ui-board:var(--masa-panel)}@font-face{font-family:Manrope;src:url(/fonts/Manrope.ttf) format("truetype");font-weight:200 800;font-display:swap}@font-face{font-family:Outfit;src:url(/fonts/Outfit.ttf) format("truetype");font-weight:100 900;font-display:swap}:root{font-family:Manrope,system-ui,-apple-system,Segoe UI,sans-serif;color:#eaece2;background:#102b27;font-synthesis:none;font-size:14px;font-weight:450;--ink:#102b27;--muted:#91a69d;--gold:#d7b76e;--cream:#f1eedf;--line:#ffffff14;--card-w:66px;--card-h:94px;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default}button,input,a{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #eed08d;outline-offset:3px}button{border:0}input{width:100%;border:1px solid #fff2;border-radius:10px;background:#ffffff06;padding:14px 15px;color:var(--cream);outline:none}input:focus{border-color:var(--gold)}button:disabled:not(.playing-card){opacity:.4}h1,h2,h3,p{margin:0}h1,h2{font-family:Outfit,Manrope,system-ui,sans-serif;font-weight:500;letter-spacing:-.04em}h1{font-size:44px;line-height:1.07}h2{font-size:24px}p{line-height:1.65}small{font-size:11px}strong{font-weight:650}svg{flex-shrink:0}button svg{vertical-align:middle}.app{min-height:100dvh;background:radial-gradient(ellipse at 88% 0,#24463844,transparent 60%),#102b27}.topbar{height:78px;max-width:1400px;margin:auto;padding:0 5.3%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.topbar-start,.topbar-end{display:flex;gap:18px;align-items:center}.brand{display:flex;align-items:center;gap:12px;font-family:Outfit,sans-serif;font-size:33px;letter-spacing:-2px;font-weight:650}.brand-icon{border:1px solid #c3aa6a80;display:flex;position:relative;align-items:center;justify-content:center;color:var(--gold);font-size:30px;height:35px;width:35px;line-height:1;border-radius:11px;letter-spacing:-4px;padding-right:5px;padding-bottom:5px}.brand-icon span{font-size:15px;position:absolute;right:6px;bottom:3px}.brand-dot{color:var(--gold)}.icon-button{width:40px;height:40px;padding:0;display:inline-flex;justify-content:center;align-items:center;background:transparent;border:1px solid #ffffff14;border-radius:50%;color:#c1cfc4;flex-shrink:0}.icon-button:hover{background:#ffffff0a;color:var(--cream)}.offline-dot,.pulse-dot{width:6px;height:6px;border-radius:50%;background:#a8c290;display:inline-block;flex-shrink:0}.offline-label{font-size:11px;color:#a4b8ac;letter-spacing:.03em;margin-left:-10px}.crumb{font-size:12px;color:#a7bbae}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--gold);display:flex;align-items:center;gap:9px}.eyebrow>span{width:5px;height:5px;border-radius:50%;background:var(--gold)}.home{max-width:1400px;padding:46px 5.3% 0;margin:auto}.home-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:33px}.home h1{margin-top:14px;font-size:60px;line-height:1.02}.home h1 em{font-style:normal;color:#b9c7b6}.home-heading p{font-size:13px;color:var(--muted);margin-top:16px}.home-note{display:flex;flex-direction:column;gap:16px;text-align:right;align-self:flex-end;padding-bottom:6px;color:var(--muted);font-size:12px;line-height:1.7}.line-art-suits{font-size:23px;letter-spacing:12px;color:#c3b57e}.line-art-suits i{font-style:normal;color:#ad795e}.game-choices{display:grid;grid-template-columns:1fr 1fr;gap:24px}.game-choice{position:relative;border-radius:18px;min-height:272px;overflow:hidden;text-align:left;padding:29px 28px;transition:transform .22s,box-shadow .22s;border:1px solid #c3d1ac24}.game-choice:hover{transform:translateY(-4px);box-shadow:0 20px 45px #0002}.batak-choice{background:radial-gradient(ellipse at right bottom,#42634c66,transparent 80%),linear-gradient(120deg,#234736,#1b382c);color:var(--cream)}.okey-choice{background:radial-gradient(ellipse at 95% 70%,#d8c59780,transparent 60%),#eae4d4;color:#203c31;border-color:#eadabd}.choice-copy{position:relative;z-index:1;pointer-events:none}.pill{font-size:8px;letter-spacing:.13em;font-weight:700;display:inline-block;padding:6px 9px;border-radius:5px;border:1px solid currentColor;color:#bfc9aa}.okey-choice .pill{color:#6b7057}.game-choice h2{font-size:57px;margin-top:19px;margin-bottom:12px;line-height:1}.game-choice h2 span{font-size:29px}.game-choice p{font-size:12px;line-height:1.6;color:#a7beaa}.okey-choice p{color:#737764}.choice-bottom{display:flex;align-items:center;font-size:10px;letter-spacing:.02em;margin-top:28px;color:#b9c9b4;gap:20px}.okey-choice .choice-bottom{color:#67725c}.circle-arrow{border:1px solid #cbd4b24d;border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center}.okey-choice .circle-arrow{border-color:#203c3140}.hero-cards{position:absolute;right:19px;top:61px;display:flex;align-items:center;width:180px;height:158px;transform:rotate(7deg);pointer-events:none}.hero-cards .playing-card{width:91px;height:133px;position:absolute;border-radius:8px;box-shadow:2px 12px 20px #061b3280}.hero-cards .playing-card:nth-child(1){transform:translate(-8px) rotate(-23deg) translateY(9px)}.hero-cards .playing-card:nth-child(2){transform:translate(39px) rotate(-8deg)}.hero-cards .playing-card:nth-child(3){transform:translate(84px) rotate(8deg) translateY(11px)}.hero-cards .card-pip{font-size:59px}.hero-tiles{position:absolute;right:18px;top:87px;display:flex;gap:7px;transform:rotate(-9deg);pointer-events:none;padding-bottom:20px}.hero-tiles .tile{width:58px;height:85px;font-size:39px;box-shadow:1px 9px 11px #31230525}.hero-tiles .tile:nth-child(1){transform:translateY(-7px) rotate(-4deg)}.hero-tiles .tile:nth-child(3){transform:translateY(-3px) rotate(4deg)}.hero-rack{height:15px;background:linear-gradient(#a67442,#784b2e);position:absolute;bottom:0;left:-12px;right:-12px;border-radius:3px;box-shadow:2px 7px 10px #37220c38}.home-footer{padding:28px 0;display:flex;align-items:center;justify-content:space-between;color:#829d8c;font-size:10px;gap:16px}.home-footer>span,.home-footer>div{display:flex;gap:8px;align-items:center}.home-footer .version{font-size:9px;letter-spacing:.2em}.resume{display:flex;align-items:center;gap:8px;color:#dcce9c;background:#ffffff08;border:1px solid #dcc48a26;border-radius:5px;padding:8px 11px;font-size:10px}.page{padding:40px 5.3%;max-width:1400px;margin:auto}.page h1{margin-top:12px}.subtitle{color:var(--muted);font-size:13px;margin-top:13px}.mode-page,.network-page{padding-top:57px}.mode-choices{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:35px}.mode-card{padding:33px;border-radius:14px;text-align:left;border:1px solid #c9d1b526;background:linear-gradient(130deg,#284b3c66,#18392e33);display:flex;gap:25px;transition:background .15s}.mode-card:hover{background:#234d3a}.mode-icon{width:66px;height:66px;border-radius:18px;background:#c7b97a0b;border:1px solid #b6c79526;display:flex;align-items:center;justify-content:center;color:#cfbf7b}.mode-card h2{font-size:25px;margin:3px 0 10px}.mode-card p{color:#9cb29f;font-size:12px;max-width:240px}.text-link{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:650;color:#d4c187;margin-top:25px;background:transparent;padding:0}.subtle-note{color:#93aa9b;font-size:11px;margin-top:20px;display:flex;align-items:center;gap:7px}.setup-title{display:flex;align-items:center;justify-content:space-between}.quiet-button{background:#ffffff06;border:1px solid #d9e2c826;padding:11px 15px;border-radius:9px;color:#bac8b9;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;white-space:nowrap}.quiet-button:hover{background:#ffffff10}.setup-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;margin-top:30px}.field{margin-bottom:22px}.field>label,.ai-heading label{font-size:9px;letter-spacing:.16em;color:#a7b8a3;font-weight:700;margin-bottom:12px;display:block}.segmented{display:flex;gap:5px;border:1px solid #fff1;border-radius:10px;padding:5px;background:#08221e44}.segmented button{padding:11px 14px;flex:1;display:flex;align-items:center;justify-content:center;gap:10px;background:transparent;color:#93a897;border-radius:6px;font-size:12px}.segmented .selected{background:#d4c38b;color:#243626;font-weight:650}.variant-options{display:grid;gap:8px}.variant-options button{padding:15px 18px;background:#ffffff03;border:1px solid #fff1;border-radius:9px;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;position:relative}.variant-options strong{font-size:13px;min-width:110px}.variant-options span{font-size:11px;color:#889e8d;margin-right:15px}.variant-options svg{position:absolute;right:13px;color:#d5bb78}.variant-options .selected{border-color:#c5b67c8a;background:#c3ad6610}.variant-options .selected strong{color:#dbc68d}.variant-options .selected span{color:#b0b89c}.rounds-field{margin-bottom:0}.setup-ai{padding-left:30px;border-left:1px solid var(--line)}.ai-heading{display:flex;gap:10px;align-items:center;color:#d1be80}.ai-heading label{margin:0}.setup-ai>p{color:var(--muted);font-size:11px;margin:10px 0 13px}.level-options{display:grid;gap:4px}.level-options button{padding:13px 12px;display:flex;align-items:center;gap:16px;border-radius:9px;background:transparent;border:1px solid transparent;text-align:left}.level-options button>span:nth-child(2){flex:1}.level-options button strong{display:block;font-size:13px;color:#bbc9b5}.level-options button small{font-size:10px;color:#859e8a;display:block;margin-top:4px}.level-options .selected{background:#cdbb7d0d;border-color:#cdbb7d50}.level-options .selected strong{color:#dfcb92}.level-bars{display:flex;align-items:flex-end;gap:3px;width:36px;flex-shrink:0}.level-bars i{width:5px;border-radius:2px;background:#ffffff16}.level-bars .filled{background:#b6bb8a}.radio-dot{width:14px;height:14px;border-radius:50%;border:1px solid #819e8055}.selected .radio-dot{border:4px solid #d2be83;background:#365139}.primary{min-height:42px;background:#d7bf82;color:#243326;border:1px solid #ead399;border-radius:8px;padding:11px 21px;font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:18px;box-shadow:0 3px #0001;white-space:nowrap}.primary:hover{background:#e8d399}.start-button{margin-top:25px;width:100%}.network-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:45px;margin-top:27px}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading h2,.manual-join h2{font-size:20px}.nearby{border:1px solid #fff1;border-radius:12px;padding:22px;background:#ffffff03}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;color:#a1b29e;gap:13px;padding:32px}.empty svg{color:#b6be96}.empty strong{font-size:13px}.empty p{font-size:11px;max-width:250px}.manual-join{padding:5px 0}.manual-join label,.modal>label{display:block;font-size:11px;color:#adbca7;margin:15px 0 8px}.manual-join .primary{width:100%;margin-top:18px}.manual-join .text-link{font-size:10px;margin-top:12px;color:#98ac98}.room-row{margin-top:13px;width:100%;padding:18px;display:flex;align-items:center;gap:16px;text-align:left;background:#ffffff08;border:1px solid #c5ba8433;border-radius:8px}.room-row span{flex:1}.room-row small{display:block;color:#91a78f;margin-top:5px}.lobby-heading{display:flex;align-items:center;justify-content:space-between}.room-code{background:#dcc78c12;color:#e4d09b;display:flex;gap:20px;align-items:center;padding:15px 23px;border-radius:10px;border:1px solid #dcc78c33;font-size:30px;font-weight:600;letter-spacing:.16em}.lobby-seats{display:flex;gap:15px;margin:35px 0}.lobby-seat{flex:1;border:1px dashed #fff2;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 12px;gap:15px;min-height:175px}.lobby-seat.occupied{background:#bfc59c08;border-style:solid;border-color:#cbcd9d3d}.lobby-seat .player{flex-direction:column;text-align:center;gap:12px}.lobby-seat .pill{font-size:7px}.lobby-seat>span:last-child{font-size:10px;color:#8d9e86}.lobby-seat>strong{font-size:13px}.empty-seat{width:43px;height:43px;border:1px solid #fff2;border-radius:50%;display:grid;place-items:center;color:#8ea98c}.lobby-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px}.lobby-bottom .subtle-note{margin-top:9px}.address-display{font-size:13px;display:block;margin-top:8px}.waiting{font-size:12px;color:#b7bf95;display:flex;align-items:center;gap:10px}.player{display:flex;align-items:center;gap:9px;max-width:100%;padding:4px 7px;border-radius:10px;border:1px solid transparent}.player.active{border-color:#ceb77266;background:#d7c37c0d}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:1px solid #ddd2a742;background:#355440;color:#c6c69c;position:relative;font-size:17px;font-weight:650;flex-shrink:0}.avatar-1{background:#465649;color:#d0c59e}.avatar-2{background:#395c58;color:#b9cfc0}.avatar-3{background:#685a4c;color:#d5ba9e}.avatar-status{position:absolute;width:6px;height:6px;border-radius:50%;border:1px solid #1c3527;bottom:1px;right:2px;background:#829780}.active .avatar-status{background:#d2bb76;box-shadow:0 0 8px #d1b86a99}.player-copy{min-width:0}.player strong{font-size:12px;white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis;max-width:130px}.player strong small{font-size:9px;font-weight:400;color:#879c87}.player-copy>span{display:block;font-size:8px;color:#9baa8f;white-space:nowrap;margin-top:4px}.trick-count{font-size:19px;margin-left:6px;font-weight:500;color:#d2c58b}.trick-count small{font-size:8px;margin-left:3px;color:#96a68b}.playing-card{position:relative;background:linear-gradient(135deg,#fffef6,#e9e6d8);color:#213e36;width:var(--card-w);height:var(--card-h);border:1px solid #c9c7b5;border-radius:6px;box-shadow:0 4px 6px #0003;display:inline-flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;user-select:none;transition:transform .15s,filter .15s}.playing-card.red{color:#ad443b}.card-corner{font-family:Georgia,serif;font-size:17px;font-weight:700;position:absolute;left:5px;top:4px;line-height:1;display:flex;flex-direction:column;align-items:center}.card-corner i{font-style:normal;font-size:14px;line-height:1.1}.corner-end{inset:auto 5px 4px auto;transform:rotate(180deg)}.card-pip{font-family:Georgia,serif;font-size:36px;line-height:1;padding-top:3px}.playing-card.selected{transform:translateY(-9px);box-shadow:0 0 0 2px #e5c77b,0 6px 9px #0006}.playing-card:disabled{filter:brightness(.71) saturate(.65)}.playing-card.small{width:37px;height:53px;border-radius:4px;--card-w:37px;--card-h:53px}.playing-card.small .card-corner{font-size:12px;top:3px;left:3px}.playing-card.small .card-pip{font-size:22px;padding:8px 0 0 9px}.tile{background:linear-gradient(110deg,#fffdf0,#e9e6d6);width:45px;height:60px;border:1px solid #d0ccb7;border-bottom:3px solid #b5ae91;border-radius:5px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-size:29px;font-weight:600;position:relative;box-shadow:0 3px 4px #0003;color:#273b3c;padding:0 0 3px;user-select:none;flex-shrink:0;transition:transform .12s,box-shadow .12s}.tile.red{color:#b63d33}.tile.blue{color:#326a8b}.tile.black{color:#33403b}.tile.gold{color:#b2802b}.tile-dot{width:5px;height:5px;border-radius:50%;background:currentColor;margin-top:3px;opacity:.6}.tile.selected{box-shadow:0 0 0 2px #edd28c,0 5px 8px #0006;transform:translateY(-5px)}.tile.staged{box-shadow:0 0 0 2px #9ab889;filter:brightness(.9)}.tile.joker{background:linear-gradient(110deg,#fff6c7,#e9da9d)}.joker-mark{font-size:8px;position:absolute;right:3px;top:2px;color:#816c29}.tile em{position:absolute;right:2px;bottom:2px;font-size:8px;font-style:normal}.tile.small{width:25px;height:34px;font-size:20px;border-radius:3px;padding:0 0 2px;border-bottom-width:2px}.tile.small .tile-dot{width:3px;height:3px;margin-top:0}.tile.small .joker-mark{font-size:6px;right:1px;top:0}.modal-shade{position:fixed;inset:0;z-index:50;background:#031713c9;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:#19392f;color:#dce3d2;border:1px solid #c1bc8540;border-radius:17px;width:min(440px,100%);max-height:calc(100dvh - 42px);overflow:auto;padding:24px;box-shadow:0 28px 100px #0008}.modal.wide{width:min(800px,100%)}.modal>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:20px}.modal h2{font-size:26px}.modal>p{font-size:13px;color:#a8b7a0;margin-bottom:15px}.modal>.primary{width:100%;margin-top:18px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.setting-row{margin:20px 0;display:flex;align-items:center;justify-content:space-between;background:#ffffff05;border:1px solid #fff1;border-radius:8px;padding:15px;width:100%;font-size:12px}.setting-row span{display:flex;align-items:center;gap:10px}.setting-row b{font-size:11px;color:#d3c691}.rules-list{display:grid;gap:17px}.rules-list h3{color:#dfd0a0;font-size:13px;margin-bottom:6px}.rules-list p{font-size:12px;color:#aebca7}.toast{position:fixed;z-index:80;bottom:18px;left:50%;transform:translate(-50%);background:#efe5cb;color:#374232;box-shadow:0 8px 40px #0005;padding:13px 16px;border-radius:10px;max-width:min(600px,90vw);display:flex;align-items:center;gap:16px;font-size:12px}.toast button{color:inherit;background:transparent;padding:5px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pulse-dot{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{opacity:.3}}.rotate-hint{display:none}.table-screen{height:100dvh;max-height:1200px;display:flex;flex-direction:column;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:radial-gradient(ellipse at 50% 38%,#285e47,#12382c 60%,#112c23)}.game-topbar{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:8px 20px;gap:15px;min-height:56px;border-bottom:1px solid #ced5a418;background:#102c2490;z-index:2}.game-topbar>div{display:flex;align-items:center;gap:13px}.game-topbar strong{font-size:13px}.game-topbar .icon-button{width:32px;height:32px;border-color:transparent}.table-badge{font-size:7px;letter-spacing:.12em;padding:5px 7px;border-radius:4px;border:1px solid #b4c19533;color:#bac6a0}.game-info>span{font-size:10px;color:#a4b393;display:flex;gap:6px;align-items:center}.game-info b{color:#e1d09a;font-size:14px}.game-info em{font-style:normal;font-size:9px;padding:3px 5px;background:#d8b86616;border-radius:4px;color:#d7c28a}.game-info .red-suit{color:#df9b80}.felt{flex:1;min-height:110px;position:relative;overflow:hidden;margin:8px 10px}.felt-border{position:absolute;inset:12px 90px 9px;border:1px solid #c9c89726;border-radius:120px;box-shadow:inset 0 0 60px #00291e40;pointer-events:none}.felt-border:after{content:"";position:absolute;inset:5px;border:1px dashed #b3c09119;border-radius:inherit}.seat{position:absolute;z-index:4}.seat-top{left:50%;top:2px;transform:translate(-50%)}.seat-left{top:45%;left:5px;transform:translateY(-50%)}.seat-right{top:45%;right:5px;transform:translateY(-50%)}.seat-left .player,.seat-right .player{flex-direction:column;text-align:center;max-width:130px;gap:6px;background:#17392c66}.seat-left .trick-count,.seat-right .trick-count{display:none}.seat .player-copy>span{font-size:7px}.card-backs{display:flex;justify-content:center;margin:6px 0 0 5px}.card-backs>span{width:20px;height:30px;border:1px solid #afbea351;border-radius:3px;background:repeating-linear-gradient(45deg,#254c3a,#254c3a 3px,#62816b66 3px 4px);margin-left:-7px;box-shadow:0 2px 4px #0003}.center-panel{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;min-width:300px;z-index:3;text-align:center}.center-panel h2{font-size:34px;color:#ecdfb7;margin:6px 0}.center-panel p{font-size:11px;color:#a7b898;margin:6px 0 12px}.center-panel .eyebrow{font-size:8px}.auction-controls{display:flex;gap:10px;align-items:center;margin-top:5px}.bid-stepper{display:flex;align-items:center;background:#133328cc;border:1px solid #d0c89133;border-radius:9px}.bid-stepper button{width:40px;height:40px;background:transparent;font-size:20px;color:#e1cf91}.bid-stepper b{font-size:20px;width:35px;font-weight:500}.auction-controls .quiet-button,.auction-controls .primary{min-width:72px}.thinking-line{font-size:10px;color:#bdc496;display:flex;align-items:center;gap:9px;margin-top:12px}.trump-options{display:flex;gap:12px}.trump-options button{background:#eef0da;border:1px solid #c8cdab;border-radius:7px;color:#234530;display:flex;flex-direction:column;gap:3px;padding:8px 12px;min-width:65px}.trump-options span{font-size:35px;line-height:1.1;font-family:Georgia,serif}.trump-options small{font-size:9px}.red-suit{color:#bc5845}.trump-panel.with-dummy{top:42%}.dummy-hand{position:absolute;bottom:3px;left:50%;transform:translate(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:5px;max-width:75%}.dummy-hand>span{font-size:8px;color:#c7c994;white-space:nowrap;background:#183c2dd6;padding:3px 6px;border-radius:4px}.dummy-hand>div{display:flex;gap:2px;max-width:100%;overflow:auto;padding:3px}.dummy-hand:not(.choosing-trump){top:53px;bottom:auto}.dummy-hand:not(.choosing-trump) .playing-card.small{width:30px;height:42px}.dummy-hand:not(.choosing-trump) .card-pip{font-size:18px}.dummy-hand:not(.choosing-trump) .card-corner{font-size:10px}.trick-area{position:absolute;inset:50px 140px 15px;display:flex;align-items:center;justify-content:center}.trick-card{position:absolute;transition:opacity .2s}.trick-card .playing-card{--card-w:58px;--card-h:82px}.trick-card small{position:absolute;bottom:-17px;left:50%;transform:translate(-50%);font-size:7px;color:#bbc7a6;white-space:nowrap}.trick-0{transform:translateY(35px) rotate(-5deg);z-index:3}.trick-1{transform:translate(59px) rotate(12deg);z-index:2}.trick-2{transform:translateY(-43px) rotate(4deg)}.trick-3{transform:translate(-59px) rotate(-13deg);z-index:2}.last-trick{opacity:1}.last-trick-label{position:absolute;bottom:-3px;font-size:8px;color:#acba93;letter-spacing:.02em}.table-watermark{font-family:Outfit,sans-serif;font-size:46px;letter-spacing:-3px;color:#acc08b19}.my-area{flex-shrink:0;z-index:5;padding:0 22px 13px;background:linear-gradient(transparent,#08281f80)}.turn-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:46px}.turn-strip .avatar{width:29px;height:29px;font-size:12px}.turn-strip .player{padding:3px 7px;max-width:190px}.turn-strip .player-copy>span{display:none}.turn-strip .player strong{font-size:11px}.turn-strip .trick-count{font-size:16px}.turn-message{color:#aab698;font-size:10px;display:flex;align-items:center;justify-content:center;gap:8px;flex:1}.turn-message.your-turn{color:#d5c68c}.rack{display:flex;justify-content:center;align-items:end}.card-rack{padding:13px 10px 0;overflow-x:auto;min-height:108px}.card-rack .playing-card{margin:0 -1px;transition:transform .12s,filter .12s;flex-shrink:0}.card-rack .playing-card:not(:disabled):hover{transform:translateY(-9px)}.card-rack .playing-card:not(:disabled){box-shadow:0 0 0 1px #d4cc9866,0 4px 10px #0004}.card-rack .playing-card.selected{transform:translateY(-9px)}.okey-table .felt-border{inset:18px 120px 5px;border-radius:85px}.okey-table-center{position:absolute;inset:59px 138px 9px;z-index:2;overflow:auto;scrollbar-width:thin;scrollbar-color:#9db28855 transparent}.meld-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 14px;align-content:flex-start;padding:5px}.meld{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px}.meld-target{background:#0b2d2422;border:1px solid #b9c29920;padding:7px 5px 5px;border-radius:6px;display:flex;flex-direction:column;gap:4px;align-items:center;min-height:44px}.meld-owner{font-size:6px;color:#adb990;position:absolute;left:5px;top:-3px;background:#254d39;padding:0 4px}.meld-tiles{display:flex;gap:1px}.meld-target:hover{border-color:#caba67aa}.swap-joker{background:#d1ba7040;color:#e0d69d;border-radius:3px;font-size:7px;padding:3px}.table-empty{min-height:115px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#9bb58980;font-size:9px}.draw-stack{position:absolute;right:115px;top:25%;z-index:5;display:flex;flex-direction:column;align-items:center;gap:6px}.indicator-label{font-size:7px;color:#b4c199}.stock-button{display:flex;flex-direction:column;align-items:center;background:transparent;position:relative;padding:2px}.tile-back{display:flex;justify-content:center;align-items:center;width:29px;height:39px;background:linear-gradient(130deg,#b7c0a3,#728771);color:#e3e7cb;font-family:Outfit,sans-serif;border:2px solid #a7b99d;border-radius:4px;box-shadow:3px 3px #4f6b51,5px 5px #809276,7px 7px #3e5c46;font-size:16px}.stock-button strong{position:absolute;font-size:9px;top:16px;left:-15px;color:#c0c795}.stock-button small{font-size:7px;margin-top:12px;color:#c7cda5;white-space:nowrap}.take-discard{position:absolute;left:116px;top:50%;display:flex;flex-direction:column;align-items:center;gap:5px;z-index:5}.take-discard>span{font-size:7px;color:#a5b797}.take-discard button{background:transparent;min-width:44px;min-height:44px;padding:5px}.take-discard .tile{width:29px;height:38px;font-size:22px}.empty-tile{width:25px;height:34px;display:grid;place-items:center;border:1px dashed #dbe4bb22;border-radius:3px}.expand-table{position:absolute;right:132px;bottom:3px;font-size:7px;padding:4px 8px;min-height:26px;z-index:4;background:#153e2ad9}.opponent-discard{position:absolute;bottom:-41px;left:50%;transform:translate(-50%);opacity:.82}.seat-top .opponent-discard{left:100%;bottom:4px;transform:translate(7px)}.okey-table .seat-right .opponent-discard,.okey-table .seat-left .opponent-discard{display:none}.okey-table .my-area{padding-bottom:7px}.tile-rack{display:grid;grid-template-columns:repeat(11,45px);gap:4px 5px;background:linear-gradient(#604e32,#3b3e26);padding:8px 20px 9px;border-radius:7px 7px 4px 4px;width:max-content;margin:0 auto;box-shadow:0 6px #796344,0 9px #352e20,0 12px 10px #0004;border:1px solid #997f51;position:relative}.tile-rack:after{content:"";position:absolute;left:0;right:0;top:50%;height:4px;background:linear-gradient(#a38a57,#6a5538);box-shadow:0 2px 2px #0004;pointer-events:none}.tile-rack>div{height:53px}.tile-rack .tile{height:53px;font-size:29px}.rack-sorting{display:flex;gap:3px}.rack-sorting button{font-size:8px;color:#9bae8c;background:#ffffff03;border:1px solid #fff1;border-radius:4px;padding:6px 10px;min-height:30px}.rack-sorting button.active{color:#d3c990;border-color:#cfbd7633}.okey-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;min-height:38px}.actions-left,.actions-right{display:flex;gap:5px;align-items:center}.okey-actions .quiet-button{font-size:9px;padding:8px 10px;min-height:35px;border-radius:5px}.okey-actions .icon-button{width:32px;height:32px}.okey-actions .quiet-button.active{border-color:#d7c384;color:#e1d294}.open-melds{background:#baceac;color:#213d2b;font-weight:700;font-size:10px;border-radius:5px;padding:10px 13px}.discard-button{font-size:10px;min-height:36px;border-radius:5px;padding:9px 14px;gap:13px}.result-shade{position:absolute;inset:0;z-index:25;background:#092b23c9;backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;padding:24px}.result-panel{max-height:calc(100dvh - 32px);overflow:auto;background:#1a3a2f;border:1px solid #cabe854d;border-radius:17px;width:min(620px,95vw);padding:25px;text-align:center;box-shadow:0 20px 70px #0005}.result-emblem{color:#ddc98c;margin:0 auto 10px;display:grid;place-items:center;border:1px solid #daca9033;width:48px;height:48px;border-radius:50%;background:#cabb6f0d}.result-panel .eyebrow{justify-content:center;margin:9px 0}.result-panel h2{font-size:28px;margin:6px 0 15px}.result-panel>p{font-size:11px;color:#c3c89e;margin-bottom:12px}.result-actions{display:flex;justify-content:center;gap:12px;margin-top:20px;align-items:center}.scoreboard{width:100%}.ranking{display:grid;gap:7px;margin-bottom:16px}.ranking>div{display:flex;align-items:center;gap:13px;background:#ffffff05;padding:10px 13px;border:1px solid #fff1;border-radius:6px;text-align:left}.ranking>div:first-child{background:#d1c48114;border-color:#cbbb7244}.ranking strong{font-size:12px;flex:1}.ranking span{font-size:10px;color:#a7b895}.ranking b{font-weight:500;font-size:17px;color:#d8cd97}.score-scroll{max-height:170px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:10px;color:#b7c7a8}th,td{border-bottom:1px solid #fff1;padding:9px;text-align:right}th{color:#d9dbb9;font-weight:500;font-size:9px}th:first-child,td:first-child{text-align:left}.modal .meld-grid{min-height:100px;gap:20px}.modal .meld-target{padding:15px 9px 7px}.modal .tile.small{width:35px;height:48px;font-size:27px}.modal .meld-owner{font-size:9px}.modal .swap-joker{font-size:10px;padding:7px}@media(min-width:1200px){.game-choice{min-height:305px}.hero-cards{right:43px;top:76px;transform:scale(1.2) rotate(7deg)}.hero-tiles{right:35px;top:100px;transform:scale(1.15) rotate(-9deg)}.game-choice h2{font-size:65px}.table-screen{--card-w:78px;--card-h:110px}.seat-left{left:35px}.seat-right{right:35px}.seat .player{max-width:180px}.seat .player strong{font-size:14px}.seat .player-copy>span{font-size:9px}.felt-border{inset:20px 140px}.trick-card .playing-card{--card-w:75px;--card-h:105px}.trick-0{transform:translateY(45px) rotate(-5deg)}.trick-1{transform:translate(80px) rotate(12deg)}.trick-2{transform:translateY(-60px) rotate(4deg)}.trick-3{transform:translate(-80px) rotate(-13deg)}.okey-table-center{inset:65px 230px 10px}.draw-stack{right:180px}.take-discard{left:180px}.expand-table{right:230px}.meld-tiles .tile.small{width:32px;height:43px;font-size:25px}.tile-rack{grid-template-columns:repeat(11,48px)}.tile-rack .tile{width:48px;height:59px;font-size:31px}.tile-rack>div{height:59px}.my-area{padding-bottom:20px}.card-rack{min-height:130px}.dummy-hand:not(.choosing-trump) .playing-card.small{width:38px;height:55px}.dummy-hand:not(.choosing-trump){top:58px}.dummy-hand:not(.choosing-trump) .card-corner{font-size:12px}.dummy-hand:not(.choosing-trump) .card-pip{font-size:23px}}@media(max-width:1050px){.topbar{height:61px;padding:0 4%}.home{padding:27px 4% 0}.home-heading{margin-bottom:23px}.home h1{font-size:45px;margin-top:10px}.home-heading p{font-size:11px;margin-top:10px}.home-note{font-size:10px}.game-choice{min-height:240px;padding:23px}.game-choices{gap:17px}.game-choice h2{font-size:47px}.game-choice h2 span{font-size:25px}.choice-bottom{font-size:8px;gap:12px}.game-choice p{font-size:10px}.hero-cards{right:-1px;transform:scale(.8) rotate(7deg);transform-origin:right center}.hero-tiles{right:7px;transform:scale(.8) rotate(-9deg);transform-origin:right center}.home-footer{padding:20px 0}.page{padding:28px 4%}.page h1{font-size:36px}.mode-choices{gap:17px;margin-top:25px}.mode-card{padding:27px 20px;gap:17px}.mode-card h2{font-size:22px}.mode-icon{width:50px;height:50px;border-radius:13px}.setup-grid{gap:28px;margin-top:23px}.setup-ai{padding-left:23px}.variant-options button{padding:13px}.variant-options span{font-size:9px}.variant-options strong{font-size:12px}.level-options button{padding:11px 9px;gap:12px}.level-options button small{font-size:9px}.field{margin-bottom:17px}.start-button{margin-top:18px}.lobby-seats{gap:11px}.lobby-seat{padding:23px 9px}.lobby-seat .player strong{max-width:140px}.game-topbar{padding-left:12px;padding-right:12px;gap:7px}.game-topbar>div{gap:8px}.game-topbar .table-badge{font-size:6px}.game-info>span{font-size:9px}.my-area{padding:0 16px 12px}.table-screen{--card-w:58px;--card-h:83px}.card-rack{min-height:97px}.tile-rack{grid-template-columns:repeat(11,42px);padding:6px 14px 7px;gap:3px 5px}.tile-rack .tile{width:42px;height:49px;font-size:27px}.tile-rack>div{height:49px}.okey-actions{margin-top:13px}.okey-actions .quiet-button{padding:8px}.okey-actions .actions-left{gap:4px}.center-panel h2{font-size:29px}.turn-strip .player{max-width:155px}.turn-message{font-size:9px}.turn-strip{gap:10px}.seat-left .player,.seat-right .player{max-width:103px}.seat .player strong{max-width:85px;font-size:10px}.seat .player-copy>span{font-size:6.5px}.okey-table-center{inset:54px 124px 8px}.draw-stack{right:103px}.take-discard{left:100px}.expand-table{right:115px}.seat .avatar{width:33px;height:33px}.lobby-seat .avatar{width:42px;height:42px}}@media(max-height:510px)and (orientation:landscape){.topbar{height:49px}.brand{font-size:27px}.brand-icon{width:29px;height:29px;font-size:25px}.topbar .icon-button{width:32px;height:32px}.home{padding-top:19px}.home-heading{margin-bottom:16px}.home h1{font-size:35px;line-height:1.02;margin-top:8px}.home h1 br{display:none}.home h1 em{margin-left:7px}.home-heading p{margin-top:7px;font-size:10px}.home-heading .eyebrow{font-size:8px}.home-note{font-size:8px;gap:5px}.line-art-suits{font-size:17px}.game-choice{min-height:190px;padding:17px 21px}.game-choice .pill{font-size:6px;padding:4px 6px}.game-choice h2{font-size:38px;margin:12px 0 9px}.game-choice h2 span{font-size:23px}.game-choice p{font-size:9px}.choice-bottom{margin-top:13px;font-size:7px}.circle-arrow{width:25px;height:25px}.hero-cards{top:31px;transform:scale(.74) rotate(7deg);right:6px}.hero-tiles{top:51px;transform:scale(.7) rotate(-9deg);right:9px}.home-footer{padding:13px 0;font-size:8px}.resume{font-size:8px;padding:6px 8px}.home-footer .version{font-size:7px}.page{padding-top:21px;padding-bottom:18px}.page h1{font-size:30px;margin-top:7px}.eyebrow{font-size:8px}.subtitle{font-size:10px;margin-top:8px}.mode-choices{margin-top:23px}.mode-card{padding:23px}.mode-card h2{font-size:22px}.mode-card p{font-size:10px}.text-link{font-size:10px;margin-top:18px}.subtle-note{margin-top:14px;font-size:9px}.setup-grid{margin-top:14px;gap:28px}.setup-title .quiet-button{font-size:10px;padding:8px 11px}.setup-ai{padding-left:24px}.setup-ai>p{font-size:9px;margin:6px 0}.ai-heading label,.field>label{font-size:8px;margin-bottom:7px}.ai-heading label{margin:0}.field{margin-bottom:12px}.variant-options{gap:5px}.variant-options button{padding:9px 12px}.variant-options strong{font-size:11px;min-width:98px}.variant-options span{font-size:8px}.segmented{padding:3px}.segmented button{font-size:10px;padding:8px}.level-options button{padding:7px 9px;gap:12px}.level-options button strong{font-size:11px}.level-options button small{font-size:8px;margin-top:3px}.start-button{min-height:37px;font-size:10px;margin-top:12px;padding:8px}.level-bars{transform:scale(.85);transform-origin:center}.network-grid{margin-top:16px;gap:27px}.nearby{padding:15px}.manual-join h2,.section-heading h2{font-size:16px}.manual-join label{font-size:9px;margin:10px 0 6px}.manual-join input{padding:9px 12px;font-size:11px}.manual-join .primary{min-height:35px;font-size:10px;margin-top:12px;padding:8px}.empty{padding:23px 13px;gap:10px}.empty strong{font-size:11px}.empty p{font-size:9px}.lobby-seats{margin:23px 0 16px}.lobby-seat{min-height:127px;padding:18px 10px;gap:10px}.lobby-seat .player{gap:8px}.lobby-seat .player strong{font-size:11px}.lobby-seat .pill{font-size:6px}.lobby-seat>strong{font-size:11px}.lobby-seat>span:last-child{font-size:8px}.lobby-bottom .subtle-note{font-size:8px;margin-top:5px}.address-display{font-size:11px;margin-top:6px}.room-code{font-size:24px;padding:12px 19px}.game-topbar{min-height:41px;height:41px;padding:3px 10px}.game-topbar strong{font-size:11px}.game-info b{font-size:12px}.game-info small,.game-info em{font-size:8px}.game-topbar .icon-button{width:30px;height:30px}.felt{margin:3px 7px;min-height:70px}.felt-border{inset:7px 85px 4px}.seat-top{top:0}.seat .avatar{width:27px;height:27px}.seat .avatar svg{width:17px}.seat .player{gap:5px;padding:3px 5px}.seat .player strong{font-size:9px}.seat .player-copy>span{margin-top:3px;font-size:6px}.seat-left{left:3px;top:49%}.seat-right{right:3px;top:49%}.card-backs{margin-top:3px}.card-backs>span{width:17px;height:24px}.seat .trick-count{font-size:16px}.turn-strip{min-height:35px}.turn-strip .avatar{width:24px;height:24px}.turn-strip .player strong{font-size:9px}.turn-strip .trick-count{font-size:13px}.turn-message{font-size:8px}.my-area{padding:0 15px 9px}.table-screen{--card-w:50px;--card-h:72px}.card-corner{font-size:14px;left:4px;top:4px}.card-corner i{font-size:12px}.corner-end{inset:auto 4px 4px auto}.card-pip{font-size:29px}.card-rack{min-height:85px;padding-top:9px}.card-rack .playing-card{margin:0 1px}.center-panel{top:56%;min-width:300px}.center-panel h2{font-size:25px;margin:4px 0}.center-panel p{font-size:9px;margin:4px 0 8px}.center-panel .eyebrow{font-size:7px}.auction-controls{gap:8px;margin-top:1px}.auction-controls .primary,.auction-controls .quiet-button{min-height:34px;padding:7px 13px;font-size:10px}.bid-stepper button{width:33px;height:32px}.bid-stepper b{font-size:17px;width:28px}.thinking-line{font-size:9px;margin-top:6px}.trump-options{gap:9px}.trump-options button{min-width:55px;padding:5px 9px}.trump-options span{font-size:28px}.trump-options small{font-size:8px}.dummy-hand{gap:2px}.dummy-hand>span{font-size:7px;padding:2px 5px}.dummy-hand .playing-card.small{width:31px;height:43px}.dummy-hand:not(.choosing-trump){top:39px}.dummy-hand:not(.choosing-trump) .playing-card.small{width:25px;height:35px}.dummy-hand:not(.choosing-trump) .card-corner{font-size:9px}.dummy-hand:not(.choosing-trump) .card-corner i{font-size:7px}.dummy-hand:not(.choosing-trump) .card-pip{font-size:15px}.trump-panel.with-dummy{top:41%}.trump-panel.with-dummy p{margin:2px 0 5px}.trick-area{inset:32px 125px 5px}.trick-card .playing-card{--card-w:43px;--card-h:62px}.trick-card .card-pip{font-size:27px}.trick-card .card-corner{font-size:12px}.trick-card .card-corner i{font-size:10px}.trick-card small{font-size:6px;bottom:-12px}.trick-0{transform:translateY(24px) rotate(-5deg)}.trick-1{transform:translate(44px) rotate(12deg)}.trick-2{transform:translateY(-27px) rotate(4deg)}.trick-3{transform:translate(-44px) rotate(-13deg)}.last-trick-label{font-size:7px;bottom:-2px}.tile-rack{grid-template-columns:repeat(11,37px);gap:3px 5px;padding:5px 14px 6px}.tile-rack>div{height:42px}.tile-rack .tile{width:37px;height:42px;font-size:25px;border-bottom-width:2px}.tile-rack .tile-dot{width:4px;height:4px;margin-top:1px}.okey-table .my-area{padding-bottom:5px}.okey-actions{margin-top:12px;min-height:33px}.okey-actions .quiet-button{font-size:8px;padding:7px 9px;min-height:32px;gap:5px}.okey-actions .primary{min-height:32px;font-size:9px;padding:7px 13px}.open-melds{font-size:9px;padding:8px 12px}.rack-sorting button{font-size:7px;min-height:26px;padding:5px 9px}.okey-table-center{inset:39px 117px 6px}.draw-stack{right:96px;top:18%;gap:4px}.draw-stack .tile.small{width:22px;height:28px;font-size:17px}.stock-button .tile-back{width:23px;height:31px;font-size:13px}.stock-button small{margin-top:10px;font-size:6px}.indicator-label{font-size:6px}.take-discard{left:86px;top:38%}.take-discard>span{font-size:6px}.take-discard button{padding:3px;min-width:39px;min-height:39px}.take-discard .tile{width:24px;height:33px;font-size:20px}.meld-grid{gap:9px;padding:5px}.meld-tiles .tile.small{width:21px;height:28px;font-size:17px}.meld-target{padding:6px 4px 3px;min-height:33px}.meld-owner{font-size:6px}.table-empty{min-height:70px;font-size:7px}.table-watermark{font-size:36px}.expand-table{right:101px;bottom:0;min-height:22px;font-size:6px;padding:3px 6px}.seat-top .opponent-discard .tile{width:22px;height:30px;font-size:18px}.table-empty .table-watermark{font-size:37px}.modal{padding:18px;max-height:calc(100dvh - 24px)}.modal-shade{padding:12px}.modal h2{font-size:22px}.modal>header{margin-bottom:13px}.result-panel{padding:17px;max-height:calc(100dvh - 20px)}.result-emblem{width:33px;height:33px;margin-bottom:6px}.result-emblem svg{width:20px}.result-panel h2{font-size:22px;margin:5px 0 12px}.result-panel .eyebrow{font-size:7px;margin:6px}.ranking{gap:4px;margin-bottom:10px}.ranking>div{padding:6px 10px}.ranking strong{font-size:10px}.ranking b{font-size:14px}.result-actions{margin-top:13px}.score-scroll{max-height:85px}th,td{padding:6px}.result-panel .primary,.result-panel .quiet-button{min-height:34px;font-size:10px;padding:8px 15px}}@media(max-width:740px)and (orientation:landscape){.offline-label,.home-note,.home-footer .version,.desktop-setting{display:none}.topbar-end{gap:12px}.home{padding:15px 4% 0}.home h1{font-size:30px}.home-heading{margin-bottom:12px}.home h1 em{margin-left:5px}.game-choice{min-height:179px;padding:14px 17px}.hero-cards{right:-7px;top:27px;transform:scale(.59) rotate(7deg)}.hero-tiles{right:1px;top:45px;transform:scale(.56) rotate(-9deg)}.game-choice h2{font-size:34px}.game-choice h2 span{font-size:19px}.game-choice p{font-size:8px}.game-choice .pill{font-size:5px}.choice-bottom{font-size:6px;gap:6px}.game-choices{gap:12px}.home-footer{font-size:7px}.page{padding:17px 4%}.page h1{font-size:28px}.mode-card{padding:22px 16px;gap:12px}.mode-card h2{font-size:19px}.mode-card p{font-size:9px}.mode-icon{width:42px;height:42px}.mode-icon svg{width:23px}.setup-grid{gap:20px;margin-top:12px}.setup-ai{padding-left:16px}.variant-options button{padding:9px 10px}.variant-options strong{font-size:10px;min-width:80px}.variant-options span{font-size:7px}.level-options button{gap:8px;padding:7px}.level-options button strong{font-size:10px}.level-options button small{font-size:7px}.level-bars{width:29px;gap:2px}.level-bars i{width:4px}.level-options .radio-dot{width:11px;height:11px}.setup-title .quiet-button{font-size:9px;padding:7px 9px}.setup-ai>p{font-size:8px}.field>label,.ai-heading label{font-size:7px}.start-button{font-size:9px}.lobby-seat>span:last-child{font-size:7px}.lobby-bottom .primary{font-size:10px;padding:9px 15px}.lobby-seat .avatar{width:32px;height:32px}.game-topbar>div{gap:5px}.table-badge{display:none}.game-topbar strong{font-size:10px}.game-info>span{font-size:8px}.game-info em{font-size:6px}.game-info .icon-button{width:27px}.game-topbar .icon-button svg{width:17px}.card-rack .playing-card{width:44px;height:64px;margin:0 -1px}.card-rack{min-height:78px;padding-left:0;padding-right:0}.my-area{padding-left:12px;padding-right:12px}.turn-strip .player{max-width:130px}.turn-message{font-size:7px}.turn-strip{gap:7px;min-height:31px}.turn-strip .player strong{font-size:8px}.turn-strip .avatar{width:22px;height:22px}.seat .player strong{font-size:8px;max-width:68px}.seat .player-copy>span{font-size:5.5px}.seat-left .player,.seat-right .player{max-width:78px}.seat .avatar{width:26px;height:26px}.seat .avatar svg{width:16px}.center-panel{min-width:270px}.center-panel h2{font-size:24px}.center-panel p{font-size:8px}.trick-area{inset:31px 96px 5px}.okey-table-center{inset:37px 94px 5px}.draw-stack{right:76px}.take-discard{left:72px}.expand-table{right:86px}.tile-rack{grid-template-columns:repeat(11,34px);gap:3px 4px;padding:5px 12px 6px}.tile-rack .tile{width:34px;height:40px;font-size:24px}.tile-rack>div{height:40px}.okey-actions .quiet-button{font-size:7px;padding:7px 6px;gap:4px}.okey-actions .quiet-button svg{width:13px}.okey-actions .actions-left,.okey-actions .actions-right{gap:3px}.open-melds{font-size:8px;padding:8px 7px}.okey-actions .primary{font-size:8px;padding:7px 10px;gap:7px}.okey-actions .icon-button{width:27px;height:30px}.rack-sorting button{font-size:6px;padding:5px 7px}.dummy-hand{max-width:77%}.dummy-hand .playing-card.small{width:26px;height:37px}.dummy-hand .playing-card.small .card-pip{font-size:17px}.dummy-hand .playing-card.small .card-corner{font-size:10px}.dummy-hand:not(.choosing-trump){top:37px}.dummy-hand:not(.choosing-trump) .playing-card.small{width:22px;height:31px}.dummy-hand:not(.choosing-trump) .card-pip{font-size:13px}.dummy-hand:not(.choosing-trump) .card-corner{font-size:8px}.dummy-hand>div{gap:1px}}@media(orientation:portrait)and (max-width:700px){.rotate-hint{position:fixed;inset:0;z-index:100;background:radial-gradient(ellipse at 50% 35%,#284c39,#102b27 80%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:23px;color:#d3c289;padding:30px;text-align:center}.rotate-hint svg{transform:rotate(90deg)}.rotate-hint h2{font-size:31px;color:#e6e3cb}.rotate-hint p{font-size:12px;color:#a2b395}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.batak-table:has(.auction) .card-rack .playing-card:disabled,.batak-table:has(.trump-panel) .card-rack .playing-card:disabled{filter:none}.dummy-hand .playing-card:disabled{filter:none}.card-rack{justify-content:flex-start}.card-rack>.playing-card:first-child{margin-left:auto}.card-rack>.playing-card:last-child{margin-right:auto}.okey-table .expand-table{right:50%;transform:translate(50%);bottom:1px}.okey-table-center{bottom:26px}@media(max-height:510px)and (orientation:landscape){.home{height:calc(100dvh - 49px);display:flex;flex-direction:column;padding-top:17px}.home-heading{flex-shrink:0}.game-choices{flex:1;min-height:0}.game-choice{min-height:0}.home-footer{flex-shrink:0;padding:8px 0}.setup-page .variant-options{grid-template-columns:repeat(3,1fr);gap:6px}.setup-page .variant-options button{flex-direction:column;align-items:flex-start;gap:7px;padding:11px 8px;min-height:66px}.setup-page .variant-options strong{min-width:0;font-size:10px}.setup-page .variant-options span{font-size:7px;margin-right:0;line-height:1.5}.setup-page .variant-options svg{top:8px;right:5px;width:11px}.setup-page .variant-options .selected strong{padding-right:11px}.setup-page .field{margin-bottom:15px}.setup-page .level-options button{padding:4px 9px}.setup-page .setup-ai .start-button{margin-top:7px}.network-page:has(.network-grid){padding-top:14px;padding-bottom:10px}.network-grid{margin-top:12px}.manual-join .text-link,.manual-join label{margin-top:8px}.manual-join input{padding:8px 12px}}@media(max-height:510px)and (orientation:landscape){.setup-ai>p{display:none}.level-options{margin-top:9px}.level-options button{padding:6px 9px}.level-options button small{margin-top:2px}.setup-ai .start-button{margin-top:9px}.auction-controls .primary,.auction-controls .quiet-button{min-height:40px}.bid-stepper button{width:40px;height:38px}.tile-rack{grid-template-columns:repeat(11,44px);gap:3px;padding:5px 12px 6px}.tile-rack .tile{width:44px;height:44px;font-size:27px}.tile-rack>div{height:44px}.okey-actions .quiet-button,.okey-actions .primary,.open-melds,.okey-actions{min-height:36px}.game-topbar .icon-button{width:34px;height:34px}.rack-sorting button{min-height:30px}}.tile-rack.wide-rack{width:100%;max-width:1200px;grid-template-columns:repeat(var(--rack-cols),minmax(0,1fr));grid-template-rows:repeat(2,56px);gap:7px 3px;padding:9px 12px 10px;border-radius:8px 8px 4px 4px;background:linear-gradient(95deg,#6e593b,#51472f 38%,#655538 74%,#51472f);box-shadow:0 5px #957a4a,0 8px #403420,0 12px 14px #0005;isolation:isolate}.wide-rack .rack-slot{height:56px;min-width:0;position:relative;touch-action:none;user-select:none}.wide-rack .tile{width:100%;height:100%;font-size:30px;touch-action:none;user-select:none;cursor:grab}.wide-rack .rack-slot.dragging .tile{opacity:.25}.wide-rack .tile.selected{transform:translateY(-5px);box-shadow:0 0 0 2px #e7cd7b,0 5px 6px #0005}.wide-rack .empty-rack-slot{display:block;width:100%;height:100%;border-radius:4px;background:transparent;border:1px solid transparent;box-shadow:none}.wide-rack .empty-rack-slot:not(:disabled){border:1px dashed #e1c27b55;background:#efda9b08;cursor:pointer}.wide-rack .empty-rack-slot:not(:disabled):hover{background:#e0c68e22;border-color:#e1c27b}.rack-drag-preview{position:fixed;z-index:100;pointer-events:none;transform:translate(-50%,-65%) rotate(-4deg);filter:drop-shadow(0 8px 8px #0008)}.rack-drag-preview .tile{width:46px;height:57px;font-size:31px}@media(max-height:510px)and (orientation:landscape){.tile-rack.wide-rack{grid-template-rows:repeat(2,51px);padding:7px 11px 8px;gap:6px 3px}.wide-rack .rack-slot{height:51px}.wide-rack .tile{font-size:29px}.setup-page{padding-top:12px;padding-bottom:10px}.setup-page h1{font-size:27px;margin-top:6px}.setup-page .setup-grid{margin-top:10px}.setup-page .field{margin-bottom:12px}.setup-page .rounds-field{margin-bottom:0}.setup-page .start-button{min-height:40px}}@media(max-width:740px)and (orientation:landscape){.tile-rack.wide-rack{grid-template-rows:repeat(2,47px);padding:6px 9px 7px;gap:6px 3px}.wide-rack .rack-slot{height:47px}.wide-rack .tile{font-size:27px}.setup-page .variant-options button{min-height:62px;padding-top:9px;padding-bottom:9px}.setup-page .field{margin-bottom:10px}}@media(max-height:340px)and (orientation:landscape){.okey-table .draw-stack{top:7px;right:81px;display:grid;grid-template-columns:25px 30px;column-gap:9px;row-gap:2px;align-items:center}.okey-table .indicator-label{grid-column:1 / 3}.okey-table .stock-button{grid-column:2;grid-row:2}.okey-table .stock-button strong{left:-10px;top:9px}.okey-table .stock-button small{position:absolute;top:34px;margin:0;font-size:5px}.okey-table .draw-stack>.tile{grid-column:1;grid-row:2}.okey-table .stock-button .tile-back{height:28px}.okey-table .seat-top .player-copy>span{display:none}}.playing-card{background:#fffdf7;border:1px solid #eee9d9;border-bottom:2px solid #b7b2a3;border-radius:7px;box-shadow:-2px 3px 5px #07171365,0 9px 13px #03150d42;isolation:isolate;overflow:hidden;color:#172c39}.playing-card.red{color:#bf2537}.card-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;border-radius:inherit}.card-glaze{position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(125deg,#fff7,#fff0 43%,#e0d6c50b 67%,#9c886918);box-shadow:inset 1px 1px 1px #fff,inset -1px -1px 1px #8e84751c;z-index:3}.playing-card .card-corner{font-family:Outfit,sans-serif;font-size:17px;font-weight:600;line-height:.97;left:3px;top:4px;min-width:15px;letter-spacing:-.8px;background:#fffdf7;border-radius:2px;z-index:2;padding:0 1px 2px}.playing-card .card-corner i{font-family:Georgia,serif;font-size:14px;line-height:1.12;letter-spacing:0}.playing-card .corner-end{inset:auto 3px 4px auto;transform:rotate(180deg)}.playing-card.small .card-corner{font-size:11px;min-width:9px;left:2px;top:3px;padding:0}.playing-card.small .card-corner i{font-size:9px}.playing-card.small .corner-end{display:none}.card-fan{position:relative;height:var(--fan-height);min-height:var(--fan-height);width:100%;margin:0 auto;padding:0;overflow:visible;display:block;isolation:isolate}.card-fan .playing-card{position:absolute;left:calc(50% + var(--fan-x));top:calc(9px + var(--fan-drop));width:var(--card-w);height:var(--card-h);margin:0!important;transform:translate(-50%) rotate(var(--fan-angle));transform-origin:50% 82%;z-index:var(--fan-order);transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.card-fan .playing-card:not(:disabled):hover,.card-fan .playing-card.selected{transform:translate(-50%) translateY(-12px) rotate(var(--fan-angle));box-shadow:-2px 5px 8px #00180c70,0 12px 20px #00140b50;z-index:30}.card-fan .playing-card.selected{box-shadow:0 0 0 2px #ebd395,0 12px 18px #0005}.card-fan .playing-card:disabled{filter:brightness(.9) saturate(.9)}.batak-table.phase-bid .hand-fan .playing-card,.batak-table.phase-trump .hand-fan .playing-card,.dummy-hand .playing-card:disabled{filter:none}.tile{border:1px solid #fff3d5;border-right-color:#c6bfa9;border-bottom:3px solid #a89b7f;border-radius:7px;background:linear-gradient(118deg,#fffefa 3%,#f9f5e9 43%,#eae2cf);box-shadow:inset 2px 2px 1px #fff,inset -2px -3px 3px #ac9f7826,1px 3px #c9bda3,2px 6px 7px #11160e70;color:#182f3d;isolation:isolate}.tile.red{color:#c22732}.tile.blue{color:#176692}.tile.gold{color:#b87918}.tile.black{color:#1c303a}.tile-value{font-family:Outfit,sans-serif;font-weight:600;line-height:1;letter-spacing:-1px;text-shadow:0 1px 0 #fff,0 -1px 1px #0002;z-index:1}.tile-glaze{position:absolute;inset:2px;border-radius:5px;border:1px solid #ffffff70;background:linear-gradient(132deg,#fff7,#fff0 35% 76%,#a08f5a10);pointer-events:none}.tile-dot{width:4px;height:4px;background:currentColor;opacity:.9;box-shadow:0 1px #fff;margin-top:5px}.tile.joker{background:linear-gradient(125deg,#fff9df,#f5e6bd);border-color:#e9d2a2}.tile.staged{filter:none;box-shadow:0 0 0 2px #9fb984,1px 3px #c9bda3,2px 6px 7px #0005}.tile.small{border-radius:4px;box-shadow:inset 1px 1px 1px #fff,0 2px #bdaf90,1px 3px 4px #0004}.tile.small .tile-glaze{inset:1px;border-radius:3px}.tile.small .tile-value{letter-spacing:-.5px}.table-screen{position:relative;display:block;max-height:none;background:radial-gradient(ellipse at 50% 12%,#293e36,#172b24 58%,#0c1d17);isolation:isolate}.game-topbar{position:absolute;inset:0 0 auto;min-height:38px;height:38px;background:linear-gradient(#071e19bb,#10251c33);border:0;padding:2px 13px;z-index:12}.game-topbar .icon-button{width:32px;height:32px}.game-topbar>div{gap:10px}.table-screen .felt{position:absolute;inset:44px 10px 9px;margin:0;overflow:visible;min-height:0}.table-screen .felt-border{inset:6px 55px 4px;border:10px solid #263b2d;border-radius:43% 43% 32% 32%/26% 26% 29% 29%;background:radial-gradient(ellipse at 50% 33%,#3f775b,#285c44 48%,#143e2b);box-shadow:0 1px #baa96d55,inset 0 0 0 2px #84976924,inset 0 2px 18px #08190e88,0 7px #172319,0 13px #0b1710,0 22px 25px #0006}.table-screen .felt-border:before{content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(23deg,#e9eaca06 0 1px,transparent 1px 3px),repeating-linear-gradient(113deg,#00000008 0 1px,transparent 1px 3px);pointer-events:none}.table-screen .felt-border:after{inset:10px;border-color:#bcc69924;border-radius:inherit}.table-screen .my-area{position:absolute;bottom:5px;left:0;right:0;padding:0 20px;background:none;z-index:8}.turn-strip{min-height:29px;gap:10px}.turn-strip .player{background:#123426b0;backdrop-filter:blur(5px)}.turn-message{padding:4px 10px;flex:none;max-width:65%;background:#102a1b80;backdrop-filter:blur(5px);border-radius:20px;color:#c7d5ae}.turn-message.your-turn{color:#f1daa0}.batak-table .turn-strip{position:absolute;top:7px;left:16px;right:16px;z-index:35;pointer-events:none;align-items:flex-start}.batak-table .turn-strip .player{transform:translateY(-17px)}.batak-table .turn-message{position:absolute;left:50%;top:-25px;transform:translate(-50%);font-size:9px;white-space:nowrap}.batak-table .my-area{padding-bottom:0}.table-screen .seat-top{top:0}.table-screen .seat-left,.table-screen .seat-right{top:38%}.table-screen .seat-left{left:2px}.table-screen .seat-right{right:2px}.seat .player{background:#10291dcc;border:1px solid #71815e40;border-radius:12px;backdrop-filter:blur(4px);box-shadow:0 4px 10px #0002}.seat .player.active{border-color:#d9c98580;background:#224530dc}.seat-top .player{padding:5px 10px}.seat-left .player,.seat-right .player{padding:6px 8px}.card-backs{gap:0;margin-top:7px}.card-backs>span{width:27px;height:38px;margin-left:-15px;transform:rotate(var(--back-angle));transform-origin:center bottom;background:#1a3544;border:1px solid #e9e3d1;border-radius:3px;overflow:hidden;box-shadow:-2px 3px 4px #0005}.card-backs>span:first-child{margin-left:0}.card-backs img{width:100%;height:100%;object-fit:cover}.table-screen .center-panel{top:34%;z-index:6}.table-screen .trump-panel.with-dummy{top:40%}.trump-panel.with-dummy>.eyebrow,.trump-panel.with-dummy>p{display:none}.table-screen .trick-area{inset:65px 130px 145px;min-height:60px}.paired-table .trick-area{top:111px}.trick-card .playing-card{--card-w:57px;--card-h:80px}.trick-card .card-corner{font-size:14px;min-width:11px}.trick-card .card-corner i{font-size:11px}.trick-0{transform:translateY(17px) rotate(-8deg)}.trick-1{transform:translate(48px) rotate(12deg)}.trick-2{transform:translateY(-27px) rotate(6deg)}.trick-3{transform:translate(-48px) rotate(-13deg)}.seat .dummy-hand,.seat .dummy-hand:not(.choosing-trump){position:absolute;top:calc(100% + 2px);left:50%;bottom:auto;transform:translate(-50%);max-width:none;width:max-content;gap:0;z-index:5}.seat .dummy-hand>span{font-size:7px;background:#15392399;color:#d7daba;margin:0}.seat .dummy-hand .card-fan{width:var(--fan-width);height:var(--fan-height);min-height:var(--fan-height);overflow:visible;padding:0;max-width:none;display:block}.dummy-hand .card-fan .playing-card.small{width:var(--card-w);height:var(--card-h);filter:none}.dummy-hand .mini-hand-fan .playing-card{top:calc(3px + var(--fan-drop))}.seat-left .dummy-hand,.seat-left .dummy-hand:not(.choosing-trump){top:35%;left:calc(100% + 8px)}.seat-right .dummy-hand,.seat-right .dummy-hand:not(.choosing-trump){top:35%;left:auto;right:calc(100% + 8px)}.okey-table .my-area{padding:0 16px;bottom:5px}.okey-table .turn-strip{min-height:29px}.tile-rack.wide-rack{background:repeating-linear-gradient(1deg,#9e703411 0 1px,transparent 1px 4px),linear-gradient(100deg,#5a341c,#896033 34%,#a2743b 58%,#754b26 88%);border:1px solid #b9965d;border-top:2px solid #dcc18c;box-shadow:inset 0 0 0 2px #4e321f70,inset 0 5px 9px #170c0870,0 5px #422816,0 7px #ab7b41,0 11px #332011,0 15px 18px #091d12aa;transform:perspective(1500px) rotateX(8deg);transform-origin:50% 100%;padding-left:12px;padding-right:12px}.tile-rack:after{height:6px;background:linear-gradient(#dfbd7c,#8c5c2c 45%,#4c2d14 90%);box-shadow:0 2px 4px #1b0f0677}.wide-rack .tile{border-radius:6px;font-size:30px;padding-bottom:4px}.wide-rack .tile.selected{box-shadow:0 0 0 2px #ead194,inset 2px 2px 1px #fff,1px 3px #c9bda3,2px 7px 10px #0007}.okey-actions{margin-top:13px;min-height:32px}.okey-actions .quiet-button,.okey-actions .primary,.open-melds{min-height:32px}.okey-actions .quiet-button{background:#102a1cb5}.okey-table .okey-table-center{inset:43px 125px 174px;min-height:57px;z-index:3;overflow:auto}.okey-table .expand-table{bottom:168px;right:50%;z-index:5}.okey-table .take-discard{left:93px;top:24%}.okey-table .draw-stack{right:91px;top:20%;gap:4px}.okey-table .meld-grid{gap:9px;padding:3px}.okey-table .swap-joker{font-size:6px;padding:2px;line-height:1.2}.table-watermark{color:#d0e0b113;text-shadow:0 1px #06190c10}@media(min-height:511px){.table-screen .felt{inset:61px 20px 17px}.game-topbar{height:51px}.table-screen .felt-border{border-width:15px}.table-screen .seat-top{top:7px}.table-screen .center-panel{top:42%}.table-screen .trump-panel.with-dummy{top:43%}.table-screen .trick-area{top:110px;bottom:195px}.okey-table .okey-table-center{top:76px;bottom:201px}.okey-table .expand-table{bottom:192px}.table-screen .my-area{bottom:12px}.okey-table .draw-stack{top:32%}.okey-table .take-discard{top:35%}.seat .dummy-hand{margin-top:6px}}@media(max-width:740px)and (orientation:landscape){.table-screen .felt-border{inset:5px 35px 4px;border-width:8px}.table-screen .my-area{padding-left:12px;padding-right:12px}.game-topbar>div{gap:6px}.table-screen .trick-area{left:100px;right:100px;bottom:123px}.paired-table .trick-area{top:112px}.trick-card .playing-card{--card-w:49px;--card-h:69px}.table-screen .seat-left,.table-screen .seat-right{top:35%}.seat-left .player,.seat-right .player{padding:4px 5px}.wide-rack .tile{font-size:28px}.okey-table .okey-table-center{inset:39px 93px 164px;min-height:54px}.okey-table .expand-table{bottom:156px}.okey-table .take-discard{left:66px;top:23%}.okey-table .draw-stack{right:65px;top:20%}.okey-table .turn-message{font-size:7px}.okey-table .okey-actions{margin-top:12px}.playing-card .card-corner{font-size:16px}.playing-card .card-corner i{font-size:13px}.card-backs>span{width:24px;height:34px}}@media(max-height:340px)and (orientation:landscape){.table-screen .felt{top:39px}.game-topbar{height:35px;min-height:35px}.game-topbar .icon-button{width:29px;height:29px}.table-screen .center-panel{top:27%}.table-screen .trump-panel.with-dummy{top:43%}.table-screen .seat .avatar{width:22px;height:22px}.table-screen .seat-top .player-copy>span{display:none}.table-screen .seat-top{top:0}.okey-table .okey-table-center{top:32px;bottom:160px;min-height:42px}.okey-table .draw-stack{top:14%;right:74px}.okey-table .expand-table{bottom:148px}.okey-table .turn-strip{min-height:25px}.okey-table .okey-actions{margin-top:12px}.batak-table .turn-strip .player{transform:translateY(-9px)}.batak-table .turn-message{top:-22px}.table-screen .trick-area{top:70px;bottom:111px}.paired-table .trick-area{top:96px}.seat .dummy-hand>span{display:none}}.okey-table .seat-left,.okey-table .seat-right{top:25%}.okey-table .draw-stack{top:20%;right:91px;display:grid;grid-template-columns:26px 30px;column-gap:9px;row-gap:3px;align-items:center}.okey-table .stock-button strong{left:auto;right:-7px;top:-6px;min-width:14px;padding:1px 3px;border-radius:5px;background:#153423;border:1px solid #889d6650;font-size:8px}.okey-table .stock-button small{position:absolute;top:39px;margin:0;font-size:6px}.okey-table .okey-table-center{bottom:200px}.okey-table .rack-sorting{display:flex;gap:5px}.okey-table .rack-sorting button{background:#173b2bbb;border-color:#adc19b35;backdrop-filter:blur(4px)}.table-screen .trump-panel.with-dummy{top:44%}.trump-panel.with-dummy .trump-options button{min-width:51px;padding:4px 9px}.trump-panel.with-dummy .trump-options span{font-size:25px}.trump-panel.with-dummy .trump-options small{font-size:8px}@media(max-width:740px)and (orientation:landscape){.okey-table .draw-stack{right:73px;top:22%}.okey-table .okey-table-center{bottom:188px}.okey-table .stock-button small{top:35px;font-size:5px}.okey-table .draw-stack .tile-back{height:29px}.okey-table .draw-stack{grid-template-columns:23px 26px;column-gap:8px}.okey-table .take-discard{left:67px;top:24%}.trump-panel.with-dummy .trump-options button{min-width:49px}}@media(max-height:340px)and (orientation:landscape){.okey-table .seat-left,.okey-table .seat-right{top:23%}.okey-table .draw-stack{right:71px;top:14%}.okey-table .okey-table-center{top:34px;bottom:191px;min-height:42px}.table-screen .trump-panel.with-dummy{top:46%}.trump-panel.with-dummy .trump-options button{padding:3px 8px}.trump-panel.with-dummy .trump-options span{font-size:22px}.trump-panel.with-dummy .trump-options small{font-size:7px}}@media(min-height:511px){.okey-table .okey-table-center{bottom:220px}.okey-table .draw-stack{right:125px;top:32%}.okey-table .seat-left,.okey-table .seat-right{top:38%}}.table-screen .trump-panel.with-dummy{top:149px}.batak-table.phase-trump.paired-table .turn-message{left:auto;right:0;top:-13px;transform:none}@media(min-height:511px){.table-screen .trump-panel.with-dummy{top:43%}}@media(max-height:340px)and (orientation:landscape){.table-screen .trump-panel.with-dummy{top:46%}}.card-fan .playing-card:not(:disabled):hover,.card-fan .playing-card.selected{z-index:var(--fan-order)}.seat-left .dummy-hand,.seat-left .dummy-hand:not(.choosing-trump){top:50%;left:calc(100% + 9px);right:auto;transform:translateY(-40%)}.seat-right .dummy-hand,.seat-right .dummy-hand:not(.choosing-trump){top:50%;left:auto;right:calc(100% + 9px);transform:translateY(-40%)}.batak-table .trick-area{top:125px;bottom:auto;height:73px;min-height:0}.batak-table .trick-card{top:0;left:50%}.batak-table .trick-card .playing-card{--card-w:50px;--card-h:70px}.batak-table .trick-0{transform:translate(calc(-50% - 50px)) rotate(-8deg)}.batak-table .trick-1{transform:translate(calc(-50% - 17px)) rotate(-3deg)}.batak-table .trick-2{transform:translate(calc(-50% + 17px)) rotate(3deg)}.batak-table .trick-3{transform:translate(calc(-50% + 50px)) rotate(8deg)}@media(max-width:740px)and (orientation:landscape){.batak-table .trick-card .playing-card{--card-w:43px;--card-h:60px}.batak-table .trick-area{top:125px;height:65px}.batak-table .trick-0{transform:translate(calc(-50% - 43px)) rotate(-8deg)}.batak-table .trick-1{transform:translate(calc(-50% - 14px)) rotate(-3deg)}.batak-table .trick-2{transform:translate(calc(-50% + 14px)) rotate(3deg)}.batak-table .trick-3{transform:translate(calc(-50% + 43px)) rotate(8deg)}}@media(max-height:340px)and (orientation:landscape){.batak-table .trick-area{top:107px;height:54px}.batak-table .trick-card .playing-card{--card-w:37px;--card-h:52px}.batak-table .trick-card .card-corner{font-size:10px}.batak-table .trick-card .card-corner i{font-size:8px}}@media(min-height:511px){.batak-table .trick-area{top:36%;height:104px}.batak-table .trick-card .playing-card{--card-w:69px;--card-h:97px}}.batak-table .trick-0{z-index:1}.batak-table .trick-1{z-index:2}.batak-table .trick-2{z-index:3}.batak-table .trick-3{z-index:4}.batak-table .turn-message{left:auto;right:0;top:-13px;transform:none;max-width:70%}@media(max-height:340px)and (orientation:landscape){.okey-table .seat-left,.okey-table .seat-right{top:18%}}.table-screen{--rack-row:clamp(34px,10dvh,46px)}.table-screen .hand-fan .card-corner{font-size:15px;min-width:12px;left:2px;top:3px}.table-screen .hand-fan .card-corner i{font-size:12px}.table-screen .hand-fan .corner-end{inset:auto 2px 3px auto}.table-screen .card-backs>span{width:22px;height:31px;margin-left:-12px}.table-screen .card-backs>span:first-child{margin-left:0}.table-screen .trick-card .playing-card{--card-w:44px;--card-h:62px}.table-screen .trick-card .card-corner{font-size:12px;min-width:10px}.table-screen .trick-card .card-corner i{font-size:10px}.table-screen .tile-rack.wide-rack{width:min(78vw,1000px);grid-template-rows:repeat(2,var(--rack-row));padding:6px 10px 7px;gap:5px 3px;box-shadow:inset 0 0 0 2px #4e321f70,inset 0 4px 7px #170c0870,0 3px #422816,0 5px #ab7b41,0 8px #332011,0 11px 15px #091d1280}.table-screen .wide-rack .rack-slot{height:var(--rack-row)}.table-screen .wide-rack .tile{font-size:clamp(22px,6.15dvh,28px);border-radius:5px;padding-bottom:2px;border-bottom-width:2px}.table-screen .wide-rack .tile-dot{width:3px;height:3px;margin-top:2px}.okey-table .turn-strip{min-height:27px}.okey-table .okey-actions{margin-top:10px}.okey-table .okey-table-center{bottom:calc(var(--rack-row)*2 + 83px)}.okey-table .expand-table{bottom:calc(var(--rack-row)*2 + 73px)}.okey-table .felt .tile.small{width:21px;height:29px;font-size:19px}.okey-table .take-discard .tile.small{width:23px;height:32px;font-size:21px}.okey-table .draw-stack{grid-template-columns:23px 26px;column-gap:8px}.okey-table .draw-stack .tile-back{width:25px;height:30px}.rack-drag-preview .tile{width:36px;height:43px;font-size:26px}.table-screen .last-trick-label{bottom:auto;top:calc(100% + 16px);left:50%;transform:translate(-50%);white-space:nowrap}@media(max-width:740px)and (orientation:landscape){.table-screen .tile-rack.wide-rack{width:90vw;padding-left:8px;padding-right:8px}.table-screen .card-backs>span{width:20px;height:28px;margin-left:-11px}.table-screen .trick-card .playing-card{--card-w:38px;--card-h:53px}.table-screen .hand-fan .card-corner{font-size:14px}.table-screen .hand-fan .card-corner i{font-size:11px}}@media(max-height:340px)and (orientation:landscape){.table-screen .tile-rack.wide-rack{width:94vw}.table-screen .trick-card .playing-card{--card-w:35px;--card-h:49px}.okey-table .turn-strip{min-height:24px}}@media(min-height:511px){.table-screen .trick-card .playing-card{--card-w:60px;--card-h:84px}.table-screen .hand-fan .card-corner{font-size:18px}.table-screen .hand-fan .card-corner i{font-size:15px}}.batak-table .turn-strip .player{transform:translateY(-34px)}.batak-table .turn-message,.batak-table.phase-trump.paired-table .turn-message{top:-28px}.table-screen{background:#06120e}.table-screen .felt-border{inset:0 18px;border:0;border-radius:0;background:#153e30;box-shadow:none}.table-screen .felt-border:before,.table-screen .felt-border:after{display:none}.table-screen .game-topbar{background:linear-gradient(#06120ef5,#06120e88);border-bottom:1px solid #bcad7612}.table-screen .game-topbar strong{font-family:Outfit,sans-serif;letter-spacing:.01em;font-size:14px;font-weight:500;color:#f1eee2}.table-screen .seat .player{background:linear-gradient(135deg,#142c25ed,#071c14e8);border-color:#a9a48030;border-radius:9px;box-shadow:0 5px 13px #0005,inset 0 1px 0 #fff08}.table-screen .seat .player.active{border-color:#c9ae6fa0;background:linear-gradient(135deg,#283e2e,#122d20);box-shadow:0 5px 13px #0005,0 0 14px #d0b67812}.table-screen .avatar{border-color:#d0b87950;box-shadow:inset 0 1px #fff2,0 3px 6px #0003;background:linear-gradient(135deg,#536154,#253e32)}.table-screen .playing-card{border:1px solid #f6f1e5;border-bottom:1px solid #c7c0b2;border-radius:4px;background:#fffdf7;box-shadow:0 1px #d8d1c3,0 3px 5px #03100965}.table-screen .card-glaze{background:linear-gradient(115deg,#fff1,#fff0 55%,#d5c9b910);box-shadow:inset 0 0 0 1px #fff5}.table-screen .card-art{filter:contrast(1.02) saturate(1.06)}.table-screen .card-fan .playing-card .card-corner{font-family:Georgia,Times New Roman,serif;font-size:var(--card-index);font-weight:700;min-width:0;letter-spacing:-.7px;left:2px;top:3px;padding:0 1px;background:#fffdf7;line-height:.98}.table-screen .card-fan .playing-card .card-corner i{font-size:calc(var(--card-index)*.8);line-height:1.05}.table-screen .card-fan .playing-card .corner-end{inset:auto 2px 3px auto}.table-screen .card-fan .playing-card:disabled{filter:brightness(.98) saturate(.95)}.table-screen .card-fan .playing-card:not(:disabled):hover,.table-screen .card-fan .playing-card.selected{transform:translate(-50%) translateY(-8px) rotate(var(--fan-angle));box-shadow:0 0 0 1px #e2c388,0 6px 11px #00110888}.table-screen .card-backs>span{border:1px solid #aa9873;border-radius:3px;box-shadow:0 3px 6px #0007}.table-screen .tile{background:linear-gradient(125deg,#fffef8,#f6f2e6 57%,#e5decc);border-color:#fff7e5;border-right-color:#d3c9b4;border-bottom-color:#b6a68b;box-shadow:inset 1px 1px 1px #fff,0 2px #b8a88d,1px 4px 5px #06150d66}.table-screen .tile-value{font-weight:500;text-shadow:0 1px 0 #fff;letter-spacing:-.6px}.table-screen .tile-glaze{background:linear-gradient(125deg,#fff4,#fff0 42%);border-color:#ffffff50}.table-screen .tile.joker{background:linear-gradient(125deg,#fff8de,#ecdfb9)}.table-screen .tile-rack.wide-rack{background:repeating-linear-gradient(0deg,#bd9b6110 0 1px,transparent 1px 8px),linear-gradient(105deg,#2b190f,#674327 27%,#452b1b 53%,#734d2c 78%,#321e12);border:1px solid #ad8550;border-top:2px solid #d1ad72;border-radius:6px;box-shadow:inset 0 0 0 1px #bb956844,inset 0 4px 6px #100b0755,0 3px #27180e,0 5px #987449,0 8px 11px #020d09bb}.table-screen .tile-rack:after{height:4px;background:linear-gradient(#cfad77,#7c542c 50%,#33200f);box-shadow:0 2px 3px #120b0655}.table-screen .primary{background:linear-gradient(#e6cda0,#c8a86b);border-color:#e6ce9c;box-shadow:inset 0 1px #fff6,0 2px 4px #0003;color:#18291e}.table-screen .quiet-button{border-color:#aaa98c35;background:#061d15bf}.table-screen .trump-options button{background:linear-gradient(145deg,#163c2d,#0b251b);border:1px solid #b99c6270;box-shadow:inset 0 1px 0 #fff08,0 4px 10px #0005;color:#f0e7cf}.table-screen .trump-options button span{color:#e9e5d4}.table-screen .trump-options button.red span{color:#ee7e71}.table-screen .trump-options button:hover{background:#284b32;border-color:#e4c389}.table-screen .turn-message{background:#06190dcc;color:#d4d9be}.table-screen .turn-message.your-turn{color:#f0d49e}.table-screen .table-watermark{opacity:.35}@media(max-width:740px)and (orientation:landscape){.table-screen .felt-border{inset:0 10px}.table-screen .game-topbar strong{font-size:12px}}.modal .meld-tiles .tile.small{width:40px;height:55px;font-size:31px;border-radius:6px}.modal .meld-target{padding:10px 6px 7px;min-height:76px}.modal .meld-owner{font-size:8px}.modal .swap-joker{font-size:9px;min-height:30px;padding:5px 9px}.modal .meld-grid{gap:14px}.okey-table .my-area{display:flex;flex-direction:column;bottom:7px;gap:0}.okey-table .wide-rack{order:2;margin:0 auto}.okey-table .okey-actions{order:1;margin:0 0 9px;min-height:30px}.okey-table .okey-actions button{min-height:30px}.okey-table .turn-strip{position:absolute;left:16px;right:16px;top:-22px;min-height:18px;pointer-events:none;justify-content:center}.okey-table .turn-message{font-size:8px;padding:2px 9px;max-width:90%;background:#062017a8}.okey-table .okey-table-center{inset:26px 88px calc(var(--rack-row)*2 + 90px);min-height:0;overflow:visible}.okey-table .game-topbar .rack-sorting{margin-left:4px;gap:3px}.okey-table .game-topbar .rack-sorting button{min-height:28px;padding:4px 8px;font-size:8px}.okey-table .game-topbar .rack-sorting button.active{color:#f5d8a2;background:#37533a;border-color:#cfb57599}.okey-table .suggest-meld span,.okey-table .prepare-meld span{display:none}.okey-table .suggest-meld,.okey-table .prepare-meld{width:32px;justify-content:center;padding:4px}.okey-table .okey-actions .auto-process{font-size:9px;padding:6px 10px}.okey-table .draw-stack{top:45%;right:10px;display:flex;gap:5px}.okey-table .stock-button strong{right:-7px}.okey-table .stock-button small{top:33px;white-space:nowrap;font-size:6px}.okey-table .take-discard{top:47%;left:14px}.okey-table .seat-left,.okey-table .seat-right{top:16%}.okey-table .seat-left .player,.okey-table .seat-right .player{max-width:71px;padding:4px 3px}.okey-table .opponent-discard{display:none}.meld-board{width:100%;height:100%;display:flex;gap:8px;min-height:0}.meld-zone{flex:none;min-width:0;position:relative;background:linear-gradient(130deg,#062b2294,#0b322687);border:1px solid #b2caaa24;border-radius:7px;overflow:hidden;box-shadow:inset 0 1px 12px #001c1633}.meld-zone>header{height:21px;padding:5px 8px;font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#acbeaa;line-height:11px;border-bottom:1px solid #bed0b91c}.meld-surface{position:absolute;inset:24px 5px 4px;overflow:auto;scrollbar-width:thin;scrollbar-color:#9eac8466 transparent}.meld-board .meld-grid{position:relative;display:block;padding:0;margin:0;min-height:0}.meld-board .meld{position:absolute;display:block}.meld-board .meld-target{padding:0;border:0;background:none;min-height:0;border-radius:3px;display:block}.meld-board .meld-tiles{gap:1px}.okey-table .meld-board .tile.small,.modal .meld-board .tile.small{width:var(--table-tile-w);height:var(--table-tile-h);font-size:var(--table-tile-font);border-radius:3px;box-shadow:inset 1px 1px #fff,0 1px #bcac90,0 2px 3px #00180b55}.meld-board .tile-dot{width:2px;height:2px;margin-top:1px}.meld-board .tile em{font-size:6px;bottom:1px}.meld-board .swap-joker{position:absolute;right:0;bottom:0;z-index:4;background:#183e26ee;color:#fce2a4;min-height:20px;padding:2px 4px;font-size:8px}.meld-board .meld-target:hover{outline:1px solid #e6c477;outline-offset:2px}.modal .meld-board{height:calc(100dvh - 160px);min-height:130px;max-height:520px}.modal .meld-zone>header{font-size:10px}.table-screen .seat-top{top:-4px}.table-screen .seat-top .player{padding:2px 7px;gap:5px;border-radius:6px}.table-screen .seat-top .avatar{width:21px;height:21px}.table-screen .seat-top .avatar svg{width:14px}.table-screen .seat-top .player strong{font-size:9px}.table-screen .seat-top .player-copy>span{font-size:6px}.table-screen .seat-top .trick-count{font-size:14px}.table-screen .seat-top .card-backs{margin-top:3px}.table-screen .seat-top .card-backs>span{width:18px;height:24px}.table-screen .seat-top .dummy-hand{margin-top:0;top:calc(100% + 1px)}.batak-table .turn-strip .player{position:fixed;left:50%;bottom:0;top:auto;transform:translate(-50%);padding:1px 9px;background:linear-gradient(#48321fd9,#20180fd9);border:1px solid #ad8d5438;border-radius:5px 5px 0 0;min-height:15px;gap:7px}.batak-table .turn-strip .player .avatar{display:none}.batak-table .turn-strip .player strong{font-size:8px}.batak-table .turn-strip .player .trick-count{font-size:10px}.batak-table .turn-strip .player .trick-count small{font-size:6px}.batak-table .my-area:before{content:"";position:absolute;inset:24px 0 -6px;border-radius:50% 50% 0 0/26px 26px 0 0;background:repeating-linear-gradient(2deg,#d9a46b09 0 1px,transparent 1px 7px),linear-gradient(100deg,#21170f,#60442a 35%,#48311d 72%,#21170f);border-top:2px solid #a8855277;box-shadow:0 -4px 8px #001b1080;z-index:-1}@media(max-width:740px)and (orientation:landscape){.okey-table .okey-table-center{left:67px;right:67px;top:24px}.okey-table .game-topbar{padding-left:5px;padding-right:5px}.okey-table .game-topbar strong{font-size:10px}.okey-table .game-topbar>div{gap:4px}.okey-table .game-topbar .rack-sorting button{padding:4px 6px;font-size:7px}.okey-table .game-info .icon-button{width:27px}.okey-table .seat .avatar{width:21px;height:21px}.okey-table .seat .player strong{font-size:7px}.okey-table .seat-left .player,.okey-table .seat-right .player{max-width:57px}.okey-table .seat .player-copy>span{font-size:5px}.okey-table .draw-stack{right:5px}.okey-table .take-discard{left:7px}.okey-table .okey-actions .auto-process{font-size:8px;padding:5px 7px}.okey-table .turn-message{font-size:7px}}@media(min-height:511px){.okey-table .okey-table-center{top:31px;left:105px;right:105px}.table-screen .seat-top{top:0}.table-screen .seat-top .player{padding:4px 10px}.table-screen .seat-top .avatar{width:26px;height:26px}.table-screen .seat-top .player strong{font-size:11px}.table-screen .seat-top .player-copy>span{font-size:7px}.okey-table .draw-stack{right:36px}.okey-table .take-discard{left:40px}}@media(max-height:510px)and (orientation:landscape){.lobby-page{padding-top:13px;padding-bottom:10px}.lobby-page h1{font-size:27px;margin-top:6px}.lobby-page .subtitle{margin-top:6px}.lobby-seats{margin:15px 0 11px;gap:10px}.lobby-seat{padding:10px 8px;min-height:116px;gap:7px}.lobby-seat .player{gap:5px;padding:1px 4px}.lobby-seat .avatar{width:33px;height:33px}.lobby-seat .pill{padding:5px 7px}.lobby-seat>span:last-child{font-size:7px}.lobby-bottom{gap:16px}.lobby-bottom .subtle-note{margin-top:4px;font-size:8px}.lobby-bottom .address-display{margin-top:3px;font-size:10px}.lobby-bottom>.primary{min-height:40px;font-size:11px;padding:9px 16px}.lobby-page .room-code{font-size:21px;padding:10px 16px}.modal:has(#player-name){padding:15px 18px}.modal:has(#player-name)>header{margin-bottom:9px}.modal:has(#player-name)>label{font-size:10px;margin-bottom:5px}.modal:has(#player-name)>input{font-size:12px;padding:8px 12px;min-height:35px}.modal:has(#player-name)>p{font-size:9px;line-height:1.5;margin:6px 0}.modal:has(#player-name) .setting-row{padding:8px 0;margin:7px 0;font-size:11px;min-height:35px}.modal:has(#player-name)>.primary{min-height:36px;margin-top:8px;padding:8px 12px;font-size:11px}}.okey-table{--rack-row:clamp(34px,9dvh,44px)}.okey-table .turn-strip{display:none}.okey-table .okey-table-center{bottom:calc(var(--rack-row)*2 + 65px)}.okey-table .okey-actions>.turn-message{flex:1;min-width:0;max-width:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;text-align:center;font-size:8px;padding:3px 8px;background:transparent;backdrop-filter:none}.okey-table .okey-actions>.turn-message .pulse-dot{display:inline-block;margin-right:4px}.okey-table .okey-actions{gap:9px}.okey-table .actions-left,.okey-table .actions-right{flex-shrink:0}@media(max-width:740px)and (orientation:landscape){.okey-table .okey-actions>.turn-message{font-size:7px;padding:2px;letter-spacing:-.1px}.okey-table .okey-actions{gap:4px}}.okey-table .draw-stack{top:31%;right:8px;display:grid;grid-template-columns:21px 25px;column-gap:5px;row-gap:3px}.okey-table .indicator-label{grid-column:1;grid-row:1}.okey-table .draw-stack>.tile{grid-column:1;grid-row:2}.okey-table .stock-button{grid-column:2;grid-row:2}.okey-table .stock-button small{top:34px}.okey-table .take-discard{top:42%;left:16px}.meld-zone>header{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meld-board .meld-grid{min-height:100%}@media(max-width:740px)and (orientation:landscape){.okey-table .draw-stack{right:2px}.okey-table .take-discard{left:8px;top:35%}}@media(min-height:511px){.okey-table .draw-stack{right:27px}.okey-table .take-discard{left:40px}}.okey-table .rack-wrap{position:relative;order:2;display:grid;grid-template-columns:46px minmax(0,1fr) 46px;gap:8px;align-items:center;width:min(100%,1120px);margin:0 auto}.okey-table .rack-wrap .wide-rack{width:100%;order:0;grid-column:2;max-width:none}.rack-edge-sort{height:58px;min-width:0;border:1px solid #b59b6244;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:linear-gradient(#193629,#0c2117);color:#bfc8ad;font-size:8px;box-shadow:0 3px 8px #0003}.rack-edge-sort.active{color:#f7d494;border-color:#c8a96b8c;background:linear-gradient(#37503a,#183021)}.rack-summary{position:absolute;top:-14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;white-space:nowrap;border:1px solid #a98c5940;border-radius:5px 5px 0 0;background:#14291ff2;padding:2px 10px;font-size:8px;line-height:11px;color:#c5cdb8;pointer-events:none;z-index:2}.rack-summary b{font-size:10px;color:#f5dca5;font-weight:600}.rack-summary i{height:8px;border-left:1px solid #b5b68855}.rack-summary em{font-style:normal;color:#b5d3a2;font-size:8px}.okey-table .okey-actions{margin-bottom:16px}.okey-table .take-discard.holding-discard{top:29%;gap:4px}.okey-table .take-discard .return-discard{font-size:7px;min-height:26px;padding:4px 5px;min-width:55px;background:#665531;border:1px solid #d6ba75a0;color:#ffe7b4;border-radius:5px;white-space:nowrap}.return-discard:disabled{opacity:.4}.okey-table .take-discard.holding-discard>span:first-child{color:#f2d398}@media(max-width:740px)and (orientation:landscape){.okey-table .rack-wrap{grid-template-columns:35px minmax(0,1fr) 35px;gap:5px}.rack-edge-sort{font-size:7px;height:52px;gap:5px}.rack-edge-sort svg{width:13px}.okey-table .rack-wrap .wide-rack{padding-left:6px;padding-right:6px}.okey-table .take-discard.holding-discard{top:23%}.rack-summary{font-size:7px;gap:6px;padding:2px 8px}}@media(max-height:340px)and (orientation:landscape){.okey-table .okey-table-center{top:17px}}.okey-table .seat-left,.okey-table .seat-right{top:2px;transform:none}.app{--table-bg:#091b16;--felt-color:#153e30;--rail-color:#1e3028;--per-color:#103327;--table-line:#b9caba24;--table-grid:#b9caba12;--table-muted:#a5b7a8;--seat-color:#142c23;--seat-active:#304837}.app[data-table-theme=navy]{--table-bg:#101f2e;--felt-color:#28465c;--rail-color:#1e3142;--per-color:#203d52;--table-line:#bed0dc29;--table-grid:#bed0dc16;--table-muted:#b0c3cf;--seat-color:#1c3446;--seat-active:#3b5260}.app.in-game,.table-screen{background:var(--table-bg)}.table-screen .felt-border{inset:0 18px;border:9px solid var(--rail-color);border-radius:42% 42% 28% 28%/23% 23% 26% 26%;background:var(--felt-color);box-shadow:0 4px #020a0740,inset 0 0 0 1px var(--table-line)}.table-screen .felt-border:before{display:block;inset:0;border-radius:inherit;background:repeating-linear-gradient(25deg,#f1f4ed03 0 1px,transparent 1px 3px),repeating-linear-gradient(115deg,#020a0705 0 1px,transparent 1px 3px);opacity:.6}.table-screen .felt-border:after{display:block;inset:5px;border:1px solid var(--table-line);border-radius:inherit;opacity:.5}.table-screen .game-topbar{background:var(--table-bg);border-bottom:1px solid var(--table-line)}.table-screen .seat .player{background:var(--seat-color);border:1px solid var(--table-line);box-shadow:0 2px 4px #020a071a;backdrop-filter:none}.table-screen .seat .player.active{background:var(--seat-active);border-color:#b7c6a973;box-shadow:none}.table-screen .avatar{background:var(--rail-color);border-color:var(--table-line);box-shadow:none}.table-screen .player-copy>span{color:var(--table-muted)}.table-screen .meld-zone{background:var(--per-color);border-color:var(--table-line);box-shadow:none}.table-screen .meld-zone>header{color:var(--table-muted);border-color:var(--table-line)}.table-screen .quiet-button,.table-screen .trump-options button{background:var(--seat-color);border-color:var(--table-line);box-shadow:none}.table-screen .trump-options button:hover{background:var(--seat-active);border-color:#b9caba80}.table-screen .trump-options button span.red-suit{color:#cf817c}.table-screen .primary{background:#cfbea0;border-color:#dfd2b9;box-shadow:none;color:#1e2b24}.table-screen .turn-message,.table-screen .turn-message.your-turn{color:#dce2d4;background:transparent}.table-screen .rack-edge-sort{background:var(--seat-color);border-color:var(--table-line);box-shadow:none;color:var(--table-muted)}.table-screen .rack-edge-sort.active{background:var(--seat-active);color:#e9e1ca;border-color:#b9c49c73}.table-screen .rack-summary{background:var(--seat-color);border-color:var(--table-line)}.table-screen .tile-rack.wide-rack{background:repeating-linear-gradient(0deg,#bd9b6106 0 1px,transparent 1px 6px),linear-gradient(100deg,#3c2b20,#54402e 48%,#3c2b20);border-color:#806748;border-top-color:#9d8564;box-shadow:inset 0 3px 5px #120f0938,0 3px #2b2018,0 5px 5px #0003}.table-screen .tile-rack:after{background:#856c4b;box-shadow:0 1px 2px #140f0929}.table-screen .tile-glaze{opacity:.3}.batak-table .my-area:before{background:repeating-linear-gradient(2deg,#d9a46b05 0 1px,transparent 1px 7px),linear-gradient(100deg,#2b2219,#4a3829 45%,#2b2219);border-top-color:#90734e59;box-shadow:0 -3px 5px #0002}.table-screen .indicator-label,.table-screen .take-discard>span,.table-screen .stock-button small{color:var(--table-muted)}.table-screen .tile-back{background:var(--seat-active);border-color:var(--table-line)}.theme-setting{margin:12px 0;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:11px}.theme-setting>div{display:flex;gap:7px}.theme-setting button{display:flex;align-items:center;gap:7px;background:#15281f;border:1px solid #a9b59b40;border-radius:6px;color:#c9d0bb;padding:9px 11px;font-size:10px;min-height:36px}.theme-setting button.selected{border-color:#c5b580;color:#f0e2bb;background:#304131}.theme-setting i{width:14px;height:14px;border:1px solid #b9caba45;border-radius:4px}.forest-swatch{background:#153e30}.navy-swatch{background:#28465c}@media(max-width:740px)and (orientation:landscape){.table-screen .felt-border{left:10px;right:10px;border-width:7px}}@media(max-height:510px)and (orientation:landscape){.theme-setting{margin:7px 0;font-size:10px}.theme-setting button{padding:5px 8px;min-height:31px;font-size:9px}.modal .app-about{font-size:8px!important;line-height:1.3!important}.modal:has(#player-name){padding:12px 18px}.modal:has(#player-name)>header{margin-bottom:7px}.modal:has(#player-name) .setting-row{padding:6px 0;min-height:29px;margin:5px 0}}.table-screen .game-topbar .desktop-setting{display:inline-flex}@media(max-height:510px)and (orientation:landscape){.modal:has(#player-name)>p.subtle-note{display:none}.modal:has(#player-name) .theme-setting{margin:5px 0}}.batak-table .trick-card{z-index:var(--play-order)}.batak-table .trick-0{transform:translate(calc(-50% - 3px),14px) rotate(-7deg)}.batak-table .trick-1{transform:translate(calc(-50% + 19px),2px) rotate(9deg)}.batak-table .trick-2{transform:translate(calc(-50% + 2px),-14px) rotate(4deg)}.batak-table .trick-3{transform:translate(calc(-50% - 18px),-1px) rotate(-9deg)}.batak-table .trick-card small{font-size:7px;white-space:nowrap;line-height:11px;background:var(--felt-color);color:#d4dece;border-radius:3px;padding:0 3px;pointer-events:none}.batak-table .trick-0 small{left:50%;right:auto;top:calc(100% + 4px);bottom:auto;transform:translate(-50%)}.batak-table .trick-1 small{left:calc(100% + 5px);right:auto;top:40%;bottom:auto;transform:none}.batak-table .trick-2 small{inset:-15px auto auto 50%;transform:translate(-50%)}.batak-table .trick-3 small{left:auto;right:calc(100% + 5px);top:40%;bottom:auto;transform:none}.batak-table .last-trick-label{top:calc(100% + 40px);font-size:7px}@media(max-height:340px)and (orientation:landscape){.batak-table .trick-area{top:115px}.batak-table .trick-card small{font-size:6px;padding:0 2px;line-height:9px}.batak-table .trick-0{transform:translate(calc(-50% - 2px),10px) rotate(-7deg)}.batak-table .trick-1{transform:translate(calc(-50% + 14px),1px) rotate(9deg)}.batak-table .trick-2{transform:translate(calc(-50% + 1px),-10px) rotate(4deg)}.batak-table .trick-3{transform:translate(calc(-50% - 14px),-1px) rotate(-9deg)}.batak-table .last-trick-label{top:calc(100% + 31px)}}@media(min-height:511px){.batak-table .trick-0{transform:translate(calc(-50% - 3px),20px) rotate(-7deg)}.batak-table .trick-1{transform:translate(calc(-50% + 26px),2px) rotate(9deg)}.batak-table .trick-2{transform:translate(calc(-50% + 2px),-20px) rotate(4deg)}.batak-table .trick-3{transform:translate(calc(-50% - 25px),-1px) rotate(-9deg)}.batak-table .last-trick-label{top:calc(100% + 46px)}}:root{--cream:#efe5ce;--gold:#c9ac78;--muted:#b5b39e;--line:#c7b58f29;color:#eee7d6;background:#211c17}.app:not(.in-game){background:linear-gradient(90deg,#151b16eb,#171b15bd 55%,#201b1566),url(/kahvehane/kahvehane-room.png) center/cover fixed}.topbar{background:#191c17ad;border-bottom:1px solid #beac8429}.brand{font-family:Georgia,Times New Roman,serif;color:#e5d7b6;gap:9px}.brand-icon{border-radius:50%;background:#75644333;border:1px solid #c8b18575;box-shadow:none;color:#d3bb87}.brand-word{line-height:.84;letter-spacing:-1.5px}.brand-word small{display:block;font:500 7px/1.2 Manrope,sans-serif;letter-spacing:1.9px;margin-top:8px;color:#bbb298}.brand-dot{color:#c6ad77}.offline-dot{background:#a6ad79;box-shadow:none}.offline-label,.crumb{color:#b9b49e}.home h1,.page h1,.game-choice h2,.mode-card h2,.modal h2,.center-panel h2,.result-panel h2{font-family:Georgia,Times New Roman,serif;font-weight:500;letter-spacing:-.035em;color:#efe5ce}.home h1 em{color:#cdb68a;font-weight:400}.home-heading p,.subtitle,.home-note{color:#c1bda9}.eyebrow{color:#ccbc93;letter-spacing:1.8px}.eyebrow>span{background:#b8c298;box-shadow:none}.home-note{border-left-color:#c6b4934a}.line-art-suits{color:#c4c1a9}.line-art-suits i{color:#b88975}.game-choice{border:1px solid #8f815e91;border-radius:6px;box-shadow:0 5px 13px #080c0838;background:linear-gradient(105deg,#152b20e8,#15291f36),url(/kahvehane/worn-cloth.png) center/cover}.game-choice.batak-choice{background:linear-gradient(100deg,#211d16ea,#312a207d),url(/kahvehane/worn-wood.png) center/cover}.game-choice:hover{border-color:#d2bd89;box-shadow:0 7px 17px #080c084a;transform:translateY(-2px)}.game-choice:before,.game-choice:after{opacity:.1}.game-choice .pill,.pill{background:#161c1666;border:1px solid #b8a47642;color:#d3c39e;box-shadow:none;border-radius:3px}.game-choice p{color:#c8c1a9}.choice-bottom{color:#d4c6a4}.circle-arrow{border-color:#c0aa7c70;background:#bdaa6e17;box-shadow:none}.okey-choice .choice-bottom{color:#d4c6a4}.okey-choice .circle-arrow{background:#bdaa6e17;border-color:#c0aa7c70;color:#e4d2a3}.hero-rack{background:linear-gradient(#3c241b22,#2b170f77),url(/kahvehane/worn-wood.png) center/cover;box-shadow:0 3px #302119,0 6px 9px #0004}.home-footer{border-top-color:#c7b58f26;color:#bcb69f}.resume{color:#dec795;border-color:#b8a0744d;background:#272b20a3}.mode-card,.nearby,.lobby-seat{background:linear-gradient(120deg,#172a22f5,#242b21e8);border:1px solid #b6a47b49;border-radius:6px;box-shadow:0 3px 10px #0002}.mode-card:hover{border-color:#c2ab7d;background:#25382df5}.mode-icon{background:#81754a22;color:#d1bb88;border-color:#b09b7040;box-shadow:none;border-radius:8px}.mode-card p,.lobby-seat>span,.subtle-note{color:#b8b59f}.text-link{color:#d6c18f}.room-row{background:#343b2b8c;border-color:#b2a78138;color:#e1dbc4}.setup-ai{border-left-color:#c7b58f3a}.setup-ai>p{color:#b6b29d}.field>label,.ai-heading{color:#c7bd9d}.variant-options button,.level-options button,.segmented{background:#1b261ee6;border-color:#a2917047;border-radius:5px}.variant-options button.selected,.level-options button.selected,.segmented button.selected{background:#46523be6;border-color:#b7ab7a;box-shadow:inset 0 0 0 1px #c6b58420}.segmented button.selected{color:#f0e3c2}.variant-options strong,.level-options strong{color:#e4d9bd}.variant-options span,.level-options small{color:#bdb8a2}.level-bars .filled{background:#c5b480}.radio-dot{border-color:#aa9e744d}.primary{background:#ccb785;color:#222c20;border:1px solid #e0cca1;box-shadow:inset 0 1px #f8eac82b;border-radius:5px}.primary:hover{background:#dbc798;box-shadow:none}.quiet-button{background:#253327c9;border-color:#a99c7147;color:#d9d3bb;border-radius:5px}input{background:#1b241be6;border-color:#a89d7657;color:#eee2c6;border-radius:5px}.room-code{background:#463626c9;border-color:#9d805456;color:#e2cd9e;font-family:Georgia,serif;border-radius:4px}.lobby-seat.occupied{background:linear-gradient(120deg,#293628f5,#2b2d22ec);border-color:#baa67b57}.modal-shade,.result-shade{background:#080d09b8;backdrop-filter:blur(3px)}.modal{background:linear-gradient(130deg,#1d2d23f5,#292c22f7),url(/kahvehane/worn-cloth.png) center/cover;border:1px solid #a38e65;border-radius:7px;box-shadow:0 10px 45px #0007}.modal p,.rules-list p{color:#c9c5b0}.modal label,.rules-list h3{color:#d8c7a0}.rules-list section{border-color:#bca87628}.theme-setting button{background:#252f23;border-color:#9d906a60}.theme-setting button.selected{background:#46513a;border-color:#c2af7f}.setting-row{border-color:#bca87633}.result-panel{background:repeating-linear-gradient(0deg,transparent 0 27px,#826d4220 27px 28px),linear-gradient(110deg,#d9ccb0,#ede2c7 48%,#ddd0b2);border:1px solid #d8c594;border-radius:4px;box-shadow:0 5px #875,0 16px 40px #0006;color:#403c2d}.result-panel:before{content:"";position:absolute;top:0;bottom:0;left:25px;width:1px;background:#96433330;pointer-events:none}.result-panel h2{color:#293c2c}.result-panel .eyebrow,.result-panel p{color:#6d6348}.result-emblem{background:#80704816;color:#766341;border-color:#9d895159}.result-panel .ranking>div{background:#faf1d13d;border:1px solid #7663462e;border-radius:3px;color:#303c2d}.result-panel .ranking>div:first-child{background:#82946825;border-color:#64794960}.result-panel .ranking b{color:#3e4a30}.result-panel .ranking span{color:#796c50}.result-panel table,.result-panel th,.result-panel td{color:#4d503b;border-color:#8276574a}.result-panel th{background:#96896816}.result-panel .quiet-button{background:#645c4121;color:#394330;border-color:#8b7d544f}.result-panel .primary{background:#425641;color:#f0e4c4;border-color:#465a40}.app{--table-bg:#17251d;--felt-color:#243d2e;--rail-color:#4a3828;--per-color:#1b3429;--table-line:#c1bb8e39;--table-grid:#ccc7a31a;--table-muted:#c2c4ae;--seat-color:#253629;--seat-active:#435039}.app[data-table-theme=navy]{--table-bg:#1a2930;--felt-color:#28465c;--rail-color:#4a3828;--per-color:#243e4b;--table-line:#c3c7b139;--table-grid:#d6d4bb19;--table-muted:#c2c9c2;--seat-color:#2c3e42;--seat-active:#435a5c}.table-screen{background:linear-gradient(#171c1759,#161b1742),url(/kahvehane/worn-wood.png) center/cover}.table-screen .felt-border{background-color:var(--felt-color);background-image:linear-gradient(#15271d26,#12211839),url(/kahvehane/worn-cloth.png);background-size:cover;background-blend-mode:normal,luminosity;border-color:#4c3e2a;border-radius:17px;box-shadow:inset 0 0 13px #0a160c5c,0 2px #90784b66;overflow:hidden}.table-screen .felt-border:before{background:linear-gradient(122deg,transparent 40%,#d8d3aa06 46%,transparent 48%);opacity:1;inset:0}.table-screen .felt-border:after{inset:3px;border:1px dashed #d1cba52a;border-radius:11px;opacity:.8}.table-screen .game-topbar{background:#1b251fee;border-bottom-color:#b2a37a3d;color:#e5ddc4}.table-screen .game-topbar strong{font-family:Georgia,serif;font-weight:600;letter-spacing:.1px}.table-screen .seat .player{background:var(--seat-color);border-color:#a4a08059;border-radius:5px;box-shadow:0 2px 2px #05120a38}.table-screen .seat .player.active{border-color:#c7c49a99;background:var(--seat-active)}.table-screen .avatar{background:#63533755;border-color:#b1a47759}.table-screen .avatar-status{box-shadow:none}.avatar-initial{font-family:Georgia,serif;font-size:.92em;font-weight:600;color:#d9c596}.table-screen .meld-zone{background-color:var(--per-color);background-image:linear-gradient(#081a0f32,#1627191a),url(/kahvehane/worn-cloth.png);background-size:cover;background-blend-mode:normal,luminosity;border-color:#bbc0993f;border-radius:5px;box-shadow:inset 0 1px 7px #06170d33}.table-screen .meld-zone>header{background:#10271f26;color:#c5c8b0;font-weight:600;border-bottom-color:#c9cba924;letter-spacing:1px}.table-screen .tile-rack.wide-rack{background:linear-gradient(#30221630,#412d2129),url(/kahvehane/worn-wood.png) center/100% 190%;border:1px solid #a5916b;border-right-color:#574329;border-bottom-color:#3f2c1b;border-top-color:#b5a07a;box-shadow:inset 0 3px 4px #1e180e5c,0 3px #674b2e,0 5px 5px #07100766;border-radius:5px 6px 3px 4px}.table-screen .tile-rack:after{background:linear-gradient(#beab8026,#33231836),url(/kahvehane/worn-wood.png) center/cover;border-top:1px solid #c2ad837d;box-shadow:0 2px 2px #22180c66}.batak-table .my-area:before{background:linear-gradient(#211a1230,#2c231742),url(/kahvehane/worn-wood.png) center/100% 180%;border-top-color:#a8966b80;box-shadow:0 -2px 5px #0b120a55}.table-screen .rack-summary{border-color:#ad9e734a;background:#263226de;color:#cbc6ad;border-radius:3px}.rack-summary b{color:#ead9a4}.table-screen .rack-edge-sort{border-color:#af9b6a57;background:#293325e8;color:#d9ceaa;border-radius:5px}.table-screen .rack-edge-sort.active{border-color:#c3b48b9c;background:#4b543bdc}.table-screen .quiet-button{background:var(--seat-color);border-color:#b1a57c52;color:#d7d1b6}.table-screen .primary{background:#c6b58b;border-color:#d9c79f;color:#263323}.table-screen .turn-message,.table-screen .turn-message.your-turn{color:#e3ddc4}.table-screen .table-watermark{font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:29px;color:#d6d0ae10;letter-spacing:0}.table-screen .tile-back{background:#6b7966;border-color:#b2b69c;box-shadow:0 2px 1px #303c2b;color:#d5d6bf}.playing-card,.table-screen .playing-card{background:#e7dec6;border-color:#cfbfa0 #b2a080 #a18d6d #d4c7ac;border-radius:4px;box-shadow:inset 0 0 2px #94835a99,0 2px 2px #1724166e}.playing-card[data-wear="1"],.playing-card[data-wear="4"]{background:#dfd6bd;border-top-color:#ac997b}.playing-card[data-wear="2"],.playing-card[data-wear="6"]{border-bottom-left-radius:7px;border-top-right-radius:6px}.card-art,.table-screen .card-art{mix-blend-mode:multiply;filter:saturate(.76) contrast(.98)}.card-corner{color:#29352d;text-shadow:none}.playing-card.red .card-corner{color:#923e32}.card-glaze{background:linear-gradient(113deg,transparent 8%,#87785916 8.5%,transparent 9.5%,transparent 85%,#655c4b19 86%,transparent 86.5%),radial-gradient(ellipse at 10% 0,#8d78442a,transparent 22%);opacity:.6;pointer-events:none;box-shadow:inset 0 0 3px #76644940}.card-backs img{filter:sepia(.25) saturate(.72) brightness(.9)}.tile,.table-screen .tile{background:linear-gradient(112deg,#eae1c9,#e1d9c0 64%,#c5b89a);border-color:#ede4cc #bdb08f #9c8966 #d9cbaa;box-shadow:inset 1px 1px 1px #f8eed4b3,0 2px #94835f,1px 3px 3px #07140c70;border-radius:5px 4px 4px 3px;text-shadow:none}.tile[data-wear="1"],.table-screen .tile[data-wear="1"]{background:linear-gradient(120deg,#e2d7ba,#ded2b6 70%,#b8a684)}.tile[data-wear="3"],.table-screen .tile[data-wear="3"]{border-top-color:#cdbb91;border-bottom-right-radius:6px}.tile[data-wear="5"],.table-screen .tile[data-wear="5"]{background:linear-gradient(100deg,#ece4ce,#ded4bc)}.tile.red{color:#943d2f}.tile.blue{color:#245568}.tile.gold{color:#88601d}.tile.black{color:#2c342c}.tile-value{font-weight:750;text-shadow:0 1px #fff8;z-index:1}.tile-dot{background:#a0977947;box-shadow:inset 0 1px 2px #64543947;border:0}.tile-glaze,.table-screen .tile-glaze{background:linear-gradient(116deg,transparent 79%,#8d7b4b26 80%,transparent 81%),radial-gradient(ellipse at 7% 99%,#76602e38,transparent 18%);opacity:.55;pointer-events:none}.tile .joker-mark{color:#777244;background:#c8bea173;box-shadow:none}.tile.selected{outline-color:#d6c58a}.table-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.neighbour-smoke{position:absolute;left:-36px;bottom:32%;width:105px;height:135px;opacity:.45;transform:rotate(-12deg)}.neighbour-smoke i{position:absolute;bottom:0;left:20px;width:45px;height:108px;background:radial-gradient(ellipse at 60% 55%,#cad0c212,transparent 64%);border-left:2px solid #dce0d015;border-radius:49% 57% 48% 59%;opacity:0}.neighbour-smoke i:nth-child(2){animation-delay:-4s;left:35px;height:125px}.neighbour-smoke i:nth-child(3){animation-delay:-8s;left:25px;height:97px}@keyframes kahve-smoke{0%{transform:translate(-15px,30px) scale(.55);opacity:0}25%{opacity:.65}70%{opacity:.35}to{transform:translate(24px,-55px) scale(1.4) rotate(13deg);opacity:0}}.table-atmosphere.still .neighbour-smoke{display:none}.opponent-rack{position:absolute;top:calc(100% + 3px);left:50%;transform:translate(-50%);display:flex;align-items:flex-end;justify-content:center;gap:1px;width:42px;height:17px;border-bottom:3px solid #927449;border-radius:2px;background:url(/kahvehane/worn-wood.png) center/cover;box-shadow:0 2px 2px #08120a55;pointer-events:none}.opponent-rack i{display:block;width:6px;height:12px;background:linear-gradient(100deg,#d6caaa,#c7b68e);border:1px solid #b3a079;border-radius:2px;box-shadow:0 1px 1px #302a1660}.seat-top .opponent-rack{left:calc(100% + 25px);top:4px;transform:rotate(2deg);width:44px}.rack-slot[data-fidgeting]{z-index:3}.card-fan .playing-card[data-fidgeting]{z-index:25}.rotate-hint{background:linear-gradient(#172419d9,#172419f0),url(/kahvehane/kahvehane-room.png) center/cover;color:#c5b081}.rotate-hint h2{font-family:Georgia,serif;color:#e5d8b8}@media(max-height:510px)and (orientation:landscape){.brand-word small{font-size:5px;letter-spacing:1.3px;margin-top:5px}.brand-icon{width:27px;height:27px}.home h1{font-size:36px}.game-choice h2{font-size:39px}.modal h2{font-size:23px}.modal:has(#player-name){padding:10px 18px}.modal:has(#player-name) .setting-row{min-height:27px;padding:5px 0;margin:3px 0;font-size:10px}.theme-setting,.theme-setting button{font-size:9px}.opponent-rack{width:34px;height:13px;border-bottom-width:2px}.opponent-rack i{height:10px;width:5px}.seat-top .opponent-rack{left:calc(100% + 10px);width:34px;top:3px}.table-screen .table-watermark{font-size:22px}}@media(max-width:740px)and (orientation:landscape){.home h1{font-size:31px}.game-choice h2{font-size:35px}.table-screen .felt-border{border-radius:12px}.neighbour-smoke{left:-47px;opacity:.36}}.batak-table .last-trick-label{left:calc(50% + clamp(88px,12vw,130px));top:50%;bottom:auto;transform:translateY(-50%);width:max-content;color:#d2cdb4}.trump-panel.with-dummy:has(.thinking-line){top:48px;right:78px;left:auto;min-width:0;max-width:150px;transform:none}.trump-panel.with-dummy:has(.thinking-line)>.eyebrow,.trump-panel.with-dummy:has(.thinking-line)>p{display:none}.playing-card,.table-screen .playing-card,.playing-card[data-wear]{background:#f4f0e6;border:1px solid #d1c8b7;border-bottom-color:#b5aa94;border-radius:5px;box-shadow:0 1px 1px #07130b55,0 3px 4px #101b1547}.card-art,.table-screen .card-art{inset:0;width:100%;height:100%;filter:none;mix-blend-mode:normal;border-radius:inherit}.card-glaze,.table-screen .card-glaze{display:none}.card-fan .playing-card{transform-origin:50% 82%;transition:transform .16s ease,box-shadow .16s ease}.table-screen .card-fan .playing-card:disabled{filter:brightness(.98)}.table-screen .hand-fan .playing-card.selected{box-shadow:0 0 0 1px #cbb377,0 5px 8px #08170b66}.trick-card[data-flying]{z-index:20!important}.trick-card[data-flying] small{visibility:hidden}.trick-card .playing-card{will-change:auto}.trick-card[data-flying] .playing-card{will-change:transform}.batak-table .felt{overflow:visible}.discard-corners{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:7}.okey-table .discard-pile{position:absolute;width:29px;display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:auto;margin:0;padding:0;transform:none}.discard-pile .discard-caption{font:500 6px/9px Manrope,sans-serif;color:#dedbc6;max-width:42px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.okey-table .discard-pile.north-west{inset:-5px auto auto -49px}.okey-table .discard-pile.north-east{inset:-5px -49px auto auto}.okey-table .discard-pile.south-west{inset:auto auto 0 -49px}.okey-table .discard-pile.south-east{inset:auto -49px 0 auto}.okey-table .discard-pile .tile,.okey-table .discard-pile .tile.small{width:25px;height:32px;font-size:23px;pointer-events:none}.okey-table .discard-pile button{padding:2px;min-width:31px;min-height:36px;background:#0a1c0f22;border:1px solid #c7b7885c;box-shadow:none;border-radius:4px;display:flex;align-items:center;justify-content:center}.discard-empty{width:24px;height:31px;display:grid;place-items:center;color:#d2ccb054;border:1px dashed #baba932b;border-radius:4px;font-size:11px}.okey-table .return-discard{display:flex;align-items:center;justify-content:center;gap:5px;padding:4px 9px;min-height:30px;background:#d1be8c;color:#263325;border:1px solid #e0cea2;border-radius:5px;font-size:9px;white-space:nowrap;align-self:center}.okey-table .seat-left,.okey-table .seat-right{top:30%;transform:translateY(-50%);width:24px}.okey-table .seat-left{left:2px}.okey-table .seat-right{right:2px}.okey-table .seat-left .player,.okey-table .seat-right .player{width:24px;max-width:24px;height:86px;min-height:86px;display:flex;justify-content:center;padding:5px 2px;border-radius:4px}.okey-table .seat-left .avatar,.okey-table .seat-right .avatar{display:none}.okey-table .seat-left .player-copy,.okey-table .seat-right .player-copy{writing-mode:vertical-rl;display:flex;flex-direction:column;align-items:center;gap:1px;max-height:76px;overflow:hidden}.okey-table .seat-left .player-copy{transform:rotate(180deg)}.okey-table .seat-left .player strong,.okey-table .seat-right .player strong{max-width:none;max-height:63px;font-size:8px;line-height:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.okey-table .seat-left .player-copy>span,.okey-table .seat-right .player-copy>span{font-size:6px;line-height:7px;max-height:74px;margin:0}.okey-table .seat-left .opponent-rack{left:23px;right:auto;top:45%;transform:none;width:22px;height:10px;border-bottom-width:2px}.okey-table .seat-right .opponent-rack{right:23px;left:auto;top:45%;transform:none;width:22px;height:10px;border-bottom-width:2px}.okey-table .seat-left .opponent-rack i,.okey-table .seat-right .opponent-rack i{width:3px;height:8px}.okey-table .seat-top{left:calc(50% - 48px)}.okey-table .seat-top .opponent-rack{display:flex;left:-35px;top:6px;width:29px;height:12px;transform:rotate(-3deg)}.okey-table .draw-stack{left:calc(50% + 30px);right:auto;top:-6px;display:flex;flex-direction:row;align-items:center;gap:6px;max-width:111px}.okey-table .draw-stack .indicator-label{font-size:6px;width:28px;line-height:9px}.okey-table .felt .draw-stack>.tile.small{width:19px;height:25px;font-size:19px}.okey-table .stock-button{display:flex;flex-direction:row;align-items:center;gap:3px;position:relative;min-width:42px;min-height:30px;padding:2px;background:transparent}.okey-table .stock-button .tile-back{width:20px;height:26px;font-size:11px;margin:0}.okey-table .stock-button strong{position:static;font-size:9px;padding:0;background:none;align-self:center}.okey-table .stock-button small{display:none}@media(max-width:740px)and (orientation:landscape){.okey-table .discard-pile{width:25px}.okey-table .discard-pile.north-west,.okey-table .discard-pile.south-west{left:-43px}.okey-table .discard-pile.north-east,.okey-table .discard-pile.south-east{right:-43px}.okey-table .discard-pile .tile,.okey-table .discard-pile .tile.small{width:23px;height:29px;font-size:21px}.okey-table .discard-pile button{min-width:28px;min-height:32px;padding:1px}.okey-table .discard-pile .discard-caption{font-size:5px;line-height:7px;max-width:29px}.okey-table .seat-left{left:-1px}.okey-table .seat-right{right:-1px}.okey-table .seat-left .player,.okey-table .seat-right .player{width:22px;max-width:22px;height:75px;min-height:75px}.okey-table .seat-left .player strong,.okey-table .seat-right .player strong{font-size:7px;line-height:9px}.okey-table .seat-left .player-copy>span,.okey-table .seat-right .player-copy>span{font-size:5px;line-height:6px}.okey-table .draw-stack{gap:4px;left:calc(50% + 22px);top:-7px}.okey-table .draw-stack .indicator-label{font-size:5px;width:24px}.okey-table .felt .draw-stack>.tile.small{width:17px;height:22px;font-size:17px}.okey-table .stock-button{min-width:35px;min-height:24px;padding:0;gap:1px}.okey-table .stock-button .tile-back{width:16px;height:21px}.okey-table .stock-button strong{font-size:8px}.okey-table .return-discard{font-size:8px;padding:3px 7px;min-height:28px}}@media(max-height:340px)and (orientation:landscape){.okey-table .seat-left,.okey-table .seat-right{top:29%}}@media(prefers-reduced-motion:reduce){.neighbour-smoke{display:none}.game-choice:hover{transform:none}}.app{--felt-color:#183d2c;--per-color:#123326;--table-grid:#b2c3ad13}.app[data-table-theme=navy]{--felt-color:#243f51;--per-color:#1d3546;--table-grid:#bacbd113}.table-screen .felt-border{background-image:linear-gradient(#183d2ced,#183d2ced),url(/kahvehane/worn-cloth.png);background-blend-mode:normal;box-shadow:inset 0 0 12px #07190d60,0 1px #89734b55}.app[data-table-theme=navy] .table-screen .felt-border{background-image:linear-gradient(#243f51ee,#243f51ee),url(/kahvehane/worn-cloth.png)}.table-screen .meld-zone{background:var(--per-color);box-shadow:none;border-color:#b8c3ac33}.table-screen .meld-zone>header{background:none;color:#bdcdbd}.table-screen .tile-rack.wide-rack{background-image:linear-gradient(#563b24ab,#402a19bb),url(/kahvehane/worn-wood.png);border-color:#a3875b #6e5233 #3f2c1b;transform:none}.table-screen .tile-rack:after{background:linear-gradient(#8d6943,#583d25);border-top:1px solid #b49467}.tile,.table-screen .tile,.tile[data-wear],.table-screen .tile[data-wear]{background:linear-gradient(110deg,#fffef9,#f4f2e9 82%,#e5e1d6);border:1px solid #ddd8c9;border-bottom:2px solid #b6af9e;border-radius:4px;box-shadow:0 1px 1px #08160e55;text-shadow:none}.tile.red,.table-screen .tile.red{color:#bc202b}.tile.blue,.table-screen .tile.blue{color:#007da8}.tile.gold,.table-screen .tile.gold{color:#aa8100}.tile.black,.table-screen .tile.black{color:#172027}.tile .tile-value,.table-screen .tile .tile-value{font-weight:750;letter-spacing:-.6px;text-shadow:none}.tile-dot{background:#d6d3c9;box-shadow:inset 0 1px 1px #b3afa566;width:4px;height:4px}.tile-glaze{display:none}.tile .joker-mark{font-size:8px;line-height:9px;color:#317739;background:none;bottom:1px;right:1px;top:auto}.tile.face-down,.table-screen .tile.face-down{background:linear-gradient(100deg,#f1eee3,#e0dbcd);color:#4b6945;position:relative}.tile-back-inset{position:absolute;inset:4px;border:1px solid #c4bfaf;border-radius:3px;box-shadow:inset 0 1px 2px #c2bcac55;pointer-events:none}.joker-back-mark{font-size:.48em;line-height:1;z-index:1;color:#4c703d}.table-screen .tile.selected{outline:2px solid #e5cb7f;outline-offset:1px;transform:translateY(-4px)}.table-screen .tile.staged{box-shadow:0 0 0 1px #a8c49c,0 2px #5a774e}.card-fan .playing-card{transition:transform .18s cubic-bezier(.2,.65,.3,1),box-shadow .1s linear;transform-origin:50% 90%}.card-fan button.playing-card{touch-action:none;user-select:none;-webkit-user-select:none}.card-fan button.playing-card[data-pressed]{outline:2px solid #dbc99a;outline-offset:-2px}.exchange-flight{position:fixed;z-index:200;pointer-events:none;perspective:500px;will-change:transform}.exchange-flip{position:relative;width:100%;height:100%;transform-style:preserve-3d}.exchange-flip img{position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden;border-radius:4px;box-shadow:0 2px 4px #00180c66}.exchange-front{transform:rotateY(180deg)}@media(hover:none),(pointer:coarse){.card-fan .playing-card:not(:disabled):hover:not(.selected){transform:translate(-50%) rotate(var(--fan-angle));z-index:var(--fan-order);box-shadow:0 1px 2px #001b1466}}.table-screen .hand-fan .playing-card:disabled{filter:none}.phase-play .hand-fan .playing-card:not(:disabled){box-shadow:0 1px 2px #001b1466,0 -2px #d7c89f}.double-fan{display:flex;flex-direction:column;align-items:center;position:relative;width:max-content;max-width:100%;margin-inline:auto}.double-fan>.card-fan{width:var(--fan-width);flex-shrink:0}.double-fan>.card-fan+.card-fan{margin-top:-28px;z-index:2}.double-fan-small>.card-fan+.card-fan{margin-top:-15px}.seat .dummy-hand,.seat .dummy-hand:not(.choosing-trump){margin:0;gap:2px;overflow:visible;padding:0}.seat .dummy-hand>.double-fan{display:flex;flex-direction:column;gap:0;padding:0;overflow:visible;max-width:none}.seat .dummy-hand>.mini-hand-fan{display:block;overflow:visible;max-width:none;padding:0}.seat .dummy-hand>span{display:block;font-size:7px;background:#0c211acc;padding:2px 5px;border:1px solid #b4bf9940;color:#e1e5d2}.seat-left .dummy-hand,.seat-left .dummy-hand:not(.choosing-trump){top:20%;left:calc(100% + 7px);right:auto;transform:translateY(-16%)}.seat-right .dummy-hand,.seat-right .dummy-hand:not(.choosing-trump){top:20%;left:auto;right:calc(100% + 7px);transform:translateY(-16%)}.table-screen .seat-top .dummy-hand{top:calc(100% + 2px);left:50%;transform:translate(-50%)}.table-screen .seat-top .dummy-hand>span{display:none}.dummy-hand .mini-hand-fan .playing-card,.dummy-hand .mini-hand-fan .playing-card.small{width:var(--card-w);height:var(--card-h);border-radius:3px}.table-contract{position:absolute;left:18px;top:9px;display:flex;align-items:center;gap:8px;z-index:4;padding:4px 10px 5px 7px;background:#e8ddc3;border:1px solid #ab9872;border-radius:5px;color:#25372b;box-shadow:0 2px 2px #031a1160}.contract-suit{font:34px/1 Georgia,serif;color:#152922}.table-contract .red-suit{color:#af2730}.table-contract b{display:block;font-size:11px;font-weight:700}.table-contract small{display:block;font-size:8px;margin-top:2px;max-width:128px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-screen .trump-options button{background:#ede7d7;color:#1e2a26;border:1px solid #b4a686;min-width:52px;min-height:55px;border-radius:5px}.table-screen .trump-options button span{color:#15251e;font-size:31px}.table-screen .trump-options button span.red-suit{color:#b8232b}.table-screen .trump-options button small{color:#414b3b;font-size:9px}.table-screen .trump-options button:hover{background:#fff9e9}.batak-table .trick-area{top:38%;height:78px;bottom:auto;pointer-events:none}.batak-table .trick-card{will-change:auto}.trick-card[data-collecting]{will-change:transform,opacity}.trick-card[data-collecting] small{visibility:hidden}.last-trick-review{position:absolute;right:14px;top:9px;display:flex;align-items:center;gap:6px;min-height:30px;max-width:180px;padding:4px 8px;border:1px solid #b5bb933d;background:#12281fcc;color:#d8dfc9;font-size:9px;border-radius:4px;z-index:4}.collected-cards{width:13px;height:18px;display:inline-block;background:#42604d;border:1px solid #b4b597;border-radius:2px;box-shadow:2px 1px #d0c7b4,4px 2px #3a5744;flex-shrink:0;margin-right:4px}.review-trick{display:grid;grid-template-columns:repeat(var(--review-players,4),minmax(0,65px));justify-content:center;gap:clamp(10px,2vw,18px);padding:15px 6px}.review-trick>div{display:flex;min-width:0;flex-direction:column;align-items:center;gap:10px}.review-trick .playing-card{width:100%;height:auto;aspect-ratio:5/7}.review-trick span{font-size:11px;max-width:100%;overflow-wrap:anywhere;text-align:center}.neighbour-smoke i{filter:none}.table-screen .game-topbar strong{font-family:Manrope,sans-serif}.pulse-dot{animation:none}.app[data-active=false] *,.app[data-active=false] *:before,.app[data-active=false] *:after{animation-play-state:paused!important;transition:none!important}.result-shade,.modal-shade{backdrop-filter:none}.result-panel{position:relative;display:flex;flex-direction:column;gap:10px;width:min(880px,95vw);height:min(500px,calc(100dvh - 22px));max-height:calc(100dvh - 22px);padding:14px 18px;overflow:hidden;text-align:left;background:#e9dfc6}.result-panel:before{display:none}.result-heading{display:flex;align-items:center;gap:12px;flex:0 0 auto}.result-panel .result-emblem{width:36px;height:36px;margin:0;display:grid;place-items:center;flex-shrink:0}.result-panel .eyebrow{justify-content:flex-start;font-size:7px;letter-spacing:1.6px;margin:0 0 3px}.result-panel h2{font-family:Manrope,sans-serif;font-size:20px;line-height:1.2;margin:0;overflow-wrap:anywhere}.result-panel .result-heading p{margin:3px 0 0;font-size:10px}.scoreboard{display:flex;flex-direction:column;gap:6px;flex:1;min-height:0;width:100%}.score-scroll{max-height:none;min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;border:1px solid #a08f6666;border-radius:4px;background:#fff4}.scoreboard table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:12px}.scoreboard thead{position:sticky;top:0;z-index:1;background:#d9cdaa}.scoreboard th,.scoreboard td{padding:8px 5px;text-align:center;border:0;border-bottom:1px solid #8e805033;overflow-wrap:anywhere;color:#344430;line-height:1.25}.scoreboard thead th{background:transparent;font-size:10px;font-weight:650}.scoreboard tr>*:first-child{width:55px}.scoreboard tbody th{font-size:10px;font-weight:500}.scoreboard .score-totals td,.scoreboard .score-totals th{background:#f1e6c7;border-bottom:2px solid #94835f70;white-space:nowrap}.score-totals b{font-size:18px}.score-totals .score-leader{color:#294b2a}.score-leader span{font-size:7px;vertical-align:middle}.scoreboard tbody tr:nth-child(2n){background:#fff3}.scoreboard tbody small{font-size:8px}.scoreboard .score-note{font-size:9px;color:#686047;text-align:center}.scoreboard .score-empty{padding:22px;color:#73674d}.result-panel .result-actions{display:flex;justify-content:flex-end;gap:10px;margin:0;padding:0;flex:0 0 auto}.result-actions>span{font-size:10px;align-self:center}.score-modal{height:min(520px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);display:flex;flex-direction:column;overflow:hidden;padding:14px 18px;background:#e9dfc6;color:#344430;gap:10px}.score-modal>header{margin:0;min-height:30px;flex-shrink:0}.score-modal>header h2{font-size:19px;color:#344430}.score-modal>header .icon-button{color:#344430}.okey-table .okey-actions{min-height:42px;margin-bottom:9px;gap:8px}.okey-table .okey-table-center{bottom:calc(var(--rack-row)*2 + 72px)}.okey-table .stock-info{display:flex;align-items:center;gap:3px;font-size:9px}.okey-table .stock-info .tile-back{width:19px;height:25px;font-size:11px;margin:0}.okey-table .stock-button.draw-action{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:9px;min-width:132px;min-height:42px;padding:4px 12px;background:#dfc38a;color:#183329;border:1px solid #f2dcad;box-shadow:0 2px #654f31;border-radius:5px;font-size:12px;font-weight:750}.okey-table .stock-button.draw-action .tile-back{display:inline-grid;place-items:center;width:23px;height:29px;font-size:14px;margin:0;background:#48654d;color:#eee7d0;flex-shrink:0}.okey-table .stock-button.draw-action small{display:block;position:static;font-size:8px;color:#48543d;font-weight:500;margin-top:1px}.okey-table .stock-button.draw-action:disabled{opacity:.45;box-shadow:none}.okey-table .discard-pile.south-west,.okey-table .discard-pile.south-east{width:53px;bottom:0}.okey-table .discard-pile.south-west{left:-61px}.okey-table .discard-pile.south-east{right:-61px}.okey-table .discard-pile button{display:flex;flex-direction:column;gap:3px}.okey-table .discard-pile.south-west button,.okey-table .discard-pile.south-east button{min-width:50px;min-height:48px;padding:3px;background:#193a2d;border:1px solid #aab69666}.okey-table .discard-pile button b{font:650 8px/10px Manrope,sans-serif;color:#d9dec9;white-space:nowrap}.okey-table .discard-pile button:not(:disabled){background:#3d6045;border-color:#dec38b;box-shadow:0 0 0 1px #cdb47633}.okey-table .discard-pile button.has-selection{border:2px solid #e4c48a;background:#486c49}.okey-table .discard-pile button:disabled{opacity:1;background:#193a2d;border-color:#aab69640;box-shadow:none}.okey-table .discard-pile button:disabled b{opacity:.58}.okey-table .discard-pile .discard-caption{font-size:6px;max-width:53px}.okey-table .discard-drop .discard-empty{height:24px;border:0;color:#dddbbf;font-size:21px}.okey-table .discard-drop .tile{pointer-events:none}.okey-table .discard-button{min-height:42px;padding:6px 13px;font-size:11px}.okey-table .okey-actions .turn-message{font-size:9px;max-width:250px;white-space:normal;text-align:center;line-height:1.4}.okey-table .okey-actions .clear-selection{color:#f0ce91;border:1px solid #b4a2796b;border-radius:4px;width:30px;min-height:30px}.rack-slot.drop-target:after{content:"";position:absolute;inset:-2px;border:2px solid #f4d394;border-radius:4px;pointer-events:none;background:#ffe1a326;z-index:4}.wide-rack:has(.tile.selected) .empty-rack-slot{border:1px dashed #d6be827a;background:#edda9c0c;border-radius:3px}.sort-feedback{position:absolute;left:50%;bottom:calc(100% + 4px);transform:translate(-50%);z-index:3;white-space:nowrap;background:#d5c18f;color:#213527;padding:2px 9px;border-radius:3px;font-size:9px;line-height:14px}.rack-wrap:has(.sort-feedback) .rack-summary{visibility:hidden}@media(max-width:740px)and (orientation:landscape){.table-contract{left:8px;top:5px;padding:3px 6px;gap:6px}.contract-suit{font-size:26px}.table-contract b{font-size:9px}.table-contract small{font-size:7px;max-width:93px}.last-trick-review{right:5px;top:5px;font-size:8px;max-width:138px;padding:3px 6px}.seat .dummy-hand>span{font-size:6px;padding:1px 3px}.seat-left .dummy-hand,.seat-left .dummy-hand:not(.choosing-trump){left:calc(100% + 4px)}.seat-right .dummy-hand,.seat-right .dummy-hand:not(.choosing-trump){right:calc(100% + 4px)}.result-panel,.score-modal{padding:10px 12px;gap:7px}.result-panel h2{font-size:16px}.result-heading{gap:8px}.result-panel .result-emblem{width:29px;height:29px}.result-panel .result-heading p{font-size:9px}.scoreboard th,.scoreboard td{padding:6px 4px;font-size:11px}.scoreboard thead th{font-size:9px}.score-totals b{font-size:16px}.scoreboard .score-note{font-size:8px}.scoreboard tr>*:first-child{width:43px}.okey-table .okey-actions{gap:4px}.okey-table .stock-button.draw-action{min-width:112px;padding:3px 7px;gap:6px;font-size:10px}.okey-table .okey-actions .turn-message{font-size:8px;max-width:165px}.okey-table .discard-button{font-size:9px;padding:5px 8px}.okey-table .discard-pile.south-west,.okey-table .discard-pile.south-east{width:42px}.okey-table .discard-pile.south-west{left:-46px}.okey-table .discard-pile.south-east{right:-46px}.okey-table .discard-pile.south-west button,.okey-table .discard-pile.south-east button{min-width:40px;min-height:46px;padding:2px}.okey-table .discard-pile button b{font-size:7px}}.app{--ink:#f0e8d6;--muted:#bfc5b7;--line:#c8b99035;--gold:#d7bf8f;color:var(--ink)}.app:not(.in-game){background-image:linear-gradient(90deg,#111c18f7 4%,#13221de8 55%,#17241cc9),url(/kahvehane/kahvehane-room.png);background-color:#14221c}button,input{font-family:Manrope,sans-serif}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid #efd5a5;outline-offset:3px}.icon-button{border-radius:8px}.quiet-button,.primary{border-radius:7px}.primary{background:#ddc394;color:#202d26;border:1px solid #ebd6ad;box-shadow:0 2px #0b181733;font-weight:750}.primary:disabled{opacity:.43;box-shadow:none}.quiet-button{border-color:#c9ba923f;background:#273b3066;color:#ede3cb}.topbar{background:#101c19c9;border-color:#b6b89b29}.brand-word{letter-spacing:-1px}.crumb{color:#d8d9ca}.topbar .icon-button{width:36px;height:36px;background:#ffffff06;border:1px solid #e1d5b91a}.home-heading .eyebrow,.page>.eyebrow,.setup-title .eyebrow{color:#d1bb8e;font-size:9px;letter-spacing:1.8px}.home-heading p,.subtitle{color:#c9cec0}.home-note{opacity:.75}.home h1 em{color:#d1b887}.game-choice{border:1px solid #a9996c70;border-radius:12px;box-shadow:0 8px 20px #0002;overflow:hidden}.game-choice.batak-choice{background:linear-gradient(110deg,#30271cf2,#392d23de),url(/kahvehane/worn-wood.png) center/cover}.game-choice.okey-choice{background:linear-gradient(110deg,#1b392ef4,#284738db),url(/kahvehane/worn-cloth.png) center/cover}.game-choice:before,.game-choice:after{display:none}.game-choice .pill{font-size:8px;letter-spacing:1px;padding:5px 8px;border-color:#d3bd8b33}.game-choice p{color:#d0d0bd;line-height:1.7}.choice-bottom{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;font-size:10px}.circle-arrow{width:31px;height:31px;background:#d5bc8922;border-color:#d5bc8955}.home-footer{font-size:10px;color:#c0c7b6}.home-footer .resume{background:#d3bc8f;color:#21352b;padding:7px 13px;border-radius:6px}.version{letter-spacing:1.5px;color:#aeb8a5}.mode-card{background:#172d25e8;border:1px solid #bcaf8452;border-radius:12px;box-shadow:0 8px 20px #0002}.mode-card .mode-icon{background:#d5c29312;border:1px solid #d9c38f38;color:#dfc897;border-radius:12px}.mode-card p{color:#c4cbbb}.mode-card .text-link{color:#e3c797}.subtle-note{color:#b1bbab}.mode-card:hover{background:#233d31;border-color:#ddc18f80}.setup-page .variant-options button,.level-options button,.segmented{background:#192e25;border-color:#b9b29133;border-radius:8px}.setup-page .variant-options button.selected,.level-options button.selected{background:#3a503b;border-color:#d7c08a;box-shadow:inset 3px 0 #d7c08a}.setup-page .variant-options strong,.level-options strong{color:#ede8d8}.setup-page .variant-options span,.level-options small{color:#bac8b7}.field label,.ai-heading label{color:#c1c9b9;letter-spacing:1.3px}.segmented button.selected{background:#536246;color:#f5e6c1}.level-options .radio-dot{border-color:#88977b}.level-options .selected .radio-dot{border-color:#e2c98f;background:#e2c98f;box-shadow:inset 0 0 0 3px #3a503b}.level-bars i.filled{background:#dbbf84}.setup-title .quiet-button{min-height:36px;font-size:11px}.setup-ai .start-button{width:100%;justify-content:space-between}.network-grid>section,.lobby-seat{border-color:#b5ac8450;border-radius:10px;background:#1b3026e8}.manual-join input,.modal input{background:#10251e;border:1px solid #aebc9c55;color:#f0ead8;border-radius:6px;min-height:38px}.room-row{border-color:#bac3a933;background:#294333}.room-row small{color:#bfccb6}.room-code{background:#dcc38e;color:#21372d;border-color:#f3dcac;border-radius:9px}.setting-row{padding:13px 0}.setting-row b{border-radius:20px;background:#d4bc891c;border:1px solid #d4bc8938;padding:4px 10px;color:#e3c78f}.theme-setting button{border-radius:8px;padding:10px 12px}.theme-setting button.selected{border-color:#ddc290;background:#d1b98618}.theme-setting i{width:20px;height:20px;border-radius:50%}.modal{border:1px solid #b7a57c70;background:#203329;border-radius:12px;box-shadow:0 14px 40px #0005}.modal p{color:#d0d6c5;line-height:1.65}.modal h2{font-size:25px}.rules-list section{border-color:#bac5ae24}.rules-list h3{color:#e3ca97}.rules-list p{color:#c8d1bf}.modal-shade,.result-shade{background:#05140ed9}.toast{max-width:min(640px,88vw);border-radius:9px;background:#eadfc8;color:#273b30;box-shadow:0 4px 18px #0004;font-size:12px}@media(orientation:landscape)and (max-height:600px){.topbar{height:44px;padding-inline:4%}.brand-word{font-size:29px}.brand-word small{font-size:6px}.brand-icon{width:26px;height:26px;font-size:21px}.home{height:calc(100dvh - 44px);padding:15px 4% 0}.home-heading{margin-bottom:16px}.home h1{font-size:34px;line-height:1.14;margin:7px 0}.home-heading p{font-size:11px}.home-note{font-size:9px}.game-choices{gap:16px}.game-choice{padding:20px;min-height:0}.game-choice h2{font-size:40px;margin:10px 0 5px}.game-choice p{font-size:10px}.choice-copy{position:relative;z-index:1;width:57%}.choice-bottom{margin-top:12px}.game-choice .hero-cards{right:11px;top:50%;transform:translateY(-43%) scale(.88) rotate(4deg)}.game-choice .hero-tiles{right:12px;top:50%;transform:translateY(-35%) scale(.85) rotate(-5deg)}.home-footer{padding:9px 0}.home-footer .version{font-size:8px}.page{padding:18px 4%;height:calc(100dvh - 44px);overflow:auto}.page h1{font-size:30px;margin:6px 0 7px}.subtitle{font-size:12px;margin:4px 0 0}.mode-choices{margin-top:19px;gap:16px}.mode-card{padding:22px;min-height:142px;gap:20px}.mode-card h2{font-size:23px}.mode-card p{font-size:11px;line-height:1.6}.mode-card .text-link{font-size:11px}.subtle-note{font-size:10px}.setup-page{display:flex;flex-direction:column;padding-block:12px;overflow:auto}.setup-title{flex:0 0 auto;align-items:center}.setup-page h1{font-size:28px;margin:4px 0 0}.setup-title .eyebrow{font-size:8px}.setup-page .setup-grid{flex:1;min-height:0;margin-top:14px;gap:24px;grid-template-columns:1.35fr 1fr}.setup-page .setup-ai{padding-left:24px;display:flex;flex-direction:column;min-height:0}.setup-ai>p{display:none}.ai-heading{min-height:22px;gap:8px}.ai-heading label{font-size:9px}.setup-page .field{margin-bottom:12px}.setup-page .field>label{font-size:8px;margin-bottom:7px}.setup-page .variant-options{gap:7px}.setup-page .variant-options button{padding:10px;min-height:66px;gap:6px}.setup-page .variant-options strong{font-size:11px}.setup-page .variant-options span{font-size:9px;line-height:1.45}.setup-page .segmented button{min-height:34px;padding:6px 8px;font-size:11px}.setup-page .rounds-field{margin-bottom:0}.setup-page .level-options{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:7px;margin:8px 0;flex:1;min-height:104px}.setup-page .level-options button{position:relative;padding:9px;gap:8px;align-items:center;min-height:0}.level-options strong{font-size:11px}.level-options small{font-size:8px;line-height:1.45;max-width:140px}.level-options .level-bars{flex-shrink:0;gap:2px}.level-bars i{width:3px}.level-options .radio-dot{display:none}.setup-page .setup-ai .start-button{flex:0 0 40px;min-height:40px;font-size:12px;margin:5px 0 0;padding:9px 12px}.network-page .network-grid{margin-top:14px;gap:24px}.network-page h2{font-size:19px}.network-page .empty{min-height:100px;padding:16px}.network-page .empty p{font-size:11px}.manual-join label{font-size:10px}.lobby-seats{margin:20px 0}.lobby-seat{padding:15px 10px}}@media(orientation:landscape)and (max-width:740px){.topbar{height:40px}.home,.page{height:calc(100dvh - 40px)}.home{padding-top:11px}.home h1{font-size:28px}.home-heading{margin-bottom:12px}.home-heading p{font-size:10px}.home-heading .eyebrow{font-size:8px}.home-note{display:none}.game-choices{gap:10px}.game-choice{padding:13px}.game-choice h2{font-size:30px;margin:9px 0 6px}.game-choice .pill{font-size:6.5px;padding:4px}.game-choice p{font-size:9px}.choice-bottom{font-size:8px;margin-top:11px;gap:4px}.circle-arrow{width:25px;height:25px;flex-shrink:0}.choice-copy{width:65%}.game-choice .hero-cards{right:-23px;transform:translateY(-35%) scale(.63) rotate(4deg)}.game-choice .hero-tiles{right:-19px;transform:translateY(-25%) scale(.62) rotate(-5deg)}.home-footer{font-size:8px;padding:8px 0}.home-footer .resume{padding:5px 8px;font-size:9px}.home-footer .version{display:none}.page{padding-block:13px}.page h1{font-size:25px}.subtitle{font-size:10px}.mode-card{padding:16px;gap:12px;min-height:134px}.mode-card h2{font-size:20px}.mode-card p{font-size:10px}.mode-card .mode-icon{width:42px;height:42px}.mode-card .text-link{font-size:10px}.setup-page{padding-block:9px}.setup-page h1{font-size:23px}.setup-title .eyebrow{font-size:7px}.setup-title .quiet-button{font-size:9px;padding:7px}.setup-page .setup-grid{gap:14px;margin-top:10px;grid-template-columns:1.25fr 1fr}.setup-page .setup-ai{padding-left:14px}.setup-page .field{margin-bottom:8px}.setup-page .field>label{font-size:7px;margin-bottom:5px}.setup-page .variant-options{gap:5px}.setup-page .variant-options button{padding:8px 6px;min-height:57px}.setup-page .variant-options strong{font-size:9px}.setup-page .variant-options span{font-size:8px}.setup-page .segmented button{min-height:30px;font-size:10px;padding:5px}.setup-page .ai-heading label{font-size:8px}.setup-page .ai-heading svg{width:17px}.setup-page .level-options{gap:5px;min-height:100px;margin:5px 0}.setup-page .level-options button{padding:6px;gap:5px}.level-options strong{font-size:10px}.level-options small{font-size:7.5px;line-height:1.35}.level-options .level-bars{display:none}.setup-page .setup-ai .start-button{min-height:37px;flex-basis:37px;font-size:10px;padding:8px}.network-page .mode-choices{margin-top:14px}.network-page .network-grid{gap:14px;margin-top:10px}.network-page .manual-join input{min-height:31px;padding:6px 9px}.network-page .manual-join .primary{min-height:34px;font-size:11px}.network-page .empty p{font-size:10px}.lobby-seats{gap:7px;margin:13px 0}.lobby-seat{padding:10px 7px}.lobby-bottom .primary{min-height:36px}}.table-screen{background:linear-gradient(#1d231bdb,#242619dc),url(/kahvehane/worn-wood.png) center/cover}.app[data-table-theme=forest]{--felt-color:#193c30;--per-color:#143329;--seat-color:#203b30;--seat-active:#3a5440;--table-grid:#bdc6ac0b}.app[data-table-theme=navy]{--felt-color:#243f50;--per-color:#1b3444;--seat-color:#263f4a;--seat-active:#395565;--table-grid:#b8c8d60c}.table-screen .felt-border{background-image:linear-gradient(#193c30f2,#18392df2),url(/kahvehane/worn-cloth.png);border-color:#453b2b;border-width:7px;box-shadow:inset 0 0 0 1px #b6c4a718,0 1px #ab957d55}.app[data-table-theme=navy] .table-screen .felt-border{background-image:linear-gradient(#243f50f2,#213b4bf2),url(/kahvehane/worn-cloth.png)}.table-screen .felt-border:after{border-style:solid;border-color:#c3caac19}.table-screen .felt-border:before{display:none}.table-screen .game-topbar{background:#14281fee;color:#e6e7d8;border-color:#c5b58930}.app[data-table-theme=navy] .game-topbar{background:#1b303dec}.game-topbar .icon-button{min-width:34px;min-height:34px;border-radius:7px;color:#c7d2be}.game-topbar .icon-button:active{background:#e0d0a41c}.game-topbar .table-badge{font-size:7px;letter-spacing:.8px;background:#a4b5950b;padding:4px 6px;border-color:#b1bf9940;border-radius:4px}.game-info>span{font-size:10px}.game-info>span b{color:#ebd0a0}.game-info em{color:#deba89;font-style:normal}.table-screen .seat .player{background:var(--seat-color);border:1px solid #99ac8e55;border-radius:9px;box-shadow:0 2px 3px #0001}.table-screen .seat .player.active{background:var(--seat-active);border-color:#ddc18d;box-shadow:inset 0 2px #ddc18d}.table-screen .avatar{background:#b9a27020;border:1px solid #b4bd956b;color:#e9d5a5}.table-screen .player-copy strong{color:#ebe9d7}.table-screen .player-copy>span{color:#bfccb4}.trick-count{font-variant-numeric:tabular-nums;color:#efd4a1}.seat-status{position:absolute;top:calc(100% + 3px);left:50%;transform:translate(-50%);font-size:8px;line-height:13px;white-space:nowrap;color:#c8cfbb;background:#153226e8;padding:1px 6px;border-radius:3px;z-index:3}.seat-status.declarer{color:#e9cf96;border:1px solid #c8b07766}.seat-status.opened{color:#d1dbbe}.seat:has(.seat-status) .card-backs{margin-top:18px}.okey-table .seat-left .seat-status,.okey-table .seat-right .seat-status{display:none}.table-contract{left:15px;top:9px;gap:9px;padding:6px 9px;border-radius:8px;background:#ece2c9;border:1px solid #ab9572;box-shadow:0 2px 3px #061e1733}.contract-suit{font-size:31px}.contract-copy{min-width:0}.contract-copy b{font-size:12px;line-height:15px}.contract-copy b small{display:inline;font-size:7px;font-weight:500;color:#5a684f;margin-left:4px}.contract-copy>span{display:block;font-size:9px;margin-top:2px;color:#42513c;white-space:nowrap;max-width:130px;text-overflow:ellipsis;overflow:hidden}.contract-progress{border-left:1px solid #a6936c66;padding-left:10px;text-align:center;min-width:45px}.contract-progress b{font-size:21px;line-height:22px;font-variant-numeric:tabular-nums}.contract-progress b small{display:inline;font-size:12px;margin:0;color:#6c765f}.contract-progress>span{display:block;font-size:8px;color:#657254;white-space:nowrap}.contract-made .contract-progress{color:#285832}.table-screen .center-panel{background:none}.center-panel .eyebrow{font-size:9px;color:#cfbf98;letter-spacing:1.8px}.center-panel h2{font-size:29px;color:#f1ead7}.center-panel p{font-size:11px;color:#c6d0bb;line-height:1.55}.auction-controls{gap:10px}.auction-controls .primary,.auction-controls .quiet-button{font-size:12px;border-radius:7px}.bid-stepper{border-color:#b1ba9759;border-radius:7px;background:#12291e}.bid-stepper b{font-size:25px;color:#efdbad}.bid-stepper button{color:#d1d9c4}.thinking-line{color:#c4d0b8;font-size:10px}.table-screen .trump-options{gap:12px}.table-screen .trump-options button{min-width:58px;min-height:64px;border-radius:7px;background:#f0e6d0;box-shadow:0 2px #8f8162}.table-screen .trump-options button span{font-size:36px}.table-screen .trump-options button small{font-size:10px}.batak-table .my-area:before{background:linear-gradient(#493a29e8,#2f291fec),url(/kahvehane/worn-wood.png) center/cover;border-top:1px solid #9d8c6655;box-shadow:0 -3px 7px #0002}.batak-table .my-area{bottom:12px}.batak-table .turn-strip .player{bottom:4px;min-height:20px;border-radius:5px;background:#172b23;border:1px solid #b5a98055;padding:3px 10px}.batak-table .turn-strip .player strong{font-size:9px}.batak-table .turn-strip .player .trick-count{font-size:12px}.table-screen .turn-message{font-size:10px;line-height:1.45;color:#c5d1ba;backdrop-filter:none}.table-screen .turn-message.your-turn{color:#f0dba8}.batak-table .turn-message{max-width:calc(100vw - 240px);background:#132b22de;padding:5px 10px;border-radius:5px}.card-fan .playing-card{left:50%;top:9px;transform:translate(calc(var(--fan-x) - 50%),var(--fan-drop)) rotate(var(--fan-angle));transition:transform .16s cubic-bezier(.2,.75,.3,1),box-shadow .1s linear}.card-fan .playing-card.selected,.card-fan .playing-card:not(:disabled):hover{transform:translate(calc(var(--fan-x) - 50%),calc(var(--fan-drop) - 8px)) rotate(var(--fan-angle))}@media(hover:none),(pointer:coarse){.card-fan .playing-card:not(:disabled):hover:not(.selected){transform:translate(calc(var(--fan-x) - 50%),var(--fan-drop)) rotate(var(--fan-angle))}}.last-trick-review{border-radius:6px;background:#173427;border-color:#aabd9966;min-height:33px;font-size:10px;max-width:180px}.review-trick .playing-card{box-shadow:0 2px 5px #0003}.table-screen .table-watermark{font-size:25px;color:#d5ddbb0c}.okey-table .meld-zone{background:var(--per-color);border:1px solid #a8b99a40;border-radius:7px;box-shadow:none;background-image:none}.meld-zone>header{display:flex;align-items:center;justify-content:space-between;height:23px;padding:0 9px;font-size:8px;letter-spacing:1px}.meld-zone>header small{font-size:8px;letter-spacing:0;text-transform:none;color:#97af95}.app[data-table-theme=navy] .meld-zone>header small{color:#a0b5c0}.meld-empty{position:absolute;inset:15px 0 0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;pointer-events:none;color:#bbcbac35}.meld-empty>span{font:700 31px Georgia;letter-spacing:8px}.meld-empty small{font-size:10px;letter-spacing:.2px;color:#afc4a660}.meld.can-process:before{content:"";position:absolute;inset:-3px;border:2px solid #e0c995;background:#e0c99518;border-radius:4px;pointer-events:none}.meld.drop-meld.can-process:before{background:#e0c99544}.meld-target:focus-visible{outline-offset:3px}.meld-target[aria-disabled=true]{cursor:default}.swap-joker{border-radius:4px;min-height:25px;font-size:10px;background:#d3be90;color:#243d2f;border:1px solid #e5d4ad;box-shadow:0 1px 3px #0003}.okey-table-center.has-preparation .meld-board{height:calc(100% - 50px)}.opening-tray{position:absolute;bottom:0;left:0;right:0;min-height:44px;display:flex;align-items:center;gap:8px;padding:5px 8px;background:#243e30;border:1px solid #a6b59066;border-radius:6px;z-index:2;box-shadow:0 2px 4px #05150d33}.opening-tray.ready{border-color:#b4c99d}.opening-total{flex-shrink:0;min-width:79px}.opening-total>span{display:block;font-size:7px;letter-spacing:.6px;color:#c2cdac}.opening-total>b{font-size:18px;line-height:21px;color:#e9d6a6}.opening-total small{font-size:10px;font-weight:500;color:#b8c7ac}.prepared-groups{display:flex;align-items:center;gap:5px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:thin}.prepared-groups button{display:flex;gap:5px;align-items:center;padding:4px;background:#112a1d;border:1px solid #b0c09a44;border-radius:4px;min-height:31px;flex-shrink:0}.prepared-groups button>span{display:flex;gap:1px}.preview-value{display:inline-block;background:#f4f0e4;border:1px solid #d8cfb9;min-width:18px;padding:2px;font-style:normal;font-weight:800;font-size:13px;border-radius:2px;text-align:center;position:relative}.preview-value sup{position:absolute;bottom:0;right:0;font-size:6px}.prepared-groups svg{color:#c4cdb5}.opening-reason{font-size:9px;color:#e4c794;display:flex;gap:3px;align-items:center;max-width:112px}.opening-tray.ready .opening-reason{color:#c4d8b2}.opening-tray .icon-button{width:28px;height:28px;min-width:28px}.tile.red,.table-screen .tile.red,.preview-value.red{color:#b52232}.tile.blue,.table-screen .tile.blue,.preview-value.blue{color:#087595}.tile.gold,.table-screen .tile.gold,.preview-value.gold{color:#966500}.tile.black,.table-screen .tile.black,.preview-value.black{color:#19232b}.table-screen .tile-rack.wide-rack{background-image:linear-gradient(#563d29ec,#42301ee8),url(/kahvehane/worn-wood.png);box-shadow:inset 0 2px 3px #21170966,0 3px #2c2016,0 4px 6px #0003;border-radius:7px 7px 4px 4px;border-color:#967e59 #695032 #453220}.table-screen .tile-rack:after{background:linear-gradient(#997b52,#655032);border-top-color:#af946844;height:4px}.tile,.table-screen .tile,.tile[data-wear],.table-screen .tile[data-wear]{background:linear-gradient(100deg,#fffdf6,#f1eee3);border-color:#d8d2c3;border-bottom-color:#ada694;border-radius:4px;box-shadow:0 2px #b4ab965c,1px 3px 3px #06150c33}.wide-rack .rack-slot{display:flex;justify-content:center;align-items:flex-start}.wide-rack .tile{width:min(100%,calc(var(--rack-row)*.87));height:var(--rack-row);font-size:calc(var(--rack-row)*.67);padding-bottom:4px;flex-shrink:0}.tile .tile-value{line-height:1.1}.tile-dot{bottom:3px;width:4px;height:4px}.table-screen .tile.selected{outline-color:#e6cd93;outline-width:2px;box-shadow:0 3px #be9a58}.table-screen .tile.staged{box-shadow:0 2px #88a871,0 0 0 1px #92aa79}.rack-summary{min-height:20px;top:-20px;padding:3px 12px;font-size:9px;border-radius:6px 6px 0 0}.rack-summary b{font-size:12px}.rack-summary em{font-size:9px}.okey-table .rack-edge-sort{height:56px;font-size:10px;gap:5px;border-radius:8px;background:#203c2f;border-color:#a9b38f55}.okey-table .rack-edge-sort.active{background:#3c533b;color:#f2dfb7;border-color:#cfbb8977}.okey-table .okey-actions{margin-bottom:18px;gap:8px;min-height:36px}.okey-table .actions-left{gap:5px}.okey-actions .quiet-button,.okey-actions .open-melds{min-height:34px;font-size:10px;padding:5px 8px;border-radius:6px}.okey-actions .open-melds{background:#c5d0ab;color:#283d2b;font-weight:750;border:1px solid #d3dfbd}.open-melds:disabled{opacity:.4}.okey-actions .suggest-meld span{display:inline}.okey-actions .prepare-meld:not(:disabled) span{display:inline}.okey-actions .prepare-meld:disabled{display:none}.okey-table .okey-actions .turn-message{font-size:9px;line-height:1.4;max-width:230px;padding:0 5px}.okey-table .okey-actions .penalty-notice{color:#f0b1a5}.okey-table .stock-button.draw-action{background:#dcc18d;border-color:#eed7aa;border-radius:7px;min-height:38px;min-width:135px;font-size:12px}.okey-table .stock-button.draw-action small{font-size:9px}.okey-table .discard-button{min-height:38px;font-size:11px;border-radius:7px;gap:6px;white-space:nowrap}.okey-table .discard-button.penalty-discard{background:#d9b49b;border-color:#ecc4ac}.penalty-tag{font-size:10px;color:#792921;border-left:1px solid #9f786155;padding-left:5px}.okey-table .return-discard{background:#d3be95;color:#2c4031;border:1px solid #e3d1aa;border-radius:7px;min-height:36px;padding:7px 9px;font-size:11px}.okey-table .discard-pile.south-west button,.okey-table .discard-pile.south-east button{border-radius:7px;background:#1b382d}.okey-table .discard-pile button:not(:disabled){background:#496145;border-color:#d7c18d}.okey-table .discard-pile button b{font-size:9px}.okey-table .discard-pile .discard-caption{color:#bccbb1;font-size:7px}.okey-table .okey-table-center{bottom:calc(var(--rack-row)*2 + 80px)}.result-panel,.score-modal{background:#e9dfc7;border-color:#a9946f;border-radius:12px;color:#344430}.result-panel h2,.score-modal h2{color:#26392d}.result-panel .result-emblem{background:#d8c79b;border:1px solid #bda877;border-radius:9px;color:#566542}.result-panel .eyebrow{color:#6a7054}.result-panel .result-actions .quiet-button{background:#d8caaa;color:#364834;border-color:#ac987261}.result-panel .result-actions .primary{background:#355139;color:#f1e5c6;border-color:#4d6b43}.scoreboard thead{background:#e3d7b9}.scoreboard .score-totals td,.scoreboard .score-totals th{background:#f3e9d1;border-bottom:2px solid #a4916266}.score-totals b{font-variant-numeric:tabular-nums}.scoreboard .negative-score{color:#9b493c}.scoreboard .latest-round>td{font-weight:750}.scoreboard .score-scroll{scrollbar-width:thin;scrollbar-color:#a59a79 #dfd6bc}.score-detail-toggle{display:inline-flex;align-items:center;gap:5px;background:none;border:0;border-radius:4px;color:#44513d;min-width:30px;min-height:28px;font:inherit;font-weight:650;justify-content:center;padding:0 3px}.score-detail-toggle>span{color:#8f875f;font-size:11px}.score-detail-toggle:focus-visible{outline-color:#49714a}.scoreboard .score-detail td{background:#d7d1b7;padding:10px 13px;text-align:left;white-space:normal;color:#41513c}.score-detail b,.score-detail span,.score-detail small{display:block;font-size:10px;line-height:1.6}.score-detail span{margin-top:3px}.scoreboard .score-note{color:#6b7154}@media(max-width:740px)and (orientation:landscape){.game-info>span{font-size:9px}.game-topbar .table-badge{display:none}.table-screen .game-topbar strong{font-size:12px}.game-topbar .icon-button{min-width:32px;min-height:32px}.table-contract{left:7px;top:5px;padding:4px 6px;gap:6px}.contract-suit{font-size:25px}.contract-copy b{font-size:10px}.contract-copy>span{font-size:8px;max-width:95px}.contract-progress{padding-left:6px;min-width:32px}.contract-progress b{font-size:17px;line-height:18px}.contract-progress b small{font-size:10px}.contract-progress>span{font-size:7px}.contract-copy b small{display:none}.seat-status{font-size:7px}.table-screen .center-panel h2{font-size:25px}.center-panel .eyebrow{font-size:8px}.center-panel p{font-size:10px}.auction-controls .primary,.auction-controls .quiet-button{font-size:11px}.table-screen .trump-options{gap:8px}.table-screen .trump-options button{min-width:48px;min-height:54px}.table-screen .trump-options button span{font-size:29px}.table-screen .trump-options button small{font-size:9px}.batak-table .my-area{bottom:12px}.batak-table .turn-message{font-size:9px;max-width:calc(100vw - 160px);padding:4px 7px}.last-trick-review{font-size:9px;max-width:136px;min-height:30px}.table-screen .seat .player{border-radius:6px}.meld-zone>header{font-size:8px;padding:0 6px}.meld-zone>header small{display:none}.meld-empty>span{font-size:23px}.meld-empty small{font-size:8px}.opening-total{min-width:59px}.opening-total>span{font-size:6px}.opening-total>b{font-size:16px}.opening-total small{font-size:8px}.opening-tray{gap:5px;padding:4px 6px;min-height:40px}.opening-reason{font-size:8px;max-width:67px}.preview-value{min-width:15px;font-size:11px;padding:2px 1px}.prepared-groups button{gap:3px;padding:3px;min-height:28px}.okey-table-center.has-preparation .meld-board{height:calc(100% - 44px)}.okey-table .rack-edge-sort{font-size:9px;height:52px}.rack-summary{font-size:8px;min-height:18px;top:-18px;padding:2px 8px}.rack-summary b{font-size:11px}.rack-summary em{display:none}.okey-table .okey-actions{gap:4px;margin-bottom:15px}.okey-table .actions-left{gap:3px}.okey-actions .quiet-button,.okey-actions .open-melds{font-size:9px;padding:4px 6px;min-height:32px}.okey-actions .suggest-meld svg{display:none}.okey-actions .prepare-meld span{display:none!important}.okey-actions .prepare-meld{padding:4px}.okey-table .okey-actions .turn-message{font-size:8px;max-width:143px;line-height:1.3;padding:0 3px}.okey-table .discard-button{min-height:36px;font-size:10px;padding:5px 8px;gap:4px}.okey-table .stock-button.draw-action{min-width:112px;min-height:36px;font-size:10px;padding:4px 7px;gap:6px}.okey-table .stock-button.draw-action small{font-size:8px}.okey-table .return-discard{font-size:9px;min-height:33px;padding:5px}.okey-table .discard-pile button b{font-size:8px}.okey-table .discard-pile .discard-caption{font-size:6px}.okey-table .okey-table-center{bottom:calc(var(--rack-row)*2 + 77px)}.scoreboard th,.scoreboard td{padding:4px}.score-detail-toggle{min-height:25px}.score-detail b,.score-detail span,.score-detail small{font-size:9px}.scoreboard .score-note{font-size:8px}}@media(prefers-reduced-motion:reduce){.card-fan .playing-card{transition:none}}.okey-table .okey-actions .suggest-meld{width:auto;min-width:72px;gap:5px;white-space:nowrap;padding:5px 8px}.seat-status{position:relative;inset:auto;transform:none;align-self:center;margin-top:3px;order:1}.seat:has(.seat-status) .card-backs{margin-top:5px;order:2}.okey-table .seat-status{display:none}.okey-table .draw-stack .indicator-label{font-size:8px}.okey-table .stock-info{font-size:10px}@media(max-width:740px)and (orientation:landscape){.okey-table .okey-actions .suggest-meld{min-width:54px;padding:4px 6px}.okey-table .draw-stack .indicator-label{font-size:7px}}.table-screen .card-fan .playing-card{left:calc(50% + var(--fan-x));top:calc(9px + var(--fan-drop));transform:translate(-50%) rotate(var(--fan-angle));transition:box-shadow 90ms linear}.table-screen .card-fan .playing-card.selected,.table-screen .card-fan .playing-card:not(:disabled):hover{transform:translate(-50%) translateY(-6px) rotate(var(--fan-angle))}.table-screen .mini-hand-fan .playing-card{top:calc(3px + var(--fan-drop))}@media(hover:none),(pointer:coarse){.table-screen .card-fan .playing-card:not(:disabled):hover:not(.selected){transform:translate(-50%) rotate(var(--fan-angle))}}.table-screen .card-art{filter:none}.table-screen .card-glaze{display:none}.app[data-table-theme=navy] .okey-table{background:#1b4b60 url(/kahvehane/okey-cloth-v1.webp) center/630px}.app[data-table-theme=forest] .okey-table{background:#194335 url(/kahvehane/worn-cloth.png) center/cover}.okey-table .felt{inset:42px 0 0}.okey-table .felt-border{display:none}.okey-table{--rack-row:clamp(36px,10.8dvh,50px)}.okey-table .okey-table-center{inset:6px 82px calc(var(--rack-row)*2 + 66px);min-height:0;overflow:visible}.okey-table .meld-board{gap:8px;align-items:stretch;height:100%}.okey-table .meld-zone{border-radius:3px;border:1px solid #7895a13b;background:#102f43;box-shadow:inset 0 0 12px #071e2b28}.app[data-table-theme=forest] .okey-table .meld-zone{background:#14372d}.okey-table .meld-zone>header{height:22px;line-height:12px;padding:3px 7px;color:#b8cbd1;background:#0727384d;font-size:9px;letter-spacing:.6px}.okey-table .meld-zone>header small{color:#86a5b2;font-size:8px}.okey-table .meld-surface{inset:24px 5px 5px}.okey-table .meld-board .runs-zone{order:0}.okey-table .meld-board .pairs-zone{order:2}.okey-table .meld-board .draw-stack{position:static;order:1;flex:0 0 36px;width:36px;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;transform:none;align-self:stretch;padding:0;min-width:0}.okey-table .draw-stack .indicator-label{font-size:7px;line-height:10px;color:#dce6dc;white-space:nowrap}.okey-table .draw-stack>.tile.small{width:31px;height:40px;font-size:26px;margin:0}.okey-table .stock-info{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;border:0;border-radius:4px;padding:0;background:transparent;min-height:55px;min-width:36px;color:#e9ecdc}.okey-table .stock-info:disabled{opacity:1}.okey-table .stock-info:not(:disabled){outline:1px solid #e9dbaa88;outline-offset:3px}.okey-table .stock-info .tile-back{display:block;width:29px;height:37px;background:#eee9d9;border:1px solid #c0b9a7;border-radius:3px;box-shadow:2px 2px #c7c0ad,3px 4px #9e9786;margin:0}.okey-table .stock-info strong{position:absolute;top:8px;color:#3d443c;font-size:16px;font-weight:650}.okey-table .stock-info small{font-size:7px;line-height:10px;color:#dce2d6}.okey-table .meld-empty{inset:0;opacity:.55}.okey-table .meld-empty>span{display:none}.okey-table .meld-empty small{color:#a6c2c773;font-size:10px}.okey-table .seat-top{top:-40px;z-index:6}.okey-table .seat-top .player{padding:3px 9px;min-height:32px;max-width:160px;border-radius:3px;background:#17394d;border-color:#97ad975c}.okey-table .seat-top .player-copy>span{display:none}.okey-table .seat-top .opponent-rack{display:none}.okey-table .seat-left,.okey-table .seat-right{top:34%;z-index:5}.okey-table .seat-left{left:7px}.okey-table .seat-right{right:7px}.okey-table .seat-left .player,.okey-table .seat-right .player{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:64px;padding:7px 4px;background:#112d40;border-radius:4px;border-color:#a4ad985e}.okey-table .seat .player-copy strong{font-size:10px}.okey-table .seat .player-copy>span{font-size:7px;line-height:11px;max-width:56px;white-space:normal}.okey-table .seat .avatar{width:25px;height:25px}.okey-table .seat-status,.okey-table .opponent-rack{display:none}.okey-table .discard-pile.north-west,.okey-table .discard-pile.north-east{top:0}.okey-table .discard-pile.north-west{left:-66px}.okey-table .discard-pile.north-east{right:-66px}.okey-table .discard-pile.south-west,.okey-table .discard-pile.south-east{bottom:0;width:53px}.okey-table .discard-pile.south-west{left:-66px}.okey-table .discard-pile.south-east{right:-66px}.okey-table .discard-pile .tile.small{width:29px;height:37px;font-size:25px}.okey-table .discard-pile .discard-caption{font-size:7px;line-height:10px;color:#d2ded9;margin-bottom:3px}.okey-table .discard-pile button,.okey-table .discard-pile.south-west button,.okey-table .discard-pile.south-east button{min-width:49px;min-height:48px;background:#122e42;border:1px solid #a9b6a258;border-radius:4px;padding:3px;gap:2px}.okey-table .discard-pile button:not(:disabled){background:#254b5c;border-color:#dfd0a0}.okey-table .discard-pile button b{font-size:8px;line-height:10px}.okey-table .discard-drop .discard-empty{height:25px}.okey-table .my-area{bottom:8px;padding:0 10px;gap:0;display:block}.okey-table .turn-strip{display:block;position:absolute;left:80px;right:80px;top:-41px;min-height:18px;pointer-events:none}.okey-table .turn-strip .player{display:none}.okey-table .turn-strip .turn-message{font-size:9px;line-height:13px;max-width:100%;background:transparent;text-shadow:0 1px #12394c;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.okey-table .okey-actions{position:relative;display:block;order:0;min-height:0;margin:0;padding:0}.okey-table .rack-wrap{display:grid;grid-template-columns:82px minmax(0,1fr) 82px;gap:8px;align-items:end;width:min(100%,1200px);margin:0 auto;order:0}.okey-table .rack-controls{display:grid;grid-template-rows:26px 28px 42px;gap:4px;min-width:0;grid-row:1;align-self:end}.okey-table .rack-controls-left{grid-column:1}.okey-table .rack-controls-right{grid-column:3}.okey-table .rack-controls button{width:100%;min-width:0;min-height:0;height:100%;padding:3px 4px;font:650 11px/1.15 Manrope,sans-serif;border-radius:4px;justify-content:center;box-shadow:0 1px 2px #07172342;gap:4px}.okey-table .rack-controls .quiet-button,.okey-table .rack-edge-sort{background:#153749;color:#d5e3df;border:1px solid #9db4b059;display:flex;flex-direction:row}.okey-table .rack-controls .rack-edge-sort.active{background:#315967;border-color:#d5caa67a;color:#f1e2b8}.okey-table .rack-controls .stock-button.draw-action,.okey-table .rack-controls .discard-button{min-height:42px;min-width:0;background:#ddc68d;border:1px solid #f0ddb0;color:#243f47;display:flex;position:relative;font-size:12px}.okey-table .rack-controls .discard-button:disabled,.okey-table .rack-controls .stock-button:disabled{opacity:.43}.okey-table .rack-controls .return-discard,.okey-table .rack-controls .undo-meld{background:#876332;border:1px solid #d2b884;color:#fff0c9;font-size:10px}.okey-table .rack-minor-controls{display:flex;gap:5px;justify-content:center}.okey-table .rack-minor-controls .icon-button{width:calc(50% - 3px);height:42px;min-height:42px;border:1px solid #9db4b041;background:#14354a;color:#d5e3db}.okey-table .rack-wrap .tile-rack.wide-rack{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(var(--rack-cols),minmax(0,1fr));grid-template-rows:repeat(2,var(--rack-row));gap:7px 3px;align-items:start;width:100%;max-width:none;padding:5px 7px 8px;margin:0;box-sizing:border-box;transform:none;overflow:visible;background:linear-gradient(90deg,#b97c2733,#d9a44412,#82502030),url(/kahvehane/worn-wood.png) center/cover;border:1px solid #b38a51;border-top:2px solid #d8b66d;border-radius:4px;box-shadow:inset 0 1px 2px #4d2d1644,0 3px #604222,0 5px 4px #061b2780}.okey-table .tile-rack:after{top:calc(50% - 2px);left:0;right:0;height:5px;bottom:auto;z-index:2;background:#b98946;border-top:1px solid #e1bf75;box-shadow:0 2px 2px #3d271b77}.okey-table .wide-rack .rack-slot{height:var(--rack-row);min-height:0;overflow:visible;position:relative;touch-action:none;display:flex;align-items:stretch;justify-content:center}.okey-table .wide-rack .tile{position:relative;width:100%;height:100%;max-width:calc(var(--rack-row)*.87);padding:0 0 5px;font-size:calc(var(--rack-row)*.69);border-radius:3px;box-shadow:inset 1px 1px #fff,1px 1px #b9b2a0,0 2px 2px #4c341951;border:1px solid #c9c2b0;transform:none;transition:box-shadow 70ms linear;flex-shrink:0;background:#f7f4e9}.okey-table .wide-rack .tile.selected{transform:translateY(-4px);outline:2px solid #e9c775;outline-offset:-1px}.okey-table .wide-rack .tile.staged{box-shadow:inset 0 -3px #b7bc89,1px 1px #b9b2a0}.okey-table .wide-rack .tile.face-down{background:#eee9db}.okey-table .tile-value{line-height:1}.okey-table .tile-dot{width:5px;height:5px;bottom:3px;background:#d8d5c9;box-shadow:inset 0 1px 1px #a09b8e55}.okey-table .rack-summary{top:-20px;height:20px;min-height:0;font-size:9px;line-height:15px;border:1px solid #a7ad9666;border-radius:4px 4px 0 0;padding:1px 10px;background:#183c51;color:#d9e1d4;gap:8px}.rack-summary>strong{font-size:10px;font-weight:600;padding-right:6px;border-right:1px solid #afc2b644}.okey-table .rack-summary b{font-size:12px;color:#f0d99c}.okey-table .opening-tray{left:100px;right:100px;bottom:calc(100% + 23px);min-height:41px;padding:4px 6px;background:#15384d;border:1px solid #afc3a46b;border-radius:4px;gap:7px;z-index:12}.okey-table:has(.opening-tray) .turn-strip{visibility:hidden}.okey-table:has(.opening-tray) .okey-table-center{bottom:calc(var(--rack-row)*2 + 90px)}.okey-table .opening-reason{display:none}.okey-table .opening-total>span{font-size:7px;color:#bccdc6}.okey-table .opening-total{min-width:80px}.okey-table .opening-total>b{font-size:16px}.okey-table .opening-total small{font-size:9px;color:#c5d1c1}.okey-table .opening-tray .open-melds{min-width:65px;min-height:32px;font-size:11px;border:1px solid #d7c392;background:#d9c28e;color:#244334;border-radius:4px;padding:5px 8px;white-space:nowrap}.okey-table .opening-tray .open-melds:disabled{opacity:.4}.okey-table .prepared-groups button{background:#0c293b;min-height:29px;padding:3px}.okey-table .opening-tray .preview-value{font-size:12px;min-width:17px}.okey-table .sort-feedback{bottom:calc(100% + 2px);font-size:10px}.okey-table .game-topbar .table-badge{display:none}.okey-table .game-info>span:first-child{display:none}.batak-table .seat .player{border:1px solid #d5b77c9c;background:linear-gradient(#72492ed9,#4b2a19de),url(/kahvehane/worn-wood.png) center/cover;border-radius:7px;box-shadow:0 2px 3px #0003}.batak-table .seat .player.active{border-color:#eee0a8;box-shadow:inset 0 -2px #d5c184}.batak-table .my-area:before{background:linear-gradient(#674327bf,#442915be),url(/kahvehane/worn-wood.png) center/cover;border-top:2px solid #a68152}@media(max-width:740px)and (orientation:landscape){.okey-table .felt{top:38px}.okey-table .okey-table-center{left:65px;right:65px;top:6px;bottom:calc(var(--rack-row)*2 + 68px)}.okey-table .my-area{padding:0 6px;bottom:7px}.okey-table .rack-wrap{grid-template-columns:59px minmax(0,1fr) 59px;gap:5px}.okey-table .rack-controls{grid-template-rows:25px 25px 42px;gap:3px}.okey-table .rack-controls button{font-size:9px;padding:3px 2px}.okey-table .rack-controls .stock-button.draw-action,.okey-table .rack-controls .discard-button{font-size:10px;gap:2px}.okey-table .rack-controls button svg{width:13px}.okey-table .rack-wrap .tile-rack.wide-rack{padding:5px 5px 7px;gap:7px 2px}.okey-table .seat-left{left:4px}.okey-table .seat-right{right:4px}.okey-table .seat-left .player,.okey-table .seat-right .player{max-width:50px;padding:5px 2px}.okey-table .seat .player-copy strong{font-size:8px}.okey-table .seat .player-copy>span{font-size:6px;line-height:9px;max-width:43px}.okey-table .seat .avatar{width:22px;height:22px}.okey-table .seat-top{top:-37px;left:48%}.okey-table .seat-top .player{min-height:31px;padding:3px 7px;gap:5px}.okey-table .discard-pile.north-west,.okey-table .discard-pile.south-west{left:-54px}.okey-table .discard-pile.north-east,.okey-table .discard-pile.south-east{right:-54px}.okey-table .discard-pile,.okey-table .discard-pile.south-west,.okey-table .discard-pile.south-east{width:43px}.okey-table .discard-pile button,.okey-table .discard-pile.south-west button,.okey-table .discard-pile.south-east button{min-width:40px;min-height:45px;padding:2px}.okey-table .discard-pile .tile.small{width:25px;height:32px;font-size:22px}.okey-table .discard-pile button b{font-size:7px}.okey-table .discard-pile .discard-caption{font-size:6px}.okey-table .draw-stack>.tile.small{width:27px;height:35px;font-size:23px}.okey-table .draw-stack .indicator-label{font-size:6px}.okey-table .stock-info .tile-back{width:25px;height:33px}.okey-table .stock-info strong{font-size:14px}.okey-table .rack-summary{font-size:8px;gap:5px;top:-19px;height:19px;padding:1px 6px}.okey-table .rack-summary>strong{font-size:8px}.okey-table .rack-summary b{font-size:11px}.okey-table .turn-strip{left:66px;right:66px;top:-36px}.okey-table .turn-strip .turn-message{font-size:8px}.okey-table .opening-tray{left:70px;right:70px;gap:5px;bottom:calc(100% + 22px);padding:3px 5px}.okey-table .opening-total{min-width:58px}.okey-table .opening-total>span{font-size:6px}.okey-table .opening-total>b{font-size:14px}.okey-table .opening-total small{font-size:8px}.okey-table .opening-tray .open-melds{min-width:56px;font-size:10px;padding:4px}.okey-table .opening-tray .preview-value{font-size:10px;min-width:14px}.okey-table .prepared-groups button{gap:2px}.okey-table:has(.opening-tray) .okey-table-center{bottom:calc(var(--rack-row)*2 + 95px)}.okey-table .game-topbar .game-info{gap:2px}.okey-table .game-topbar .game-info>span{font-size:8px}.okey-table .game-topbar .icon-button{min-width:29px;min-height:31px;width:29px}}@media(max-height:340px)and (orientation:landscape){.modal:not(.wide):not(.score-modal){padding:12px 18px;gap:7px}.modal:not(.wide) header{margin-bottom:6px}.modal h2{font-size:20px}.modal .setting-row{padding:7px 0}.modal .theme-setting button{padding:7px 9px}.modal>p.subtle-note{margin-block:6px;font-size:9px}.modal input{min-height:32px;padding:6px 9px}.network-page h1{font-size:23px;margin:4px 0}.network-page>.subtitle{font-size:9px}.network-page .network-grid{margin-top:7px}.network-page .manual-join{padding:10px 14px}.network-page .manual-join h2{font-size:15px;margin:0 0 6px}.network-page .manual-join label{font-size:9px;margin:5px 0 3px}.network-page .manual-join input{min-height:28px;height:28px}.network-page .manual-join .primary{min-height:32px;height:32px;margin-top:7px}.network-page .manual-join>.text-link{font-size:8px;margin-top:6px}}.okey-table .rack-controls>button{grid-column:1;grid-row:auto;position:relative;right:auto;top:auto}.okey-table .okey-top-player{position:absolute;left:45%;top:2px;transform:translate(-50%);z-index:8}.okey-top-player .player{padding:2px 10px;min-height:33px;background:#15374b;border:1px solid #9eaf9961;border-radius:4px;gap:7px}.okey-top-player .player.active{border-color:#e1cd96;background:#285065}.okey-top-player .player-copy strong{font-size:10px}.okey-top-player .player-copy>span{font-size:7px;line-height:10px}.okey-top-player .avatar{width:24px;height:24px}.batak-table .my-area>.double-fan>.card-fan+.card-fan{margin-top:calc(0px - var(--row-overlap))}.table-screen .seat-left .dummy-hand,.table-screen .seat-left .dummy-hand:not(.choosing-trump),.table-screen .seat-right .dummy-hand,.table-screen .seat-right .dummy-hand:not(.choosing-trump){top:0}@media(max-width:740px)and (orientation:landscape){.okey-table .okey-top-player{left:45%;top:1px}.okey-top-player .player{padding:2px 6px;min-height:31px;gap:4px}.okey-top-player .player-copy>span{display:none}.okey-top-player .player-copy strong{font-size:8px}.okey-top-player .avatar{width:21px;height:21px}}.okey-table .game-topbar{z-index:5}.okey-table .okey-top-player{z-index:50}.okey-table .discard-pile.north-west,.okey-table .discard-pile.south-west{left:-49px}.okey-table .discard-pile.north-east,.okey-table .discard-pile.south-east{right:-49px}@media(max-width:740px)and (orientation:landscape){.okey-table .seat-left{left:1px}.okey-table .seat-right{right:1px}.okey-table .discard-pile,.okey-table .discard-pile.south-west,.okey-table .discard-pile.south-east{width:40px}.okey-table .discard-pile.north-west,.okey-table .discard-pile.south-west{left:-40px}.okey-table .discard-pile.north-east,.okey-table .discard-pile.south-east{right:-40px}}.okey-table .rack-wrap .tile-rack.wide-rack{background-image:linear-gradient(#aa722018,#79502322),url(/kahvehane/okey-wood-v1.webp)}.okey-table .okey-top-player .opponent-rack{display:flex;position:absolute;left:calc(100% + 8px);right:auto;top:13px;width:40px;height:13px;transform:none;gap:1px}.okey-table .seat-left .opponent-rack,.okey-table .seat-right .opponent-rack{display:flex;position:absolute;left:auto;right:-7px;top:21px;width:5px;height:32px;transform:none;flex-direction:column;gap:1px;padding:1px;border-radius:1px}.okey-table .seat-right .opponent-rack{right:auto;left:-7px}.okey-table .opponent-rack i{display:block;flex:1;min-width:0;min-height:0;background:#cac7b4;border-radius:1px}@media(max-width:740px)and (orientation:landscape){.okey-table .rack-wrap .tile-rack.wide-rack{padding-left:3px;padding-right:3px}.okey-table .okey-top-player .opponent-rack{left:calc(100% + 5px);width:28px;height:11px}}@media(max-height:340px)and (orientation:landscape){.modal .setting-row{padding:6px 0}.modal:not(.wide):not(.score-modal){padding-top:10px;padding-bottom:10px}}.table-screen .card-fan{pointer-events:none}.table-screen .card-fan .playing-card{pointer-events:auto}.batak-table.phase-bid .auction{top:36px;left:50%;transform:translate(-50%);min-width:0;width:204px;gap:5px;z-index:8}.batak-table.phase-bid .seat-top .card-backs{visibility:hidden}.auction-status{font-size:11px;line-height:18px;color:#f0dfb5}.bid-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;width:100%}.bid-choice,.bid-pass{min-height:30px;border-radius:5px;border:1px solid #edcf8d;background:linear-gradient(#dab875,#ba8a42);color:#25261c;font-family:Manrope,sans-serif;font-size:19px;font-weight:650;box-shadow:inset 0 1px #f7e7b9,0 2px #674c2b}.bid-choice:disabled{background:#68845757;opacity:.48;color:#263e2c;border-color:#afbd8977;box-shadow:none}.bid-pass{width:100%;min-height:29px;font-size:13px}.okey-table .rack-summary small{font-size:8px;color:#adc4c5}.okey-table .discard-pile.south-west,.okey-table .discard-pile.south-east{width:49px}@media(max-width:740px)and (orientation:landscape){.batak-table.phase-bid .auction{top:25px;width:168px;gap:3px}.auction-status{font-size:9px;line-height:12px}.bid-grid{gap:3px}.bid-choice{min-height:25px;font-size:17px}.bid-pass{min-height:25px;font-size:12px}.okey-table .discard-pile.south-west,.okey-table .discard-pile.south-east{width:40px}}.table-screen .card-fan .playing-card:not(:disabled):hover:not(.selected){transform:translate(-50%) rotate(var(--fan-angle))}@media(max-height:340px)and (orientation:landscape){.app .modal-shade .modal>label{margin:6px 0 4px}}.okey-table .seat-left .player,.okey-table .seat-right .player{width:26px;max-width:26px;padding:5px 1px}.okey-table .seat-left .player strong,.okey-table .seat-right .player strong{font-size:9px;line-height:14px;max-height:none;overflow:visible}.okey-table .seat-left .player-copy>span,.okey-table .seat-right .player-copy>span{font-size:6px;line-height:8px}@media(max-width:740px)and (orientation:landscape){.okey-table .seat-left .player,.okey-table .seat-right .player{width:22px;max-width:22px;padding:5px 1px}.okey-table .seat-left .player strong,.okey-table .seat-right .player strong{font-size:8px;line-height:11px}.okey-table .seat-left .player-copy>span,.okey-table .seat-right .player-copy>span{font-size:5px;line-height:7px}}.okey-table .okey-top-player{z-index:6}.okey-table .rack-controls .discard-button.penalty-discard{flex-wrap:wrap;align-content:center;row-gap:1px}.okey-table .rack-controls .penalty-tag{flex:0 0 100%;border:0;padding:0;font-size:9px;line-height:11px;text-align:center;white-space:nowrap}.modal>header{position:sticky;top:0;z-index:3;background:#20352b;box-shadow:0 -20px #20352b}@media(min-height:511px){.okey-table .felt{top:55px}}.app{--text-main:#f2ead4;--text-muted:#c3c9b9;--action:#d8c296;--action-ink:#18332c}.app button:focus-visible,.app input:focus-visible,.app [tabindex]:focus-visible{outline:2px solid #f2ddaa;outline-offset:3px}.app button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.app button:disabled{cursor:default}.app .save-warning,.app .connection-banner{position:fixed;left:50%;top:4px;transform:translate(-50%);max-width:min(650px,92vw);z-index:420;display:flex;align-items:center;gap:12px;padding:8px 12px;background:#563a24;color:#fff1d1;border:1px solid #d4b485;border-radius:6px;font-size:12px;box-shadow:0 3px 12px #0005}.save-warning button,.connection-banner button{white-space:nowrap;border:1px solid #decea5;background:#e2cfaa;color:#24382d;border-radius:4px;padding:6px 9px}.app .toast{inset:44px auto auto 50%;transform:translate(-50%);width:max-content;max-width:min(620px,88vw);font-size:12px;padding:9px 12px;line-height:1.4;z-index:500;box-shadow:0 3px 12px #0005}.app .toast>span{overflow-wrap:anywhere}.app .toast>button{min-width:32px;min-height:32px}.app .player-copy{min-width:0}.app .player-copy strong{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-mark{padding:1px 4px;border-radius:3px;background:#294f43;color:#f2deac!important;font-size:8px!important;margin-left:4px}.table-screen .tile{font-family:Manrope,Arial,sans-serif;font-weight:700;letter-spacing:-.65px;text-shadow:none;background:#f8f5e9}.app .table-screen .tile .tile-value{display:block;font-family:Manrope,Arial,sans-serif;font-weight:700;font-size:1em;font-variant-numeric:lining-nums tabular-nums;line-height:1.06;margin:0;padding:0 1px;letter-spacing:-.8px;text-shadow:none}.table-screen .tile.red,.preview-value.red{color:#b32131}.table-screen .tile.blue,.preview-value.blue{color:#096e97}.table-screen .tile.gold,.preview-value.gold{color:#986300}.table-screen .tile.black,.preview-value.black{color:#16212b}.app[data-contrast=true] .tile.red{color:#bb1830}.app[data-contrast=true] .tile.blue{color:#045ec2}.app[data-contrast=true] .tile.gold{color:#805300}.app[data-contrast=true] .tile.black{color:#111}.app[data-contrast=true] .tile:not(.face-down):after{content:attr(data-color-name);position:absolute;right:2px;bottom:1px;font-size:7px;line-height:8px;letter-spacing:0;font-weight:800;color:currentColor;background:#fff9;padding:0 1px;border-radius:1px}.table-screen .wide-rack .tile.selected{outline:2px solid #f0d197;outline-offset:1px;box-shadow:0 3px #a56f21,0 0 0 3px #182a3c}.table-screen .wide-rack .tile.staged:before{content:"";position:absolute;left:3px;right:3px;bottom:1px;height:3px;background:#417c66;border-radius:2px}.app .rack-drag-preview{left:0;top:0;pointer-events:none;filter:none;will-change:transform;contain:layout style}.app .rack-drag-preview>.tile,.app .rack-drag-preview>.tile-back{width:100%;height:100%;font-size:var(--drag-font,26px);margin:0}.app .okey-table [data-draw-source]{touch-action:none;user-select:none}.app .okey-table[data-drag-target=discard] .discard-drop,.app .okey-table[data-drag-target=return] .holding-discard{outline:2px solid #f3d58a;outline-offset:2px}.rack-drag-preview:not([data-count="1"]):after{content:attr(data-count);position:absolute;right:-9px;top:-8px;min-width:20px;height:20px;border-radius:10px;color:#fff4d7;background:#264c42;border:1px solid #d0c69a;text-align:center;line-height:18px;font-size:11px;font-weight:700}.okey-table .rack-wrap .tile-rack.wide-rack{background-image:linear-gradient(#523d2329,#42301c30),url(/kahvehane/okey-wood-v1.webp);border-color:#bb8c4a #987142 #73522f;box-shadow:inset 0 1px #edce8d88,0 3px #725132,0 5px 7px #0004;padding-bottom:9px}.app[data-table-theme=navy] .okey-table{background-color:#204758;background-image:linear-gradient(#102f4024,#0b243e38),url(/kahvehane/okey-cloth-v1.webp)}.okey-table .meld-empty{opacity:1}.okey-table .meld-empty small{color:#95b0b9;font-size:10px;font-weight:500}.okey-table .meld-zone>header small{color:#b1c6c9}.okey-table .discard-caption{font-size:8px!important;line-height:12px!important;text-overflow:ellipsis;overflow:hidden;max-width:100%;white-space:nowrap}.discard-count{font-style:normal;display:inline-block;background:#092432;color:#d4e1dc;border:1px solid #809ca56b;font-size:7px;line-height:10px;min-width:12px;border-radius:5px;margin-left:3px;text-align:center}.okey-table .seat-left .player-copy>span,.okey-table .seat-right .player-copy>span{font-size:var(--desktop-okey-status-size,8px)!important;line-height:var(--desktop-okey-status-line,10px)!important;max-height:56px;overflow:hidden}.okey-table .seat-left .player strong,.okey-table .seat-right .player strong{font-size:var(--desktop-okey-name-size,10px)!important;line-height:var(--desktop-okey-name-line,14px)!important;max-height:78px;overflow:hidden;text-overflow:ellipsis}.okey-table .seat-left .player,.okey-table .seat-right .player{background:#112f3d;border-color:#7c949663}.okey-table .draw-stack{gap:4px!important}.okey-table .draw-stack .indicator-label{font-size:var(--desktop-okey-stock-size,8px)!important}.okey-table .stock-info small{font-size:8px}.joker-legend{font-size:7px;line-height:9px;text-align:center;color:#c2d3ce}.joker-legend b{display:inline-block;background:#f5efdf;border-radius:2px;padding:1px 4px;font-size:11px;line-height:12px}.tile-color-red{color:#b32131}.tile-color-blue{color:#096e97}.tile-color-black{color:#16212b}.tile-color-gold{color:#986300}.okey-table .rack-summary{height:25px;top:-25px;gap:7px;max-width:calc(100% - 175px);padding:1px 7px;white-space:nowrap}.okey-table .rack-summary>strong{max-width:100px;overflow:hidden;text-overflow:ellipsis}.okey-table .rack-summary>em{font-size:9px;max-width:104px;overflow:hidden;text-overflow:ellipsis}.okey-table .rack-summary .icon-button{width:27px;min-width:27px;height:23px;min-height:23px;border:0;border-radius:3px;background:#31596a;position:relative;padding:3px}.okey-table .rack-summary button{pointer-events:auto}.rack-summary .clear-selection small{position:absolute;right:0;bottom:0;line-height:9px;font-size:7px;background:#d9c28e;color:#142d25;padding:0 2px;border-radius:2px}.okey-table .rack-controls .auto-process small{margin-left:4px;border-radius:8px;min-width:16px;padding:1px 3px;background:#afc7b5;color:#153328;font-size:9px}.okey-table .rack-controls .undo-arrangement{font-size:9px;white-space:normal;line-height:12px;gap:3px}.okey-table .rack-controls .stock-button.draw-action,.okey-table .rack-controls .discard-button{font-size:11px;min-height:42px;line-height:14px;white-space:normal}.okey-table .rack-controls .discard-button:disabled{background:#315062;color:#a2b9c0;opacity:.75;border-color:#829a9e4d}.okey-table .turn-strip{top:-44px}.okey-table .turn-strip .turn-message{font-size:10px;line-height:14px;text-shadow:0 1px 1px #001b2c}.okey-table .okey-table-center{bottom:calc(var(--rack-row)*2 + 74px)}.okey-table .opening-tray{bottom:calc(100% + 29px);padding-bottom:16px;gap:6px;min-height:49px}.okey-table .opening-tray .opening-reason{display:flex;position:absolute;left:7px;bottom:2px;font-size:9px;line-height:12px;max-width:calc(100% - 12px);white-space:nowrap}.okey-table:has(.opening-tray) .okey-table-center{bottom:calc(var(--rack-row)*2 + 113px)}.per-subtotal{font-size:10px;font-weight:650;min-width:17px;color:#e8d4a7}.meld-owner-label{position:absolute;top:calc(100% + 2px);left:0;display:flex;flex-direction:column;font-size:9px;line-height:10px;max-width:100%;color:#c4d8d4;pointer-events:none}.meld-owner-label>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meld-owner-label>small{font-size:8px;line-height:10px;white-space:nowrap}.meld-inspection .meld-surface{bottom:10px}.meld-inspection .meld-board{min-height:190px}.batak-table .my-area,.batak-table .double-fan{pointer-events:none}.batak-table .double-fan .playing-card{pointer-events:auto}.batak-table:not([data-dealing=true]) .my-area>.turn-strip>.player[role=button]{pointer-events:auto}.batak-table .my-area:before{background:linear-gradient(#49312160,#2d201980),url(/kahvehane/worn-wood.png) center/cover;box-shadow:inset 0 1px #c99f6644;border-top-color:#99733f}.batak-table .card-fan .playing-card{border-color:#d1c6ac;box-shadow:-1px 1px 2px #20180f44,0 2px 2px #0d170f33;border-radius:4px}.batak-table .card-fan .playing-card:disabled{opacity:1;filter:none}.batak-table.phase-play .card-fan .playing-card:disabled:after{content:"";position:absolute;inset:0;background:#172c3524;border-radius:inherit;pointer-events:none}.batak-table.phase-play .card-fan .playing-card:not(:disabled){border-top:2px solid #dfbb68}.batak-table .card-fan .playing-card.selected{outline:2px solid #e3bd6c;outline-offset:0;box-shadow:0 1px 0 3px #304537}.app .batak-table .turn-strip .turn-message{position:fixed;left:50%;right:auto;transform:translate(-50%);bottom:calc(min(67px,16.5dvh) + 99px);top:auto;max-width:min(430px,70vw);text-align:center;font-size:11px;line-height:15px;padding:3px 9px;border-radius:4px;background:#112f27dd;color:#e1d7b8;text-shadow:none;z-index:11;white-space:nowrap}.batak-table .turn-strip .player{max-width:205px}.batak-table .my-area .player-copy strong{max-width:145px}.batak-table .bid-choice,.batak-table .bid-pass{background:#cbb483;border:1px solid #e0cc9e;box-shadow:0 2px #5e472b;color:#233329;text-shadow:none}.batak-table.phase-bid .auction{top:44px}.batak-table .bid-choice{height:30px;min-height:30px;line-height:24px;padding:0}.batak-table .bid-pass{height:29px;min-height:29px;line-height:23px;padding:0}.batak-table .bid-choice:active,.batak-table .bid-pass:active{background:#ae9466;box-shadow:none;translate:0 1px}.batak-table .bid-choice:disabled{background:#325140;color:#b4bea2;opacity:.65;border-color:#748c6744;box-shadow:none}.batak-table .trump-panel .eyebrow{display:block;font-size:10px!important;letter-spacing:.6px;margin-bottom:7px}.batak-table .trump-panel p,.app .batak-table.phase-bid .turn-message,.app .batak-table.phase-trump .turn-message,.app .batak-table.phase-bury .turn-message{display:none}.batak-table .trump-options button{min-height:54px;height:54px;padding:5px 10px;gap:2px;align-items:center;justify-content:center}.batak-table .trump-options button span{font-size:29px;line-height:30px}.batak-table .auction-status{position:absolute;right:calc(100% + 9px);top:10px;width:85px;text-align:right;white-space:normal;line-height:14px}.review-trick .winning-card .playing-card{outline:3px solid #dfc482;outline-offset:2px}.review-trick .winning-card>span>b{display:block;color:#e8d39c;font-size:11px;margin-top:4px}.score-direction{display:flex;gap:4px;align-items:center;font-size:10px;color:#4d543e;padding:4px 3px 6px;flex-shrink:0}.score-modal .score-direction{color:#d3dbbe}.score-scroll table{table-layout:fixed;width:100%}.score-scroll th:first-child{width:44px}.score-scroll thead th{overflow-wrap:anywhere;white-space:normal!important;line-height:1.25;max-width:none}.score-detail td{overflow-wrap:anywhere}.score-detail small{line-height:1.5}.result-panel{outline:none}.score-detail-toggle{min-width:28px;min-height:28px}.settings-modal{width:min(620px,94vw)!important}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.settings-grid>section{min-width:0}.settings-grid label{display:block;font-size:11px;margin:0 0 5px}.settings-grid input:not([type=range]){height:36px;min-height:36px;font-size:13px;padding:6px 9px;width:100%}.setting-hint{display:block;font-size:9px;line-height:13px;color:#afbfad;margin:5px 0 8px}.settings-modal .setting-row{font-size:11px;padding:8px 0;min-height:34px}.settings-modal .setting-row b{font-size:9px;padding:3px 6px}.settings-modal .theme-setting{display:block;padding:0 0 7px}.settings-modal .theme-setting>span{font-size:11px;display:block;margin-bottom:7px}.settings-modal .theme-setting>div{display:flex;gap:5px}.settings-modal .theme-setting button{padding:7px 6px;gap:5px;font-size:10px;flex:1;white-space:nowrap}.settings-modal .theme-setting i{width:16px;height:16px}.settings-modal .volume-setting{display:flex;align-items:center;gap:7px;font-size:10px;margin:6px 0}.volume-setting input[type=range]{height:26px;min-height:0;min-width:20px;max-width:115px;flex:1;padding:0;background:transparent;border:0;accent-color:#d7c18e}.volume-setting output{width:30px;font-size:10px}.settings-footer{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-top:10px;padding-top:8px;border-top:1px solid #a0b59436}.settings-footer small{font-size:9px;line-height:13px;color:#bfccb7}.settings-footer .primary{width:150px;min-height:35px;padding:6px 15px}.setup-page .variant-options button span,.setup-page .level-options small{line-height:1.4}.setup-page .level-options button{transition:background 90ms}.setup-page .level-options button.selected{background:#3d5442;border-color:#d0b986;box-shadow:inset 3px 0 #dac38f}@media(max-width:740px)and (orientation:landscape){.batak-table.phase-bid .auction{top:35px}.batak-table .bid-choice,.batak-table .bid-pass{height:25px;min-height:25px;line-height:20px;padding:0}.okey-table .rack-summary{max-width:calc(100% - 126px);gap:4px;padding:0 4px;font-size:8px}.okey-table .rack-summary>strong{max-width:58px}.okey-table .rack-summary b{font-size:10px}.okey-table .rack-summary>em{font-size:7px;max-width:60px}.okey-table .rack-summary small{font-size:7px}.okey-table .rack-summary .icon-button{width:24px;min-width:24px;height:23px;padding:3px}.okey-table .turn-strip{top:-42px}.okey-table .turn-strip .turn-message{font-size:9px}.okey-table .okey-table-center{bottom:calc(var(--rack-row)*2 + 74px)}.okey-table:has(.opening-tray) .okey-table-center{bottom:calc(var(--rack-row)*2 + 112px)}.okey-table .opening-tray{left:70px;right:70px;bottom:calc(100% + 28px);padding-bottom:15px}.okey-table .opening-tray .opening-reason{font-size:8px}.okey-table .rack-controls .undo-arrangement{font-size:8px;line-height:10px}.okey-table .rack-controls .undo-arrangement svg{width:12px;flex-shrink:0}.okey-table .rack-controls .stock-button.draw-action,.okey-table .rack-controls .discard-button{font-size:10px}.okey-table .seat-left .player-copy>span,.okey-table .seat-right .player-copy>span{font-size:var(--desktop-okey-status-size,7px)!important;line-height:var(--desktop-okey-status-line,9px)!important;max-height:45px}.okey-table .seat-left .player strong,.okey-table .seat-right .player strong{font-size:var(--desktop-okey-name-size,9px)!important;line-height:var(--desktop-okey-name-line,12px)!important}.app .batak-table .turn-strip .turn-message{bottom:calc(min(67px,16.5dvh) + 92px);font-size:9px;line-height:13px;padding:2px 6px}.batak-table.phase-bid .turn-strip .turn-message,.batak-table.phase-trump .turn-strip .turn-message,.batak-table.phase-bury .turn-strip .turn-message{display:none}.batak-table.phase-trump.paired-table .trump-panel.with-dummy{top:103px;left:50%;transform:translate(-50%);min-width:0}.batak-table.phase-trump.paired-table .trump-panel .eyebrow{position:absolute;right:calc(100% + 9px);top:4px;width:83px;font-size:9px!important;line-height:13px;text-align:right;margin:0;letter-spacing:0}.batak-table .trump-options button{min-height:40px;height:40px;min-width:48px;padding:3px 7px;gap:0}.batak-table .trump-options button span{font-size:23px;line-height:24px}.setup-page .variant-options button span,.setup-page .level-options small{font-size:9px}.setup-page .level-options strong{font-size:11px}.setup-page .level-options button{padding:9px 7px}.setup-page .setup-ai>p{font-size:10px}}@media(min-height:511px)and (orientation:landscape){.batak-table.phase-bid .auction{top:52px}.app .batak-table .turn-strip .turn-message{bottom:226px}}@media(max-height:340px)and (orientation:landscape){.settings-modal{padding:10px 16px!important}.settings-grid{gap:17px}.settings-grid input:not([type=range]){height:30px;min-height:30px}.settings-modal .setting-row{padding:5px 0;min-height:29px;font-size:10px}.settings-modal .theme-setting button{padding:5px 4px}.settings-modal .theme-setting>span{margin-bottom:5px}.setting-hint{margin:3px 0 5px;font-size:8px;line-height:11px}.settings-footer{margin-top:4px;padding-top:5px}.settings-footer .primary{min-height:30px}.settings-modal .volume-setting{margin:3px 0}.score-direction{font-size:9px;padding:2px 3px 4px}}@media(max-height:360px)and (orientation:landscape){.okey-table:has(.opening-tray) .draw-stack{gap:1px!important;justify-content:flex-start}.okey-table:has(.opening-tray) .draw-stack>.tile.small{width:25px;height:25px;min-height:25px;font-size:20px;flex-shrink:0}.okey-table:has(.opening-tray) .stock-info{min-height:35px;gap:2px;flex-shrink:0}.okey-table:has(.opening-tray) .stock-info .tile-back{width:25px;height:23px}.okey-table:has(.opening-tray) .stock-info strong{top:3px;font-size:14px}.okey-table:has(.opening-tray) .joker-legend{display:flex;align-items:center;gap:2px;white-space:nowrap}.okey-table:has(.opening-tray) .joker-legend br{display:none}.okey-table:has(.opening-tray) .joker-legend b{font-size:9px;line-height:10px;padding:0 2px}}html[data-motion=reduced] .app *,html[data-motion=reduced] .app *:before,html[data-motion=reduced] .app *:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.app{--ui-base:var(--masa-material-ui-base);--ui-surface:var(--masa-material-ui-surface);--ui-raised:var(--masa-material-ui-raised);--ui-line:var(--masa-material-ui-line);--ui-ink:var(--masa-material-ui-ink);--ui-muted:var(--masa-material-ui-muted);--ui-accent:var(--masa-material-ui-accent);--ui-accent-ink:var(--masa-material-ui-accent-ink);--ui-board:var(--masa-material-ui-board);--cream:var(--ui-ink);--muted:var(--ui-muted);--gold:var(--masa-material-gold);color:var(--ui-ink)}.app[data-table-theme=navy]{--ui-base:var(--masa-navy-base);--ui-surface:var(--masa-navy-surface);--ui-raised:var(--masa-navy-raised);--ui-line:var(--masa-navy-line);--ui-board:var(--masa-navy-board)}.app:not(.in-game){background:linear-gradient(90deg,#111d19f5,#111d19dc 54%,#19291db3),url(/kahvehane/kahvehane-room.png) center/cover}.app .primary{background:var(--ui-accent);color:var(--ui-accent-ink);border:1px solid #edddbe;border-radius:8px;box-shadow:0 2px #0a1b1966;font-weight:750}.app .primary:hover:not(:disabled){background:#e7d3ad}.app .primary:active:not(:disabled){background:#c7b088;box-shadow:none}.app .quiet-button,.app .icon-button{border-color:var(--ui-line);color:var(--ui-ink);border-radius:7px}.app button:focus-visible,.app input:focus-visible,.app [tabindex]:focus-visible{outline-color:#f1d7a4}.app input:not([type=range]){background:#0e251e;border:1px solid #7c968781;color:#f4eddf;border-radius:7px;box-shadow:none}.app input::placeholder{color:#a4b7af;opacity:1}.app input:focus{border-color:#d4bd90}.app .eyebrow{font-weight:700;letter-spacing:1.4px;color:#d5c49c}.app .topbar{background:#101e1bec;border-bottom:1px solid #91a69838}.app .crumb{color:#e7e9dc;font-weight:600}.app .offline-label{color:#c0cbbd}.app .topbar .icon-button{background:#1d30298a}.app .home-heading p,.app .subtitle{color:#d2d9ca;line-height:1.5}.app .game-choice{border:1px solid #a9986b8c;border-radius:12px;box-shadow:inset 0 1px #eee2c514,0 4px 8px #08151140}.app .batak-choice{background:linear-gradient(115deg,#49392ef5,#243529ed),url(/kahvehane/worn-wood.png) center/cover}.app .okey-choice{background:linear-gradient(115deg,#214336f5,#17332bed),url(/kahvehane/worn-cloth.png) center/cover}.app .game-choice .pill{background:#13291f94;border-color:#a9b29a50;color:#e1ceaa;letter-spacing:1px;font-size:8px}.app .game-choice h2{color:#faf0dc}.app .game-choice p{color:#e1e2cf;font-size:11px;line-height:1.55}.app .choice-bottom{color:#d9cfb6;font-size:10px}.app .circle-arrow{background:#e0cba4;color:#253b2f;border-color:#e5d4b1;box-shadow:none}.app .home-footer{color:#c7d0c0}.app .resume{background:#203c31;border:1px solid #b5b58d;color:#f3e3be;border-radius:7px;padding:7px 11px;font-weight:700}.app .mode-card,.app .nearby,.app .manual-join,.app .lobby-seat{border:1px solid #8b9f8f61;border-radius:10px;background:#192f27f2;box-shadow:inset 0 1px #e5e8d70a}.app .mode-card h2{color:#f5ead4}.app .mode-card p,.app .subtle-note,.app .lobby-seat>span{color:#c7d0bf}.app .mode-card .mode-icon{background:#2d4939;color:#e1c99b;border-color:#8f9f7759;border-radius:12px}.app .mode-card .text-link{color:#e3c995;font-weight:750}.app .mode-card:hover{background:#243e30;border-color:#c3b788}.app .variant-options button,.app .level-options button,.app .segmented{background:#172f26;border-color:#7f9a8770;border-radius:7px}.app .variant-options button strong,.app .level-options strong{color:#f0ebdb;font-weight:750}.app .variant-options button span,.app .level-options small{color:#c1ccbd;line-height:1.45}.app .variant-options button.selected,.app .level-options button.selected{background:#34513c;border-color:#ddc798;box-shadow:inset 3px 0 #d9c294}.app .segmented button.selected{background:#435d43;color:#fff0d2;border:1px solid #c2b98e;box-shadow:none;border-radius:5px}.app .segmented button{color:#c1ccbd;font-weight:650}.app .field>label,.app .ai-heading label{color:#dccda9;font-size:9px;letter-spacing:1px;font-weight:750}.app .setup-options .variant-options button{min-height:58px}.app .setup-ai{border-color:#8b9f8f4d}.app .level-options button{position:relative}.app .level-options .radio-dot{border-color:#8caa98}.app .level-options button.selected .radio-dot{background:#e3cda2;border-color:#e3cda2;box-shadow:inset 0 0 0 3px #34513c}.app .level-bars .filled{background:#d5bd8c}.app .start-button{border-radius:7px}.app .nearby .empty{color:#c4d0be}.app .manual-join label{color:#cbd6c7;font-weight:600}.app .manual-join #room-code{font-variant-numeric:tabular-nums;letter-spacing:2px;font-weight:750}.app .network-page .manual-join{padding:16px 18px}@media(max-height:510px)and (orientation:landscape){.app .network-page .manual-join{padding:10px 14px}.app .network-page .manual-join h2{font-size:16px;margin:0 0 7px}.app .network-page .manual-join label{margin:7px 0 4px}.app .network-page .manual-join input{min-height:32px;height:32px;padding:6px 9px}.app .network-page .manual-join .primary{min-height:34px;height:34px;margin-top:10px}.app .network-page .manual-join>.text-link{margin-top:7px}}@media(max-height:340px)and (orientation:landscape){.app .network-page .manual-join{padding:8px 11px}.app .network-page .manual-join h2{font-size:15px;margin-bottom:5px}.app .network-page .manual-join label{margin:4px 0 3px}.app .network-page .manual-join input{min-height:30px;height:30px}.app .network-page .manual-join .primary{margin-top:7px}.app .network-page .manual-join>.text-link{margin-top:5px}}.app .manual-join .primary:disabled{background:#3b4e3d;color:#acbbaa;opacity:1;border-color:#758c7166;box-shadow:none}.app .lobby-seat .avatar{border-color:#b2b18a;background:#294734;color:#ebd6a9}.app .room-code{background:#dcc59b;color:#213a30;border-radius:8px}.app .modal{background:#19352cfb;color:var(--ui-ink);border:1px solid #a1b29b91;border-radius:12px;box-shadow:0 12px 32px #04130f66}.app .modal>header{border-bottom:1px solid #9bae9552;padding-bottom:8px}.app .modal h2{color:#f4e9d1}.app .modal .setting-hint,.app .modal .subtle-note{color:#c2cdbb}.app .settings-modal:has(#player-name) .setting-row{padding:8px 7px;min-height:34px;border:1px solid #8ca28c50;border-radius:7px;background:#203d2e;color:#f1ead8}.app .settings-modal .setting-row>span:first-child{gap:6px;font-weight:650;min-width:0}.app .setting-row .switch-state{display:flex;align-items:center;gap:5px;flex:none}.app .setting-row .switch-state b{padding:0;background:none;border:0;min-width:29px;font-size:9px;color:#ced6c3;text-align:right}.app .setting-row .switch-track{position:relative;display:block;width:28px;height:16px;border:1px solid #829485;border-radius:9px;background:#183024;flex:none}.switch-track>i{position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:#a7b6a1;transition:transform 90ms ease-out}.app .setting-row[aria-checked=true]{border-color:#bdbe936b;background:#2b4835}.app .setting-row[aria-checked=true] .switch-track{background:#d5bd90;border-color:#e4d2af}.setting-row[aria-checked=true] .switch-track>i{transform:translate(12px);background:#294536}.app .setting-row[aria-checked=true] .switch-state b{color:#f5e2b9}.app .theme-setting button{background:#172d25;border:1px solid #80998280;border-radius:7px;color:#cfd9c7;position:relative}.app .theme-setting button.selected{background:#36513b;border-color:#ddc59a;color:#fff0d4;box-shadow:none}.app .theme-setting button>svg{margin-left:auto;flex:none}.app .theme-setting .forest-swatch{background:#1b4935;border:1px solid #80a586}.app .theme-setting .navy-swatch{background:#1c3d50;border:1px solid #91aeba}.app .settings-footer{border-color:#a5b99a52}.app .settings-footer small{color:#c1ceb9}.app .volume-setting input[type=range]{accent-color:#dbc498}.app .volume-setting output{font-weight:750;color:#f4e3be}.app .result-panel{background:#eee5d2;color:#233e32;border:1px solid #c5b58a;border-radius:12px;box-shadow:0 8px 24px #081b1266}.app .result-panel h2{font-weight:600;color:#254437}.app .result-panel .result-emblem{background:#d8d4b7;border-color:#b5b38c;color:#4d6747}.app .score-scroll{border-color:#b5ad8b;border-radius:7px}.app .result-panel .score-scroll thead{background:#e2d8bc}.app .score-totals b{font-weight:800;font-variant-numeric:tabular-nums}.app .result-panel .score-leader{background:#d5dfc1;color:#244c31}.app .result-panel .score-detail-toggle{border-radius:5px}.app .result-panel .score-detail-toggle:hover{background:#d1d5b9}.app .result-panel .result-actions .primary{background:#2e513d;color:#fff0d5;border-color:#496d4f}.app .result-panel .result-actions .quiet-button{color:#314b37;border-color:#a59c76;background:#e1d8c0}.app .score-modal .score-scroll{border-color:#89a18a60}.app .score-modal .score-scroll thead{background:#284633}.table-screen{--table-gold:var(--masa-material-table-gold);--table-ink:var(--masa-material-table-ink)}.app[data-table-theme=forest] .batak-table{--felt-color:var(--masa-material-felt-color);--felt-light:var(--masa-material-felt-light)}.app[data-table-theme=navy] .batak-table{--felt-color:var(--masa-navy-felt);--felt-light:var(--masa-navy-felt-light)}.table-screen .game-topbar{box-shadow:0 1px #040e1555;background:#122b24;border-bottom-color:#94a69638}.app[data-table-theme=navy] .game-topbar{background:#142d3b}.game-topbar .game-info{gap:10px}.game-topbar .icon-button{color:#d2d8c6}.table-screen .seat .avatar{background:#213e34;border:1px solid #ceb88988;box-shadow:inset 0 0 0 3px #122e27}.table-screen .seat .avatar-initial{color:#e1c992}.table-screen .seat .player.active .avatar-status{background:#f0d18a;box-shadow:0 0 0 2px #2b4634}.table-screen .seat .player.active{border-color:#e7cb91;box-shadow:inset 0 -3px #d5bc81,0 2px 5px #071a233d}.table-screen .seat .player.active .player-copy strong{color:#fff2cc}.batak-table .felt-border{border-color:#a7b78d40;box-shadow:inset 0 0 0 4px #14312726}.batak-table .seat .player{background:linear-gradient(#563b2ae8,#392a20ef),url(/kahvehane/worn-wood.png) center/cover;border-color:#b8a16c80}.batak-table .my-area:before{background:linear-gradient(#3e2d218a,#29221aa8),url(/kahvehane/worn-wood.png) center/cover;border-top:2px solid #b29160;box-shadow:inset 0 2px #e0be8c2b}.batak-table .card-fan .playing-card{border:1px solid #d3c8b1;box-shadow:-1px 1px 2px #34221555,0 2px 2px #0c181433;background:#f4f0e6}.batak-table.phase-play .card-fan .playing-card:disabled:after{background:#172c3518}.batak-table.phase-play .card-fan .playing-card:not(:disabled){border-top-color:#dfbd75}.batak-table .card-backs>span{filter:none}.batak-table .card-backs img{opacity:.95}.batak-table .table-contract{border-radius:5px;background:#e9dfc5;box-shadow:0 2px #182a2080;border-left:3px solid #c6a35c}.batak-table .table-contract.contract-made{border-left-color:#417956}.batak-table .table-contract.contract-set{border-left-color:#af4b3d}.table-contract .contract-progress>span{font-weight:700}.table-contract.contract-set .contract-progress>span{color:#9c382e}.batak-table .trick-leading .playing-card{outline:1px solid #e3cb8b;outline-offset:1px}.batak-table .trick-leading>small{color:#ffe2a0;background:#163d31;font-weight:700}.batak-table .last-trick-review{color:#e1dac4;background:#14372bd9;border-color:#a9b59870;box-shadow:0 1px 2px #06181040}.batak-table .bid-choice,.batak-table .bid-pass{border-radius:5px;background:#d5c091;color:#183b31;border-color:#ecdbb2;box-shadow:0 2px #705735}.batak-table .trump-options button{background:#f1e9d1;border-color:#c9b687;box-shadow:0 2px #8f794e;color:#203b30}.batak-table .trump-options button:active{box-shadow:none;translate:0 1px}.app .batak-table.phase-play .turn-strip .turn-message{inset:auto auto 17px 12px;transform:none;width:clamp(76px,13vw,156px);max-width:none;white-space:normal;text-align:left;font-size:10px;line-height:1.45;padding:7px 8px;background:#102e25e8;border:1px solid #afbc9460;border-left:2px solid #c7ae75;border-radius:4px;z-index:15}.app[data-table-theme=navy] .okey-table{background-color:#245169;background-image:linear-gradient(#17374f57,#102d4357),url(/kahvehane/okey-cloth-v1.webp)}.app[data-table-theme] .okey-table .meld-zone{border-color:var(--ui-line);border-radius:6px;background:var(--ui-board);box-shadow:inset 0 1px 3px #051b2b2b}.okey-table .meld-zone>header{background:#0a26354d;color:#c9d9d8;letter-spacing:.9px;font-size:9px;border-bottom:1px solid #9bbabb22}.okey-table .meld-zone[data-compact=true]>header{justify-content:center;padding-inline:2px;letter-spacing:.3px}.okey-table .meld-zone[data-compact=true]>header small{display:none}.okey-table .meld-zone[data-compact=true] .meld-empty small{font-size:8px;overflow-wrap:anywhere;padding-inline:2px}.okey-table .meld-empty small{color:#789baa;font-size:9px;font-weight:500}.okey-table .draw-stack .stock-info:not(:disabled){outline-color:#e1c68b;background:#c1d8da08}.okey-table .wide-rack .tile{border-color:#d2cbb9 #bcb5a4 #aca48f #e4ddce;box-shadow:inset 1px 1px #fffef8,0 2px #bcb29b,1px 3px 2px #412d2345;background:#faf7ed}.app .table-screen .tile .tile-value{font-weight:800;letter-spacing:-1px}.okey-table .rack-wrap .tile-rack.wide-rack{border-radius:6px;padding-left:3px;padding-right:3px;border-left:5px solid #968a71;border-right:5px solid #968a71;background-image:linear-gradient(#3c302877,#35271988),url(/kahvehane/okey-wood-v1.webp);box-shadow:inset 0 2px #ddc69a4f,0 3px #493629,0 4px 4px #00192844}.okey-table .tile-rack:after{background:#ae7c39;border-top-color:#d5ac68;box-shadow:0 2px 2px #3d271b5c;height:4px}.okey-table .rack-slot[data-rack-group]:before{content:"";position:absolute;left:-2px;right:-2px;bottom:-4px;height:2px;background:#2d6453;pointer-events:none;z-index:3}.okey-table .rack-slot[data-rack-group=start]:before{left:3px;border-radius:3px 0 0 3px}.okey-table .rack-slot[data-rack-group=end]:before{right:3px;border-radius:0 3px 3px 0}.okey-table .rack-slot:has(.selected):before{background:#f1d08e}.okey-table .rack-controls{grid-template-rows:32px 32px 42px}.okey-table .rack-controls button{border-radius:7px;transition:background 80ms linear;color:#edf0e2}.okey-table .rack-controls .quiet-button,.okey-table .rack-edge-sort{background:var(--ui-surface);border-color:var(--ui-line)}.okey-table .rack-controls .rack-edge-sort.active{background:var(--ui-raised);color:#fff0c5;border-color:#d2bd85;box-shadow:inset 3px 0 #d2bd85}.okey-table .rack-controls button:active:not(:disabled){background:#3c6270}.okey-table .rack-controls .primary{background:#dbc69f;color:#173a32;border-color:#ebdbb9;box-shadow:0 2px #594a32}.okey-table .rack-controls .primary:active:not(:disabled){background:#c6ae75;box-shadow:none}.okey-table .rack-controls .return-discard,.okey-table .rack-controls .undo-meld{background:#775933;border-color:#c6ac78;color:#fff0c9}.okey-table .rack-summary{background:var(--ui-surface);border-color:var(--ui-line);color:#e7ecde;border-radius:7px 7px 0 0}.okey-table .rack-summary b{color:#f0d495}.okey-table .discard-pile>button.discard-caption{max-width:none;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:3px;min-width:44px;width:100%;height:22px;min-height:22px;padding:0 1px;margin:0 0 2px;background:transparent;border:0;border-radius:3px;box-shadow:none;color:#d4e4e3;font-size:8px!important;line-height:12px!important;white-space:nowrap;overflow:hidden}.okey-table .discard-pile>button.discard-caption:active{background:#e4d7ae20}.history-chevron{font-size:12px;color:#9fb8ba}.discard-caption .discard-count{flex-shrink:0}.okey-table .discard-pile .discard-drop,.okey-table .take-discard>button:not(.discard-caption){box-shadow:0 2px 3px #001e2e33;border-radius:5px;background:#163a4c}.okey-table .discard-pile .discard-drop.available,.okey-table .take-discard>button:not(.discard-caption):not(:disabled){background:#274f5d;border-color:#dcc48c;box-shadow:inset 0 -2px #cab17a}.okey-table .discard-pile button b{font-weight:750}.discard-history-modal{width:min(740px,94vw)!important;max-height:92dvh}.discard-history-modal .tile{flex-shrink:0}.discard-history-modal .subtle-note{font-size:11px;margin:0 0 12px;color:#bfcfc4}.discard-history{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-height:120px}.discard-history>section{border:1px solid #92ad9c47;border-radius:5px;background:#122d26;padding:8px;min-width:0}.discard-history>section.is-inspected{border-color:#d4be83;background:#1b3b30}.discard-history h3{display:flex;flex-direction:column;gap:3px;margin:0 0 10px;font-size:12px;color:#e7ddc2;overflow-wrap:anywhere}.discard-history h3 small{font-size:9px;font-weight:400;color:#adbfae}.discard-history-tiles{display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px 4px}.discard-history-tiles>span{position:relative;padding-bottom:9px}.discard-history-tiles .tile.small{width:28px;height:37px;font-size:24px;line-height:32px}.discard-history-tiles>span>small{position:absolute;left:0;right:0;bottom:0;text-align:center;font-size:7px;color:#e5ce96;line-height:9px}.discard-history-tiles p{font-size:10px;line-height:1.5;color:#9fb0a3}@media(max-width:740px)and (orientation:landscape){.okey-table .rack-wrap .tile-rack.wide-rack{border-left-width:3px;border-right-width:3px;padding-left:1px;padding-right:1px}.game-topbar .game-info{gap:3px}.okey-table .rack-controls{grid-template-rows:29px 29px 42px}.okey-table .rack-controls button{font-size:10px}.discard-history{gap:6px}.discard-history>section{padding:6px}.discard-history h3{font-size:10px}.discard-history-modal .subtle-note{font-size:10px;margin-bottom:8px}.okey-table .discard-pile>button.discard-caption{height:18px;min-height:18px;font-size:7px!important}.app .batak-table.phase-play .turn-strip .turn-message{left:8px;bottom:17px;font-size:9px;line-height:1.4;padding:5px 6px}}@media(prefers-reduced-motion:reduce){.table-screen *{transition:none!important}}.okey-table .rack-controls{grid-template-rows:30px 38px 42px}.okey-table .okey-table-center{bottom:calc(var(--rack-row)*2 + 58px)}.okey-table .rack-wrap{position:relative}.okey-table .rack-summary{top:auto;bottom:calc(var(--rack-row)*2 + 21px);height:26px;width:calc(100% - 180px);max-width:none;justify-content:center;padding:1px 5px;gap:6px}.okey-table .rack-summary>.turn-message{position:static!important;flex:1;min-width:0;max-width:280px!important;width:auto!important;margin:0;padding:0!important;display:block;line-height:18px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;transform:none!important;background:none}.okey-table .rack-summary>strong{max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.okey-table .meld-board .draw-stack{order:1;padding-left:0}.okey-table .rack-controls .open-hand-action,.okey-table .rack-controls .process-hand-action{flex-direction:column;gap:2px;background:var(--ui-raised);border-color:#a5b797;color:#fff0c9}.okey-table .rack-controls .rack-edge-sort{gap:4px;font-weight:700;padding:3px}.okey-table .rack-controls b{display:flex;align-items:center;gap:3px}.okey-table .rack-controls svg{flex:none}.okey-table .rack-summary .clear-selection[hidden]{display:none}.okey-table .summary-total{background:#061c254d;border:1px solid #a8bdab24;border-radius:4px;padding:2px 4px;font-size:10px;line-height:15px}.okey-table .rack-controls b{font-size:11px;font-weight:750}.okey-table .rack-controls small{font-size:9px;font-weight:500;color:#d2dfd5}.okey-table .rack-controls .open-hand-action:disabled,.okey-table .rack-controls .process-hand-action:disabled{opacity:1;background:var(--ui-base);color:#9eb1a8;border-color:#708f853b}.okey-table .rack-controls .open-hand-action:disabled small,.okey-table .rack-controls .process-hand-action:disabled small{color:#9eb1a8}.okey-table .rack-context-actions{position:static;display:flex;flex:none;gap:4px}.okey-table .rack-summary>span:not(.turn-message){flex:none}.okey-table .rack-summary .icon-button{flex:none}.okey-table .rack-summary>em{min-width:0}.rack-context-actions button{min-height:23px;height:23px;padding:2px 6px;border-radius:4px;background:var(--ui-raised);color:#f2e2b6;border:1px solid #a2b8a569;font:650 10px Manrope,sans-serif;white-space:nowrap}.okey-table .rack-summary>.sort-notice{color:#f4daa2}.okey-table .rack-context-actions .return-discard{background:#6a5032;color:#fff0c9}.processing-choices{position:absolute;right:0;bottom:calc(100% + 7px);z-index:20;display:grid;grid-template-columns:1fr 1fr 28px;gap:5px;width:270px;padding:8px;background:var(--ui-surface);border:1px solid #cabd91;border-radius:8px;box-shadow:0 3px 8px #00162066}.processing-choices>span{grid-column:1/-1;font-size:10px;color:#d0e1dc}.processing-choices>button:not(.icon-button){min-height:42px;display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;border:1px solid #aac1b77d;border-radius:5px;background:var(--ui-raised);color:#f1e9cf;font-size:12px}.processing-choices>button b{font-size:10px}.processing-choices .icon-button{min-width:28px;width:28px;height:42px}.meld-board .meld-tiles>.meld-tile,.meld-board .meld-tiles>.processing-ghost{display:inline-flex;flex:none}.meld-board .processing-ghost{border-radius:3px;opacity:.55;position:relative}.card-selected-mark{position:absolute;left:35%;top:3px;display:grid;place-items:center;width:14px;height:14px;border-radius:3px;background:#235b4d;color:#fff7d9;font:800 12px/1 Manrope,sans-serif;pointer-events:none}.table-screen .card-art{image-rendering:auto;backface-visibility:hidden}.table-screen .playing-card{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.table-screen .card-fan .playing-card,.table-screen .wide-rack .tile{transition-property:transform;transition-duration:90ms;transition-timing-function:ease-out}.table-screen .tile-motion{transition:none}.app .game-topbar strong{font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:12px;letter-spacing:-.2px}.app .game-topbar .icon-button{width:34px;min-width:34px;min-height:34px;height:34px;border-color:transparent}.app .game-topbar .icon-button:active{background:#d4c18a24}.app .game-topbar .icon-button:focus-visible{outline-offset:-2px}.app .batak-table .seat .player-copy>span{font-size:9px;line-height:13px;color:#e0d6bb}.app .batak-table .seat .player-copy strong{font-size:11px}.app .batak-table .seat-status{font-size:9px;color:#f1e2b9}.app .okey-table .seat .player,.app .okey-top-player .player{background:var(--ui-base);border-color:var(--ui-line)}.okey-table .rack-summary .icon-button{background:var(--ui-raised);color:#e3e9da}.okey-table .opening-tray{background:var(--ui-surface);border-color:#b0b995;border-radius:7px}.okey-table .discard-pile .discard-drop,.okey-table .take-discard>button:not(.discard-caption){background:var(--ui-base)}.okey-table .discard-pile .discard-drop.available,.okey-table .take-discard>button:not(.discard-caption):not(:disabled){background:var(--ui-raised)}.app .batak-table .table-contract{border-radius:8px;background:#ede4cf;border-color:#c4b48f;box-shadow:0 2px #10231c80}.app .batak-table .contract-suit{display:grid;place-items:center;min-width:29px;height:34px;border:1px solid #c7b891;border-radius:5px;background:#f7f0e1;font-size:27px}.app .batak-table .contract-copy>span{color:#3d513c}.app .batak-table .contract-progress>span{color:#425139}.app .result-panel .score-scroll td{color:#354a35;font-size:12px;font-variant-numeric:tabular-nums}.app .result-panel .score-scroll .negative-score{color:#963b35}.app .result-panel [data-scoring=penalty] .negative-score{color:#28613c}.app .score-modal .score-scroll td,.app .score-modal .score-scroll th{color:#edf0df}.app .score-modal .score-scroll .negative-score{color:#ffc1ae}.app .score-modal [data-scoring=penalty] .negative-score{color:#b6e2b9}.app .modal .rules-list p{color:#d3ddca;line-height:1.6}.app .modal .rules-list h3{color:#e9d5a9}@media(max-width:740px)and (orientation:landscape){.okey-table:has(.opening-tray) .draw-stack .indicator-label{transform:translate(-5px)}.okey-table .rack-controls{grid-template-rows:26px 38px 42px;gap:3px}.okey-table .rack-controls b{font-size:10px}.okey-table .rack-controls small{font-size:8px}.okey-table .rack-summary{width:calc(100% - 130px);max-width:none;gap:4px}.okey-table .rack-summary>.turn-message{font-size:9px;line-height:16px}.okey-table .rack-summary>strong{display:none}.okey-table .rack-context-actions{gap:3px}.okey-table .rack-context-actions button{padding:2px 4px;font-size:9px}.card-selected-mark{width:12px;height:12px;font-size:10px}.okey-table .summary-total{font-size:9px;padding:1px 3px}.okey-table .rack-controls .rack-edge-sort{font-size:10px;gap:3px}.okey-table .rack-controls .rack-edge-sort>svg{width:11px}.okey-table .rack-controls b>svg{display:none}.app .game-choice p{font-size:9px;line-height:1.5}.app .choice-bottom{font-size:8px}.app .game-choice .pill{font-size:7px;letter-spacing:.5px}.app .mode-card p{font-size:10px}.app .mode-card h2{font-size:20px}.app .mode-card .text-link{font-size:10px}.app .field>label,.app .ai-heading label{font-size:8px;letter-spacing:.8px}.app .setup-options .variant-options button{min-height:53px}.app .settings-modal:has(#player-name) .setting-row{padding:6px 5px}.app .setting-row .switch-state{gap:3px}.app .setting-row .switch-track{width:24px;height:14px}.switch-track>i{width:8px;height:8px}.setting-row[aria-checked=true] .switch-track>i{transform:translate(10px)}.app .theme-setting button{padding-inline:5px}.app .theme-setting button>svg{width:10px}.app .settings-modal .theme-setting i{width:13px;height:13px}.app .game-topbar .icon-button{width:30px;min-width:30px;min-height:31px;height:31px}.app .game-topbar strong{font-size:11px}.app .batak-table .seat .player-copy>span{font-size:8px;line-height:11px}.app .batak-table .seat .player-copy strong{font-size:10px}.app .batak-table .seat-status{font-size:8px}.app .batak-table .contract-suit{min-width:24px;height:29px;font-size:24px}.app .result-panel .score-scroll td{font-size:11px}}@media(min-width:741px){.app .mode-card .text-link{font-size:12px}.app .field>label,.app .ai-heading label{font-size:10px}.app .setup-options .variant-options button strong{font-size:12px}.app .setup-options .variant-options button span{font-size:10px}.app .level-options strong{font-size:13px}.app .level-options small{font-size:11px}.app .settings-modal:has(#player-name) .setting-row{font-size:12px}.app .setting-hint{font-size:10px}}@media(max-height:340px)and (orientation:landscape){.app .settings-modal:has(#player-name) .setting-row{padding:5px;min-height:30px}.app .settings-modal>header{padding-bottom:5px}.app .setup-options .variant-options button{min-height:48px}.app .game-choice p{font-size:9px}.app .choice-bottom{font-size:8px}}@media(min-width:600px)and (max-width:740px)and (min-height:341px)and (max-height:510px)and (orientation:landscape){.app .batak-table.phase-trump.paired-table .trump-panel.with-dummy{top:111px}}@media(max-width:740px)and (orientation:landscape){.app .batak-table.phase-bid .auction{width:264px;gap:4px}.app .batak-table.phase-bid .bid-grid{grid-template-columns:repeat(5,1fr);gap:4px}.app .batak-table.phase-bid .bid-choice,.app .batak-table.phase-bid .bid-pass{height:28px;min-height:28px;line-height:24px}}@media(min-width:741px)and (max-height:510px)and (orientation:landscape){.app .batak-table.phase-trump.paired-table .trump-panel.with-dummy{top:116px;left:50%;transform:translate(-50%);min-width:0}.app .batak-table.phase-trump.paired-table .trump-panel .eyebrow{position:absolute;right:calc(100% + 9px);top:8px;width:83px;font-size:10px!important;line-height:13px;text-align:right;margin:0;letter-spacing:0}.app .batak-table.phase-trump.paired-table .trump-options button{height:46px;min-height:46px}}.app .rack-help-modal{width:min(680px,94vw);display:flex;flex-direction:column;overflow:hidden;padding:16px 20px}.rack-help-content{overflow:hidden;min-height:0;display:flex;flex-direction:column;gap:10px;flex:1}.rack-help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15em),1fr));gap:10px 16px;margin-top:12px;padding:2px 0 3px}.rack-help-grid section{padding:8px 9px;border:1px solid #92ab9252;border-radius:7px;background:#122c23}.app .rack-help-grid h3{font:750 14px/1.4 Manrope,system-ui,sans-serif;color:#e4cca2;margin:0 0 4px}.app .rack-help-grid p{font-size:14px;line-height:1.55;color:#d9e1d2;margin:0}.app .batak-table .card-fan .playing-card{background:#fffdf8;border-color:#c4c2b8;filter:none;box-shadow:-1px 1px 2px #15191e55,0 2px 3px #0c18142b;transition:transform .14s cubic-bezier(.25,.46,.45,.94)}.app .batak-table .card-art{filter:none;mix-blend-mode:normal}.app .batak-table .card-glaze{display:none}.app .batak-table .my-area>.double-fan,.app .batak-table .my-area .hand-fan{contain:layout style}.app .batak-table .trick-area{bottom:auto;min-height:0}.app .batak-table .trick-card{top:50%;left:50%}.app .batak-table .trick-card .playing-card{width:var(--landed-card-w,44px);height:var(--landed-card-h,62px)}.app .batak-table .trick-0{transform:translate(-50%,-50%) translate(-3px,5px) rotate(-5deg)}.app .batak-table .trick-1{transform:translate(-50%,-50%) translate(17px,1px) rotate(6deg)}.app .batak-table .trick-2{transform:translate(-50%,-50%) translate(2px,-5px) rotate(3deg)}.app .batak-table .trick-3{transform:translate(-50%,-50%) translate(-16px,-1px) rotate(-6deg)}.app[data-table-theme=navy] .okey-table{background-color:#23536a;background-image:linear-gradient(#1a495cc9,#173f52d6),url(/kahvehane/okey-cloth-v1.webp)}.app[data-table-theme=forest] .okey-table{background-color:#214d3d;background-image:linear-gradient(#204534de,#173b2bdf),url(/kahvehane/worn-cloth.png)}.app .okey-table .rack-wrap .tile-rack.wide-rack{background-image:linear-gradient(#6c40152b,#51351e45),url(/kahvehane/okey-wood-v1.webp);border-color:#bbb6a5}.app .okey-table .tile{background:#fffdf5;border-color:#ded9cc #c8c4b6 #b6b09e #e6e1d5}.app .okey-table .tile.red{color:#bc2037}.app .okey-table .tile.blue{color:#087ca6}.app .okey-table .tile.black{color:#171d23}.app .okey-table .tile.gold{color:#aa8008}.app .okey-table .empty-rack-slot{border-color:transparent;background:transparent;box-shadow:none}.app .okey-table .drop-target .empty-rack-slot{border:1px dashed #f5d89b;background:#efd09a24}@media(max-height:340px)and (orientation:landscape){.app .rack-help-modal{padding:10px 14px}.rack-help-grid{gap:6px 9px}.rack-help-grid section{padding:6px 7px}}.app{--ui-input:var(--masa-material-ui-input);--ui-selected:var(--masa-material-ui-selected);--ui-soft-line:var(--masa-material-ui-soft-line);--ui-ready:var(--masa-material-ui-ready)}.app[data-table-theme=navy]{--ui-input:var(--masa-navy-input);--ui-selected:var(--masa-navy-selected);--ui-soft-line:var(--masa-navy-soft-line);--ui-muted:var(--masa-navy-muted)}.app .modal,.app .mode-card,.app .nearby,.app .manual-join,.app .lobby-seat{background:var(--ui-surface);border-color:var(--ui-line)}.app .modal{scrollbar-width:thin;scrollbar-color:var(--ui-line) var(--ui-base);overscroll-behavior:contain;scroll-padding-top:60px}.app .modal>header{position:sticky;top:0;z-index:12;background:var(--ui-surface);border-color:var(--ui-line);min-height:48px;flex-shrink:0}.app .modal>header .icon-button{width:48px;height:48px;min-width:48px;min-height:48px}.app .modal-shade{backdrop-filter:none}.app .modal>p,.app .modal .setting-hint,.app .modal .subtle-note,.app .modal .rules-list p{color:var(--ui-muted)}.app input:not([type=range]),.app .variant-options button,.app .level-options button,.app .segmented{background:var(--ui-input);border-color:var(--ui-line)}.app .variant-options button.selected,.app .level-options button.selected,.app .segmented button.selected{background:var(--ui-selected)}.app .level-options button.selected .radio-dot{box-shadow:inset 0 0 0 3px var(--ui-selected)}.app .mode-card .mode-icon{background:var(--ui-raised);border-color:var(--ui-line)}.app .mode-card p,.app .subtle-note,.app .lobby-seat>span,.app .nearby .empty{color:var(--ui-muted)}.app .settings-modal:has(#player-name) .setting-row{background:var(--ui-input);border-color:var(--ui-line);color:var(--ui-ink)}.app .settings-modal .setting-row[aria-checked=true]{background:var(--ui-selected);border-color:var(--ui-ready)}.app .setting-row .switch-track,.app .theme-setting button{background:var(--ui-input);border-color:var(--ui-line)}.app .theme-setting button.selected{background:var(--ui-selected);border-color:var(--ui-ready)}.app .settings-footer,.app .modal>header{border-color:var(--ui-soft-line)}.app .discard-history>section,.app .rack-help-grid section{background:var(--ui-input);border-color:var(--ui-soft-line)}.app .discard-history>section.is-inspected{background:var(--ui-raised);border-color:var(--ui-ready)}.app .discard-history h3 small,.app .rack-help-grid p,.app .settings-footer small{color:var(--ui-muted)}.app .score-modal .score-scroll thead{background:var(--ui-raised)}.app .result-panel .eyebrow{color:#566344;letter-spacing:1px}.app .result-panel .score-direction,.app .result-panel .score-note{color:#4e5d43}.app .result-panel .result-actions button{font-weight:650}.app button,.app input{-webkit-tap-highlight-color:transparent}.app .mode-card,.app .game-choice{transition:background-color 90ms ease-out,border-color 90ms ease-out,transform 90ms ease-out}@media(hover:hover)and (pointer:fine){.app .mode-card:hover{background:var(--ui-raised);border-color:var(--ui-ready)}.app .game-topbar .icon-button:hover,.app .rack-summary .icon-button:hover{background:var(--ui-raised)}}@media(hover:none),(pointer:coarse){.app .game-choice:hover{transform:none;box-shadow:inset 0 1px #eee2c514,0 4px 8px #08151140}.app .mode-card:hover{background:var(--ui-surface);border-color:var(--ui-line)}.app .primary:hover:not(:disabled){background:var(--ui-accent)}.app .result-panel .primary:hover:not(:disabled){background:#2e513d}.app .trump-options button:hover{background:#f1e9d1}}.app .mode-card:active,.app .game-choice:active{transform:translateY(1px);border-color:var(--ui-ready)}.app .game-topbar .icon-button:active,.app .rack-summary .icon-button:active{background:var(--ui-raised)}.app .game-topbar .icon-button{border-radius:6px}.app .game-topbar .round-indicator{font-variant-numeric:tabular-nums;display:inline-flex;align-items:baseline;gap:4px;white-space:nowrap;padding:3px 5px;border:1px solid var(--ui-soft-line);border-radius:5px;background:var(--ui-input)}.app .game-topbar .round-indicator b{font-size:12px;color:var(--ui-ink)}.app .okey-top-player .player.active,.app .okey-table .seat .player.active{border-color:#e3cc93;background:var(--ui-raised);box-shadow:inset 0 -2px #d7c397}.app .okey-top-player .player-copy strong{max-width:95px}.app .table-screen .player.active .avatar-status{background:#ead09b;border:1px solid #f6e4bd}.app .table-contract{position:absolute;overflow:hidden;padding-bottom:6px}.contract-meter{position:absolute;left:0;right:0;bottom:0;height:3px;background:#b6b99a}.contract-meter i{display:block;height:100%;background:#3c7556}.contract-set .contract-meter i{background:#a34236}.app .batak-table .bid-choice:disabled{opacity:1;color:#9da998;background:#263c32;border-color:#64785f;box-shadow:none}.okey-table .rack-controls button:disabled{opacity:1;box-shadow:none;color:#aabeb9;border-color:var(--ui-soft-line);background:var(--ui-input)}.okey-table .rack-controls .open-hand-action:disabled,.okey-table .rack-controls .process-hand-action:disabled{color:#b9c9c7;background:var(--ui-input);border-color:var(--ui-soft-line)}.okey-table .rack-controls .open-hand-action:disabled small,.okey-table .rack-controls .process-hand-action:disabled small{color:#adbfbd}.okey-table .rack-controls .open-hand-action small,.okey-table .rack-controls .process-hand-action small{font-variant-numeric:tabular-nums;white-space:nowrap;line-height:12px}.okey-table .rack-controls [data-ready=true]{border-color:var(--ui-ready);box-shadow:inset 3px 0 var(--ui-ready);background:var(--ui-selected)}.okey-table .rack-controls [aria-expanded=true]{border-color:#f3db9e;background:var(--ui-selected)}.okey-table .rack-summary .summary-total{font-variant-numeric:tabular-nums;border-color:var(--ui-soft-line);background:var(--ui-input)}.okey-table .rack-summary .your-turn{color:#f4dfb4}.okey-table .stock-info:not(:disabled){outline-width:2px;outline-color:#e0c38b}.okey-table .stock-info small{font-weight:750}.okey-table .discard-pile .discard-drop.available.has-selection{border-color:#edcf94;box-shadow:inset 0 0 0 1px #edcf94;background:var(--ui-selected)}.okey-table .processing-choices{border-color:var(--ui-ready);box-shadow:0 4px 12px #00162055}.okey-table .processing-choices button:disabled{opacity:1;color:#99afae;background:var(--ui-base);border-color:var(--ui-soft-line)}.okey-table .rack-context-actions button:disabled{opacity:1;color:#aabeba;background:var(--ui-input);border-color:var(--ui-soft-line)}.okey-table .meld-zone>header{font-weight:700}.okey-table .meld-zone>header small{font-weight:500}@media(max-width:740px)and (orientation:landscape){.okey-table .rack-controls .action-unit{display:none}.okey-table .rack-controls .process-hand-action small{font-size:8px}.app .okey-top-player .player-copy strong{max-width:68px}.app .game-topbar .round-indicator{padding:2px 3px;gap:2px}}@media(prefers-reduced-motion:reduce){.app .mode-card,.app .game-choice{transition:none}}.okey-table .discard-caption .discard-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.okey-table .discard-caption .history-chevron{flex:none}.app .okey-table .rack-controls .primary:disabled{opacity:1;color:#b5c7c4;background:var(--ui-input);border-color:var(--ui-soft-line);box-shadow:none}.app .score-scroll .score-totals th{white-space:nowrap!important;overflow-wrap:normal}@media(max-width:740px)and (orientation:landscape){.okey-table .open-hand-action small[data-opened=true] .action-unit{display:inline}.app .game-choice .hero-cards{right:14px;transform:translateY(-35%) scale(.54) rotate(4deg)}.app .game-choice .hero-tiles{right:14px;transform:translateY(-25%) scale(.55) rotate(-5deg)}}.app .start-button>span{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;text-align:left}.app .start-button>span b{font-size:12px;line-height:16px;color:inherit}.app .start-button>span small{font-size:9px;line-height:12px;color:inherit;opacity:.85;font-weight:550}.app .start-button{padding-block:5px}@media(max-width:740px)and (orientation:landscape){.app .start-button>span b{font-size:11px;line-height:14px}.app .start-button>span small{font-size:8px;line-height:10px}}.app .rack-help-modal{height:min(440px,calc(100dvh - 24px));max-height:calc(100dvh - 24px)}.rack-help-content>.rack-help-grid,.rack-help-content>.move-explanation{flex:1;min-height:0;margin:0;align-content:center}.rack-help-content .rack-help-grid{grid-template-columns:1fr}.rack-help-content>.ui-page-controls{flex:none}.rack-help-content .explanation-body p{font-size:14px;line-height:1.5}@media(orientation:landscape)and (max-height:400px){.app .rack-help-modal{padding:8px 14px;width:min(720px,96vw)}.app .rack-help-modal>header{margin-bottom:4px}.rack-help-content{gap:4px}.rack-help-content .rack-help-grid section{padding:6px 10px}.app .rack-help-grid p{font-size:13px;line-height:1.4}}.app .result-panel,.app .score-modal,.app .statistics-modal{color:var(--ui-ink);background:linear-gradient(#102e3ce8,#10313fee),url(/kahvehane/okey-cloth-v1.webp) center/cover;border:1px solid #a0b7ba;box-shadow:0 6px 24px #00121980;border-radius:9px}.app[data-table-theme=forest] .result-panel,.app[data-table-theme=forest] .score-modal,.app[data-table-theme=forest] .statistics-modal{background:linear-gradient(#133b2fee,#123328f2),url(/kahvehane/worn-cloth.png) center/cover}.app .result-panel{width:min(1000px,96vw);height:calc(100dvh - 24px);padding:12px 16px;gap:8px}.app .result-heading{padding:0;margin:0;gap:9px;flex:none;align-items:center;min-height:38px}.app .result-heading h2{color:#f5edda;font-size:19px;line-height:23px;margin:0}.app .result-panel .eyebrow{color:#c9d9d7;font-size:8px;letter-spacing:1.1px}.app .result-panel .result-emblem{background:#173b3a;color:#e6d19e;border-color:#8aaba7;width:35px;height:35px}.app .result-heading>div{position:relative;flex:1;min-width:0}.app .result-heading .result-outcome{position:absolute;right:0;top:8px;max-width:55%;margin:0;font-size:12px;line-height:17px;color:#e8d4a6;text-align:right;overflow-wrap:anywhere}.app .scoreboard{display:flex;flex-direction:column;min-height:0;flex:1;gap:7px}.app .score-direction,.app .result-panel .score-direction{font-size:10px;color:#cadbd6;line-height:14px;margin:0;flex:none}.score-layout{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;flex:1;min-height:0}.score-rules{display:flex;flex-direction:column;gap:5px;padding-top:5px;align-self:start}.score-rules>span,.score-rules>strong{padding:5px 3px;text-align:center;background:#0b2939b8;color:#e3eae2;border:1px solid #8caeb570;border-radius:3px;font-size:10px;line-height:14px;font-weight:600}.score-rules>strong{background:#3c5558;color:#fff0c8;border-color:#bac6aa}.app .score-scroll{height:100%;max-height:none;min-height:0;overflow:auto;background:#0e2e3a7d;border:1px solid #8db0b287;border-radius:0;scrollbar-width:thin;scrollbar-color:#779995 #102d39;overscroll-behavior:contain}.app .score-scroll table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;min-width:0}.app .score-scroll thead{position:sticky;top:0;z-index:4;background:#163949}.app[data-table-theme=forest] .score-scroll thead{background:#1c4436}.app .score-scroll th,.app .score-scroll td,.app .result-panel .score-scroll td{color:#e8eddf;border-right:1px solid #abc3c53b;border-bottom:1px solid #abc3c53b;padding:6px 5px;text-align:center;font-size:12px;line-height:17px;font-variant-numeric:tabular-nums;background:none}.app .score-scroll th:first-child{width:54px}.app .score-scroll tbody th{font-weight:500;color:#c2d8d6}.app .score-scroll thead th{height:56px;padding:5px 3px;color:#f0edda;font-weight:500;vertical-align:middle}.score-player-icons{display:flex;gap:3px;justify-content:center;margin-bottom:4px}.score-player-icons i{display:grid;place-items:center;width:23px;height:23px;font:700 16px Georgia,serif;color:#ead09b;border:1px solid #b5aa85;border-radius:3px;background:#395452;font-style:normal}.score-player-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:14px;font-size:10px}.app .score-scroll tbody tr.latest-round{background:#b9d5ca0c}.app .score-scroll .score-pending td{color:#748f93}.app .score-scroll .negative-score{color:#ffc3b6}.app .score-scroll [data-scoring=penalty] .negative-score,.app [data-scoring=penalty] .score-scroll .negative-score{color:#c4e98b}.app .score-scroll .score-totals{position:sticky;bottom:0;z-index:5}.app .score-scroll .score-totals th,.app .score-scroll .score-totals td{position:sticky;bottom:0;color:#dae99b;background:#1b424a!important;border-top:2px solid #abc0a0;border-bottom:0;white-space:nowrap!important;font-size:13px;line-height:20px;padding:7px 4px}.app .score-scroll .score-totals th{color:#ecedda;font-size:10px}.app .score-scroll .score-totals .score-leader{color:#d8f080;background:#2d5050!important}.app .score-scroll .score-totals b{font-size:18px}.app .score-scroll .score-detail-toggle{color:#deebe2;min-width:30px;min-height:28px;border:1px solid #9ebaba45;background:#1a4148;border-radius:3px;padding:2px 5px}.app .score-scroll .score-detail td{background:#183b45;color:#e1e8d6;text-align:left;font-size:10px;line-height:15px;padding:7px 9px}.app .score-scroll .score-detail b,.app .score-scroll .score-detail span,.app .score-scroll .score-detail small{color:inherit}.app .score-note,.app .result-panel .score-note{color:#b8cecc;line-height:13px;font-size:9px;margin:0;flex:none}.app .result-panel .result-actions{flex:none;padding-top:0;gap:8px;min-height:34px}.app .result-panel .result-actions .quiet-button{background:#13353e;border-color:#8eaba8;color:#dce9df}.app .result-panel .result-actions .primary{background:#dbc69f;border-color:#edddbe;color:#16382f}.app .score-modal{height:calc(100dvh - 26px);display:flex;flex-direction:column;padding:12px 16px;overflow:hidden}.app .score-modal>header{position:static;flex:none;background:transparent;padding:0 0 8px;margin-bottom:8px}.app .score-modal h2{font-size:21px}.profile-button{display:flex;gap:6px;align-items:center;border:1px solid var(--ui-line);background:var(--ui-input);border-radius:6px;color:var(--ui-ink);padding:7px 9px;min-height:34px;font-size:10px}.profile-button:active{background:var(--ui-raised)}.app .statistics-modal{width:min(840px,96vw);padding:14px 18px;max-height:calc(100dvh - 22px)}.app .statistics-modal>header{background:var(--ui-surface);margin-bottom:10px}.profile-heading{display:flex;align-items:center;gap:9px;margin:0 0 12px}.profile-avatar{display:grid;place-items:center;width:43px;height:43px;flex:none;border:2px solid #b1bda6;background:#254954;color:#e6d1a3;font:700 27px Georgia,serif;border-radius:4px}.profile-heading>div{flex:1;min-width:0}.profile-heading strong{display:block;color:#f1e9d6;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-heading small{display:block;color:#b9ced0;font-size:10px;margin-top:4px;line-height:14px}.profile-heading>svg{color:#c3d0b3}.statistics-filters{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}.statistics-filters>div{display:flex;gap:4px}.statistics-filters button{padding:7px 14px;background:#122e3b;color:#c7d9d9;border:1px solid #93aead80;border-radius:4px;min-height:32px;font-size:11px}.statistics-filters button[aria-pressed=true]{background:#486565;color:#fff1c4;border-color:#d3cfa0}.statistics-filters label{display:flex;align-items:center;gap:7px;color:#c4d9d5;font-size:10px}.statistics-filters select{background:#142f3c;color:#e4ecdf;border:1px solid #9eb6b380;min-height:32px;border-radius:4px;padding:4px 7px;font:inherit}.profile-counters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #aec5be;border-radius:7px;overflow:hidden;background:#0c232e;margin-bottom:10px}.profile-counters section{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px;border-right:1px solid #718c8b5c;padding:11px 12px;text-align:center;background:linear-gradient(#1f3944,#0c252e)}.profile-counters section:last-child{border:0}.profile-counters svg{color:#bbcab6}.profile-counters span{font-size:11px;color:#cdd9cf}.profile-counters b{grid-column:1/-1;font-size:32px;line-height:39px;letter-spacing:-1px;font-weight:700;color:#f4efdc;font-variant-numeric:tabular-nums}.profile-details{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}.profile-details>span{display:flex;gap:12px;align-items:center;justify-content:space-between;flex:1 1 120px;background:#193b4480;border:1px solid #8caeac45;padding:7px 9px;font-size:10px;color:#bed3d1;border-radius:3px}.profile-details b{color:#e2e3bf;font-size:13px;font-variant-numeric:tabular-nums}.statistics-modal h3{font-size:13px;color:#e2dab5;font-weight:650;margin:13px 0 8px}.profile-breakdown{overflow-x:auto}.profile-breakdown table{width:100%;border-collapse:collapse;font-size:11px;line-height:16px}.profile-breakdown th,.profile-breakdown td{padding:7px 6px;border:1px solid #9fb9b447;text-align:center;font-variant-numeric:tabular-nums}.profile-breakdown th:first-child{text-align:left}.profile-breakdown thead{background:#102e3c;color:#d5e1d5}.profile-breakdown tbody th{font-weight:500;color:#e0e3c7}.statistics-empty{padding:15px;background:#102d368f;border:1px solid #839e994d;border-radius:5px;color:#c7d8cf;font-size:12px;line-height:1.6;margin:0}.profile-recent>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.profile-recent article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px;background:#163841a8;border:1px solid #8eaaa549;border-radius:4px;font-size:11px}.profile-recent small{display:block;font-weight:400;font-size:9px;color:#b6cfce;margin-top:4px}.profile-recent b{text-align:right;font-size:11px}.outcome-win{color:#d0e596}.outcome-loss{color:#edbbab}.outcome-draw{color:#d6d4b2}.app .statistics-modal .statistics-note{color:#b8cdca;font-size:10px;line-height:15px;margin:12px 0 0}@media(max-height:400px)and (orientation:landscape){.app .result-panel{padding:8px 12px;gap:5px}.app .result-heading{min-height:31px}.app .result-heading h2{font-size:17px;line-height:20px}.app .result-heading .result-outcome{top:5px;font-size:10px;line-height:14px}.app .scoreboard{gap:5px}.score-layout{grid-template-columns:72px minmax(0,1fr);gap:8px}.score-rules>span,.score-rules>strong{font-size:9px;padding:3px;line-height:12px}.app .score-scroll thead th{height:44px}.score-player-icons i{width:19px;height:19px;font-size:13px}.score-player-icons{margin-bottom:2px}.score-player-name{font-size:9px}.app .score-scroll th,.app .score-scroll td,.app .result-panel .score-scroll td{padding:3px;font-size:11px;line-height:16px}.app .score-scroll th:first-child{width:45px}.app .score-scroll .score-totals th,.app .score-scroll .score-totals td{padding:3px;line-height:18px}.app .score-scroll .score-totals b{font-size:16px}.app .score-scroll .score-detail-toggle{min-height:25px}.app .score-note{font-size:8px;line-height:11px}.profile-button{padding:6px;min-height:31px}.profile-button span{display:none}.app .statistics-modal{padding:10px 13px}.app .statistics-modal h2{font-size:20px}.profile-heading{margin-bottom:8px}.profile-avatar{width:32px;height:32px;font-size:22px}.profile-heading strong{font-size:13px}.profile-heading small{font-size:9px;line-height:12px}.statistics-filters{margin-bottom:8px}.statistics-filters button{padding:5px 9px;font-size:10px;min-height:30px}.statistics-filters label{font-size:9px}.statistics-filters select{min-height:30px}.profile-counters section{padding:7px 8px}.profile-counters span{font-size:9px}.profile-counters b{font-size:27px;line-height:31px}.profile-counters svg{width:13px}}.app .result-panel,.app .score-modal,.app .statistics-modal{background-color:#163b47}.app .score-scroll table{height:100%}.app .result-panel .score-scroll thead th,.app .score-modal .score-scroll thead th{background:#163949;color:#f0edda}.app[data-table-theme=forest] .result-panel .score-scroll thead th,.app[data-table-theme=forest] .score-modal .score-scroll thead th{background:#1c4436}.app .result-panel .result-actions button:disabled{opacity:1;background:#21434b;color:#b8ceca;border-color:#7d9b96;box-shadow:none}.app .result-panel .result-actions .primary:hover:not(:disabled){background:#dbc69f;color:#16382f}.app .result-panel .score-scroll .negative-score{color:#ffc3b6}.app .result-panel [data-scoring=penalty] .score-scroll .negative-score{color:#c4e98b}.profile-toolbar{display:grid;grid-template-columns:minmax(130px,1fr) auto;align-items:center;gap:16px;margin-bottom:12px}.profile-toolbar .profile-heading,.profile-toolbar .statistics-filters{margin:0}.profile-toolbar .profile-heading>svg{display:none}.profile-toolbar .profile-heading small{max-width:250px;font-size:10px;line-height:14px}.profile-toolbar .statistics-filters{gap:12px}.profile-toolbar .statistics-filters label{flex-direction:column;align-items:flex-start;gap:3px;font-size:9px}.profile-toolbar .statistics-filters button{min-height:34px}.app .profile-breakdown tbody tr:nth-child(2n){background:#b8d1ca08}.app .profile-breakdown tbody tr:hover{background:#b8d1ca12}.app .profile-recent article{border-left:2px solid #86aaa380}@media(max-height:400px)and (orientation:landscape){.profile-toolbar{gap:10px;margin-bottom:9px}.profile-toolbar .profile-heading small{max-width:175px;font-size:9px;line-height:12px}.profile-toolbar .statistics-filters{gap:8px}.profile-toolbar .statistics-filters button{min-height:30px;padding:5px 8px}.profile-toolbar .statistics-filters label{font-size:8px;gap:2px}.profile-toolbar .statistics-filters select{min-height:28px}.app .statistics-modal .profile-details{margin-bottom:8px}.app .statistics-modal h3{margin-top:10px}}@media(max-width:600px){.profile-toolbar{grid-template-columns:minmax(100px,1fr) auto;gap:7px}.profile-toolbar .statistics-filters{gap:5px}.profile-toolbar .statistics-filters button{padding:5px 6px;font-size:9px}.profile-toolbar .statistics-filters select{max-width:87px;font-size:9px;padding:3px}.profile-toolbar .profile-heading{gap:6px}.profile-toolbar .profile-heading small{font-size:8px;line-height:11px}.profile-toolbar .profile-avatar{width:29px;height:29px;font-size:20px}}@media(max-width:480px){.app .profile-toolbar{grid-template-columns:minmax(0,1fr);gap:12px}.app .profile-toolbar .profile-heading small{font-size:10px;line-height:14px}.app .profile-toolbar .statistics-filters{flex-wrap:wrap;gap:8px}.app .profile-toolbar .statistics-filters button{font-size:11px;padding:6px 9px;min-height:36px}.app .profile-toolbar .statistics-filters select{max-width:none;font-size:11px;min-height:36px}.app .profile-counters section{padding:9px 5px;gap:4px;min-width:0}.app .profile-counters span{font-size:10px;line-height:14px;overflow-wrap:anywhere}.app .profile-counters b{font-size:26px;line-height:32px;letter-spacing:0}.app .profile-recent>div{grid-template-columns:minmax(0,1fr)}.app .result-heading .result-outcome{position:static;max-width:none;text-align:left;margin:4px 0 0}}.app .score-scroll .score-detail td,.app .score-scroll .score-detail span,.app .score-scroll .score-detail b{overflow-wrap:anywhere}.app .profile-recent article>span{min-width:0;overflow-wrap:anywhere}.app .profile-recent article>b{flex-shrink:0}.app .score-scroll .score-detail-toggle{white-space:nowrap;flex-shrink:0;gap:3px;padding-inline:2px}.app .result-panel .result-actions{flex-wrap:wrap}.app .result-panel .result-actions button{min-width:0;white-space:normal}@media(max-width:480px){.app .result-panel .result-heading h2{display:block;font-size:22px;line-height:1.15;letter-spacing:.3px;overflow-wrap:normal}.app .result-panel .result-heading h2:before,.app .result-panel .result-heading h2:after{display:none}.app .result-panel .result-actions button{flex:1 1 100px;padding:8px;justify-content:center}.app .statistics-modal .profile-counters section>span{font-size:10px;line-height:14px;text-transform:none;overflow-wrap:normal}.app .statistics-modal .profile-counters b{font-size:26px;line-height:32px}}.app .okey-table .rack-controls-left{position:absolute;left:0;bottom:0;width:82px;grid-template-rows:28px 34px 34px 30px;gap:3px}.app .okey-table .rack-controls-left .open-hand-action{padding:2px;gap:0}.app .okey-table .rack-controls-left .open-hand-action b{line-height:14px}.app .okey-table .rack-controls-left .open-hand-action small{line-height:11px;font-size:8px}.app .okey-table .rack-controls-left .open-hand-action .action-unit{font-size:8px}.app .batak-table .seat-top.open-hand-seat{top:-29px;z-index:7}.app .batak-table .seat-top.open-hand-seat .player{min-height:30px;padding:2px 7px}.app .batak-table .seat-top.open-hand-seat .seat-status{display:none}.app .batak-table .seat-top.open-hand-seat .dummy-hand{top:calc(100% + 5px)}.app .batak-table .seat-top.open-hand-seat .double-fan-small>.card-fan+.card-fan{margin-top:-21px}.app .dummy-hand .mini-hand-fan .playing-card.small{--card-w:inherit;--card-h:inherit;--card-index:inherit}.app .batak-table .bid-choice{background:linear-gradient(#efcf83,#cca64f);border:1px solid #f1d895;color:#25261c;box-shadow:0 2px #82662b;font-weight:700}.app .batak-table .bid-choice:active{background:#d9b265;box-shadow:none;transform:translateY(1px)}.app .batak-table .bid-pass{background:linear-gradient(#d9bb78,#b18e48);border:1px solid #d4be8c;color:#21291f;box-shadow:0 2px #72582c}.app .batak-table .trump-options button{background:linear-gradient(#efdaab,#d8bc80);border-color:#eedaa8;color:#161e22;box-shadow:0 2px #806e42}.app .batak-table .trump-options button small{color:#25302b}@media(max-width:740px)and (orientation:landscape){.app .okey-table .rack-controls-left{width:59px;grid-template-rows:26px 31px 31px 28px;gap:3px}.app .okey-table .rack-controls-left .open-hand-action b{font-size:10px;line-height:13px}.app .batak-table .seat-top.open-hand-seat{top:-27px}.app .batak-table .seat-top.open-hand-seat .avatar{width:22px;height:22px}.app .batak-table .seat-top.open-hand-seat .player{min-height:27px}.app .batak-table .seat-top.open-hand-seat .player-copy>span{display:none}}@media(max-height:340px)and (orientation:landscape){.app .batak-table .seat-top.open-hand-seat .double-fan-small>.card-fan+.card-fan{margin-top:-24px}}.app .batak-top-player{position:absolute;top:2px;left:50%;transform:translate(-50%);z-index:50;max-width:180px}.app .batak-top-player .player{padding:2px 7px;min-height:29px;gap:5px;background:#543b28;border:1px solid #b8a77b;border-radius:4px}.app .batak-top-player .avatar{width:22px;height:22px}.app .batak-top-player .player-copy strong{font-size:10px;max-width:98px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app .batak-top-player .player-copy>span{font-size:7px}.app .batak-table .seat-top.open-hand-seat>.player{visibility:hidden}@media(max-width:740px)and (orientation:landscape){.app .batak-top-player{max-width:138px}.app .batak-top-player .player-copy>span{display:none}.app .batak-top-player .player-copy strong{font-size:9px;max-width:70px}.app .batak-top-player .trick-count{font-size:12px}.app .batak-top-player .trick-count small{display:none}}.app .batak-table .my-area:before{top:68px;background:linear-gradient(#30271dcf,#251d16de),url(/kahvehane/worn-wood.png) center/cover;border-top:2px solid #9b805a;border-radius:50% 50% 0 0/19px 19px 0 0;box-shadow:inset 0 2px #c0a17536,0 -2px 4px #0b1b1629}.app .batak-table .seat-left .player,.app .batak-table .seat-right .player{position:relative}.app .batak-table .seat-left .trick-count,.app .batak-table .seat-right .trick-count{position:absolute;right:-6px;top:5px;display:flex;align-items:baseline;gap:2px;justify-content:center;min-width:25px;padding:3px 4px;background:#132f26;border:1px solid #b9a77a;border-radius:5px;color:#f1dbad;font-size:14px;line-height:16px;font-variant-numeric:tabular-nums;box-shadow:0 2px 3px #07171040}.app .batak-table .seat .trick-count small{font-size:7px;color:#c9d3be}.app .okey-table .rack-controls .rack-edge-sort{background:var(--ui-input);border-color:var(--ui-line);box-shadow:none;font-size:11px}.app .okey-table .rack-controls .rack-edge-sort.active{background:var(--ui-raised);border-color:#9badac;color:#f1e8cf;box-shadow:inset 0 -2px #d1be91}.app .okey-table .rack-controls .open-hand-action{overflow:hidden;border-radius:6px}.app .okey-table .rack-controls [data-ready=true]{border-color:#dbc48d;background:var(--ui-selected);box-shadow:inset 3px 0 #e8cb91}.app .okey-table .rack-controls [data-ready=true] b{color:#fff0c7}.opening-progress{position:absolute;left:3px;right:3px;bottom:1px;height:2px;background:#a7b4a91f;pointer-events:none}.opening-progress i{display:block;height:100%;background:#a4b8ac;max-width:100%}[data-ready=true] .opening-progress i{background:#e1c895}.app .okey-table .rack-controls .draw-action,.app .okey-table .rack-controls .discard-button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;padding:4px 5px}.app .okey-table .rack-controls .draw-action>span,.discard-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0}.app .okey-table .rack-controls .draw-action b,.app .okey-table .rack-controls .discard-button b{font-size:12px;line-height:15px;color:inherit}.app .okey-table .rack-controls .draw-action small,.app .okey-table .rack-controls .discard-button small{font-size:8px;line-height:11px;color:inherit;white-space:nowrap}.app .okey-table .discard-preview{display:flex;flex:none;pointer-events:none;transform:rotate(4deg)}.app .okey-table .discard-preview .tile.small{width:18px;height:25px;min-height:25px;font-size:17px;padding-bottom:4px;line-height:20px;box-shadow:0 1px #a79678;border-radius:2px}.app .okey-table .discard-preview .tile-dot{width:2px;height:2px;bottom:2px}.app .okey-table .discard-preview .joker-back-mark{font-size:13px}.app .okey-table .rack-summary{border-top:1px solid #aec2c063;box-shadow:inset 0 1px #b0c2b012}.app .okey-table .rack-summary[data-my-turn=true]{border-top-color:#d0be8a}.app .okey-table .rack-phase-chip{display:inline-flex;align-items:center;justify-content:center;background:#dac59c;color:#17372f;font-size:8px;line-height:17px;font-weight:800;letter-spacing:.25px;border-radius:3px;padding:0 4px;white-space:nowrap;flex:none}.app .okey-table .rack-phase-chip.stage-borrowed{background:#d4ae75}.app .okey-table .rack-summary>strong{max-width:55px}.app .okey-table .meld-zone>header{font-size:10px;letter-spacing:.6px}.app .okey-table .meld-empty{opacity:1;gap:8px}.app .okey-table .meld-empty>span{display:block;color:#829faa26;font:600 25px Manrope,sans-serif;word-spacing:7px;letter-spacing:1px}.app .okey-table .meld-empty small{font-size:10px;color:#99b4c0}.app .okey-table .meld-zone[data-compact=true] .meld-empty>span{font-size:18px;word-spacing:1px}.app .okey-table .rack-wrap[data-processing=true] .rack-summary{visibility:hidden}.app .okey-table .processing-choices{left:50%;right:auto;transform:translate(-50%);bottom:calc(var(--rack-row)*2 + 20px);width:calc(100% - 180px);max-width:460px;box-sizing:border-box;grid-template-columns:1fr 1fr 26px;gap:4px;padding:2px 3px;height:30px;min-height:0;border-radius:5px;background:var(--ui-surface);box-shadow:0 1px 3px #061c2633}.app .okey-table .processing-choices>span{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.app .okey-table .processing-choices>button:not(.icon-button){min-height:24px;height:24px;flex-direction:row;gap:6px;padding:0 4px;font-size:11px;border-radius:3px;line-height:15px}.app .okey-table .processing-choices>button b{font-size:10px;color:inherit;background:#b7c7bd1a;padding:0 4px;border-radius:3px;white-space:nowrap}.app .okey-table .processing-choices>.icon-button{width:26px;min-width:26px;height:24px;min-height:24px;padding:2px;border:0;border-radius:3px}.app .okey-table .processing-choices>button:focus-visible{outline-offset:-2px}@media(max-width:740px)and (orientation:landscape){.app .batak-table .my-area:before{top:61px}.app .batak-table .seat-left .trick-count,.app .batak-table .seat-right .trick-count{font-size:12px;line-height:14px;min-width:23px;padding:2px 3px;right:-4px;top:4px}.app .okey-table .rack-controls .rack-edge-sort{font-size:10px;gap:2px}.app .okey-table .rack-controls .draw-action,.app .okey-table .rack-controls .discard-button{gap:3px;padding:3px 2px}.app .okey-table .rack-controls .draw-action>svg{display:none}.app .okey-table .rack-controls .draw-action b,.app .okey-table .rack-controls .discard-button b{font-size:11px;line-height:14px}.app .okey-table .rack-controls .discard-button:has(.discard-preview){gap:2px}.app .okey-table .discard-preview .tile.small{width:15px;height:22px;min-height:22px;font-size:15px;line-height:18px}.app .okey-table .rack-summary{gap:4px}.app .okey-table .rack-phase-chip{font-size:7px;padding:0 3px;letter-spacing:0}.app .okey-table .meld-empty small{font-size:9px}.app .okey-table .processing-choices{width:calc(100% - 122px)}.app .okey-table .processing-choices>button:not(.icon-button){font-size:10px;gap:4px}.app .okey-table .processing-choices>button b{font-size:9px;padding:0 3px}}.app[data-table-theme=forest] .batak-table{--felt-color:#195435;background:radial-gradient(ellipse at 50% 28%,#256342f2,#12472ff6 78%),url(/kahvehane/worn-cloth.png) center/cover}.app[data-table-theme=navy] .batak-table{--felt-color:#214858;background:radial-gradient(ellipse at 50% 28%,#2c6074f2,#153c50f6 78%),url(/kahvehane/worn-cloth.png) center/cover}.app .batak-table .felt-border{display:none}.app .batak-table .seat .player{background:linear-gradient(#754729ec,#482d1deb),url(/kahvehane/worn-wood.png) center/cover;border:1px solid #be9d62;border-radius:8px;box-shadow:inset 0 1px #d6b27335,0 2px 3px #061b1a33}.app .batak-table .turn-strip{top:-20px;left:0;right:0;min-height:23px;height:23px;align-items:center}.app .batak-table .turn-strip .player{position:absolute;left:50%;top:0;bottom:auto;transform:translate(-50%);min-height:23px;background:linear-gradient(#68462f,#3a2b22);border:1px solid #b69864;border-radius:6px;padding:3px 11px;box-shadow:0 2px 3px #081c1a33}.app .batak-table .turn-strip .player strong{font-size:10px}.app .batak-table .turn-strip .player .trick-count{font-size:13px}.app[data-table-theme=navy] .okey-table{background-color:#215a74;background-image:linear-gradient(#1b526710,#123d5329),url(/kahvehane/okey-cloth-v1.webp);--ui-board:#0e3043}.app .okey-table .game-topbar{height:32px;min-height:32px;background:#0d29362e;border-bottom:0;padding-block:0}.app .okey-table .game-topbar .icon-button{height:30px;min-height:30px}.app .okey-table .okey-top-player{top:1px}.app .okey-table .okey-top-player .player{min-height:28px;padding-block:2px}.app .okey-table .okey-top-player .avatar{width:22px;height:22px}.app .okey-table .felt{top:33px}.app .okey-table .okey-table-center{top:1px}.app[data-table-theme] .okey-table .meld-zone{border-radius:3px;border-color:#7199aa65}.app .okey-table .meld-zone>header{height:15px;min-height:15px;line-height:15px;padding:0 5px;background:transparent;border-bottom:0;font-size:9px}.app .okey-table .meld-surface{top:18px}@media(max-width:740px)and (orientation:landscape){.app .batak-table .turn-strip .player{min-height:21px;padding:2px 8px}.app .batak-table .turn-strip .player strong{font-size:9px}.app .okey-table .game-topbar{height:31px;min-height:31px}.app .okey-table .felt{top:32px}}.app .okey-table .wide-rack .empty-rack-slot:not(:disabled){border-color:#e6c58d30;background:#ffedbd05;box-shadow:none}.app .okey-table .wide-rack .empty-rack-slot:focus-visible{outline:2px solid #ffe0a0;outline-offset:-2px}.app .batak-table .seat-left .player,.app .batak-table .seat-right .player{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:4px;row-gap:4px;width:72px;max-width:72px;padding:7px 7px 6px;align-items:center}.app .batak-table .seat-left .player>.avatar,.app .batak-table .seat-right .player>.avatar{grid-column:1;grid-row:1;justify-self:center}.app .batak-table .seat-left .player>.player-copy,.app .batak-table .seat-right .player>.player-copy{grid-column:1/-1;grid-row:2}.app .batak-table .seat-left .trick-count,.app .batak-table .seat-right .trick-count{position:static;grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-width:17px;padding:0;line-height:15px;background:none;border:0;box-shadow:none}.app .batak-table .seat .trick-count small{line-height:9px}.app .okey-table .rack-controls .discard-button.penalty-discard{flex-wrap:nowrap;row-gap:0}.app .okey-table .discard-copy .penalty-tag{flex:none;padding:0;background:none;border:0;line-height:11px;font-size:8px;color:inherit}@media(max-width:740px)and (orientation:landscape){.app .batak-table .seat-left .player,.app .batak-table .seat-right .player{width:61px;max-width:61px;padding:6px 4px 5px;column-gap:2px;row-gap:3px}.app .batak-table .seat-left .trick-count,.app .batak-table .seat-right .trick-count{min-width:15px;line-height:13px}.app .okey-table .discard-copy .penalty-tag{font-size:7px}}.app .batak-table .card-fan .playing-card,.app .batak-table .dummy-hand .mini-hand-fan .playing-card{top:calc(var(--fan-inset) + var(--fan-drop));transform-origin:50% 100%}.app .batak-table .my-area>.double-fan>.card-fan+.card-fan,.app .batak-table .seat .dummy-hand .double-fan-small>.card-fan+.card-fan{margin-top:calc(0px - var(--row-overlap))}.app .batak-table .my-area{bottom:6px}.app .batak-table .my-area:before{top:0;bottom:-20px;border-radius:50% 50% 0 0/26px 26px 0 0;border-top:3px solid #cb9a4c;background:linear-gradient(95deg,#52230ccc,#8e4214a8 45%,#65280fd9),url(/kahvehane/worn-wood.png) center/cover;box-shadow:inset 0 3px #dfa65c54,0 -2px 3px #061e194a}.app .batak-table .my-area:after{content:"";position:fixed;left:0;right:0;bottom:0;height:3px;pointer-events:none;background:#4c2715;border-top:1px solid #a77436;z-index:9}.app .batak-table .card-fan .playing-card{background:#fffefb;border:1px solid #c7c5bf;box-shadow:-1px 1px 2px #16181966,0 2px 3px #0e18122e;transition:transform .11s cubic-bezier(.2,.65,.35,1)}.app .batak-table.phase-play .card-fan .playing-card:not(:disabled){border-top:1px solid #c7c5bf}.app .batak-table .card-fan .playing-card.selected{transform:translate(-50%) translateY(-14px) rotate(var(--fan-angle));outline:0;box-shadow:-1px 2px 3px #18221d70,0 5px 5px #081b1a38}.app .batak-table .card-fan .playing-card[data-pressed]{outline:0}.app .batak-table .trick-card small{display:none}.app .batak-table.phase-play .seat-top.open-hand-seat .dummy-hand{top:calc(100% - 4px)}.app .batak-table .seat .player,.app .batak-top-player .player,.app .batak-table .turn-strip .player{background:linear-gradient(90deg,#47190bef,#8c3e20e6 48%,#4c1b0df2),url(/kahvehane/worn-wood.png) center/cover;border-color:#c69a55;color:#fff1d4;box-shadow:inset 0 1px #e3c58654,0 2px 3px #07130c45}.app .batak-table .seat .player strong,.app .batak-top-player .player strong{font-family:Outfit,sans-serif;font-size:12px;letter-spacing:.3px}.app .batak-table .seat .player.active{border-color:#ffdf82;box-shadow:inset 0 0 0 1px #dba546,0 0 0 2px #17392c}.app .batak-table .seat-left .player,.app .batak-table .seat-right .player{border-radius:4px 15px 15px 4px}.app .batak-table .seat-right .player{border-radius:15px 4px 4px 15px}.app .batak-table .seat-top .player{border-radius:4px 4px 13px 13px;min-width:116px;justify-content:center}.app .batak-table .turn-strip{top:-12px;height:19px;min-height:19px}.app .batak-table .turn-strip .player{border-radius:12px 12px 3px 3px;min-width:112px;justify-content:center;min-height:19px;height:19px;padding:0 11px}.app .batak-table .table-contract{background:#183b2cd9;border:1px solid #c8aa68;border-radius:5px;box-shadow:0 2px 3px #051e1640;color:#f3e6c5}.app .batak-table .contract-copy b,.app .batak-table .contract-progress>b{color:#ffefbd}.app .batak-table .contract-copy>span,.app .batak-table .contract-copy small,.app .batak-table .contract-progress>span{color:#dbdcc8}.app .batak-table .contract-suit{background:#f7ebc7;border:1px solid #d3b570;border-radius:3px;color:#17232b}.app .batak-table .contract-suit.red-suit{color:#bd182c}.app .batak-table .bid-choice,.app .batak-table .trump-options button{background:linear-gradient(#f6d378,#daa334 76%,#c38829);border-color:#ecd58e;box-shadow:inset 0 1px #fff2c2,0 3px #865222;color:#161b1a;border-radius:6px}.app .batak-table .bid-pass{background:linear-gradient(#ebc36b,#bd812b);border-color:#ead193;box-shadow:inset 0 1px #fbe0a0,0 3px #71411b}.app[data-table-theme=navy] .okey-table{background-color:#19566f;background-image:url(/kahvehane/blue-scroll-cloth.svg),linear-gradient(#1d5570a8,#164b65c4),url(/kahvehane/okey-cloth-v1.webp);background-position:center;background-size:160px,cover,630px;--ui-board:#0c2c41}.app .okey-table .my-area{bottom:1px}.app .okey-table:not(:has(.opening-tray)) .okey-table-center{bottom:calc(var(--rack-row)*2 + 59px)}.app .okey-table .meld-zone{border-radius:2px;border:1px solid #7194a496;box-shadow:0 1px 2px #09283b5c,inset 0 0 9px #071f3138}.app .okey-table .meld-zone>header{height:14px;padding:1px 5px;font-size:7px;line-height:11px;background:#0b2e4170;letter-spacing:.5px}.app .okey-table .meld-zone>header small{font-size:7px;line-height:11px}.app .okey-table .meld-surface{inset:16px 3px 3px}.board-watermarks{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;pointer-events:none;overflow:hidden;opacity:.105;color:#b1c6ca}.board-watermarks>span{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;max-width:95%;margin:auto;font-family:Georgia,serif;line-height:1;transform:rotate(-8deg)}.board-watermarks b{font-size:clamp(32px,8vw,102px);font-weight:700;letter-spacing:-5px}.board-watermarks small{font-size:clamp(9px,2.2vw,25px);letter-spacing:3px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;width:100%;text-align:center;padding:2px 8px}.board-watermarks.pairs{grid-template-columns:1fr;opacity:.07}.board-watermarks.pairs b{font-size:clamp(28px,5vw,60px)}.board-watermarks.pairs small{font-size:clamp(8px,1.1vw,13px)}.app .okey-table .meld-empty>span{font-family:Georgia,serif;font-size:30px;opacity:.65}.app .okey-table .rack-wrap .tile-rack.wide-rack{background:linear-gradient(#c28125d1,#b5751bdb 40%,#925317bd,#c27e1ee3 54%,#995414d6),url(/kahvehane/okey-wood-v1.webp) center/cover;border:1px solid #8f561b;border-top:2px solid #e8b757;border-bottom:3px solid #774018;border-left:6px solid #bfc2b9;border-right:6px solid #bfc2b9;border-radius:4px;box-shadow:inset 0 1px #f2cb794d,inset 2px 0 #6b716c,inset -2px 0 #6b716c,0 2px #693814,0 4px 5px #0623388c}.app .okey-table .tile-rack:after{height:5px;border-top:1px solid #f3c565;background:linear-gradient(#db9b32,#aa681b);box-shadow:0 2px 2px #58300d78}.app .okey-table .tile-rack:before{content:"masa";position:absolute;left:50%;top:14%;transform:translate(-50%);color:#723a143e;font:700 27px Georgia,serif;text-shadow:0 1px #f6c26840;pointer-events:none;z-index:0;letter-spacing:2px}.app .okey-table .wide-rack .rack-slot{z-index:1}.app .okey-table .tile:not(.face-down){background:linear-gradient(#fffefb,#f1efe9);border-color:#c7c6bf;box-shadow:inset 1px 1px #fff,1px 1px #a7a79e,0 2px 2px #472f1c40}.app .okey-table .tile.red{color:#bd1427}.app .okey-table .tile.blue{color:#087ba5}.app .okey-table .tile.black{color:#171b20}.app .okey-table .tile.gold{color:#af8609}.app .okey-table .tile-dot{background:#dbdbd4;box-shadow:inset 0 1px 2px #aaa99f65;width:6px;height:6px;bottom:3px}.app .okey-table .meld-board .tile-dot{width:3px;height:3px;bottom:2px}.app .okey-table .stock-info .tile-back{background:linear-gradient(#fbfaf3,#e7e7dc);border-color:#a4b3b4;box-shadow:1px 2px #d0d3c8,3px 4px #8c9e9e}.app .okey-table .stock-info strong{display:grid;place-items:center;border-radius:50%;background:#d7dcd65c;min-width:20px;height:21px;top:8px;font-family:Outfit,sans-serif;color:#202b31}.app .okey-table .rack-controls .rack-edge-sort{background:linear-gradient(#162f3c,#091e2d);border:1px solid #a4b8b7;box-shadow:inset 0 1px #dce6dc38;color:#f2f1dc;border-radius:4px;font-family:Outfit,sans-serif;letter-spacing:.1px}.app .okey-table .rack-controls .rack-edge-sort.active{background:linear-gradient(#24526a,#133449);border-color:#d7cb9d;box-shadow:inset 0 -2px #c6b27c}.app .okey-table .rack-controls .open-hand-action,.app .okey-table .rack-controls .process-hand-action{background:linear-gradient(#d9e3df,#aec6c8);color:#153849;border:1px solid #8ca9b3;box-shadow:inset 0 1px #f6faf1,0 1px 2px #0b2c4260}.app .okey-table .rack-controls .open-hand-action b,.app .okey-table .rack-controls .open-hand-action small,.app .okey-table .rack-controls .process-hand-action b,.app .okey-table .rack-controls .process-hand-action small{color:inherit}.app .okey-table .rack-controls .open-hand-action:disabled,.app .okey-table .rack-controls .process-hand-action:disabled{background:#2d5869;color:#d3e0dd;border-color:#789da8;box-shadow:none;opacity:1}.app .okey-table .rack-controls [data-ready=true]{background:linear-gradient(#f5f0db,#d9dfd2);color:#153849;border-color:#efdc9a;box-shadow:inset 3px 0 #cdac62}.app .okey-table .rack-summary{background:#0a2a3ec9;border-color:#789da88c;border-radius:3px;color:#e4ece5}.app .okey-table .rack-summary>strong{background:#102333;border:1px solid #acb5a769;border-radius:2px;padding:0 5px;max-width:75px}.app[data-table-theme] .result-panel,.app[data-table-theme] .score-modal,.app[data-table-theme] .statistics-modal{background-color:#1a536b;background-image:url(/kahvehane/blue-scroll-cloth.svg),linear-gradient(#1c536bd0,#16475bdb),url(/kahvehane/okey-cloth-v1.webp);background-position:center;background-size:160px,cover,630px;border-color:#8cafb7;color:#eff1de}.app .result-panel{border-radius:0;border:0;box-shadow:none;width:100vw;height:100dvh;padding:12px 18px}.app .result-heading{min-height:41px;position:relative}.app .result-heading .result-emblem{display:none}.app .result-heading h2,.app .score-modal>header h2,.app .statistics-modal>header h2{font-family:Outfit,sans-serif;font-size:23px;letter-spacing:1px;font-weight:500;text-transform:uppercase;color:#f1eee0;text-align:center}.app .result-heading h2{display:flex;align-items:center;justify-content:center;gap:16px}.app .result-heading h2:before,.app .result-heading h2:after{content:"";width:70px;height:9px;border-top:1px solid #b7d1ce;border-radius:50%;opacity:.8}.app .result-heading h2:after{transform:scaleX(-1)}.app .result-heading .eyebrow{text-align:center;display:block;font-size:8px}.app .result-heading .result-outcome{position:static;text-align:center;max-width:none;font-size:10px;line-height:15px;color:#e4dfbf}.app .result-panel .score-direction{font-size:9px;text-align:center}.app .score-layout{width:min(820px,100%);margin-inline:auto;grid-template-columns:86px minmax(0,1fr);gap:10px}.app .score-scroll{background:#15485c3d;border:0;border-bottom:1px solid #b9cdcf73}.app .score-scroll table{height:auto}.app .score-scroll th,.app .score-scroll td,.app .result-panel .score-scroll td{height:31px;padding:4px;border-color:#b0c9ca66;font-weight:400}.app .score-scroll thead th,.app .result-panel .score-scroll thead th,.app[data-table-theme=forest] .result-panel .score-scroll thead th,.app[data-table-theme=forest] .score-modal .score-scroll thead th{background:#1b5369;color:#f6f1de;height:57px}.app .score-scroll .score-pending{background:transparent}.app .score-scroll .score-totals th,.app .score-scroll .score-totals td{background:#1a5369!important;border-top:1px solid #c4d9d28c;height:33px}.app .score-scroll .score-totals .score-leader{background:#245f704a!important;color:#d4f38c}.app .score-scroll .score-totals b{font-weight:500}.app .score-scroll .score-detail-toggle{background:transparent;border-color:transparent;min-height:25px;font-weight:500}.app .score-scroll .score-detail-toggle:hover,.app .score-scroll .score-detail-toggle:focus-visible{background:#143f51;border-color:#bad2d4}.app .score-player-icons i{background:#102e3e;border:2px solid #b9c0b7;box-shadow:0 1px 2px #06233370;width:26px;height:26px;border-radius:1px}.app .score-rules>span,.app .score-rules>strong{background:#092d3ee3;border:1px solid #698f9d;border-radius:2px;color:#e9eade;font-size:11px;font-weight:400}.app .score-rules>strong{background:#743240;color:#fff0df}.app .score-note{text-align:center}.app .statistics-modal>header,.app .score-modal>header{background:#194c6200;border-bottom:1px solid #afc9ca54}.app .statistics-modal>header h2,.app .score-modal>header h2{flex:1}.app .profile-counters{background:#171d20;border:1px solid #b3c5c4;border-radius:9px}.app .profile-counters section{background:linear-gradient(#293033,#101719);grid-template-columns:1fr;padding:8px 10px;gap:4px}.app .profile-counters section>svg{display:none}.app .profile-counters section>span{font-family:Outfit,sans-serif;text-transform:uppercase;color:#dce4de;font-size:12px}.app .profile-counters b{font-family:Outfit,sans-serif;font-size:35px;font-weight:500;line-height:40px;color:#fcf5dc}.app .profile-toolbar .profile-heading{padding:6px;background:#122c38bd;border:1px solid #a1bbbf;border-radius:3px}.app .profile-toolbar .profile-avatar{background:#1f3943;border-color:#b9bdae;color:#ebd8ad}.app .profile-toolbar .statistics-filters button{background:linear-gradient(#24424f,#0c2634);border-color:#7d9fa5;color:#e3e9dd;font-family:Outfit,sans-serif}.app .profile-toolbar .statistics-filters button[aria-pressed=true]{background:#386175;border-color:#dcdbb2;color:#fff5d9}@media(max-height:400px)and (orientation:landscape){.app .result-panel{padding:7px 12px;gap:4px}.app .result-heading{min-height:37px}.app .result-heading h2,.app .score-modal>header h2,.app .statistics-modal>header h2{font-size:20px;line-height:23px}.app .score-layout{grid-template-columns:73px minmax(0,1fr)}.app .score-scroll thead th,.app .result-panel .score-scroll thead th{height:48px}.app .score-scroll th,.app .score-scroll td,.app .result-panel .score-scroll td{height:28px;padding:3px;font-size:11px}.app .score-scroll .score-totals th,.app .score-scroll .score-totals td{height:30px;padding:3px}.app .profile-counters section{padding:6px}.app .profile-counters section>span{font-size:10px}.app .profile-counters b{font-size:29px;line-height:32px}.app .profile-toolbar .profile-heading{padding:4px;gap:5px}}@media(max-width:740px)and (orientation:landscape){.app .batak-table .table-contract{top:-1px;padding-top:0;padding-bottom:4px}.app .batak-table .my-area:before{top:0;border-radius:50% 50% 0 0/20px 20px 0 0}.app .batak-table .seat .player strong,.app .batak-top-player .player strong{font-size:10px}.app .batak-table .seat-top .player{min-width:97px}.app .batak-table .turn-strip .player{min-width:96px}.app .okey-table .rack-wrap .tile-rack.wide-rack{border-left-width:3px;border-right-width:3px;padding-left:2px;padding-right:2px;padding-bottom:5px}.app .okey-table .tile-dot{width:5px;height:5px}.app .okey-table .rack-summary>strong{max-width:54px;padding-inline:3px}.app .profile-toolbar .profile-heading small{font-size:7px;line-height:10px}}@media(prefers-reduced-motion:reduce){.app .batak-table .card-fan .playing-card{transition:none}}.app .batak-table .my-area:before{inset:5px auto -28px 50%;width:min(calc(100vw - 12px),var(--hand-surface-width,64vw));transform:translate(-50%);border-radius:50% 50% 0 0/32px 32px 0 0;background:linear-gradient(90deg,#55250bea,#914c22c2 50%,#55250bea),url(/kahvehane/worn-wood.png) center/cover;border-top:3px solid #d1a058;box-shadow:inset 0 2px #f0c77e42,0 -2px 3px #061e194a}.app .batak-table .my-area:after{display:none}.app .batak-table .seat .card-backs{display:none}.app .batak-table .seat.seat-left,.app .batak-table .seat.seat-right{position:static;transform:none}.app .batak-table .seat.seat-left>.player,.app .batak-table .seat.seat-right>.player{position:absolute;top:50%;transform:translateY(-50%);z-index:5}.app .batak-table .seat.seat-left>.seat-status,.app .batak-table .seat.seat-right>.seat-status{position:absolute;top:calc(50% + 45px);font-size:9px;z-index:5}.app .batak-table .seat.seat-left>.seat-status{left:9px}.app .batak-table .seat.seat-right>.seat-status{right:9px}.app .batak-table .seat-left .dummy-hand,.app .batak-table .seat-right .dummy-hand{top:24px;bottom:auto;transform:none;max-width:none}.app .batak-table .seat-left .dummy-hand{left:80px;right:auto}.app .batak-table .seat-right .dummy-hand{right:80px;left:auto}.app .batak-table .seat-top.open-hand-seat{position:static;transform:none}.app .batak-table .seat-top.open-hand-seat>.player{display:none}.app .batak-table .seat-top.open-hand-seat .dummy-hand,.app .batak-table.phase-play .seat-top.open-hand-seat .dummy-hand{top:-3px;left:50%;transform:translate(-50%);max-width:none}.app .batak-table .trick-card{width:var(--landed-card-w,44px);height:var(--landed-card-h,62px);transform:translate(-50%,calc(-50% - 24px)) translate(var(--pile-x,0%),var(--pile-y,0%)) rotate(var(--pile-angle,0deg));z-index:calc(2 + var(--play-order));opacity:1;transition:none}.app .batak-table .trick-face{width:100%;height:100%;transform-origin:center}.app .batak-table .trick-inspect{display:none}.app .batak-table .trick-area[data-compact=true] .trick-inspect{display:block;position:absolute;bottom:0;left:50%;transform:translate(-50%);min-height:44px;min-width:110px;padding:8px 12px;z-index:10;border:1px solid var(--masa-line);border-radius:8px;background:var(--masa-panel);color:var(--masa-text);font:600 12px/16px Manrope,sans-serif;touch-action:manipulation;pointer-events:auto}.app .batak-table .trick-area[data-compact=true] .trick-owners,.app .batak-table .trick-area[data-inspect-only=true] .trick-card{visibility:hidden}.app .batak-table .trick-owners{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:3px;z-index:8;pointer-events:none}.app .batak-table .trick-owners>span{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:3px;align-items:center;max-width:25%;min-width:0;padding:3px 4px;background:var(--masa-panel);border:1px solid var(--masa-line);border-radius:6px;color:var(--masa-text);font:600 9px/11px Manrope,sans-serif}.app .batak-table .trick-owners>span>b{font-variant-numeric:tabular-nums;color:var(--masa-ice)}.app .batak-table .trick-owners>span>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app .batak-table .trick-owners small{grid-column:1/-1;min-height:10px;font:600 8px/10px Manrope,sans-serif;color:var(--masa-muted)}.app .batak-table .trick-owners>[data-latest=true]{border-bottom:2px solid var(--masa-ice)}.app .batak-table .trick-owners>[data-leading=true]{border-color:var(--masa-focus)}.app .batak-table .trick-leading .playing-card{outline:2px solid var(--masa-focus);outline-offset:1px}.app .batak-table .seat-top:not(.open-hand-seat){top:-31px}.app .batak-table .seat-top:not(.open-hand-seat)>.player{min-height:30px;padding:2px 8px}.app .batak-table .table-contract{top:4px;left:14px;z-index:3}.app .batak-table:has(.seat-left.open-hand-seat) .table-contract{left:auto;right:14px}.app .batak-table:has(.seat-right.open-hand-seat) .table-contract{left:14px;right:auto}.app .batak-table .turn-strip .turn-message{max-width:23vw;font-size:10px;line-height:15px;padding:5px 7px}.app .batak-table .turn-strip .player{border-color:#cba465}.app .batak-table .seat-top>.player{visibility:hidden}.app .batak-table .card-fan .playing-card{background:#fcfcfa;border:0;border-radius:3px;box-shadow:-1px 1px 2px #11212652,0 2px 3px #0a1a1833}.app .batak-table.phase-play .card-fan .playing-card:not(:disabled){border:0}.app .okey-table{--rack-row:clamp(34px,10.8dvh,66px);--rack-side:15vw;--field-side:19vw}@media(orientation:landscape)and (max-width:1100px){.app .okey-table{--field-side:clamp(68px,10.5vw,112px)}}.app .okey-table .okey-table-center{left:var(--field-side);right:var(--field-side);top:0}.app .okey-table:not(:has(.opening-tray)) .okey-table-center{bottom:calc(var(--rack-row)*2 + 48px)}.app .okey-table:has(.opening-tray) .okey-table-center{bottom:calc(var(--rack-row)*2 + 91px)}.app .okey-table .my-area{padding:0;bottom:2px}.app .okey-table .rack-wrap{width:100%;max-width:none;grid-template-columns:var(--rack-side) minmax(0,1fr) var(--rack-side);gap:0}.app .okey-table .rack-controls-left,.app .okey-table .rack-controls-right{position:absolute;width:clamp(58px,10vw,92px);bottom:0;height:clamp(90px,calc(var(--rack-row)*2 + 16px),148px);gap:4px;grid-template-rows:repeat(3,minmax(0,1fr))}.app .okey-table .rack-controls-left{left:calc(var(--rack-side) - clamp(58px,10vw,92px) - 8px)}.app .okey-table .rack-controls-right{right:calc(var(--rack-side) - clamp(58px,10vw,92px) - 8px)}.app .okey-table .rack-summary{left:50%;width:calc(100% - var(--rack-side)*2);transform:translate(-50%);bottom:calc(var(--rack-row)*2 + 20px);padding:0 4px;gap:5px;background:transparent;border:0}.app .okey-table .rack-summary>strong{background:#0b2739;border-color:#6b929f;padding:1px 7px;max-width:80px;font-size:11px}.app .okey-table .rack-summary .summary-total{background:#123850c9;border:1px solid #688e9e;border-radius:3px;padding:0 3px;white-space:nowrap}.app .okey-table .rack-summary .summary-total b{color:#fff1b8}.app .okey-table .rack-summary .turn-message{font-size:8px}.app .okey-table .rack-summary .rack-context-actions{right:0}.app .okey-table .rack-wrap .tile-rack.wide-rack{gap:5px 1px;padding:4px 4px 6px;background:linear-gradient(#d79b37e6,#c48821d9 42%,#a85e18d6,#c08625dc 56%,#9d5918ed),url(/kahvehane/okey-wood-v1.webp) center/cover}.app .okey-table .wide-rack .tile{max-width:none;border-radius:2px;font-size:calc(var(--rack-row)*.76);letter-spacing:-1px}.app .okey-table .tile-rack:after{height:4px;top:calc(50% - 1px)}.app .okey-table .seat-left{left:calc(var(--field-side) - 48px)}.app .okey-table .seat-right{right:calc(var(--field-side) - 48px)}.app .okey-table .seat-left,.app .okey-table .seat-right{top:29%;transform:translateY(-20%)}.app .okey-table .meld-zone{border-color:#6c92a270;background:#0e2d42}.app .okey-table .meld-zone>header{background:transparent;color:#95b5c4;font-size:7px}.app .okey-table .meld-empty{display:none}.app .okey-table .draw-stack{gap:4px;justify-content:flex-start;padding-top:3px}.table-rule-stack{width:100%;display:grid;gap:3px;margin-bottom:4px}.table-rule-stack>span{display:block;background:#0b2b3e;border:1px solid #658a9a73;border-radius:2px;text-align:center;padding:2px 0;color:#e8efe7;font:500 10px/12px Outfit,sans-serif}.app .okey-table .discard-pile.north-west,.app .okey-table .discard-pile.south-west{left:-66px}.app .okey-table .discard-pile.north-east,.app .okey-table .discard-pile.south-east{right:-66px}.app .okey-table .discard-pile .tile.small{width:31px;height:40px;font-size:28px}.app .okey-table .opening-tray{left:var(--rack-side);right:var(--rack-side)}.app .okey-table .seat-left{left:max(7px,calc(var(--field-side) - 97px))}.app .okey-table .seat-right{right:max(7px,calc(var(--field-side) - 97px))}.app .okey-table .processing-choices{bottom:calc(var(--rack-row)*2 + 16px);height:52px;padding:3px;width:calc(100% - var(--rack-side)*2);grid-template-columns:1fr 1fr 44px;gap:6px}.app .okey-table .processing-choices>button:not(.icon-button),.app .okey-table .processing-choices>.icon-button{height:44px;min-height:44px;font-size:12px}.app .okey-table .processing-choices>button b{font-size:11px}.app .okey-table .processing-choices>.icon-button{width:44px;min-width:44px}.app .okey-table:has(.opening-tray) .table-rule-stack{display:none}.app .okey-table:has(.opening-tray) .draw-stack{gap:2px!important}.app .okey-table .joker-legend{display:flex;align-items:center;gap:3px;line-height:14px}.app .okey-table .joker-legend br{display:none}.app .okey-table .rack-wrap .tile-rack.wide-rack{--rack-tile-width:calc((100vw - var(--rack-side)*2 - 22px - (var(--rack-cols) - 1)*1px)/var(--rack-cols))}.app .table-screen .tile .tile-value{font-family:Outfit,sans-serif;font-weight:650;letter-spacing:-.45px;padding:0 1px;font-size:1em}.app .okey-table .wide-rack .tile{font-size:min(calc(var(--rack-row)*.74),calc(var(--rack-tile-width)*.82));letter-spacing:0;border-radius:4px}.app .table-screen .tile:not(.face-down){background:linear-gradient(165deg,#fdfefc,#eff2ed);border:1px solid #bdc8c8;box-shadow:inset 0 1px #fff,0 1px 1px #3a41344d,1px 2px #afb6aa}.app .table-screen .tile.red{color:#ca2c40}.app .table-screen .tile.blue{color:#087ea9}.app .table-screen .tile.black{color:#202e36}.app .table-screen .tile.gold{color:#aa7812}.app .table-screen .tile-dot{width:5px;height:5px;background:#dce1d9;box-shadow:inset 0 1px 1px #8b9a8b45}.app .table-screen .tile.face-down{background:linear-gradient(150deg,#e7ece2,#c5d3c5);border-color:#9eae9b;box-shadow:inset 0 0 0 2px #ebf0e4,1px 2px #819380}.app .table-screen .tile.face-down .joker-back-mark{color:#607761;opacity:.6}@media(max-width:740px)and (orientation:landscape){.app .batak-table .seat-left .dummy-hand{left:65px}.app .batak-table .seat-right .dummy-hand{right:65px}.app .batak-table .seat-left .dummy-hand,.app .batak-table .seat-right .dummy-hand{top:24px}.app .batak-table .table-contract{top:0;left:7px;padding-top:0;padding-bottom:4px}.app .batak-table:has(.seat-left.open-hand-seat) .table-contract{right:7px}.app .batak-table:has(.seat-right.open-hand-seat) .table-contract{left:7px}.app .batak-table .seat-top:not(.open-hand-seat){top:-29px}.app .batak-table .seat-top:not(.open-hand-seat)>.player{min-height:27px}.app .batak-table .seat.seat-left>.seat-status,.app .batak-table .seat.seat-right>.seat-status{top:calc(50% + 38px)}.app .batak-table .turn-strip .turn-message{font-size:8px;line-height:12px;max-width:21vw}.app .okey-table{--rack-side:13vw;--field-side:17vw;--rack-row:34px}.app .okey-table .rack-controls-left,.app .okey-table .rack-controls-right{width:59px}.app .okey-table .rack-controls-left{left:calc(var(--rack-side) - 65px)}.app .okey-table .rack-controls-right{right:calc(var(--rack-side) - 65px)}.app .okey-table .rack-controls-left,.app .okey-table .rack-controls-right{grid-template-rows:repeat(3,minmax(0,1fr))}.app .okey-table .rack-summary{bottom:calc(var(--rack-row)*2 + 18px);gap:3px;padding:0}.app .okey-table .rack-summary>strong{font-size:9px;padding:0 3px;max-width:60px}.app .okey-table .rack-summary .turn-message{font-size:7px}.app .okey-table .wide-rack .tile{font-size:25px;letter-spacing:-1px}.table-rule-stack{gap:2px;margin-bottom:0}.table-rule-stack>span{font-size:8px;line-height:10px;padding:1px 0}.app .okey-table .draw-stack{gap:3px}.app .okey-table .draw-stack>.tile.small{width:27px;height:35px;font-size:24px}.app .okey-table .joker-legend{font-size:7px;line-height:9px}.app .okey-table .discard-pile .tile.small{width:27px;height:35px;font-size:24px}.app .okey-table .discard-pile.north-west,.app .okey-table .discard-pile.south-west{left:-57px}.app .okey-table .discard-pile.north-east,.app .okey-table .discard-pile.south-east{right:-57px}.app .okey-table[data-meld-density=dense]{--field-side:12vw}.app .okey-table[data-meld-density=dense] .seat-left{left:4px;top:22%;transform:none;width:54px}.app .okey-table[data-meld-density=dense] .seat-right{right:4px;top:22%;transform:none;width:54px}.app .okey-table[data-meld-density=dense] .seat .player{writing-mode:horizontal-tb;flex-direction:row;width:54px;max-width:54px;min-height:26px;height:26px;padding:3px}.app .okey-table[data-meld-density=dense] .seat .player-copy{writing-mode:horizontal-tb;transform:none}.app .okey-table[data-meld-density=dense] .seat .player-copy>span{display:none}.app .okey-table[data-meld-density=dense] .seat .player-copy strong{max-height:none}.app .okey-table .wide-rack .tile{font-size:min(25px,calc(var(--rack-tile-width)*.82))}.app .okey-table .table-rule-stack>span:last-child{display:none}.app .okey-table .draw-stack{gap:2px!important}.app .okey-table:has(.opening-tray) .draw-stack .stock-info{min-height:48px}.app .okey-table .joker-legend{font-size:7px;line-height:14px}}.app .batak-table .trump-panel.waiting-trump{display:flex;flex-direction:column;align-items:center;min-width:0;width:max-content;max-width:230px;gap:4px;padding:6px 12px;border:1px solid #8da17b70;border-radius:6px;background:#123d2fe8}.app .batak-table.phase-trump .trump-panel.waiting-trump>.eyebrow{display:block;position:static;width:auto;margin:0;font-size:10px!important;line-height:12px;text-align:center;letter-spacing:0}.app .batak-table .trump-panel.waiting-trump .thinking-line{display:flex;align-items:center;gap:5px;margin:0;font-size:11px;line-height:14px;color:#f0e4bd}.app .batak-table .trump-panel.waiting-trump .thinking-line svg{width:12px;height:12px}.app .batak-table.phase-bury .turn-strip{top:-30px}.app .okey-table .stock-info{min-width:40px}.app .okey-table .rack-controls button{padding:2px 3px;border-radius:5px;font:650 11px/14px Outfit,sans-serif;gap:2px}.app .okey-table .rack-controls .open-hand-action,.app .okey-table .rack-controls .process-hand-action{padding:2px;gap:0;flex-direction:column}.app .okey-table .rack-controls b{font:650 11px/14px Outfit,sans-serif;white-space:nowrap}.app .okey-table .rack-controls small{font:500 9px/11px Outfit,sans-serif;color:inherit}.app .okey-table .rack-controls .action-unit{font-size:9px}.app .okey-table .rack-controls button:not(:disabled){box-shadow:inset 0 1px #ffffff18}.app .okey-table .rack-controls button:focus-visible{outline:2px solid #f5d58d;outline-offset:2px}@media(max-width:740px)and (orientation:landscape){.app .okey-table .rack-controls button,.app .okey-table .rack-controls b{font-size:10px;line-height:12px}.app .okey-table .rack-controls small,.app .okey-table .rack-controls .action-unit{font-size:8px;line-height:10px}.app .okey-table .rack-controls button svg{width:11px;height:11px}}.app .batak-table .last-trick-review{left:14px;right:auto;top:calc(var(--contract-bottom,66px) + 8px)}.app .batak-table:has(.seat-left.open-hand-seat) .last-trick-review{left:auto;right:14px}.app .batak-table .table-contract{gap:7px;padding:5px 8px 6px}.app .batak-table .contract-copy b{font-size:13px;line-height:16px}.app .batak-table .contract-copy b small{display:inline;font-size:8px;margin:0 3px 0 0}.app .batak-table .contract-copy>span{display:flex;align-items:baseline;gap:3px;font-size:10px;max-width:146px;color:#f1e8cf}.app .batak-table .contract-bid-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app .batak-table .contract-copy>span strong{flex-shrink:0}.app .batak-table .contract-copy>span strong{font-size:inherit;font-weight:750;color:#ffefbd}.app .batak-table .contract-progress{padding-left:7px;min-width:65px}.app .batak-table .contract-progress>b{font-size:21px;line-height:22px}.app .batak-table .contract-progress>b small{font-size:11px;color:#f1e8cf}.app .batak-table .contract-progress>span{font-size:9px;line-height:11px}.app .batak-table .contract-progress>.contract-owner{font-size:8px;letter-spacing:.6px}.app .batak-table .trick-count{font-size:18px;line-height:19px;white-space:nowrap;color:#ffecb8;margin-left:0}.app .batak-table .trick-count small{display:block;font-size:8px;line-height:10px;color:#f0e4c5;margin-left:0}.app .batak-table .seat-left>.player,.app .batak-table .seat-right>.player{grid-template-columns:minmax(0,1fr) 23px}.app .batak-table .seat-left>.player>.avatar,.app .batak-table .seat-right>.player>.avatar{max-width:100%;width:28px;height:28px}.app .batak-table .player.trick-winner{border-color:#fff0a1;box-shadow:0 0 0 2px #dbc06a,inset 0 0 0 1px #fff0a140}.app .batak-table .player.trick-winner .player-copy>span{color:#fff0a1;font-weight:750}.app .batak-top-player .player-copy>span,.app .batak-table .turn-strip .player-copy>span{display:block;font-size:8px;line-height:10px}.app .batak-table .turn-strip{top:-26px;min-height:25px;height:25px}.app .batak-table .turn-strip .player{height:25px;min-height:25px;border-radius:7px 7px 3px 3px;gap:7px}.app .batak-table .turn-strip .player .trick-count{font-size:15px;line-height:15px}.app .batak-table .turn-strip .player .trick-count small{font-size:7px;line-height:8px}.app .batak-table .batak-top-player .trick-count{font-size:15px;line-height:16px}.app .batak-table .batak-top-player .trick-count small{font-size:7px;line-height:8px}@media(max-width:740px)and (orientation:landscape){.app .batak-table .table-contract{gap:5px;padding:3px 6px 5px}.app .batak-table .contract-copy b{font-size:11px;line-height:14px}.app .batak-table .contract-copy>span{font-size:9px;max-width:114px}.app .batak-table .contract-progress{min-width:54px;padding-left:5px}.app .batak-table .contract-progress>b{font-size:18px;line-height:19px}.app .batak-table .contract-progress>b small{font-size:10px}.app .batak-table .contract-progress>span{font-size:8px;line-height:10px}.app .batak-table .trick-count{font-size:16px;line-height:17px}.app .batak-table .last-trick-review{font-size:8px;min-height:25px;padding:3px 6px}}.app[data-orientation=portrait]>.rotate-hint{display:none}@media(orientation:portrait){.app{min-width:0;min-height:100dvh}.app:not(.in-game){overflow:auto}.app:not(.in-game) .topbar{padding:10px 16px;min-height:56px}.app:not(.in-game) .topbar-end{gap:6px}.app:not(.in-game) .offline-label,.app:not(.in-game) .offline-dot,.app:not(.in-game) .home-note{display:none}.app:not(.in-game) .home{padding:20px 20px 16px}.app:not(.in-game) .home-heading{margin-bottom:20px}.app:not(.in-game) h1{font-size:34px;line-height:1.1}.app:not(.in-game) .game-choices,.app:not(.in-game) .mode-choices,.app:not(.in-game) .setup-grid,.app:not(.in-game) .network-grid{grid-template-columns:1fr;gap:16px}.app:not(.in-game) .game-choice{min-height:200px;padding:24px}.app:not(.in-game) .game-choice h2{font-size:36px}.app:not(.in-game) .hero-cards{right:15px;transform:scale(.65);transform-origin:right center}.app:not(.in-game) .hero-tiles{right:12px;transform:scale(.68);transform-origin:right center}.app:not(.in-game) .home-footer{flex-direction:column;align-items:flex-start;gap:14px;margin-top:20px}.app:not(.in-game) .home-footer>div{flex-wrap:wrap}.app:not(.in-game) .page{padding:24px 20px}.app:not(.in-game) .mode-choices{margin-top:24px}.app:not(.in-game) .mode-card{padding:24px 18px;gap:16px}.app:not(.in-game) .mode-card h2{font-size:22px}.app:not(.in-game) .setup-grid{margin-top:24px}.app:not(.in-game) .setup-ai{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.app:not(.in-game) .variant-options strong{min-width:85px}.app:not(.in-game) .variant-options span{font-size:10px}.app:not(.in-game) .lobby-heading,.app:not(.in-game) .lobby-bottom{flex-direction:column;align-items:stretch;gap:16px}.app:not(.in-game) .lobby-seats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.app:not(.in-game) .lobby-seat{min-height:140px;padding:18px 8px}.app:not(.in-game) .room-code{justify-content:space-between}.app .batak-table .game-topbar{height:42px;min-height:42px;padding:2px 6px;gap:0}.app .batak-table .game-topbar>div{gap:2px}.app .batak-table .game-topbar strong{font-size:11px;white-space:nowrap}.app .batak-table .game-topbar .table-badge,.app .batak-table .game-info>span:not(.round-indicator){display:none}.app .batak-table .game-topbar .icon-button{width:30px;min-width:30px;height:36px;min-height:36px}.app .batak-table .game-info .round-indicator{padding:2px 3px;font-size:9px}.app .batak-table .felt{inset:44px 0 0}.app .batak-table .batak-top-player{top:47px;max-width:150px;z-index:6}.app .batak-table .batak-top-player .player{min-height:36px;padding:3px 8px;border-radius:3px 3px 12px 12px}.app .batak-table .batak-top-player .player-copy strong{font-size:12px;max-width:90px}.app .batak-table .batak-top-player .player-copy>span{font-size:8px}.app .batak-table .seat-top:not(.open-hand-seat){top:40px}.app .batak-table .my-area{padding:0 3px;bottom:1px}.app .batak-table .my-area:before{width:100vw;top:3px;border-radius:50% 50% 0 0/30px 30px 0 0}.app .batak-table .turn-strip,.app .batak-table.phase-bury .turn-strip{top:-36px;height:34px;min-height:34px}.app .batak-table .turn-strip .player{height:32px;min-height:32px;gap:8px;padding:3px 10px;border-radius:12px 12px 3px 3px}.app .batak-table:not(.paired-table.phase-play) .turn-strip{top:auto;bottom:calc(100% + 2px);height:auto;min-height:32px;justify-content:center}.app .batak-table:not(.paired-table.phase-play) .turn-strip .player{position:relative;left:auto;top:auto;bottom:auto;transform:none;height:auto}.app .batak-table .turn-strip .player .player-copy strong{font-size:12px}.app .batak-table .turn-strip .player .trick-count{font-size:17px}.app .batak-table.phase-play .turn-strip .turn-message{position:absolute;bottom:35px;left:50%;right:auto;transform:translate(-50%);max-width:calc(100vw - 24px);width:max-content;text-align:center;font-size:10px;line-height:14px;padding:4px 8px;white-space:normal;background:#102e2580;border:0}.app .batak-table:not(.paired-table).phase-play .turn-strip .turn-message{bottom:calc(100% + 4px)}.app .batak-table .seat.seat-left>.player,.app .batak-table .seat.seat-right>.player{width:46px;max-width:46px;display:flex;flex-direction:column;gap:5px;padding:7px 2px;top:40%}.app .batak-table .seat.seat-left>.player{left:2px}.app .batak-table .seat.seat-right>.player{right:2px}.app .batak-table .seat.seat-left>.player .player-copy,.app .batak-table .seat.seat-right>.player .player-copy{writing-mode:vertical-rl;display:flex;align-items:center;gap:3px}.app .batak-table .seat.seat-left>.player .player-copy{transform:rotate(180deg)}.app .batak-table .seat.seat-left>.player strong,.app .batak-table .seat.seat-right>.player strong{font-size:12px;max-height:86px}.app .batak-table .seat.seat-left>.player .player-copy>span,.app .batak-table .seat.seat-right>.player .player-copy>span{font-size:8px;margin:0}.app .batak-table .seat.seat-left>.seat-status,.app .batak-table .seat.seat-right>.seat-status{display:none}.app .batak-table .table-contract,.app .batak-table:has(.seat-left.open-hand-seat) .table-contract,.app .batak-table:has(.seat-right.open-hand-seat) .table-contract{top:48px;left:50%;right:auto;transform:translate(-50%);min-width:220px;width:max-content;max-width:calc(100vw - 20px);padding:5px 9px;justify-content:center}.app .batak-table .last-trick-review,.app .batak-table:has(.seat-left.open-hand-seat) .last-trick-review{top:4px;right:6px;left:auto;font-size:8px;min-height:32px;padding:4px 5px}.app .batak-table .center-panel{left:50%;top:40%;right:auto;transform:translate(-50%,-50%);margin:0;min-width:0;width:calc(100% - 112px);max-width:310px}.app .batak-table .auction{display:flex;flex-direction:column;gap:10px}.app .batak-table .auction>.eyebrow,.app .batak-table .auction>.auction-status{position:static;left:auto;right:auto;width:auto;max-width:100%;text-align:center;margin:0;font-size:11px;transform:none;white-space:normal}.app .batak-table .bid-grid{gap:7px}.app .batak-table .bid-choice,.app .batak-table .bid-pass{min-height:42px;font-size:20px}.app .batak-table .trump-options{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.app .batak-table .trump-options button{width:clamp(44px,13vw,60px);min-width:44px;min-height:58px;padding:3px}.app .batak-table .trump-options button span{font-size:34px}.app .batak-table.phase-trump .trump-panel>.eyebrow{position:static;width:auto;text-align:center;font-size:11px!important;line-height:15px;margin-bottom:10px;letter-spacing:0}.app .batak-table .trump-panel>p{display:none}.app .modal-shade{padding:12px}.app .modal{max-height:calc(100dvh - 24px);padding:18px}.app .modal>header{gap:10px}.app .settings-modal{max-width:440px;overflow-y:auto}.app .settings-grid{grid-template-columns:minmax(0,1fr);gap:14px;flex-shrink:0}.app .settings-grid .setting-row{min-height:44px}.app .settings-grid .switch-state{flex-shrink:0}.app .settings-footer{flex-shrink:0;gap:12px}.app .settings-footer .primary{min-width:100px}.app .score-modal,.app .result-panel{height:calc(100dvh - 24px);min-height:0;max-height:calc(100dvh - 24px)}.app .score-layout{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}.app .score-rules{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px;flex-shrink:0;padding-top:0}.app .score-rules>span,.app .score-rules>strong{margin:0;padding:3px 6px;font-size:10px}.app .score-scroll{height:auto;max-height:none;flex:1;min-height:0}.app .score-scroll th:first-child{width:46px}.app .score-scroll th,.app .score-scroll td{font-size:11px;padding:4px 2px}.app .score-note{margin-top:8px}.app .score-modal>header .icon-button{color:#e8efdc}}@media(orientation:portrait)and (max-width:360px){.app:not(.in-game) .hero-cards,.app:not(.in-game) .hero-tiles{transform:scale(.4)}.app:not(.in-game) .profile-button span{display:none}.app:not(.in-game) .profile-button{width:36px;min-width:36px;height:36px;justify-content:center;padding:0}}@media(orientation:portrait){.app .table-screen.batak-table.paired-table .table-contract{top:54px;height:auto;min-height:32px;padding:2px 7px 4px;gap:6px}.app .batak-table.paired-table .contract-suit{width:22px;min-width:22px;height:24px;font-size:22px;line-height:22px}.app .batak-table.paired-table .contract-copy b{font-size:11px;line-height:12px}.app .batak-table.paired-table .contract-copy>span{font-size:8px;line-height:11px}.app .batak-table.paired-table .contract-progress{display:grid;grid-template-columns:auto auto;grid-template-rows:minmax(17px,auto) minmax(9px,auto);align-items:center;gap:0 3px;height:auto;min-height:26px;min-width:70px;padding:0 0 0 6px}.app .batak-table.paired-table .contract-progress>.contract-owner{display:block;grid-column:1;grid-row:1;font-size:6.5px;line-height:8px;letter-spacing:.3px}.app .batak-table.paired-table .contract-progress>b{grid-column:2;grid-row:1;font-size:16px;line-height:17px}.app .batak-table.paired-table .contract-progress>b small{font-size:9px}.app .batak-table.paired-table .contract-progress>span:last-of-type{grid-column:1 / -1;font-size:8px;line-height:9px;text-align:center}.app .batak-table.paired-table.phase-play .turn-strip .player{width:calc(100vw - 112px);max-width:260px;padding:1px 8px 13px;align-items:center}.app .batak-table.paired-table.phase-play .turn-strip .player-copy>span{display:none}.app .batak-table.paired-table.phase-play .turn-strip .trick-count{display:flex;flex-direction:row;align-items:baseline;gap:3px;font-size:14px;line-height:16px}.app .batak-table.paired-table.phase-play .turn-strip .trick-count small{font-size:6px;line-height:8px}.app .batak-table.paired-table.phase-play .turn-strip .turn-message{inset:auto auto 6px 50%;max-width:244px;width:calc(100vw - 128px);min-width:0;transform:translate(-50%);white-space:normal;text-align:center;font-size:8px;line-height:9px;padding:0;background:none}}@media(orientation:portrait)and (max-height:650px){.app .batak-table.paired-table.phase-trump .trump-panel>.eyebrow{margin-bottom:4px}.app .batak-table.paired-table .trump-options button{min-height:44px;height:44px}.app .batak-table.paired-table .trump-options button span{font-size:28px;line-height:30px}}:root{--masa-base: #08162b;--masa-base-rgb: 8,22,43;--masa-panel: #102846;--masa-panel-rgb: 16,40,70;--masa-raised: #153d68;--masa-raised-rgb: 21,61,104;--masa-selected: #20548a;--masa-selected-rgb: 32,84,138;--masa-line: #4b7dab;--masa-line-rgb: 75,125,171;--masa-muted: #b7c9df;--masa-muted-rgb: 183,201,223;--masa-ice: #a6d5ff;--masa-ice-rgb: 166,213,255;--masa-text: #f4f7fd;--masa-text-rgb: 244,247,253;--masa-accent: #3284ff;--masa-accent-rgb: 50,132,255;--masa-action: #1769d2;--masa-action-rgb: 23,105,210;--masa-focus: #95d8ff;--masa-focus-rgb: 149,216,255;--masa-duration-press: .1s;--masa-duration-panel: .16s;color-scheme:dark}:root{--studio-base:var(--masa-base);--studio-surface:var(--masa-panel);--studio-raised:var(--masa-raised);--studio-line:var(--masa-selected);--studio-text:var(--masa-text);--studio-muted:var(--masa-muted);--studio-accent:var(--masa-ice);--studio-accent-ink:var(--masa-panel);background:var(--studio-base);color:var(--studio-text)}.app,.app[data-table-theme=navy],.app[data-table-theme=forest]{--ui-base:var(--studio-base);--ui-surface:var(--studio-surface);--ui-raised:var(--studio-raised);--ui-line:var(--studio-line);--ui-ink:var(--studio-text);--ui-muted:var(--studio-muted);--ui-accent:var(--studio-accent);--ui-accent-ink:var(--studio-accent-ink);--ui-board:var(--masa-panel);--cream:var(--studio-text);--muted:var(--studio-muted);--gold:var(--studio-accent);--ink:var(--studio-base);--line:rgba(var(--masa-selected-rgb),.278);color:var(--studio-text);background:var(--studio-base)}.app:not(.in-game){background:radial-gradient(ellipse at 90% 0,rgba(var(--masa-raised-rgb),.502),transparent 65%),var(--studio-base)}.app h1,.app h2,.app h3,.app .brand,.app .room-code{font-family:Outfit,Manrope,sans-serif;color:var(--studio-text);text-shadow:none}.app .topbar,.app .game-topbar,.app[data-table-theme=navy] .game-topbar{background:var(--masa-panel);border-bottom:1px solid rgba(var(--masa-selected-rgb),.31);box-shadow:none}.app .brand-icon{background:var(--masa-raised);border-color:rgba(var(--masa-line-rgb),.333);color:var(--studio-accent);box-shadow:none;border-radius:10px}.app .brand-word{color:var(--studio-text)}.app .brand-word small{letter-spacing:2px;color:var(--studio-muted);font-size:7px}.app .brand-dot,.app .eyebrow,.app .text-link,.app .crumb{color:var(--studio-accent)}.app .home h1 em{color:var(--masa-ice)}.app .home-heading p,.app .subtitle,.app .home-note,.app .offline-label,.app .subtle-note,.app .home-footer{color:var(--studio-muted)}.app .home h1{font-weight:550;letter-spacing:-.045em}.app .home-heading .eyebrow{letter-spacing:2px;font-size:9px}.app .home-note .line-art-suits{color:var(--masa-ice)}.app .home-note .line-art-suits i{color:#e88694}.app .game-choice{background:linear-gradient(120deg,var(--masa-raised),var(--masa-panel));border:1px solid var(--masa-selected);border-radius:20px;box-shadow:0 8px 18px rgba(var(--masa-base-rgb),.141);transition:transform .16s ease-out,border-color .16s}.app .okey-choice{background:linear-gradient(120deg,var(--masa-panel),var(--masa-panel))}.app .game-choice:before,.app .game-choice:after{display:none}.app .game-choice:hover{border-color:var(--masa-muted);transform:translateY(-2px);box-shadow:0 8px 18px rgba(var(--masa-base-rgb),.141)}.app .game-choice h2{color:var(--masa-text);letter-spacing:-.04em;font-weight:550}.app .game-choice p,.app .choice-bottom{color:var(--masa-ice)}.app .game-choice .pill,.app .pill{background:var(--masa-panel);border-color:rgba(var(--masa-selected-rgb),.502);color:var(--masa-ice);border-radius:5px;letter-spacing:.8px}.app .circle-arrow{background:var(--masa-ice);color:var(--masa-panel);border:0;box-shadow:none}.app .hero-rack{background:linear-gradient(var(--masa-line),var(--masa-raised));box-shadow:0 3px 7px rgba(var(--masa-base-rgb),.2)}.app .primary,.app .result-panel .result-actions .primary{background:var(--masa-action);color:var(--masa-text);border:1px solid var(--masa-ice);box-shadow:0 2px rgba(var(--masa-base-rgb),.333);border-radius:10px;font-weight:750;text-shadow:none}.app .primary:hover:not(:disabled){background:var(--masa-selected)}.app .primary:active:not(:disabled){background:var(--masa-selected);box-shadow:none}.app .quiet-button,.app .icon-button,.app .profile-button,.app .resume,.app .result-panel .result-actions .quiet-button{background:var(--masa-panel);border:1px solid var(--masa-selected);color:var(--masa-text);border-radius:10px;box-shadow:none}.app .icon-button:hover,.app .quiet-button:hover{background:var(--masa-raised)}.app .resume{border-color:var(--masa-line);color:var(--masa-ice)}.app button:focus-visible,.app input:focus-visible,.app select:focus-visible,.app [tabindex]:focus-visible{outline:2px solid var(--masa-ice);outline-offset:3px}.app input:not([type=range]),.app select{background:var(--masa-panel);color:var(--masa-text);border:1px solid var(--masa-line);border-radius:9px;box-shadow:none}.app input::placeholder{color:var(--masa-muted)}.app input:focus{border-color:var(--masa-ice)}.app .mode-card,.app .nearby,.app .manual-join,.app .lobby-seat{background:var(--masa-panel);border:1px solid var(--masa-selected);border-radius:16px;box-shadow:none}.app .mode-card:hover{background:var(--masa-raised);border-color:var(--masa-muted)}.app .mode-card h2{color:var(--masa-text)}.app .mode-card p,.app .lobby-seat>span,.app .nearby .empty{color:var(--masa-ice)}.app .mode-card .mode-icon{background:var(--masa-raised);color:var(--masa-ice);border:1px solid rgba(var(--masa-line-rgb),.302);border-radius:16px}.app .mode-card .text-link{color:var(--masa-ice)}.app .variant-options button,.app .level-options button,.app .segmented{background:var(--masa-panel);border:1px solid var(--masa-selected);border-radius:9px;box-shadow:none}.app .variant-options button strong,.app .level-options strong{color:var(--masa-text)}.app .variant-options button span,.app .level-options small{color:var(--masa-muted)}.app .variant-options button.selected,.app .level-options button.selected,.app .segmented button.selected{background:var(--masa-raised);border-color:var(--masa-ice);box-shadow:inset 3px 0 var(--masa-ice);color:var(--masa-text)}.app .segmented button{color:var(--masa-ice)}.app .field>label,.app .ai-heading label,.app .manual-join label{color:var(--masa-ice)}.app .setup-ai{border-color:rgba(var(--masa-selected-rgb),.4)}.app .level-bars .filled{background:var(--masa-ice)}.app .level-options button.selected .radio-dot{background:var(--masa-ice);border-color:var(--masa-ice);box-shadow:inset 0 0 0 3px var(--masa-raised)}.app .manual-join .primary:disabled{background:var(--masa-raised);color:var(--masa-muted);border-color:var(--masa-selected);opacity:1}.app .room-code{background:var(--masa-ice);color:var(--masa-panel);border-radius:12px}.app .room-row{border-color:var(--masa-selected);color:var(--masa-text);background:var(--masa-raised)}.app .modal-shade,.app .result-shade{background:rgba(var(--masa-base-rgb),.82);backdrop-filter:none}.app .modal,.app .result-panel,.app .score-modal,.app .statistics-modal{background:var(--masa-panel);color:var(--masa-text);border:1px solid var(--masa-line);border-radius:16px;box-shadow:0 14px 36px rgba(var(--masa-base-rgb),.4)}.app .modal:before,.app .result-panel:before{display:none}.app .modal>header,.app .settings-footer{border-color:rgba(var(--masa-selected-rgb),.4)}.app .modal h2,.app .result-panel h2{color:var(--masa-text)}.app .settings-modal:has(#player-name) .setting-row{background:var(--masa-raised);border-color:var(--masa-selected);color:var(--masa-text);border-radius:8px}.app .settings-modal .setting-row[aria-checked=true]{background:var(--masa-raised);border-color:var(--masa-line)}.app .setting-row .switch-track{background:var(--masa-panel);border-color:var(--masa-line)}.app .setting-row .switch-track>i{background:var(--masa-text)}.app .setting-row[aria-checked=true] .switch-track{background:var(--masa-ice);border-color:var(--masa-ice)}.app .setting-row[aria-checked=true] .switch-track>i{background:var(--masa-panel)}.app .setting-row .switch-state b,.app .setting-row[aria-checked=true] .switch-state b,.app .setting-hint,.app .settings-footer small{color:var(--masa-ice)}.app .volume-setting input[type=range]{accent-color:var(--masa-ice)}.app .volume-setting output{color:var(--masa-text)}.studio-appearance{display:flex;align-items:center;gap:10px;color:var(--masa-ice);padding:8px 0 12px;font-size:11px}.studio-appearance i{width:29px;height:29px;border:1px solid var(--masa-muted);border-radius:8px;background:linear-gradient(135deg,var(--masa-raised) 0 50%,var(--masa-ice) 50%)}.studio-appearance small{display:block;color:var(--masa-muted);font-size:9px;margin-top:3px}.app .toast,.app .save-warning,.app .network-status{background:#203b4f;border:1px solid #94b6bc;color:#eff7f6;box-shadow:0 4px 12px #04101955;border-radius:10px}.app .rules-list h3,.app .result-outcome{color:var(--masa-ice)}.app .rules-list p,.app .settings-footer .primary{color:var(--masa-text)}.app .score-scroll,.app .result-panel .score-scroll{background:var(--masa-panel);border-color:var(--masa-line);border-radius:8px;scrollbar-color:var(--masa-line) var(--masa-panel)}.app .score-scroll thead,.app .score-scroll th,.app .result-panel .score-scroll thead{background:var(--masa-raised);color:var(--masa-text);border-color:var(--masa-selected)}.app .score-scroll td{color:var(--masa-text);border-color:var(--masa-selected)}.app .score-scroll .negative-score{color:#f3a4ae}.app .score-scroll tfoot th,.app .score-scroll tfoot td{background:var(--masa-raised);color:var(--masa-text);border-color:var(--masa-line)}.app .score-scroll .score-leader,.app .result-panel .score-leader{background:var(--masa-raised);color:var(--masa-ice)}.app .score-rules>span,.app .score-rules>strong{background:var(--masa-raised);border-color:var(--masa-selected);color:var(--masa-ice)}.app .score-player-icons i{background:var(--masa-selected);color:var(--masa-text);border-color:var(--masa-line)}.app .score-direction,.app .result-panel .score-direction,.app .score-note,.app .statistics-note{color:var(--masa-ice)}.app .score-detail td{background:var(--masa-raised);color:var(--masa-text)}.app .result-emblem,.app .result-panel .result-emblem{background:var(--masa-raised);color:var(--masa-ice);border-color:var(--masa-line)}.app .profile-heading,.app .profile-counters section,.app .profile-details,.app .profile-recent article{background:var(--masa-raised);border-color:var(--masa-selected);color:var(--masa-text)}.app .profile-avatar{background:var(--masa-selected);color:var(--masa-ice);border-color:var(--masa-muted)}.app .profile-counters b{color:var(--masa-ice)}.app .statistics-filters button,.app .statistics-filters select{background:var(--masa-raised);color:var(--masa-ice);border-color:var(--masa-line)}.app .statistics-filters button[aria-pressed=true]{background:var(--masa-raised);color:var(--masa-text);border-color:var(--masa-ice)}.app .profile-breakdown th,.app .profile-breakdown td{border-color:var(--masa-selected);color:var(--masa-text)}.app .profile-breakdown thead{background:var(--masa-raised)}.app .statistics-empty,.app .profile-recent .outcome-win{color:var(--masa-ice)}.app .profile-recent .outcome-loss{color:#efa8b4}.app .table-screen,.app[data-table-theme=navy] .batak-table,.app[data-table-theme=forest] .batak-table{--felt-color:var(--masa-raised);--felt-light:var(--masa-raised);--table-gold:var(--masa-ice);--table-ink:var(--masa-text);background:var(--masa-raised)}.app .table-screen .felt{background:radial-gradient(ellipse at 50% 38%,var(--masa-raised),var(--masa-panel) 78%);box-shadow:none}.app .table-screen .felt-border,.app .table-screen .felt-border:before,.app .table-screen .felt-border:after,.app .table-atmosphere{display:none}.app .table-screen .table-watermark,.app .board-watermarks{opacity:.025;color:var(--masa-ice);text-shadow:none;font-family:Outfit,sans-serif}.app .table-screen .game-info,.app .table-screen .game-topbar strong{color:var(--masa-text)}.app .table-badge,.app .round-indicator{color:var(--masa-ice);border-color:var(--masa-line);background:var(--masa-raised)}.app .table-screen .player,.app .batak-table .seat .player,.app .batak-top-player .player,.app .batak-table .turn-strip .player{background:var(--masa-panel);border:1px solid var(--masa-line);color:var(--masa-text);box-shadow:none}.app .table-screen .player.active,.app .batak-table .seat .player.active{background:var(--masa-raised);border-color:var(--masa-ice);box-shadow:inset 0 -2px var(--masa-ice)}.app .table-screen .avatar,.app .lobby-seat .avatar{background:var(--masa-raised);border:1px solid var(--masa-line);box-shadow:none;color:var(--masa-ice)}.app .table-screen .avatar-initial{font-family:Outfit,sans-serif;color:var(--masa-text)}.app .player-copy>span,.app .seat-status{color:var(--masa-ice)}.app .trick-count{color:var(--masa-text)}.app .trick-count small{color:var(--masa-ice)}.app .team-mark{background:var(--masa-selected);color:var(--masa-text)}.app .table-screen .player.trick-winner{border-color:var(--masa-ice);box-shadow:inset 0 -2px var(--masa-ice)}.app .table-screen .player.active .avatar-status{background:var(--masa-ice);box-shadow:0 0 0 2px var(--masa-panel)}.app .batak-table .my-area:before{background:linear-gradient(180deg,var(--masa-raised),var(--masa-panel));border-top:2px solid var(--masa-line);box-shadow:inset 0 1px rgba(var(--masa-muted-rgb),.165)}.app .batak-table .table-contract{background:var(--masa-panel);border-color:var(--masa-line);border-radius:9px;box-shadow:none;color:var(--masa-text)}.app .batak-table .contract-copy b,.app .batak-table .contract-progress>b{color:var(--masa-text)}.app .contract-progress small,.app .contract-copy small{color:var(--masa-ice)}.app .contract-suit{background:var(--masa-text);border-color:var(--masa-text);box-shadow:none}.app .contract-suit.red{color:#c82c48}.app .batak-table .bid-choice,.app .batak-table .bid-pass{background:var(--masa-ice);color:var(--masa-panel);border:1px solid var(--masa-text);box-shadow:0 2px rgba(var(--masa-panel-rgb),.439);border-radius:9px;text-shadow:none}.app .batak-table .bid-choice:disabled{background:var(--masa-raised);color:var(--masa-muted);border-color:var(--masa-selected);box-shadow:none}.app .batak-table .trump-options button{background:var(--masa-text);border:1px solid var(--masa-muted);border-radius:9px;box-shadow:0 2px rgba(var(--masa-base-rgb),.439);color:var(--masa-panel)}.app .batak-table .trump-options button.red{color:#c82c48}.app .batak-table .auction-status{color:var(--masa-ice)}.app .batak-table .last-trick-review,.app .batak-table .turn-strip .turn-message{background:var(--masa-panel);color:var(--masa-text);border-color:var(--masa-line);text-shadow:none}.app .playing-card,.app .batak-table .card-fan .playing-card,.app .batak-table .dummy-hand .mini-hand-fan .playing-card{background:transparent;border:0;border-radius:0;box-shadow:none;filter:none;overflow:visible;isolation:auto}.app .card-art,.app .table-screen .card-art,.app .card-backs img{filter:none;mix-blend-mode:normal}.app .card-glaze,.app .playing-card:before,.app .playing-card:after{display:none}.app .table-screen .card-fan .playing-card:disabled{filter:none;opacity:1}.app .table-screen .card-fan .playing-card{transition:transform .14s cubic-bezier(.18,.7,.3,1)}.app .table-screen .card-fan .playing-card.selected{box-shadow:none;outline:0}.app .tile:not(.face-down),.app .table-screen .tile:not(.face-down){background:linear-gradient(165deg,#fffefa,#eef2f1);border:1px solid #b9c8cf;border-radius:5px;box-shadow:inset 0 1px #fff,0 1px #95a7b1,1px 2px 1px #0c263a40;text-shadow:none;filter:none}.app .tile:before,.app .tile:after{background-image:none;filter:none}.app .tile .tile-value,.app .table-screen .tile .tile-value{font-family:Outfit,sans-serif;font-weight:650;letter-spacing:-.025em;line-height:1;font-variant-numeric:tabular-nums;text-shadow:none}.app .tile.red,.app .table-screen .tile.red{color:#c52c48}.app .tile.blue,.app .table-screen .tile.blue{color:#0476a9}.app .tile.black,.app .table-screen .tile.black{color:#17293b}.app .tile.gold,.app .table-screen .tile.gold{color:#996508}.app .tile .tile-dot,.app .table-screen .tile-dot{background:var(--masa-text);box-shadow:inset 0 1px 1px rgba(var(--masa-line-rgb),.42);border:0;border-radius:50%;width:5px;height:5px}.app .tile.face-down,.app .table-screen .tile.face-down{background:linear-gradient(155deg,var(--masa-selected),var(--masa-panel));border:1px solid var(--masa-muted);box-shadow:inset 0 0 0 2px var(--masa-selected),1px 2px var(--masa-panel);color:var(--masa-ice)}.app .tile.face-down .joker-back-mark,.app .table-screen .tile.face-down .joker-back-mark{color:var(--masa-ice);opacity:1}.app .tile-back-inset{border-color:rgba(var(--masa-muted-rgb),.404)}.app .tile.selected{outline:2px solid var(--masa-ice);outline-offset:1px}.app .tile.staged{outline-color:var(--masa-ice)}.app .okey-table .tile-rack,.app .okey-table .rack-wrap .tile-rack.wide-rack{background:linear-gradient(180deg,var(--masa-line),var(--masa-selected) 48%,var(--masa-raised) 51%,var(--masa-selected));border-color:var(--masa-muted);border-radius:7px;box-shadow:inset 0 1px rgba(var(--masa-muted-rgb),.502),0 2px 3px rgba(var(--masa-base-rgb),.42)}.app .okey-table .tile-rack:before{opacity:.05;color:var(--masa-text);text-shadow:none}.app .okey-table .tile-rack:after{background:var(--masa-muted);border-color:var(--masa-ice);box-shadow:0 2px rgba(var(--masa-base-rgb),.467)}.app .okey-table .rack-row{background:transparent;border-color:rgba(var(--masa-muted-rgb),.502);box-shadow:none}.app .okey-table .rack-slot{background-image:none}.app .okey-table .rack-summary>strong,.app .okey-table .rack-summary .summary-total{background:var(--masa-raised);border-color:var(--masa-line);color:var(--masa-text);border-radius:5px}.app .okey-table .rack-summary .summary-total b,.app .okey-table .rack-summary .turn-message{color:var(--masa-ice)}.app .okey-table .rack-controls button{background:var(--masa-raised);border:1px solid var(--masa-line);border-radius:7px;box-shadow:none;color:var(--masa-text);text-shadow:none}.app .okey-table .rack-controls button:not(:disabled):hover{background:var(--masa-selected)}.app .okey-table .rack-controls button[aria-pressed=true]{background:var(--masa-selected);border-color:var(--masa-ice);color:var(--masa-text)}.app .okey-table .rack-controls .auto-process:not(:disabled){background:var(--masa-ice);color:var(--masa-panel);border-color:var(--masa-text)}.app .okey-table .rack-controls button:disabled{background:var(--masa-panel);color:var(--masa-line);opacity:1;border-color:var(--masa-selected)}.app .okey-table .meld-zone{background:var(--masa-panel);border:1px solid var(--masa-line);border-radius:6px}.app .okey-table .meld-zone>header{background:var(--masa-raised);color:var(--masa-ice)}.app .okey-table .meld-grid{background-color:transparent}.app .table-rule-stack>span{background:var(--masa-raised);border-color:var(--masa-line);color:var(--masa-ice);border-radius:4px}.app .okey-table .stock-info{color:var(--masa-text)}.app .okey-table .stock-info:not(:disabled){outline-color:var(--masa-ice)}.app .okey-table .stock-info .tile-back{background:var(--masa-text);border:1px solid var(--masa-muted);border-radius:4px;box-shadow:2px 2px var(--masa-muted),3px 4px var(--masa-selected)}.app .okey-table .stock-info strong{color:var(--masa-raised)}.app .okey-table .discard-pile{background:transparent;border-color:transparent}.app .okey-table .discard-pile.own-discard,.app .okey-table .discard-pile.can-take{border-color:var(--masa-line);background:rgba(var(--masa-raised-rgb),.467);border-radius:7px}.app .okey-table .discard-pile .empty-discard{border-color:var(--masa-muted);color:var(--masa-ice)}.app .okey-table .opening-tray,.app .okey-table .processing-choices{background:var(--masa-raised);border-color:var(--masa-line);box-shadow:0 3px 8px rgba(var(--masa-base-rgb),.4);border-radius:8px}.app .okey-table .processing-choices button{background:var(--masa-raised);color:var(--masa-text);border-color:var(--masa-muted)}.app .okey-table .opening-tray strong,.app .table-screen .turn-strip .player-copy strong{color:var(--masa-text)}.app .table-screen .turn-message{color:var(--masa-ice)}.app .table-screen .pulse-dot{background:var(--masa-ice);box-shadow:none}.app .opponent-rack{background:var(--masa-selected);border-color:var(--masa-line);box-shadow:0 1px 1px rgba(var(--masa-panel-rgb),.4)}.app .opponent-rack i{background:var(--masa-text);border-color:var(--masa-line)}.app .okey-table .rack-wrap .rack-controls .rack-edge-sort,.app .okey-table .rack-summary .rack-context-actions button{background:var(--masa-raised);border-color:var(--masa-line);color:var(--masa-text);box-shadow:none}.app .okey-table .board-watermarks{opacity:.025}.app .okey-table .tile-rack:before{font-family:Outfit,sans-serif;opacity:.035}.app .eyebrow>span,.app .offline-dot{background:var(--masa-ice)}.app .setup-ai>p,.app .ai-heading{color:var(--masa-ice)}.app .modal,.app .result-panel,.app .score-modal,.app .statistics-modal{background:var(--ui-surface)}.app .modal>header{background:var(--ui-surface);box-shadow:0 -20px 0 var(--ui-surface)}.app .game-topbar .icon-button:active{background:var(--masa-selected)}.app[data-table-theme] .okey-table .meld-board .meld-zone{background:var(--ui-board)}.app[data-table-theme] .table-screen{--ui-board:var(--masa-panel);--ui-input:var(--masa-panel);--ui-selected:var(--masa-raised);--ui-soft-line:rgba(var(--masa-selected-rgb),.4);background:var(--masa-raised)}.app[data-table-theme] .settings-modal:has(#player-name) .setting-row{background:var(--masa-raised);border-color:var(--masa-selected)}.app[data-table-theme] .settings-modal:has(#player-name) .setting-row[aria-checked=true]{background:var(--masa-raised);border-color:var(--masa-line)}.app .connection-banner{background:var(--masa-raised);color:var(--masa-text);border-color:var(--masa-muted)}.app .connection-banner button,.app .save-warning button{background:#a6dfcf;color:#102d32;border-color:#c6eadc}.app[data-contrast=true] .tile:after{background:var(--masa-text);color:currentColor;font-weight:800}@media(orientation:portrait){.app:not(.in-game) .home{padding-top:25px}.app:not(.in-game) .home-heading{margin-bottom:24px}.app:not(.in-game) .game-choice{min-height:207px}.app:not(.in-game) .home-heading p{max-width:290px;font-size:12px}.app:not(.in-game) .home h1{font-size:40px;line-height:1.06}.app:not(.in-game) .game-choice h2{font-size:39px}.app:not(.in-game) .choice-bottom{margin-top:25px}.app:not(.in-game) .game-choice .pill{font-size:7px}.app:not(.in-game) .variant-options button{display:grid;grid-template-columns:minmax(75px,1fr) minmax(0,1.4fr) 16px;gap:7px}.app:not(.in-game) .variant-options button span{text-align:right;white-space:normal}.app .batak-table .seat.seat-left>.player{border-radius:0 12px 12px 0}.app .batak-table .seat.seat-right>.player{border-radius:12px 0 0 12px}}.app>.rotate-hint{background:var(--masa-base);color:var(--masa-ice);backdrop-filter:none}.app>.rotate-hint h2{font-family:Outfit,sans-serif;color:var(--masa-text)}.app>.rotate-hint p{color:var(--masa-ice)}@media(orientation:portrait)and (max-width:360px){.app:not(.in-game) .home h1{font-size:34px}.app:not(.in-game) .game-choice{min-height:194px;padding:20px}}@media(prefers-reduced-motion:reduce){.app .game-choice{transition:none}}@media(hover:none){.app .game-choice:hover{transform:none;box-shadow:0 8px 18px rgba(var(--masa-base-rgb),.141)}}.app[data-table-theme] .result-panel,.app[data-table-theme] .score-modal,.app[data-table-theme] .statistics-modal{background-color:var(--masa-selected);background-image:url(/kahvehane/blue-scroll-cloth.svg),linear-gradient(110deg,rgba(var(--masa-panel-rgb),.149),rgba(var(--masa-selected-rgb),0) 48%,rgba(var(--masa-panel-rgb),.2));background-position:center;background-size:160px 160px,cover;border-color:var(--masa-muted);color:var(--masa-text)}.app .result-panel .result-actions .primary:hover:not(:disabled){background:var(--masa-ice);color:var(--masa-panel);border-color:var(--masa-ice)}.app[data-table-theme] .score-scroll thead th,.app[data-table-theme] .result-panel .score-scroll thead th,.app[data-table-theme] .score-modal .score-scroll thead th{background:var(--masa-raised);color:var(--masa-text)}.app .score-scroll .score-totals th,.app .score-scroll .score-totals td{background:var(--masa-raised)!important;color:var(--masa-text);border-color:var(--masa-line)}.app .score-scroll .score-totals .score-leader{background:var(--masa-raised)!important;color:var(--masa-ice)}.app .score-player-icons i,.app .profile-avatar,.app .avatar-initial{font-family:Outfit,sans-serif}.app .profile-heading strong,.app .profile-details b{color:var(--masa-text)}.app .profile-details>span{background:var(--masa-raised);color:var(--masa-ice);border-color:var(--masa-selected)}.app .profile-avatar,.app .score-player-icons i{border-radius:8px;color:var(--masa-ice);background:var(--masa-raised)}.app .batak-table .turn-strip{top:-35px;height:34px;min-height:34px}.app .batak-table .turn-strip .player{height:32px;min-height:32px;padding:3px 10px}.app .batak-table .turn-strip .player-copy strong{line-height:14px}.app .batak-table .turn-strip .player-copy>span{font-size:8px;line-height:10px}.app .batak-table .turn-strip .player .trick-count{line-height:15px}.app .batak-table .turn-strip .player .trick-count small{line-height:8px}.app .batak-table .my-area:has(>.double-fan:empty){bottom:8px!important}.app .batak-top-player{z-index:20}.app .table-screen>.result-shade{z-index:240}@media(min-width:741px)and (max-height:510px)and (orientation:landscape){.app .batak-table.phase-bid .auction{width:280px}.app .batak-table.phase-bid .bid-grid{grid-template-columns:repeat(5,1fr)}}@media(orientation:portrait){.app .profile-toolbar{grid-template-columns:1fr;gap:10px}.app .profile-toolbar .profile-heading{padding:9px;gap:10px}.app .profile-toolbar .profile-heading small{font-size:10px;line-height:14px;max-width:none}.app .profile-toolbar .statistics-filters{justify-content:space-between;gap:8px}.app .profile-toolbar .statistics-filters button{font-size:10px;min-height:34px;padding:6px 10px}}.app .okey-table .tile:not(.face-down){background:linear-gradient(#fff,#fcfcfa 72%,#e9ece7);border:1px solid #b7c0bc;border-radius:3px;box-shadow:inset 1px 1px #fff,inset -1px -2px #dce0d9,0 1px #89958f,1px 2px 1px #102d3933}.app .okey-table .tile.red{color:#bf202c}.app .okey-table .tile.blue{color:#0691b8}.app .okey-table .tile.black{color:#131a1d}.app .okey-table .tile.gold{color:#c29a0d}.app .okey-table .tile .tile-value{font-family:Arial,sans-serif;font-weight:800;letter-spacing:-.045em;padding:0;line-height:1;transform:scaleX(.84);flex-shrink:0}.app .okey-table .tile.face-down{transform:none;background:linear-gradient(var(--masa-text),var(--masa-text));border-color:var(--masa-muted);box-shadow:inset 1px 1px var(--masa-text),inset -1px -2px var(--masa-muted),0 1px var(--masa-line),1px 2px 1px rgba(var(--masa-panel-rgb),.2);color:var(--masa-raised)}.app .okey-table .tile.face-down .tile-back-inset{position:absolute;inset:4px;border:1px solid rgba(var(--masa-line-rgb),.4);border-radius:2px;transform:none;pointer-events:none}.app .okey-table .tile.face-down .joker-back-label{position:relative;font:750 clamp(6px,.28em,12px)/1 "Manrope",sans-serif;letter-spacing:.02em;color:var(--masa-raised);transform:none}.app .okey-table .wide-rack .tile{transform:none;border-radius:3px;padding-bottom:7px;font-size:min(calc(var(--rack-row)*.77),calc(var(--rack-tile-width)*.88))}.app .okey-table .wide-rack .tile.selected{transform:none;outline:2px solid var(--masa-text);outline-offset:-2px;box-shadow:inset 0 0 0 2px var(--masa-selected),0 1px var(--masa-line),1px 2px 1px rgba(var(--masa-panel-rgb),.2)}.app .okey-table .tile .tile-dot{position:absolute;left:50%;transform:translate(-50%);margin:0;width:clamp(3px,.31em,11px);height:clamp(3px,.31em,11px);bottom:7%;background:linear-gradient(135deg,var(--masa-text),var(--masa-text));box-shadow:inset 1px 1px 2px rgba(var(--masa-muted-rgb),.333),0 1px rgba(var(--masa-text-rgb),.6)}.app .okey-table .tile.joker .tile-dot,.app .okey-table .tile.fake-joker .tile-dot{display:none}.app .tile .joker-mark,.app .tile .fake-joker-label{position:absolute;inset:auto auto 2px 2px;width:auto;height:auto;transform:none;font:750 5px/6px Manrope,sans-serif;letter-spacing:.1px;background:none;border:0;box-shadow:none;color:#36675d;padding:0}.app .tile .fake-joker-art{display:block;position:absolute;left:24%;top:12%;width:52%;height:64%;fill:#338757}.app .tile.fake-joker .tile-value{display:none}.app .okey-table .rack-wrap .tile-rack.wide-rack{background:url(/kahvehane/rack-inlay.svg) center/100% 100% no-repeat,linear-gradient(rgba(var(--masa-ice-rgb),.859),rgba(var(--masa-muted-rgb),.871) 48%,rgba(var(--masa-line-rgb),.878) 50%,rgba(var(--masa-ice-rgb),.875) 53%,rgba(var(--masa-muted-rgb),.89)),var(--masa-wood-image,url(/kahvehane/okey-wood-v1.webp)) center/cover;border-radius:3px;border-top-color:var(--masa-ice);border-bottom-color:var(--masa-selected);border-left-color:var(--masa-muted);border-right-color:var(--masa-muted);box-shadow:inset 0 1px var(--masa-ice),0 2px var(--masa-selected)}.app .okey-table .tile-rack:after,.app .okey-table .tile-rack:before{content:"";position:absolute;left:0;right:0;width:auto;height:4px;transform:none;border-top:1px solid var(--masa-ice);background:linear-gradient(var(--masa-ice),var(--masa-line));box-shadow:0 1px 1px rgba(var(--masa-raised-rgb),.302);opacity:1;z-index:2;pointer-events:none}.app .okey-table .tile-rack:after{top:calc(var(--rack-row) + 6px);bottom:auto}.app .okey-table .tile-rack:before{top:auto;bottom:1px}.app .okey-table .rack-process-light{position:absolute;left:9%;right:9%;bottom:-1px;height:3px;border-radius:50%;background:var(--masa-ice);box-shadow:0 1px 5px 2px rgba(var(--masa-ice-rgb),.651);z-index:3;pointer-events:none}.rack-new-mark{position:absolute;top:2px;left:calc(50% - 5px);width:10px;height:2px;border-radius:1px;background:var(--masa-selected);z-index:3;pointer-events:none}.rack-borrow-mark{position:absolute;right:2px;top:2px;padding:0 2px;border-radius:1px;background:#ad3140;color:var(--masa-text);font:750 6px/8px Manrope,sans-serif;z-index:3;pointer-events:none}.app[data-table-theme=navy] .okey-table{background:linear-gradient(rgba(var(--masa-raised-rgb),.851),rgba(var(--masa-raised-rgb),.91)),var(--masa-cloth-image,url(/kahvehane/okey-cloth-v1.webp)) center/cover}.app[data-table-theme=forest] .okey-table{background:linear-gradient(rgba(var(--masa-panel-rgb),.863),rgba(var(--masa-panel-rgb),.922)),var(--masa-cloth-image,url(/kahvehane/okey-cloth-v1.webp)) center/cover;--ui-board:var(--masa-panel)}.app .batak-table,.app[data-table-theme] .batak-table{background:var(--masa-panel);--felt-color:var(--masa-panel);--felt-light:var(--masa-raised);--table-gold:var(--masa-muted)}.app .batak-table .felt{background:radial-gradient(ellipse at 48% 42%,#20548a55,#08162b66),var(--masa-cloth-image) center/160px,var(--masa-raised);box-shadow:inset 0 0 42px rgba(var(--masa-base-rgb),.22)}.app .batak-table .game-topbar{background:var(--masa-base);border-bottom:1px solid var(--masa-raised);color:var(--masa-text)}.app .batak-table .game-topbar .icon-button{background:var(--masa-panel);color:var(--masa-text);border-color:var(--masa-raised)}.app .batak-table .round-indicator{background:var(--masa-panel);border-color:var(--masa-selected);color:var(--masa-ice)}.app .batak-table .turn-message{color:var(--masa-ice)}.app .batak-table .my-area:before{background:linear-gradient(90deg,#08162b99,#153d6866 48%,#08162b99),var(--masa-wood-image) center/240px,var(--masa-panel);border-top:3px solid var(--masa-muted);box-shadow:inset 0 2px rgba(var(--masa-ice-rgb),.271),0 -2px 4px rgba(var(--masa-base-rgb),.302)}.app .batak-table .player,.app .batak-table .seat .player,.app .batak-top-player .player,.app .batak-table .turn-strip .player{background:linear-gradient(115deg,var(--masa-raised),var(--masa-panel));border-color:var(--masa-muted);color:var(--masa-text);box-shadow:inset 0 1px rgba(var(--masa-ice-rgb),.149)}.app .batak-table .player.active,.app .batak-table .seat .player.active{background:linear-gradient(115deg,var(--masa-selected),var(--masa-panel));border-color:var(--masa-ice);box-shadow:inset 0 -2px var(--masa-ice)}.app .batak-table .avatar{background:var(--masa-panel);border-color:var(--masa-line);color:var(--masa-ice)}.app .batak-table .avatar-initial,.app .batak-table .trick-count{color:var(--masa-ice)}.app .batak-table .player-copy>span,.app .batak-table .trick-count small{color:var(--masa-ice)}.app .batak-table .team-mark{background:var(--masa-raised);color:var(--masa-ice)}.app .batak-table .table-contract{background:rgba(var(--masa-panel-rgb),.937);border-color:var(--masa-line);border-radius:7px;color:var(--masa-ice)}.app .batak-table .contract-copy b,.app .batak-table .contract-progress>b{color:var(--masa-ice)}.app .batak-table .contract-progress small,.app .batak-table .contract-copy small{color:var(--masa-ice)}.app .batak-table .bid-choice,.app .batak-table .bid-pass{background:linear-gradient(var(--masa-ice),var(--masa-muted));border:1px solid var(--masa-ice);color:var(--masa-base);border-radius:7px;box-shadow:0 2px rgba(var(--masa-panel-rgb),.502),inset 0 1px rgba(var(--masa-ice-rgb),.333)}.app .batak-table .bid-choice:hover:not(:disabled),.app .batak-table .bid-pass:hover{background:var(--masa-ice)}.app .batak-table .bid-choice:disabled{background:var(--masa-panel);color:var(--masa-line);border-color:var(--masa-selected);box-shadow:none}.app .batak-table .card-fan .playing-card,.app .batak-table .dummy-hand .mini-hand-fan .playing-card{background:#fffefa;border-radius:3px;box-shadow:-1px 0 1px #16211940,0 2px 2px #031b1645;overflow:visible}.app .batak-table .card-fan .playing-card.selected{outline:2px solid var(--masa-focus);outline-offset:1px;box-shadow:none;z-index:var(--fan-order)}.app .batak-table .card-fan .playing-card:not(:disabled):hover{z-index:var(--fan-order)}.app .batak-table .card-fan .playing-card[data-legal=false] .card-art{opacity:.78}.app .batak-table .playing-card .card-art{border-radius:3px}.app .okey-table .felt{background-color:var(--masa-selected);background-image:url(/kahvehane/blue-scroll-cloth.svg),radial-gradient(ellipse at 46% 44%,rgba(var(--masa-line-rgb),.133),rgba(var(--masa-raised-rgb),.333));background-position:center;background-size:110px 110px,cover}.app[data-table-theme] .okey-table{--ui-board:var(--masa-panel)}.app .okey-table .meld-zone{border-radius:2px;border-color:var(--masa-line)}.app .okey-table .board-watermarks{opacity:.065}.app .okey-table .rack-wrap .rack-controls .rack-edge-sort{background:linear-gradient(var(--masa-raised),var(--masa-panel));border-color:var(--masa-muted);border-radius:4px}.app .okey-table .rack-controls .open-hand-action:not(:disabled),.app .okey-table .rack-controls .process-hand-action:not(:disabled){background:linear-gradient(var(--masa-text),var(--masa-muted));border-color:var(--masa-muted);color:var(--masa-panel);border-radius:4px}.app .okey-table .meld-board{box-shadow:inset 0 1px rgba(var(--masa-line-rgb),.071),0 1px 2px rgba(var(--masa-base-rgb),.2)}@media(orientation:portrait){.app .batak-table .my-area:before{width:100vw;border-radius:50% 50% 0 0/25px 25px 0 0}.app .batak-table .turn-strip .player{border-radius:10px 10px 2px 2px}}@media(orientation:portrait)and (max-height:650px){.app .batak-table .table-contract{top:45px;padding:3px 8px;gap:8px}.app .batak-table .contract-suit{height:29px;font-size:25px}.app .batak-table .contract-progress .contract-owner{display:none}.app .batak-table .contract-progress>b{font-size:18px;line-height:20px}.app .batak-table .contract-progress>span{font-size:8px;line-height:10px}}.app .table-screen .player-copy{min-width:0}.app .table-screen .player-copy>strong{display:flex;align-items:baseline;min-width:0;gap:3px}.app .table-screen .player-name-text{min-width:0;min-height:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app .table-screen .player-copy>strong small{flex:none;margin-left:0}.app .table-screen .game-topbar>div:first-child{min-width:0}.app .table-screen .game-topbar>div:first-child>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app .table-screen .game-topbar .icon-button,.app .table-screen .game-topbar .game-info{flex-shrink:0}.app .table-screen[data-dealing=true] .rack-phase-chip,.app .table-screen[data-dealing=true] .rack-summary>.turn-message{visibility:hidden}.app .okey-table .rack-summary[aria-busy=true] .summary-total b{font-variant-numeric:tabular-nums}.app .batak-table .dummy-hand{padding:3px 5px;border:1px solid var(--masa-line);border-radius:12px;background:rgba(var(--masa-base-rgb),.22)}.app .batak-table .dummy-hand[data-active=true]{border-color:var(--masa-focus)}.app .batak-table .dummy-hand[data-controlled=true]{box-shadow:inset 0 0 0 1px var(--masa-focus)}.app .batak-table .dummy-hand>.open-hand-label{display:flex;justify-content:center;gap:8px;align-items:baseline;width:100%;max-width:100%;margin:0;padding:2px 4px;background:var(--masa-panel);color:var(--masa-text);font:600 11px/14px Manrope,sans-serif;border-radius:5px}.app .batak-table .open-hand-label b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app .batak-table .open-hand-label small{color:var(--masa-ice);font-size:10px;white-space:nowrap}.app .meld-board{--meld-grid-line:rgba(var(--masa-muted-rgb),.22);--meld-grid-fine:rgba(var(--masa-muted-rgb),.086);--meld-pair-line:rgba(var(--masa-muted-rgb),.302)}.app .meld-board .meld-surface{background:none}.app .meld-board .meld-grid{background-image:linear-gradient(var(--meld-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--meld-grid-line) 1px,transparent 1px);background-size:var(--meld-cell-w) var(--meld-cell-h),var(--meld-cell-w) var(--meld-cell-h);background-position:0 0}.app .meld-board .runs-zone .meld-grid:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:rgba(var(--masa-muted-rgb),.165);pointer-events:none}.app .meld-board .pairs-zone .meld-grid{background-image:linear-gradient(90deg,var(--meld-pair-line) 1px,transparent 1px),linear-gradient(var(--meld-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--meld-grid-fine) 1px,transparent 1px);background-size:calc(var(--meld-cell-w)*2) 100%,var(--meld-cell-w) var(--meld-cell-h),var(--meld-cell-w) var(--meld-cell-h)}.app .meld-board .meld.can-process:before,.app .meld-board .meld:after{content:none}.app .meld-board [data-process-endpoint=true],.app .meld-board [data-swap-target=true]{position:relative;z-index:2;border-radius:3px;outline:2px solid var(--masa-focus);outline-offset:0;box-shadow:0 0 5px rgba(var(--masa-ice-rgb),.65);animation:none}.app .meld-board .pair-drop-surface{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.app .meld-board .pair-drop-surface:focus-visible{outline:2px solid var(--masa-ice);outline-offset:-2px}.app .meld-board .pairs-zone .meld{z-index:1}.app .meld-board .meld-target:hover{outline:none}.app .meld-board .meld-target:focus-visible{outline:2px dashed var(--masa-focus);outline-offset:3px}.app .meld-board .meld-surface{overflow:hidden}.app .meld-board[data-paginated=true] .meld-surface{bottom:32px}.app .meld-board .meld-pagination{position:absolute;left:2px;right:2px;bottom:1px;height:29px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0;background:var(--masa-panel);color:var(--masa-text);font:600 10px/14px sans-serif}.app .meld-board .meld-pagination button{min-width:0;width:100%;min-height:28px;height:28px;padding:0 4px;border-radius:4px;background:var(--masa-raised);color:var(--masa-text);font:700 23px/26px sans-serif}.app .meld-board .meld-pagination button:disabled{opacity:.35}.app .meld-board .meld-pagination span{position:absolute;left:50%;transform:translate(-50%);white-space:nowrap;text-align:center;font-size:8px;pointer-events:none;background:var(--masa-panel);padding:0 2px}.app .okey-table .meld-board .runs-zone .meld-surface{left:0;padding-left:4px}.app .meld-board .meld[data-continued=true]:before{content:"";position:absolute;left:-4px;top:1px;width:3px;height:7px;z-index:3;border-left:1px solid var(--masa-focus);border-bottom:1px solid var(--masa-focus);background:none;pointer-events:none}.app .meld-board .meld-pagination button:first-child{text-align:left}.app .meld-board .meld-pagination button:last-child{text-align:right}.app .meld-board .meld-target{width:100%;min-width:0;max-width:100%;padding:0}.app .meld-board .meld-tiles{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:1px;width:max-content;max-width:none}.app .meld-board .meld-tiles>.meld-tile{width:var(--table-tile-w);min-width:var(--table-tile-w);max-width:var(--table-tile-w);flex:0 0 var(--table-tile-w)}.app .meld-board .meld-tiles>.meld-tile>.tile.small{width:var(--table-tile-w);min-width:var(--table-tile-w);max-width:var(--table-tile-w);height:var(--table-tile-h)}.app .table-screen{overflow:clip}.app .table-screen.batak-table .felt>.table-contract.contract-corner{left:8px;right:auto;top:8px;transform:none;width:164px;min-width:0;max-width:calc(50% - 16px);min-height:76px;height:auto;display:grid;grid-template-columns:35px minmax(0,1fr);gap:4px 7px;padding:8px 9px 7px;border:1px solid var(--masa-ice);background:var(--masa-base);box-shadow:0 3px 10px #0003;border-radius:10px;z-index:7;overflow:hidden}.app .batak-table .contract-corner .contract-suit{width:35px;min-width:35px;height:43px;align-self:start;font-size:33px;border-radius:6px;color:var(--masa-panel);background:var(--masa-text)}.app .batak-table .contract-corner .contract-suit.red-suit{color:#c3223c}.app .batak-table .contract-corner .contract-copy b{font-size:14px;line-height:17px;color:var(--masa-ice)}.app .batak-table .contract-corner .contract-copy b small{font-size:8px;line-height:10px;display:block;margin:0;color:var(--masa-text);letter-spacing:1px}.app .batak-table .contract-corner .contract-copy>.contract-caption{display:block;font-size:7px;line-height:10px;letter-spacing:.4px;color:var(--masa-muted);margin-top:4px}.app .batak-table .contract-corner .contract-copy>span:not(.contract-caption){display:flex;gap:5px;font-size:12px;line-height:16px;max-width:none;white-space:nowrap;color:var(--masa-ice)}.app .batak-table .contract-corner .contract-copy>span strong{color:var(--masa-ice)}.app .batak-table .contract-corner .contract-progress{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:4px;padding:4px 0 0;border:0;border-top:1px solid rgba(var(--masa-text-rgb),.169);min-width:0;min-height:0;height:auto;text-align:left}.app .batak-table .contract-corner .contract-progress>.contract-owner{display:none}.app .batak-table .contract-corner .contract-progress>b{font-size:15px;line-height:18px;color:var(--masa-text)}.app .batak-table .contract-corner .contract-progress>b small{font-size:10px;display:inline;margin:0;color:var(--masa-text)}.app .batak-table .contract-corner .contract-progress>span:last-of-type{font-size:9px;line-height:13px;color:var(--masa-text)}.app .batak-table .contract-corner.contract-bidding .contract-progress,.app .batak-table .contract-corner.contract-bidding .contract-meter{display:none}.auction-offers{position:absolute;top:8px;right:8px;width:164px;max-width:calc(50% - 16px);padding:8px 9px;border:1px solid rgba(var(--masa-muted-rgb),.302);border-radius:10px;background:rgba(var(--masa-base-rgb),.929);color:var(--masa-text);z-index:7;pointer-events:none}.auction-offers header{font-size:8px;line-height:12px;letter-spacing:1px;color:var(--masa-muted);margin-bottom:4px}.auction-offer{display:flex;justify-content:space-between;gap:5px;align-items:baseline;padding:3px 0;font-size:11px;line-height:15px;border-top:1px solid rgba(var(--masa-muted-rgb),.11)}.auction-offer>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auction-offer b{white-space:nowrap;color:var(--masa-muted);font-size:11px}.auction-offer.leading b{color:var(--masa-ice)}.auction-offer.on-turn>span:before{content:"• ";color:var(--masa-ice)}.auction-offer.has-offer{animation:auction-offer-in .2s ease-out both}.auction-notice{position:absolute;left:50%;top:28%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:9px 15px;max-width:calc(100% - 32px);width:max-content;border:1px solid rgba(var(--masa-text-rgb),.49);border-radius:12px;background:rgba(var(--masa-base-rgb),.961);color:var(--masa-text);box-shadow:0 4px 18px #0003;z-index:9;pointer-events:none;animation:auction-notice-in .22s ease-out both}.auction-notice>span{display:grid;gap:3px}.auction-notice strong{font-size:14px;line-height:18px;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auction-notice span span{font-size:13px;line-height:17px;color:var(--masa-text)}.auction-won{border-color:var(--masa-ice);background:var(--masa-panel)}.auction-won svg{color:var(--masa-ice);flex:none}.auction-won span span{color:var(--masa-ice)}@keyframes auction-offer-in{0%{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes auction-notice-in{0%{opacity:0;translate:0 8px;scale:.96}to{opacity:1;translate:0 0;scale:1}}@media(orientation:portrait){.app .table-screen.batak-table .felt>.table-contract.contract-corner{top:48px;width:154px;max-width:calc(50% - 14px)}.app .batak-table .auction-offers{top:48px;width:154px;max-width:calc(50% - 14px)}.app .batak-table .auction-notice{top:27%}.app .batak-table.phase-bid .auction{top:48%}}@media(orientation:landscape){.app .batak-table .auction-notice{top:46%;left:76%;max-width:210px;padding:7px 10px}}@media(orientation:portrait)and (max-height:640px){.app .table-screen.batak-table.phase-bid .felt>.table-contract.contract-corner{display:none}.app .batak-table.phase-bid .auction-offers{top:45px;left:8px;right:8px;width:auto;max-width:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 6px;padding:4px 7px}.app .batak-table.phase-bid .auction-offers header{grid-column:1/-1;margin:0;font-size:7px;line-height:9px}.app .batak-table.phase-bid .auction-offer{display:grid;gap:0;justify-content:stretch;line-height:12px;font-size:9px;padding:2px 0 0}.app .batak-table.phase-bid .auction-offer b{font-size:9px;line-height:12px}.app .batak-table.phase-bid .auction-notice{display:none}.app .batak-table.phase-bid .auction,.app .batak-table.phase-bid .bid-grid{gap:4px}.app .table-screen.batak-table .felt>.table-contract.contract-corner{top:42px;gap:3px 6px;padding:6px 8px;width:146px;min-height:0}.app .batak-table .contract-corner .contract-copy b small{display:inline;font-size:7px;margin-right:3px}.app .batak-table .contract-corner .contract-copy>.contract-caption{margin-top:2px;line-height:9px}.app .batak-table .contract-corner .contract-progress{padding-top:2px}.app .batak-table .contract-corner .contract-progress>b{font-size:13px;line-height:16px}}@media(prefers-reduced-motion:reduce){.auction-offer.has-offer,.auction-notice{animation:none}}html[data-motion=reduced] .auction-offer.has-offer,html[data-motion=reduced] .auction-notice{animation:none}.opening-notice{position:absolute;left:40%;top:25%;translate:-50% 0;display:flex;align-items:center;gap:10px;padding:9px 16px;border:1px solid var(--masa-ice);border-radius:10px;background:rgba(var(--masa-panel-rgb),.949);color:var(--masa-text);box-shadow:0 3px 12px #0003;z-index:12;pointer-events:none;animation:opening-notice-in .2s ease-out both}.opening-notice>span{display:grid;gap:3px}.opening-notice strong{font-size:13px;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opening-notice span span{font-size:13px;color:var(--masa-ice)}.opening-notice b{font-size:21px;color:var(--masa-ice);line-height:23px}.opening-notice svg{color:var(--masa-ice);flex:none}@keyframes opening-notice-in{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.opening-notice{animation:none}}html[data-motion=reduced] .opening-notice{animation:none}.interface-surface{--shell-bg:var(--masa-base);--shell-panel:var(--masa-panel);--shell-raised:var(--masa-panel);--shell-line:var(--masa-raised);--shell-text:var(--masa-text);--shell-muted:var(--masa-muted);--shell-accent:var(--masa-ice);--shell-ink:var(--masa-base);color:var(--shell-text);font-family:Manrope,system-ui,sans-serif;font-size:14px;line-height:1.5;color-scheme:dark}.app:not(.in-game){background:var(--masa-base)}.interface-surface :is(button,input,select){font:inherit}.interface-surface :is(h1,h2,h3,p){margin:0}.interface-surface :is(h1,h2,h3){color:var(--shell-text)}.interface-surface :is(button,input,select):focus-visible{outline:2px solid var(--shell-accent);outline-offset:3px}.interface-surface h1:focus{outline:none}.interface-surface button:disabled{opacity:.42}.interface-surface fieldset{border:0;margin:0;padding:0;min-width:0}.interface-surface button{touch-action:manipulation}.interface-surface svg{flex-shrink:0}.shell{height:100dvh;min-height:0;display:grid;grid-template-columns:196px minmax(0,1fr);overflow:hidden;background:radial-gradient(ellipse at 70% 10%,rgba(var(--masa-panel-rgb),.196),transparent 65%),var(--shell-bg)}.shell-sidebar{display:flex;flex-direction:column;padding:34px 22px 26px;border-right:1px solid rgba(var(--masa-text-rgb),.047);min-height:0;background:rgba(var(--masa-base-rgb),.333)}.shell-brand-button{background:none;text-align:left;padding:0;width:max-content}.shell-logo{display:flex;gap:10px;align-items:center;font-family:Outfit,sans-serif;font-size:31px;line-height:1;letter-spacing:-1.1px;color:var(--shell-text)}.shell-logo em{color:var(--shell-accent);font-style:normal}.shell-logo small{display:block;color:var(--masa-muted);font:600 6.5px Manrope,sans-serif;letter-spacing:1.5px;margin-top:6px}.shell-monogram{position:relative;display:grid;place-items:center;width:42px;height:43px;letter-spacing:-3px;padding-right:3px;border:1px solid rgba(var(--masa-ice-rgb),.22);background:rgba(var(--masa-ice-rgb),.047);border-radius:5px 15px;color:var(--shell-accent);font-size:32px}.shell-monogram>span{position:absolute;bottom:5px;right:7px;font-size:15px;line-height:7px;letter-spacing:0}.shell-sidebar nav{display:flex;flex-direction:column;gap:8px;margin-top:58px}.shell-sidebar nav button{display:flex;gap:13px;align-items:center;background:transparent;border:1px solid transparent;border-radius:12px;color:var(--shell-muted);min-height:49px;padding:0 14px;font-size:12px;text-align:left}.shell-sidebar nav button[aria-current=page]{color:var(--shell-text);background:rgba(var(--masa-ice-rgb),.047);border-color:rgba(var(--masa-ice-rgb),.09)}.shell-sidebar nav button[aria-current=page] svg{color:var(--shell-accent)}.shell-sidebar nav button i{margin-left:auto;height:4px;width:4px;border-radius:50%;background:transparent}.shell-sidebar nav button[aria-current=page] i{background:var(--shell-accent)}.shell-sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:20px;padding-left:14px;color:var(--masa-muted);font-size:11px}.shell-sidebar-foot small{display:block;margin-top:7px;color:var(--masa-line);font-size:9px}.sidebar-suits{font:17px Georgia,serif;letter-spacing:5px;color:var(--masa-muted)}.sidebar-suits i{font-style:normal;color:var(--masa-muted)}.shell-workspace{height:100%;min-height:0;min-width:0;display:flex;flex-direction:column}.shell-header{height:76px;flex-shrink:0;padding:0 clamp(24px,4vw,60px);display:flex;align-items:center;justify-content:space-between;gap:12px}.shell-header>div{display:flex;align-items:center;gap:14px}.shell-header-label{font-size:10px;letter-spacing:.06em;color:var(--masa-muted)}.shell-mobile-brand{display:none}.shell-header-actions{gap:12px!important}.shell-avatar-button{height:44px;width:44px;flex-shrink:0;border-radius:50%;border:1px solid rgba(var(--masa-ice-rgb),.224);background:rgba(var(--masa-ice-rgb),.047);color:var(--shell-accent);font:20px Outfit,sans-serif!important}.shell-main{flex:1;min-height:0;min-width:0;display:flex;padding:7px clamp(24px,4vw,60px) 28px;overflow:hidden}.shell-page{height:100%;width:100%;max-width:1120px;margin:0 auto;min-height:0;display:flex;flex-direction:column;gap:16px;animation:shell-enter var(--masa-duration-panel) cubic-bezier(.2,.7,.2,1) both}.shell-page>*{flex-shrink:0}.shell-bottom-nav{display:none}.fixed-content{display:flex;flex-direction:column;flex:1;gap:16px;min-height:0;min-width:0}.shell-page>.fixed-content{flex-shrink:1}.ui-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;min-width:44px;padding:0;border:1px solid rgba(var(--masa-text-rgb),.11);border-radius:12px;background:rgba(var(--masa-text-rgb),.02);color:var(--shell-text)}.ui-icon svg{width:20px}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:49px;padding:12px 22px;border-radius:11px;border:1px solid transparent;font-size:13px!important;font-weight:700!important;line-height:1.3;transition:background .14s,transform .14s;white-space:normal}.ui-primary{background:var(--masa-action);color:var(--masa-text);border-color:var(--masa-ice)}.ui-secondary{background:var(--masa-panel);color:var(--shell-text);border-color:var(--masa-raised)}.ui-button:active:not(:disabled){transform:translateY(1px)}.ui-text{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0;background:none;color:var(--shell-accent);font-size:12px!important}.ui-eyebrow{display:block;font-size:9px;font-weight:650;letter-spacing:.13em;color:var(--shell-accent);line-height:1.5}.ui-panel{border:1px solid rgba(var(--masa-text-rgb),.094);border-radius:17px;background:linear-gradient(120deg,rgba(var(--masa-panel-rgb),.196),rgba(var(--masa-panel-rgb),.463))}.ui-caption{font-size:11px;line-height:1.65;color:var(--shell-muted)}.ui-input{display:block;width:100%;min-height:46px;border:1px solid var(--masa-raised);border-radius:9px;background:var(--masa-base);padding:10px 13px;color:var(--shell-text);font-size:16px!important;line-height:1.35;outline:none}.ui-input:focus{border-color:var(--shell-accent)}.ui-input::placeholder{color:var(--masa-line)}.ui-input-label,.ui-field-title{display:block;font-size:11px;color:var(--masa-muted);font-weight:600;margin-bottom:8px}.ui-field-title{color:var(--masa-muted)}.shell-page-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.shell-page-heading h1{font-size:34px;letter-spacing:-.04em;line-height:1.16;margin-top:4px}.shell-page-heading p{font-size:12px;color:var(--shell-muted);margin-top:9px;line-height:1.6}.shell-page-heading .ui-icon{align-self:center}.ui-section-tabs{display:flex;align-items:stretch;gap:5px;border-bottom:1px solid rgba(var(--masa-text-rgb),.11);flex-shrink:0}.ui-section-tabs button{position:relative;display:flex;justify-content:center;align-items:center;gap:6px;flex:1;min-height:44px;border:0;background:none;color:var(--shell-muted);padding:10px 5px;font-size:12px;line-height:1.25}.ui-section-tabs button[aria-selected=true]{color:var(--shell-accent)}.ui-section-tabs button[aria-selected=true]:after{content:"";position:absolute;bottom:-1px;left:15%;right:15%;height:2px;border-radius:2px;background:var(--shell-accent)}.ui-page-controls{display:flex;justify-content:center;align-items:center;gap:22px;min-height:44px;flex-shrink:0}.ui-page-controls>span{font-size:12px;min-width:80px;text-align:center;color:var(--masa-muted);font-variant-numeric:tabular-nums}.ui-page-controls>span b{color:var(--shell-text);font-weight:700}.ui-page-controls>span span{color:var(--masa-line)}.ui-page-controls .ui-icon{height:42px}.shell-tile-art>span{position:relative;display:grid;place-items:center;padding-bottom:14%;height:100%;aspect-ratio:.74;flex:1;border:1px solid #fffff2;border-bottom:4px solid #afb4ac;border-radius:5px;background:linear-gradient(105deg,#fbf9f0,#e5e7dd);font:650 clamp(22px,3vw,42px) "Outfit",sans-serif;color:#293c43;box-shadow:0 4px 7px #0004}.shell-tile-art>span:nth-child(2){color:#b72f3d}.shell-tile-art>span:nth-child(3){color:#21778a}.shell-tile-art i{position:absolute;bottom:10%;left:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:#d3d8ce;box-shadow:inset 0 1px 2px #8193874d}.shell-card-art{position:absolute;width:141px;height:143px;right:38px;top:0;transform:rotate(9deg);z-index:0;pointer-events:none}.shell-card-art img{position:absolute;width:69px;border-radius:4px;box-shadow:-3px 4px 9px rgba(var(--masa-base-rgb),.4);bottom:0;transform-origin:50% 95%}.shell-card-art img:nth-child(1){left:0;transform:rotate(-19deg)}.shell-card-art img:nth-child(2){left:36px;bottom:8px;transform:rotate(-2deg)}.shell-card-art img:nth-child(3){left:72px;transform:rotate(14deg)}.shell-tile-art{position:absolute;display:flex;gap:5px;right:30px;top:32px;width:153px;height:73px;transform:rotate(-8deg);pointer-events:none}.shell-tile-art>span{padding-bottom:15px;font-size:33px;border-radius:5px}.shell-tile-art>span:nth-child(2){transform:translateY(-7px)}.shell-steps{display:flex;gap:22px;list-style:none;padding:0;margin:0;line-height:1.2}.shell-steps li{display:flex;gap:7px;align-items:center;font-size:10px;color:var(--masa-line)}.shell-steps li>span{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(var(--masa-selected-rgb),.333);font-size:8px}.shell-steps li[aria-current=step]{color:var(--shell-accent)}.shell-steps li[aria-current=step]>span{background:rgba(var(--masa-ice-rgb),.09);border-color:rgba(var(--masa-ice-rgb),.376)}.shell-steps li[data-done=true]>span{color:var(--masa-muted);border-color:rgba(var(--masa-muted-rgb),.29)}.shell-path-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;flex:1;min-height:0}.shell-page>.shell-path-grid{flex-shrink:1}.shell-path-card{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:26px;border:1px solid rgba(var(--masa-muted-rgb),.149);border-radius:19px;background:radial-gradient(ellipse at 100% 20%,rgba(var(--masa-raised-rgb),.2),transparent 80%),var(--masa-panel);padding:clamp(25px,4vw,48px);text-align:left}.shell-path-card.path-friends{background:radial-gradient(ellipse at 100% 20%,rgba(var(--masa-selected-rgb),.22),transparent 80%),var(--masa-panel)}.shell-path-icon{display:grid;place-items:center;width:65px;height:65px;border:1px solid rgba(var(--masa-ice-rgb),.251);border-radius:20px;background:rgba(var(--masa-ice-rgb),.039);color:var(--shell-accent)}.shell-path-card strong{display:block;font:500 32px/1.15 Outfit,sans-serif;letter-spacing:-.6px}.shell-path-card small{display:block;color:var(--shell-muted);font-size:12px;margin-top:12px;line-height:1.6}.shell-path-card em{display:block;font-size:10px;color:var(--masa-muted);font-style:normal;margin-top:26px}.shell-path-card>svg{position:absolute;right:28px;bottom:28px;color:var(--shell-accent)}.shell-footnote{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:var(--masa-line);min-height:18px}.interface-surface .setup-body{flex:1;min-height:0;flex-shrink:1;padding:26px 30px;display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center;border:1px solid rgba(var(--masa-text-rgb),.094)}.setup-variants{display:flex;flex-direction:column;gap:17px;min-width:0}.ui-variant-field legend{font-size:11px;font-weight:600;color:var(--masa-muted);margin-bottom:8px;padding:0}.ui-variant{position:relative;display:flex;align-items:center;gap:10px;border:1px solid rgba(var(--masa-raised-rgb),.18);border-radius:11px;padding:10px 13px;min-height:61px;margin-top:7px;cursor:pointer;background:rgba(var(--masa-base-rgb),.333)}.ui-variant.selected{background:rgba(var(--masa-ice-rgb),.051);border-color:rgba(var(--masa-ice-rgb),.439)}.ui-variant input{position:absolute;opacity:0;pointer-events:none;width:1px}.ui-variant:has(input:focus-visible){outline:2px solid var(--shell-accent);outline-offset:3px}.ui-variant strong{display:block;font-size:13px;color:var(--shell-text);line-height:1.5}.ui-variant small{display:block;font-size:10px;color:var(--masa-muted);margin-top:1px;line-height:1.5}.ui-radio-mark{margin-left:auto;flex-shrink:0;display:grid;place-items:center;width:18px;height:18px;border:1px solid var(--masa-line);border-radius:50%;color:var(--shell-ink)}.selected .ui-radio-mark{background:var(--shell-accent);border-color:var(--shell-accent)}.ui-choices{display:flex;gap:6px}.ui-choices button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;min-height:44px;background:var(--masa-base);border:1px solid var(--masa-raised);border-radius:9px;font-size:12px;white-space:nowrap;color:var(--masa-muted);padding:8px 5px}.ui-choices button[aria-pressed=true]{border-color:rgba(var(--masa-ice-rgb),.6);color:var(--shell-accent);background:rgba(var(--masa-ice-rgb),.051)}.level-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.level-grid button{position:relative;display:flex;flex-direction:column;gap:6px;align-items:flex-start;justify-content:center;min-height:85px;padding:13px 15px;border:1px solid var(--masa-raised);border-radius:11px;background:var(--masa-base);text-align:left}.level-grid button[aria-pressed=true]{border-color:rgba(var(--masa-ice-rgb),.6);background:rgba(var(--masa-ice-rgb),.051)}.level-number{font:10px Outfit,sans-serif;color:var(--masa-muted);letter-spacing:1px}.level-grid strong{font-size:13px}.level-bars{display:flex;gap:3px;position:absolute;right:13px;bottom:15px;align-items:flex-end;height:13px}.level-bars i{width:3px;background:rgba(var(--masa-selected-rgb),.376);height:4px}.level-bars i:nth-child(2){height:7px}.level-bars i:nth-child(3){height:10px}.level-bars i:nth-child(4){height:13px}.level-bars i.filled{background:var(--masa-muted)}.level-grid button[aria-pressed=true] .level-bars i.filled{background:var(--shell-accent)}.level-description{font-size:11px;line-height:1.55;color:var(--shell-muted);margin-top:12px!important;min-height:32px}.shell-start-dock{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:64px;border-top:1px solid rgba(var(--masa-text-rgb),.129);padding-top:13px}.shell-start-dock>div{min-width:0}.shell-start-dock strong{display:block;font-size:13px;line-height:1.4}.shell-start-dock span{display:block;font-size:10px;line-height:1.6;color:var(--shell-muted);margin-top:4px}.shell-start-dock>.ui-button{min-width:170px;flex-shrink:0}.join-panel{flex:1!important;min-height:0;display:flex;flex-direction:column;padding:24px 28px;gap:15px}.ui-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.ui-section-heading h2,.join-help h2,.ui-form-fields h2{font-size:24px}.join-room-list{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0}.shell-room-row{display:flex;align-items:center;gap:13px;min-height:69px;border:1px solid rgba(var(--masa-selected-rgb),.29);border-radius:11px;padding:12px 17px;background:rgba(var(--masa-panel-rgb),.467);text-align:left;color:var(--masa-muted)}.shell-room-row>span:nth-child(2){flex:1;min-width:0}.shell-room-row strong{display:block;font-size:13px;color:var(--shell-text);overflow-wrap:anywhere}.shell-room-row small{font-size:10px;color:var(--shell-muted);display:block;line-height:1.7}.shell-room-row>span:last-child{font-size:10px}.shell-empty{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;text-align:center;flex:1;min-height:0;color:var(--masa-muted);padding:24px}.shell-empty strong{font:500 25px Outfit,sans-serif;color:var(--shell-text)}.shell-empty p{font-size:12px;line-height:1.65;max-width:350px;color:var(--shell-muted)}.join-panel form{width:100%;max-width:540px;margin:auto}.ui-form-fields>.ui-caption{margin:7px 0 17px}.ui-form-fields>.ui-input-label{margin:14px 0 7px}.ui-form-fields>.ui-button{margin-top:18px;width:100%}.ui-code-input{letter-spacing:.22em;font-variant-numeric:tabular-nums}.join-help{max-width:540px;width:100%;margin:auto;display:flex;flex-direction:column;gap:16px;align-items:flex-start}.join-help>svg{color:var(--shell-accent)}.join-help p{font-size:13px;color:var(--shell-muted);line-height:1.8}.connection-pill{display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:20px;border:1px solid rgba(var(--masa-muted-rgb),.176);color:var(--masa-muted);white-space:nowrap;font-size:10px}.connection-pill>i{height:5px;width:5px;background:var(--masa-muted);border-radius:50%}.connection-pill.offline{color:var(--masa-ice);border-color:rgba(var(--masa-ice-rgb),.333)}.connection-pill.offline>i{background:var(--masa-ice)}.shell-invite{display:flex;align-items:center;gap:26px;padding:20px 25px}.shell-invite>div:first-child{flex-shrink:0}.shell-room-code{display:flex;gap:18px;align-items:center;background:none;padding:2px 0;color:var(--shell-accent);min-height:44px}.shell-room-code strong{font:500 29px Outfit,sans-serif;letter-spacing:.11em}.shell-address{display:flex;flex-direction:column;gap:5px;min-width:0;border-left:1px solid rgba(var(--masa-text-rgb),.165);padding-left:26px}.shell-address>span{font-size:10px;color:var(--shell-muted)}.shell-address strong{font-size:12px;color:var(--masa-text);overflow-wrap:anywhere}.shell-address small{color:var(--masa-line);font-size:10px}.lobby-seats-heading{display:flex;justify-content:space-between;color:var(--masa-muted);font-size:9px;letter-spacing:.07em}.shell-seats{display:grid;grid-template-columns:1fr 1fr;gap:13px;flex:1;min-height:0}.shell-page>.shell-seats{flex-shrink:1}.shell-seat{position:relative;border:1px dashed rgba(var(--masa-line-rgb),.333);border-radius:14px;display:flex;align-items:center;justify-content:center;gap:16px;padding:18px;min-width:0;background:rgba(var(--masa-panel-rgb),.141)}.shell-seat.occupied{border-style:solid;background:rgba(var(--masa-panel-rgb),.18)}.shell-seat-avatar{height:46px;width:46px;flex-shrink:0;display:grid;place-items:center;border:1px solid rgba(var(--masa-muted-rgb),.271);background:rgba(var(--masa-muted-rgb),.043);border-radius:50%;font:25px Outfit,sans-serif;color:var(--masa-muted)}.shell-seat>div{min-width:0}.shell-seat strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;line-height:1.5}.shell-seat small{display:block;color:var(--masa-muted);font-size:10px;margin-top:5px}.shell-presence{position:absolute;right:12px;top:12px;height:5px;width:5px;border-radius:50%;background:var(--masa-muted)}.shell-presence.online{background:var(--masa-muted)}.shell-waiting{display:flex!important;gap:8px;align-items:center;padding:10px;color:var(--masa-muted)!important;font-size:11px!important;white-space:nowrap}.shell-waiting>i{height:5px;width:5px;border-radius:50%;background:var(--shell-accent)}.settings-panel{display:flex;flex-direction:column;justify-content:center;flex:1;min-height:0;padding:30px clamp(24px,5vw,65px)}.settings-panel h2{display:flex;align-items:center;gap:10px;font-size:25px}.settings-identity{display:flex;align-items:center;gap:17px;margin-bottom:24px}.settings-identity h2{margin-top:4px;overflow-wrap:anywhere;word-break:break-word}.settings-panel>.ui-caption{margin-top:15px}.settings-panel>.ui-input{max-width:100%}.ui-profile-initial{display:grid;place-items:center;height:61px;width:61px;flex-shrink:0;border-radius:18px;background:rgba(var(--masa-ice-rgb),.051);border:1px solid rgba(var(--masa-ice-rgb),.259);color:var(--shell-accent);font:32px Outfit,sans-serif}.ui-setting-switch{display:flex;align-items:center;gap:20px;justify-content:space-between;min-height:88px;padding:14px 0;border:0;border-bottom:1px solid rgba(var(--masa-text-rgb),.102);background:none;text-align:left}.ui-setting-switch>span:first-child{min-width:0}.ui-setting-switch strong{display:block;font-size:13px;color:var(--shell-text);line-height:1.5}.ui-setting-switch small{display:block;font-size:11px;color:var(--shell-muted);line-height:1.6;margin-top:3px}.ui-toggle{display:flex;align-items:center;width:43px;height:25px;flex-shrink:0;border:1px solid rgba(var(--masa-line-rgb),.333);border-radius:20px;background:var(--masa-base);padding:3px}.ui-toggle>i{display:grid;place-items:center;width:17px;height:17px;background:var(--masa-line);border-radius:50%;color:var(--masa-panel);transition:transform .14s}.ui-setting-switch[aria-checked=true] .ui-toggle{background:rgba(var(--masa-ice-rgb),.2);border-color:rgba(var(--masa-ice-rgb),.439)}.ui-setting-switch[aria-checked=true] .ui-toggle>i{background:var(--shell-accent);transform:translate(17px)}.ui-volume{display:grid;grid-template-columns:1fr auto;gap:13px;margin-top:22px;font-size:12px;color:var(--masa-muted)}.ui-volume output{color:var(--shell-accent);font-size:11px}.ui-volume input{grid-column:1/-1;padding:0;margin:0;min-height:34px;accent-color:var(--shell-accent);width:100%}.ui-palette{display:flex;align-items:center;gap:7px;margin-top:22px}.ui-palette i{width:22px;height:27px;border-radius:5px;background:var(--masa-base);border:1px solid rgba(var(--masa-muted-rgb),.18)}.ui-palette i:nth-child(2){background:var(--masa-text)}.ui-palette i:nth-child(3){background:var(--masa-ice)}.ui-palette i:nth-child(4){background:var(--masa-raised)}.ui-palette span{font-size:9px;color:var(--masa-muted);margin-left:7px}.ui-saved-note,.ui-stat-note{display:flex;justify-content:center;align-items:center;gap:7px;flex-shrink:0;font-size:10px;color:var(--masa-muted);min-height:20px;text-align:center}.shell-about{display:flex;align-items:center;justify-content:space-between;min-height:34px}.shell-about>span{font:18px Outfit,sans-serif;letter-spacing:-.5px;color:var(--masa-text)}.shell-about small{margin-left:8px;font:9px Manrope,sans-serif;color:var(--masa-line)}.shell-about .ui-text{min-height:34px;font-size:10px!important}.ui-profile-heading{display:flex;align-items:center;gap:16px;min-height:69px}.ui-profile-heading>div{min-width:0;flex:1}.ui-profile-heading h1{font-size:30px;line-height:1.15;margin-top:5px;overflow-wrap:anywhere}.ui-profile-heading>svg{color:var(--masa-muted)}.ui-stat-filters{display:grid;grid-template-columns:1fr 1fr;gap:13px}.ui-stat-filters label{font-size:9px;color:var(--shell-muted);line-height:1.5}.ui-stat-filters select{margin-top:5px;padding:8px 10px;font-size:var(--desktop-profile-filter-font,12px)!important;min-height:44px}.statistics-body{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:20px}.ui-stat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;gap:16px;padding:22px}.ui-stat-empty>svg{color:var(--shell-accent)}.ui-stat-empty h3{font:500 26px Outfit,sans-serif}.ui-stat-empty p{font-size:12px;line-height:1.8;color:var(--shell-muted);max-width:320px}.ui-stat-counters{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ui-stat-counters section{display:flex;flex-direction:column;align-items:flex-start;gap:7px;border:1px solid rgba(var(--masa-text-rgb),.102);border-radius:15px;background:rgba(var(--masa-panel-rgb),.4);padding:20px}.ui-stat-counters svg{color:var(--masa-muted)}.ui-stat-counters b{font:450 41px/1.1 Outfit,sans-serif;letter-spacing:-1px;color:var(--shell-text);font-variant-numeric:tabular-nums}.ui-stat-counters span{font-size:10px;color:var(--masa-muted)}.ui-stat-details{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.ui-stat-details>span{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;border-bottom:1px solid rgba(var(--masa-text-rgb),.075);font-size:11px;color:var(--shell-muted)}.ui-stat-details b{color:var(--masa-text);font-size:13px;font-weight:600}.ui-breakdown,.ui-recent{display:flex;flex-direction:column;justify-content:center;flex:1;padding:10px 20px}.ui-breakdown article,.ui-recent article{display:flex;align-items:center;gap:13px;min-height:80px;padding:12px 0;border-bottom:1px solid rgba(var(--masa-text-rgb),.102)}.ui-breakdown article:last-child,.ui-recent article:last-child{border-bottom:0}.ui-game-symbol{display:grid;place-items:center;background:rgba(var(--masa-ice-rgb),.051);border:1px solid rgba(var(--masa-ice-rgb),.196);color:var(--shell-accent);height:38px;width:36px;flex-shrink:0;border-radius:9px;font:18px Outfit,sans-serif}.ui-breakdown article>div,.ui-recent article>div:nth-child(2){min-width:0;flex:1}.ui-breakdown strong,.ui-recent strong{display:block;font-size:12px;line-height:1.45;overflow-wrap:anywhere}.ui-breakdown small,.ui-recent small{display:block;font-size:10px;color:var(--shell-muted);line-height:1.5;margin-top:4px}.ui-breakdown article>span:last-child,.ui-recent article>div:last-child{text-align:right;flex-shrink:0;font-size:11px}.ui-breakdown b{font-size:17px;color:var(--masa-text);font-weight:600}.ui-outcome-win{color:var(--masa-muted)}.ui-outcome-loss{color:#d4b3a7}.ui-outcome-draw{color:var(--masa-muted)}.ui-rule-page{display:flex;flex-direction:column;justify-content:center;flex:1;min-height:0;padding:32px clamp(26px,5vw,62px);animation:shell-enter .18s ease both}.ui-rule-cap{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.1em;color:var(--shell-accent);margin-bottom:28px}.ui-rule-cap small{font-size:9px;color:var(--masa-line);margin-left:auto;letter-spacing:0}.ui-rule-page h3{font:500 30px/1.2 Outfit,sans-serif;letter-spacing:-.5px;margin-bottom:18px}.ui-rule-page p{font-size:16px;line-height:1.9;color:var(--masa-muted);overflow-wrap:anywhere;max-width:760px}.interface-overlay{position:fixed;z-index:300;inset:0;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:center;background:rgba(var(--masa-base-rgb),.867)}.interface-dialog{display:flex;flex-direction:column;width:min(470px,100%);max-height:100%;min-height:0;border:1px solid var(--masa-raised);border-radius:20px;background:var(--masa-base);box-shadow:0 16px 55px #0005;animation:shell-enter .18s ease both;overflow:hidden;outline:none}.interface-dialog.ui-wide{width:min(840px,100%)}.interface-settings,.interface-profile,.interface-rules{height:min(650px,100%)}.interface-results{height:min(690px,100%)}.interface-scores{height:min(610px,100%)}.ui-dialog-header{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(var(--masa-text-rgb),.11);flex-shrink:0}.ui-dialog-header h2{font-size:23px;line-height:1.2;letter-spacing:-.4px}.ui-dialog-header p{font-size:11px;color:var(--shell-muted);margin-top:6px}.ui-dialog-body{flex:1;min-height:0;padding:24px;display:flex;flex-direction:column;gap:16px;overflow:hidden}.ui-dialog-body>p{color:var(--masa-muted);font-size:13px;line-height:1.8}.ui-dialog-actions{display:flex;gap:12px;align-items:center;justify-content:flex-end;flex-shrink:0;margin-top:8px}.ui-dialog-actions>.ui-button{flex:1}.ui-result-summary{display:flex;align-items:center;gap:13px;flex-shrink:0}.ui-result-summary>span{width:43px;height:43px;flex-shrink:0;display:grid;place-items:center;background:rgba(var(--masa-ice-rgb),.078);color:var(--shell-accent);border:1px solid rgba(var(--masa-ice-rgb),.196);border-radius:13px}.ui-result-summary h3{font:500 21px/1.25 Outfit,sans-serif;overflow-wrap:anywhere}.ui-result-summary p{font-size:10px;color:var(--shell-muted);margin-top:5px}.ui-result-actions{margin:0}.ui-result-actions .ui-button{font-size:12px!important;padding-inline:12px}.ui-result-actions>.ui-caption{font-size:10px;text-align:center;flex:1}.interface-surface .scoreboard{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0;color:var(--shell-text);padding:0;margin:0}.score-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0;font-size:11px;line-height:1.4}.score-caption>span{font-size:10px;color:var(--masa-muted)}.score-grid{flex:1;min-height:0;border:1px solid rgba(var(--masa-selected-rgb),.4);border-radius:13px;overflow:hidden;background:var(--masa-base)}.score-grid table{width:100%;height:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums}.app .interface-surface .score-grid :is(th,td){border-right:1px solid rgba(var(--masa-line-rgb),.141);border-bottom:1px solid rgba(var(--masa-line-rgb),.141);background:none;text-align:center;vertical-align:middle;font-size:14px;padding:6px;color:var(--masa-text);line-height:1.3}.app .interface-surface .score-grid tr{background:none}.app .interface-surface .score-grid tbody tr:nth-child(2n){background:rgba(var(--masa-ice-rgb),.027)}.app .interface-surface .score-grid th:first-child{width:56px}.app .interface-surface .score-grid thead th{height:63px;background:var(--masa-panel);padding:8px 5px;font-weight:600}.interface-surface .score-player-icons{display:flex;justify-content:center;gap:3px;margin:0 0 5px}.interface-surface .score-player-icons i{width:22px;height:22px;display:grid;place-items:center;border-radius:6px;border:1px solid rgba(var(--masa-muted-rgb),.4);background:var(--masa-raised);color:var(--masa-ice);font:13px Outfit,sans-serif}.interface-surface .score-player-name{display:block;font-size:10px;line-height:1.35;white-space:normal;overflow-wrap:anywhere;max-width:100%}.app .interface-surface .score-grid .negative-score{color:#e6b8a9}.app .interface-surface [data-scoring=penalty] .score-grid .negative-score{color:#b9d5ae}.app .interface-surface .score-grid .score-pending td{color:var(--masa-selected)}.app .interface-surface .score-grid .score-totals :is(th,td){position:static;height:43px;background:var(--masa-panel);color:var(--masa-ice);border-top:1px solid rgba(var(--masa-muted-rgb),.4);border-bottom:0;padding:6px 3px;font-size:10px}.app .interface-surface .score-grid .score-totals .score-leader{background:var(--masa-raised);color:var(--masa-ice)}.interface-surface .score-grid .score-totals b{font:600 20px Outfit,sans-serif}.interface-surface .score-detail-toggle{min-width:40px;min-height:44px;padding:4px;background:var(--masa-panel);border:1px solid rgba(var(--masa-selected-rgb),.333);border-radius:7px;color:var(--masa-ice);font-size:12px}.interface-surface .score-detail-toggle>span{font-size:10px;margin-left:3px}.score-detail-sheet{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:16px;border:1px solid rgba(var(--masa-text-rgb),.11);border-radius:13px;padding:18px}.score-detail-heading{display:flex;align-items:center;gap:12px}.score-detail-heading h3{font-size:20px}.score-detail-heading p{font-size:10px;color:var(--shell-muted);margin-top:5px}.score-detail-rows{display:flex;flex-direction:column;gap:0}.score-detail-rows>div{display:flex;align-items:center;gap:9px;justify-content:space-between;min-height:43px;border-bottom:1px solid rgba(var(--masa-text-rgb),.09);font-size:11px}.score-detail-rows strong{flex:1;min-width:0;overflow-wrap:anywhere}.score-detail-rows span{font-size:10px;color:var(--shell-muted)}.score-detail-rows b{color:var(--shell-accent);font-weight:600;min-width:36px;text-align:right}.score-detail-note{font-size:10px;line-height:1.6;color:var(--shell-muted)}.interface-feedback{position:fixed;z-index:500;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;width:min(530px,calc(100% - 28px));padding:12px 14px;border:1px solid rgba(var(--masa-muted-rgb),.4);border-radius:13px;background:var(--masa-panel);color:var(--masa-ice);box-shadow:0 7px 25px #0005;font-family:Manrope,sans-serif}.interface-feedback p{flex:1;min-width:0;font-size:12px;line-height:1.5}.feedback-icon{display:grid;place-items:center;height:26px;width:26px;flex-shrink:0;border:1px solid rgba(var(--masa-ice-rgb),.467);border-radius:50%;color:var(--masa-ice)}.interface-feedback.is-success{background:var(--masa-panel);border-color:rgba(var(--masa-line-rgb),.467);color:var(--masa-text)}.interface-feedback.is-success .feedback-icon{border-color:rgba(var(--masa-line-rgb),.467);color:var(--masa-muted)}.interface-feedback .ui-icon{width:38px;height:38px;min-width:38px;color:inherit}.ui-loading{min-height:100dvh;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;background:var(--masa-base);padding:30px;text-align:center}.ui-loading h2{font-size:26px}.ui-loading p{font-size:12px;color:var(--shell-muted)}.ui-spinner{animation:ui-spin .8s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}@keyframes shell-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes scene-arrive{0%{opacity:0;transform:translateY(12px) rotate(var(--scene-angle))}to{opacity:1;transform:translateY(0) rotate(var(--scene-angle))}}@keyframes tile-arrive{0%{opacity:0;transform:translateY(7px) rotate(-5deg)}to{opacity:1;transform:translateY(0) rotate(-5deg)}}@media(hover:hover){.interface-surface .ui-primary:hover:not(:disabled){background:var(--masa-selected)}.interface-surface .ui-secondary:hover:not(:disabled),.interface-surface .ui-icon:hover:not(:disabled){background:var(--masa-panel)}.shell-sidebar nav button:hover{background:rgba(var(--masa-ice-rgb),.071)}.shell-path-card:hover,.shell-room-row:hover:not(:disabled){border-color:rgba(var(--masa-ice-rgb),.439)}.ui-section-tabs button:hover{color:var(--shell-text)}}@media(max-width:1050px){.shell{grid-template-columns:164px minmax(0,1fr)}.shell-sidebar{padding:26px 14px 22px}.shell-sidebar nav{margin-top:45px}.shell-sidebar nav button{padding-inline:11px}.shell-header,.shell-main{padding-inline:26px}.shell-card-art{right:12px}.shell-tile-art{right:16px}.interface-surface .setup-body{gap:20px;padding:24px}.shell-path-card{padding:26px}.shell-path-card strong{font-size:29px}}@media(max-width:760px){.shell{display:block}.shell-sidebar{display:none}.shell-header{height:calc(66px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left))}.shell-header>div{gap:9px}.shell-mobile-brand{display:block}.shell-header-label{font-size:10px}.with-navigation .shell-header-label{display:none}.shell-logo{font-size:25px;gap:8px}.shell-monogram{width:35px;height:36px;border-radius:5px 12px;font-size:28px}.shell-logo small{font-size:5px;letter-spacing:1.3px;margin-top:5px}.shell-header-actions{gap:8px!important}.shell-header .ui-icon{border-color:transparent;background:none}.shell-avatar-button{width:44px;height:44px;font-size:18px!important}.shell-main{padding:8px max(20px,env(safe-area-inset-right)) 16px max(20px,env(safe-area-inset-left))}.shell-page{gap:12px}.in-flow .shell-main{padding-bottom:max(18px,env(safe-area-inset-bottom))}.shell-bottom-nav{display:flex;align-items:center;justify-content:space-around;gap:5px;flex-shrink:0;min-height:59px;margin:0 max(16px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));padding:5px 7px;border-radius:18px;border:1px solid rgba(var(--masa-muted-rgb),.114);background:var(--masa-panel)}.shell-bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1;min-height:47px;border-radius:12px;background:none;font-size:8px;line-height:1.3;color:var(--masa-muted)}.shell-bottom-nav button[aria-current=page]{color:var(--shell-accent);background:rgba(var(--masa-ice-rgb),.039)}.shell-bottom-nav svg{width:19px;height:19px}.fixed-content{gap:12px}.shell-page-heading h1{font-size:27px}.ui-eyebrow{font-size:8px;letter-spacing:.1em}.shell-page-heading p{font-size:11px}.ui-section-tabs button{font-size:11px;min-height:44px}.ui-button{min-height:46px;font-size:12px!important;padding:11px 16px}.ui-input{min-height:44px}.ui-caption{font-size:10px}.ui-page-controls{gap:20px}.ui-page-controls>span{font-size:11px}.ui-panel{border-radius:15px}.shell-card-art{top:0;right:10px;transform:scale(.68) rotate(6deg);transform-origin:80% 45%;z-index:0}.shell-tile-art{top:55px;right:5px;transform:scale(.68) rotate(-8deg);transform-origin:100% 30%}.shell-steps{gap:17px}.shell-steps li{font-size:9px;gap:6px}.shell-steps li>span{width:19px;height:19px}.shell-path-grid{grid-template-columns:1fr;gap:14px}.shell-path-card{flex-direction:row;justify-content:flex-start;align-items:center;gap:20px;padding:24px;min-height:0}.shell-path-icon{width:52px;height:55px;border-radius:16px}.shell-path-icon svg{width:25px}.shell-path-card strong{font-size:26px}.shell-path-card small{font-size:10px;margin-top:9px}.shell-path-card em{font-size:8px;margin-top:18px}.shell-path-card>svg{right:20px;bottom:18px;width:17px}.shell-footnote{font-size:9px;gap:6px}.shell-footnote svg{width:12px}.interface-surface .setup-body{display:flex;flex-direction:column;justify-content:space-evenly;align-items:stretch;padding:18px;gap:16px}.setup-variants{gap:14px}.ui-variant{min-height:55px;padding:8px 10px;margin-top:6px}.ui-variant-field legend,.ui-field-title{font-size:10px;margin-bottom:6px}.ui-variant strong{font-size:12px}.ui-variant small{font-size:9px}.ui-radio-mark{width:17px;height:17px}.ui-choices button{font-size:11px;gap:5px;min-height:40px;padding:7px 4px}.level-grid{gap:9px}.level-grid button{min-height:75px;padding:11px 13px}.level-grid strong{font-size:12px}.level-description{font-size:10px;margin-top:10px!important}.shell-start-dock{min-height:61px;padding-top:11px;gap:12px}.shell-start-dock>.ui-button{min-width:132px;padding-inline:13px}.shell-start-dock strong{font-size:11px}.shell-start-dock span{font-size:8px;line-height:1.65;margin-top:3px}.join-panel{padding:18px;gap:12px}.ui-section-heading h2,.join-help h2,.ui-form-fields h2{font-size:22px}.shell-empty{gap:13px;padding:18px 6px}.shell-empty strong{font-size:23px}.shell-empty p{font-size:11px}.shell-room-row{padding:11px;gap:10px;min-height:67px}.shell-room-row strong{font-size:12px}.shell-room-row small{font-size:9px}.shell-room-row>svg{width:17px}.join-help{gap:15px}.join-help p{font-size:12px;line-height:1.75}.shell-invite{padding:15px 18px;gap:12px;flex-wrap:wrap}.shell-invite>div:first-child{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px}.shell-room-code{min-height:40px;gap:11px}.shell-room-code strong{font-size:24px}.shell-room-code>svg{width:16px}.shell-address{border:0;border-top:1px solid rgba(var(--masa-text-rgb),.11);padding:10px 0 0;width:100%;gap:4px}.shell-address>span{font-size:8px}.shell-address strong{font-size:11px}.shell-address small{font-size:8px}.connection-pill{font-size:8px;padding:7px 8px;gap:5px}.shell-seats{gap:10px}.shell-seat{flex-direction:column;gap:10px;padding:14px 8px;text-align:center;border-radius:12px}.shell-seat-avatar{width:41px;height:41px;font-size:23px}.shell-seat>div{width:100%}.shell-seat strong{font-size:10px}.shell-seat small{font-size:9px;margin-top:3px}.shell-presence{top:10px;right:10px}.lobby-seats-heading{font-size:8px}.shell-waiting{font-size:9px!important;gap:5px;padding:6px}.settings-panel{padding:20px}.settings-panel h2{font-size:23px}.settings-identity{gap:14px;margin-bottom:24px}.settings-identity h2{font-size:24px}.ui-profile-initial{height:53px;width:53px;border-radius:15px;font-size:28px}.ui-setting-switch{min-height:84px;gap:16px;padding:12px 0}.ui-setting-switch strong{font-size:12px}.ui-setting-switch small{font-size:10px;line-height:1.6}.ui-volume{margin-top:19px;font-size:11px}.ui-saved-note,.ui-stat-note{font-size:9px;min-height:18px}.ui-palette span{font-size:8px;margin-left:2px}.ui-palette{gap:5px}.ui-palette i{width:18px;height:25px}.shell-about{min-height:27px}.shell-about .ui-text{min-height:30px}.ui-profile-heading{gap:12px;min-height:56px}.ui-profile-heading h1{font-size:25px}.ui-profile-heading>svg{width:22px}.ui-stat-filters{gap:10px}.ui-stat-filters label{font-size:8px}.ui-stat-filters select{font-size:var(--desktop-profile-filter-font,11px)!important}.statistics-body{gap:18px}.ui-stat-counters{gap:9px}.ui-stat-counters section{padding:15px 12px;gap:9px;border-radius:13px}.ui-stat-counters b{font-size:30px}.ui-stat-counters span{font-size:9px}.ui-stat-counters svg{width:17px}.ui-stat-details{gap:0 17px}.ui-stat-details>span{font-size:9px;min-height:37px;gap:7px}.ui-stat-details b{font-size:11px}.ui-breakdown,.ui-recent{padding:6px 13px}.ui-breakdown article,.ui-recent article{gap:9px;min-height:75px}.ui-breakdown strong,.ui-recent strong{font-size:10px}.ui-breakdown small,.ui-recent small{font-size:8px}.ui-breakdown article>span:last-child,.ui-recent article>div:last-child{font-size:9px}.ui-breakdown b{font-size:15px}.ui-game-symbol{height:33px;width:29px;font-size:15px;border-radius:7px}.ui-stat-empty h3{font-size:23px}.ui-stat-empty p{font-size:11px}.ui-rule-page{padding:22px}.ui-rule-page h3{font-size:25px;margin-bottom:16px}.ui-rule-page p{font-size:13px;line-height:1.9}.ui-rule-cap{margin-bottom:22px;font-size:8px;gap:8px}.ui-rule-cap small{font-size:8px}.interface-overlay{padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.interface-dialog{border-radius:17px}.ui-dialog-header{padding:16px 17px;gap:10px}.ui-dialog-header h2{font-size:21px}.ui-dialog-body{padding:16px;gap:12px}.ui-dialog-body>p{font-size:12px}.ui-dialog-actions{gap:9px}.ui-dialog-actions .ui-button{font-size:11px!important;padding:10px 9px}.ui-result-summary{gap:11px}.ui-result-summary h3{font-size:18px}.ui-result-summary>span{width:38px;height:38px;border-radius:11px}.ui-result-summary>span svg{width:23px}.ui-result-summary p{font-size:9px}.score-caption{font-size:9px;gap:8px}.score-caption>span{font-size:8px}.app .interface-surface .score-grid :is(th,td){font-size:12px;padding:5px 3px}.app .interface-surface .score-grid th:first-child{width:43px}.app .interface-surface .score-grid thead th{height:58px;padding:6px 3px}.interface-surface .score-player-name{font-size:8px}.interface-surface .score-player-icons i{width:20px;height:20px;font-size:11px}.interface-surface .score-player-icons{margin-bottom:5px}.interface-surface .score-grid .score-totals b{font-size:17px}.app .interface-surface .score-grid .score-totals th{font-size:8px}.interface-surface .score-detail-toggle{min-width:34px;min-height:44px;font-size:11px;padding:3px}.score-detail-sheet{gap:15px;padding:13px}.score-detail-heading{gap:10px}.score-detail-heading h3{font-size:19px}.score-detail-heading p{font-size:9px}.score-detail-rows>div{font-size:10px;min-height:42px}.score-detail-rows span{font-size:8px}.score-detail-note{font-size:9px}.interface-surface .scoreboard{gap:10px}}@media(max-width:760px)and (max-height:650px){.shell-header{height:calc(58px + env(safe-area-inset-top));padding-inline:16px}.shell-main{padding:5px 16px 11px}.shell-page,.fixed-content{gap:9px}.shell-bottom-nav{min-height:56px;margin-bottom:max(8px,env(safe-area-inset-bottom));padding-block:3px}.shell-bottom-nav button{min-height:46px}.shell-page-heading h1{font-size:25px}.shell-page-heading .ui-eyebrow{font-size:7px}.ui-section-tabs button{font-size:10px;min-height:41px}.shell-card-art{transform:scale(.57) rotate(7deg);right:6px;top:-12px}.shell-tile-art{transform:scale(.57) rotate(-8deg);right:2px;top:37px}.shell-path-card{padding:19px;gap:15px}.shell-path-icon{width:42px;height:46px;border-radius:13px}.shell-path-icon svg{width:22px}.shell-path-card strong{font-size:24px}.shell-path-card small{font-size:9px;margin-top:7px}.shell-path-card em{font-size:7px;margin-top:13px}.shell-path-grid{gap:11px}.shell-footnote{font-size:8px}.interface-surface .setup-body{padding:12px 14px;gap:10px}.setup-variants{gap:8px}.ui-variant{min-height:47px;margin-top:5px;padding:6px 9px}.ui-variant strong{font-size:11px}.ui-variant small{font-size:8px}.ui-variant-field legend,.ui-field-title{font-size:9px;margin-bottom:5px}.ui-choices button{min-height:34px;font-size:10px;padding:5px 3px}.ui-choices button svg{width:13px}.level-grid button{min-height:61px;padding:8px 11px}.level-grid strong{font-size:11px}.level-number{font-size:8px}.level-description{font-size:9px;min-height:27px;margin-top:8px!important}.shell-start-dock{min-height:54px;padding-top:8px;gap:10px}.shell-start-dock>.ui-button{min-width:125px;font-size:11px!important}.shell-start-dock strong{font-size:10px}.shell-start-dock span{font-size:7px}.ui-input-label{font-size:10px;margin-bottom:6px}.join-panel{padding:14px;gap:8px}.ui-section-heading h2,.join-help h2,.ui-form-fields h2{font-size:20px}.shell-empty{gap:10px;padding:12px 4px}.shell-empty strong{font-size:21px}.shell-empty p{font-size:10px}.shell-room-row{min-height:61px;padding:9px;gap:8px}.shell-room-row strong{font-size:11px}.shell-room-row small{font-size:8px}.join-help{gap:11px}.join-help p{font-size:11px;line-height:1.7}.ui-form-fields>.ui-caption{margin:6px 0 12px}.ui-form-fields>.ui-input-label{margin-top:10px}.ui-form-fields>.ui-button{margin-top:13px}.shell-invite{padding:10px 13px;gap:7px}.shell-room-code strong{font-size:22px}.shell-address{padding-top:7px;gap:2px}.shell-address strong{font-size:10px}.shell-address small{font-size:7px}.shell-seats{gap:8px}.shell-seat{padding:8px 6px;gap:6px}.shell-seat-avatar{height:34px;width:34px;font-size:20px}.shell-seat strong{font-size:9px}.shell-seat small{font-size:8px}.settings-panel{padding:17px}.settings-panel h2{font-size:21px}.settings-identity{margin-bottom:18px;gap:12px}.ui-profile-initial{height:47px;width:47px;font-size:25px;border-radius:13px}.ui-setting-switch{min-height:72px;padding:10px 0;gap:13px}.ui-setting-switch strong{font-size:11px}.ui-setting-switch small{font-size:9px}.settings-panel>.ui-caption{font-size:9px;margin-top:12px}.ui-volume{margin-top:14px;gap:9px;font-size:10px}.ui-palette{margin-top:16px}.ui-saved-note,.ui-stat-note{font-size:8px}.shell-about{min-height:25px}.shell-about .ui-text{min-height:27px}.ui-profile-heading{min-height:48px;gap:11px}.ui-profile-heading h1{font-size:23px}.ui-profile-heading .ui-eyebrow{font-size:7px}.ui-stat-filters{gap:8px}.ui-stat-filters select{margin-top:3px;font-size:var(--desktop-profile-filter-font,10px)!important}.ui-stat-filters label{font-size:7px}.statistics-body{gap:12px}.ui-stat-counters{gap:7px}.ui-stat-counters section{padding:11px 9px;gap:6px}.ui-stat-counters b{font-size:26px}.ui-stat-counters span{font-size:8px}.ui-stat-counters svg{width:15px;height:15px}.ui-stat-details{gap:0 14px}.ui-stat-details>span{min-height:30px;font-size:8px}.ui-stat-details b{font-size:10px}.ui-breakdown,.ui-recent{padding:5px 10px}.ui-breakdown article,.ui-recent article{min-height:62px;gap:8px;padding-block:10px}.ui-breakdown strong,.ui-recent strong{font-size:9px}.ui-breakdown small,.ui-recent small{font-size:7px}.ui-breakdown article>span:last-child,.ui-recent article>div:last-child{font-size:8px}.ui-game-symbol{width:25px;height:30px;font-size:14px}.ui-stat-empty{gap:13px;padding:16px}.ui-stat-empty h3{font-size:21px}.ui-stat-empty p{font-size:10px}.ui-rule-page{padding:18px}.ui-rule-page h3{font-size:22px;margin-bottom:13px}.ui-rule-page p{font-size:12px;line-height:1.75}.ui-rule-cap{margin-bottom:18px;font-size:7px}.ui-rule-cap small{font-size:7px}.ui-rule-cap>svg{width:17px}.score-detail-sheet{padding:11px;gap:12px}.score-detail-rows>div{min-height:37px}.score-detail-note{font-size:8px}.score-detail-heading h3{font-size:17px}.interface-surface .scoreboard{gap:9px}.app .interface-surface .score-grid th:first-child{width:38px}.interface-surface .score-detail-toggle{min-width:30px}.ui-dialog-body{padding:13px;gap:10px}.ui-dialog-header{padding:12px 14px}.ui-dialog-header h2{font-size:20px}.ui-result-summary h3{font-size:17px}}@media(orientation:landscape)and (max-height:550px){.shell{grid-template-columns:143px minmax(0,1fr)}.shell-sidebar{padding:18px 12px}.shell-sidebar nav{margin-top:24px;gap:3px}.shell-sidebar nav button{min-height:42px;font-size:10px;gap:10px;padding-inline:10px}.shell-sidebar nav svg{width:17px}.shell-logo{font-size:25px;gap:8px}.shell-logo small{font-size:5px}.shell-monogram{width:33px;height:35px;font-size:26px;border-radius:4px 12px}.shell-sidebar-foot{gap:10px;padding-left:10px;font-size:9px}.shell-sidebar-foot small{font-size:8px}.sidebar-suits{font-size:13px;letter-spacing:3px}.shell-header{height:48px;padding:0 24px}.shell-header .ui-icon{height:38px;width:40px;min-width:40px}.shell-header .shell-avatar-button{height:36px;width:36px;font-size:18px!important}.shell-main{padding:3px 24px 13px}.shell-page,.fixed-content{gap:10px}.shell-page-heading h1{font-size:25px;margin-top:2px}.shell-page-heading .ui-eyebrow{font-size:7px}.shell-steps{gap:19px}.shell-steps li{font-size:8px}.shell-steps li>span{height:16px;width:16px;font-size:7px}.ui-section-tabs button{min-height:36px;padding:8px 4px;font-size:10px}.ui-eyebrow{font-size:7px}.ui-button{min-height:42px;font-size:11px!important;padding:8px 14px}.ui-input{min-height:40px;padding:8px 11px}.ui-input-label,.ui-field-title{font-size:9px}.ui-page-controls{min-height:37px;gap:16px}.ui-page-controls>.ui-icon{height:36px;width:42px}.ui-page-controls>span{font-size:10px}.shell-card-art{top:-20px;right:8px;transform:scale(.52) rotate(8deg);transform-origin:100% 30%}.shell-tile-art{right:6px;top:17px;transform:scale(.55) rotate(-8deg);transform-origin:100% 30%}.shell-path-grid{grid-template-columns:1fr 1fr;gap:14px}.shell-path-card{padding:20px;gap:12px;flex-direction:column;justify-content:center;align-items:flex-start}.shell-path-icon{height:40px;width:42px;border-radius:12px}.shell-path-icon svg{width:23px}.shell-path-card strong{font-size:25px}.shell-path-card small{font-size:10px;margin-top:8px}.shell-path-card em{font-size:8px;margin-top:13px}.shell-path-card>svg{width:16px;bottom:15px;right:16px}.shell-footnote{font-size:9px;min-height:14px}.interface-surface .setup-body{display:grid;grid-template-columns:1.25fr 1fr;gap:23px;padding:10px 17px;align-items:center}.setup-variants{gap:6px}.ui-variant-field legend{font-size:8px;margin-bottom:2px}.ui-variant{min-height:33px;margin-top:4px;padding:4px 9px}.ui-variant strong{font-size:10px}.ui-variant small{font-size:7px}.ui-variant>span:first-of-type{display:flex;align-items:center;gap:8px}.ui-radio-mark{width:15px;height:15px}.ui-choices{gap:5px}.ui-choices button{min-height:31px;font-size:9px;padding:4px 3px}.ui-choices button svg{width:12px}.setup-variants>.ui-choice-field{display:flex;align-items:center;gap:12px}.setup-variants>.ui-choice-field>.ui-field-title{margin:0;font-size:8px}.setup-variants>.ui-choice-field>.ui-choices{flex:1}.setup-variants>.ui-choice-field button{min-height:26px;font-size:8px}.level-grid{gap:6px}.level-grid button{min-height:47px;padding:6px 10px;gap:3px}.level-number{font-size:7px}.level-grid strong{font-size:10px}.level-bars{bottom:9px;right:9px}.level-description{font-size:8px;margin-top:6px!important;min-height:0}.shell-start-dock{min-height:47px;padding-top:6px;gap:12px}.shell-start-dock strong{font-size:11px}.shell-start-dock span{font-size:8px;margin-top:3px}.shell-start-dock>.ui-button{min-width:150px}.join-panel{padding:12px 19px;gap:8px}.ui-section-heading h2,.join-help h2,.ui-form-fields h2{font-size:21px}.ui-section-heading .ui-icon{height:34px}.join-room-list{gap:6px}.shell-room-row{min-height:43px;padding:6px 12px;gap:10px}.shell-room-row strong{font-size:11px}.shell-room-row small{font-size:8px}.shell-empty{padding:5px;gap:8px}.shell-empty>svg{width:23px;height:23px}.shell-empty strong{font-size:23px}.shell-empty p{font-size:10px;max-width:430px}.shell-empty .ui-text{min-height:32px}.join-panel form{max-width:660px}.interface-surface .ui-form-fields{display:grid;grid-template-columns:1fr 1fr;column-gap:16px;row-gap:5px}.ui-form-fields h2{grid-column:1/-1}.ui-form-fields>.ui-caption{grid-column:1/-1;margin:0 0 3px;font-size:9px}.ui-form-fields>.ui-input-label{margin:0;font-size:9px;grid-row:3}.ui-form-fields>.ui-input{grid-row:4}.ui-form-fields>.ui-button{grid-column:2;margin-top:4px;min-height:37px}.join-help{gap:8px;max-width:620px}.join-help>svg{display:none}.join-help p{font-size:11px;line-height:1.6}.join-help .ui-text{min-height:34px;font-size:10px!important}.shell-invite{padding:9px 17px;gap:22px;flex-wrap:nowrap}.shell-invite>div:first-child{width:auto;display:block}.shell-room-code{min-height:33px}.shell-room-code strong{font-size:24px}.shell-address{border:0;border-left:1px solid rgba(var(--masa-text-rgb),.165);padding:0 0 0 22px;width:auto;gap:3px}.shell-address strong{font-size:11px}.shell-address>span,.shell-address small{font-size:8px}.shell-seats{grid-template-columns:repeat(4,1fr);gap:10px}.shell-seat{padding:11px 6px;flex-direction:column;gap:6px;text-align:center}.shell-seat-avatar{width:33px;height:33px;font-size:21px}.shell-seat strong{font-size:9px}.shell-seat small{font-size:8px;margin-top:2px}.shell-seat>div{width:100%}.lobby-seats-heading{font-size:8px}.settings-panel{padding:15px 26px}.settings-panel h2{font-size:22px}.settings-identity{margin-bottom:12px;gap:13px}.settings-identity h2{font-size:22px}.settings-identity .ui-profile-initial{height:43px;width:43px;border-radius:12px;font-size:26px}.settings-panel>.ui-caption{font-size:9px;margin-top:8px}.ui-setting-switch{min-height:53px;padding:9px 0}.ui-setting-switch strong{font-size:11px}.ui-setting-switch small{font-size:9px}.ui-volume{margin-top:10px;gap:5px;font-size:10px}.ui-volume input{min-height:24px}.ui-palette{margin-top:12px}.ui-palette i{height:20px;width:17px}.ui-saved-note,.ui-stat-note{font-size:8px;min-height:13px}.shell-about{min-height:22px}.shell-about .ui-text{min-height:22px;font-size:9px!important}.ui-profile-heading{min-height:44px;width:42%;gap:10px}.ui-profile-heading h1{font-size:20px}.ui-profile-heading>.ui-profile-initial{width:40px;height:40px;font-size:24px;border-radius:11px}.ui-profile-heading>svg{display:none}.ui-statistics{position:relative}.ui-stat-filters{position:absolute;top:0;right:0;width:54%;gap:9px}.ui-stat-filters label{font-size:7px}.ui-stat-filters select{min-height:33px;margin-top:3px;font-size:var(--desktop-profile-filter-font,10px)!important;padding:5px 7px}.ui-stat-counters section{padding:11px 14px;display:grid;grid-template-columns:1fr auto;gap:3px}.ui-stat-counters svg{width:17px;grid-column:2;grid-row:1}.ui-stat-counters b{font-size:30px;grid-column:1;grid-row:1}.ui-stat-counters span{font-size:9px}.statistics-body{gap:10px}.ui-stat-details{grid-template-columns:repeat(3,1fr);gap:0 18px}.ui-stat-details>span{font-size:9px;min-height:27px}.ui-stat-details b{font-size:10px}.ui-breakdown,.ui-recent{padding:4px 16px}.ui-breakdown article,.ui-recent article{min-height:45px;padding:6px 0}.ui-breakdown strong,.ui-recent strong{font-size:10px}.ui-breakdown small,.ui-recent small{font-size:8px;margin-top:2px}.ui-game-symbol{width:29px;height:29px;font-size:16px}.ui-recent article>div:last-child{font-size:10px}.ui-stat-empty{gap:9px;padding:15px}.ui-stat-empty>svg{width:23px;height:23px}.ui-stat-empty h3{font-size:23px}.ui-stat-empty p{font-size:11px;max-width:410px}.ui-rule-page{padding:14px 26px}.ui-rule-cap{margin-bottom:11px;font-size:8px}.ui-rule-page h3{font-size:24px;margin-bottom:9px}.ui-rule-page p{font-size:12px;line-height:1.8;max-width:none}.interface-dialog{position:relative;border-radius:15px}.ui-dialog-header{padding:8px 16px;gap:10px;min-height:49px}.ui-dialog-header h2{font-size:20px}.ui-dialog-header .ui-icon{height:33px;width:35px;min-width:35px}.ui-dialog-body{padding:10px 17px;gap:8px}.interface-surface .scoreboard{gap:7px}.score-caption{font-size:9px}.score-caption>span{font-size:8px}.interface-surface .score-player-icons{display:none}.app .interface-surface .score-grid thead th{height:33px;padding:4px}.app .interface-surface .score-grid :is(th,td){font-size:12px;padding:3px}.interface-surface .score-player-name{font-size:9px}.interface-surface .score-detail-toggle{min-height:29px;padding:2px 5px;font-size:10px}.app .interface-surface .score-grid .score-totals :is(th,td){height:31px;padding:3px;font-size:9px}.interface-surface .score-grid .score-totals b{font-size:16px}.score-detail-sheet{padding:9px 14px;gap:8px}.score-detail-heading .ui-icon{width:33px;height:30px;min-width:33px}.score-detail-heading h3{font-size:17px}.score-detail-heading p{font-size:9px;margin-top:2px}.score-detail-rows>div{min-height:27px;font-size:10px}.score-detail-note,.score-detail-rows span{font-size:9px}.ui-result-summary{position:absolute;right:72px;top:13px;max-width:50%;gap:8px}.ui-result-summary>span{width:26px;height:26px;border-radius:8px}.ui-result-summary>span svg{width:16px}.ui-result-summary h3{font-size:14px}.ui-result-summary p{display:none}.ui-dialog-actions{gap:10px}.ui-dialog-actions>.ui-button{min-height:37px;padding:8px 12px;font-size:11px!important}.ui-result-actions>.ui-caption{font-size:9px}.interface-profile .ui-profile-heading{min-height:43px}.interface-profile .ui-profile-heading h1{font-size:20px}.interface-profile .ui-statistics{gap:7px}.interface-settings .settings-panel{padding:11px 25px}.interface-settings .ui-setting-switch{min-height:54px}}@media(prefers-reduced-motion:reduce){.interface-surface *,.interface-surface *:before,.interface-surface *:after{animation:none!important;transition:none!important}}[data-motion=reduced] .interface-surface *,[data-motion=reduced] .interface-surface *:before,[data-motion=reduced] .interface-surface *:after{animation:none!important;transition:none!important}.interface-surface h1:focus-visible{outline:none!important;box-shadow:none!important}.shell-tile-art>span{min-width:0;width:0}.interface-surface .score-detail-toggle{white-space:nowrap;justify-content:center;gap:2px;flex-wrap:nowrap}.interface-surface .score-detail-toggle>span{margin-left:0;flex-shrink:0}@media(max-width:760px)and (max-height:650px)and (orientation:portrait){.shell-setup .shell-steps,.shell-setup .shell-page-heading .ui-eyebrow{display:none}.shell-setup .ui-section-tabs button,.shell-setup .ui-choices button{min-height:44px}.shell-setup .setup-variants>.ui-choice-field{display:flex;gap:8px;align-items:center}.shell-setup .setup-variants>.ui-choice-field>.ui-field-title{margin:0;font-size:8px}.shell-setup .setup-variants>.ui-choice-field>.ui-choices{flex:1}.interface-surface .setup-body{padding-block:10px}}@media(orientation:landscape)and (max-height:550px){:is(.shell-setup,.shell-network) .shell-steps,:is(.shell-setup,.shell-network) .shell-page-heading .ui-eyebrow{display:none}.join-panel{gap:7px}.join-room-list{flex-shrink:0;flex-basis:auto}.join-panel:has(.join-room-list) .ui-page-controls{margin-top:auto}}@media(orientation:landscape)and (max-height:550px){.setup-body:has(.setup-variants>.ui-choice-field){grid-template-rows:1fr 1fr;row-gap:8px}.setup-body:has(.setup-variants>.ui-choice-field) .setup-variants{display:contents}.setup-body:has(.setup-variants>.ui-choice-field) .ui-variant-field{grid-column:1;grid-row:1 / 3}.setup-body:has(.setup-variants>.ui-choice-field) .setup-variants>.ui-choice-field{grid-column:2;grid-row:1;display:block}.setup-body:has(.setup-variants>.ui-choice-field) .setup-variants>.ui-choice-field .ui-field-title{margin-bottom:6px}.setup-body:has(.setup-variants>.ui-choice-field)>.ui-choice-field{grid-column:2;grid-row:2}.join-room-list{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:8px}.join-room-list>.shell-empty{grid-column:1 / -1;height:100%}.join-panel:has(.shell-empty) .join-room-list{display:flex;flex:1;justify-content:center}}.interface-scores{height:min(600px,100%)}.interface-results{height:min(680px,100%)}.score-detail-sheet{justify-content:flex-start}.score-detail-heading,.score-detail-note{flex-shrink:0}.score-detail-heading h3:focus{outline:none}.score-detail-rows{flex:1;justify-content:center;min-height:0}.score-detail-rows>div{flex:1}.interface-results:has(.scoreboard[data-detail=true]) .ui-result-summary{display:none}.interface-surface .score-player-name{font-size:11px}.ui-result-summary p{font-size:11px;color:var(--shell-muted)}.interface-surface :is(.ui-button,.ui-icon,.ui-variant,.level-grid button,.rack-edge-sort):active:not(:disabled){filter:brightness(1.1)}@media(max-width:760px)and (orientation:portrait){.shell-header-label{font-size:12px;color:var(--masa-muted)}.shell-bottom-nav button{font-size:11px;gap:3px}.ui-eyebrow,.shell-steps li{font-size:10px}.shell-path-card small{font-size:13px;line-height:1.5}.shell-path-card em{font-size:11px;line-height:1.5}.shell-footnote{font-size:11px}.ui-section-tabs button{font-size:13px}.ui-variant strong,.level-grid strong{font-size:15px}.ui-variant small,.level-description{font-size:12px;line-height:1.5}.ui-variant-field legend,.ui-field-title,.ui-input-label{font-size:12px}.ui-choices button{font-size:12px;min-height:44px}.shell-start-dock strong{font-size:13px}.shell-start-dock span{font-size:11px}.ui-setting-switch strong{font-size:14px}.ui-setting-switch small,.ui-caption{font-size:12px}.ui-saved-note,.ui-stat-note,.ui-stat-filters label,.ui-stat-counters span{font-size:11px}.ui-stat-details>span{font-size:11px}.ui-stat-details b,.ui-breakdown strong,.ui-recent strong{font-size:13px}.ui-breakdown small,.ui-recent small{font-size:11px}.shell-room-row strong{font-size:14px}.shell-room-row small{font-size:12px}.shell-seat strong,.shell-seat small,.shell-address small,.shell-address>span{font-size:11px}.score-caption,.score-caption>span{font-size:10px}.score-detail-heading p,.score-detail-note{font-size:11px}.score-detail-rows>div{font-size:13px}.score-detail-rows span{font-size:11px}}@media(max-width:760px)and (orientation:portrait)and (min-height:700px){.interface-surface .setup-body{justify-content:center;gap:32px}.ui-variant{min-height:67px;padding:12px}.level-grid button{min-height:92px}}@media(orientation:portrait)and (max-height:650px){.ui-dialog-header{padding:8px 14px;min-height:58px}.ui-dialog-body{padding:12px;gap:9px}.ui-result-summary>span{width:30px;height:30px}.ui-result-summary h3{font-size:16px}.ui-result-summary p{font-size:10px;margin-top:2px}.interface-surface .scoreboard{gap:8px}.app .interface-surface .score-grid thead th{height:42px;padding:4px 2px}.interface-surface .score-player-icons{display:none}.interface-surface .score-detail-toggle{min-height:33px}.app .interface-surface .score-grid .score-totals :is(th,td){height:35px;padding:4px 2px}.score-detail-sheet{padding:10px;gap:8px}.score-detail-rows>div{min-height:33px}.score-detail-note{font-size:10px;line-height:1.5}.shell-path-card{gap:13px;padding:16px}.shell-path-card strong{font-size:22px}.shell-path-card small{font-size:12px}.shell-path-card em{margin-top:12px}.ui-variant strong,.level-grid strong{font-size:13px}.ui-variant small{font-size:10px}.interface-surface .setup-body{padding-block:8px;gap:8px}.setup-variants{gap:6px}.ui-variant{min-height:44px;padding:4px 9px;margin-top:4px}.ui-choices button{min-height:36px}}@media(orientation:landscape)and (max-height:550px){.score-detail-rows{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.score-detail-rows>div{min-height:28px;font-size:12px}.score-detail-heading p,.score-detail-note{font-size:10px}.score-detail-heading h3{font-size:18px}.interface-surface .score-player-name{font-size:10px}}.shell{background:radial-gradient(ellipse at 80% 22%,rgba(var(--masa-selected-rgb),.45),transparent 65%),url(/kahvehane/batak-sapphire-felt.svg),var(--shell-bg)}.shell-path-card,.shell-path-card.path-friends{border-color:rgba(var(--masa-ice-rgb),.65);background:radial-gradient(ellipse at 85% 10%,rgba(var(--masa-accent-rgb),.4),transparent 70%),linear-gradient(135deg,var(--masa-raised),var(--masa-panel));box-shadow:inset 0 1px rgba(var(--masa-text-rgb),.45),0 7px 15px #0003}.shell-monogram,.shell-path-icon,.ui-icon,.shell-avatar-button{border-color:rgba(var(--masa-ice-rgb),.65);background:linear-gradient(145deg,rgba(var(--masa-selected-rgb),.6),var(--masa-base));box-shadow:inset 0 1px rgba(var(--masa-text-rgb),.28),0 2px 4px #0004}.ui-primary{background:linear-gradient(160deg,var(--masa-accent),var(--masa-action));border-color:var(--masa-ice);box-shadow:inset 0 1px rgba(var(--masa-text-rgb),.65),0 2px 8px rgba(var(--masa-accent-rgb),.3)}.ui-panel,.interface-surface .setup-body{border-color:rgba(var(--masa-ice-rgb),.5);background:linear-gradient(140deg,rgba(var(--masa-panel-rgb),.8),rgba(var(--masa-base-rgb),.65))}.ui-variant{border-color:rgba(var(--masa-line-rgb),.55)}.ui-variant.selected,.ui-choices button[aria-pressed=true],.level-grid button[aria-pressed=true]{background:linear-gradient(135deg,var(--masa-selected),var(--masa-panel));border-color:var(--masa-ice);box-shadow:inset 0 1px rgba(var(--masa-text-rgb),.3),0 0 9px rgba(var(--masa-accent-rgb),.15);color:var(--masa-text)}.shell-bottom-nav{border-color:rgba(var(--masa-ice-rgb),.6);background:linear-gradient(120deg,var(--masa-raised),var(--masa-base));box-shadow:inset 0 1px rgba(var(--masa-text-rgb),.15)}@media(max-width:760px)and (orientation:portrait)and (min-height:700px){.ui-variant strong{font-size:14px}.ui-variant small{font-size:11px}.ui-field-title,.ui-variant-field legend{font-size:12px}}.statistics-body:has(.stat-contract-card){justify-content:flex-start;padding-top:16px}.ui-stat-counters section{border-color:rgba(var(--masa-ice-rgb),.5);background:linear-gradient(145deg,var(--masa-raised),var(--masa-base));box-shadow:inset 0 1px rgba(var(--masa-text-rgb),.22)}.ui-profile-initial{border-radius:50%;border:2px solid var(--masa-ice);background:radial-gradient(circle at 40% 25%,var(--masa-selected),var(--masa-base));box-shadow:0 0 0 3px rgba(var(--masa-line-rgb),.4),inset 0 0 0 2px var(--masa-base)}.stat-contract-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px;border:1px solid var(--masa-line);border-radius:15px;background:linear-gradient(125deg,var(--masa-panel),var(--masa-base));flex:none}.stat-contract-card>div:first-child{min-width:0;flex:1}.stat-contract-card h3{font:650 19px/23px Outfit,sans-serif;margin:0 0 12px}.stat-contract-values{display:flex;gap:13px}.stat-contract-values>span{display:flex;flex-direction:column;gap:4px;font-size:9px;color:var(--masa-muted)}.stat-contract-values b{font:650 22px/26px Outfit,sans-serif;color:var(--masa-text)}.stat-contract-ring{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;width:74px;height:74px;border-radius:50%;background:conic-gradient(var(--masa-accent) var(--rate),var(--masa-raised) 0);box-shadow:0 0 10px rgba(var(--masa-accent-rgb),.16)}.stat-contract-ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--masa-base);z-index:-1}.stat-contract-ring b{font:650 22px/27px Outfit,sans-serif}.stat-contract-ring small{font-size:9px;color:var(--masa-muted)}@media(orientation:portrait)and (max-height:680px){.statistics-body:has(.stat-contract-card){padding-top:2px;gap:8px}.stat-contract-card{padding:9px;gap:8px}.stat-contract-card h3{font-size:15px;line-height:18px;margin-bottom:5px}.stat-contract-values{gap:10px}.stat-contract-values b{font-size:17px;line-height:20px}.stat-contract-values>span{font-size:8px;gap:2px}.stat-contract-ring{width:58px;height:58px}.stat-contract-ring b{font-size:18px}.stat-contract-ring small{font-size:8px}}@media(orientation:portrait)and (max-height:680px){.ui-stat-counters section{padding:9px 8px;gap:3px;min-height:66px}.ui-stat-counters svg{display:none}.ui-stat-counters b{font-size:25px;line-height:30px}.ui-stat-counters span{font-size:8px;line-height:11px}}.shell-path-card>.shell-card-art,.shell-path-card>.shell-tile-art{display:none}@media(max-width:760px)and (orientation:portrait)and (min-height:700px){.shell-path-card{overflow:hidden;align-items:flex-start;flex-direction:column;gap:12px;justify-content:flex-start;padding:22px}.shell-path-card>.shell-path-icon{width:48px;height:48px}.shell-path-card>span:nth-child(2){position:relative;z-index:1;max-width:65%}.shell-path-card strong{font-size:26px}.shell-path-card small{font-size:11px;line-height:1.6}.shell-path-card em{font-size:9px;line-height:1.4;margin-top:14px}.shell-path-card>.shell-card-art{display:block;right:-4px;top:59px;transform:scale(.58) rotate(9deg);transform-origin:100% 40%;pointer-events:none}.shell-path-card>.shell-tile-art{display:flex;right:0;top:110px;transform:scale(.56) rotate(-9deg);transform-origin:100% 40%;pointer-events:none}}.shell{background-image:radial-gradient(ellipse at 80% 22%,rgba(var(--masa-selected-rgb),.45),transparent 65%);background-color:var(--shell-bg);background-size:auto}.is-home .shell-main{overflow:visible}.is-home .shell-page{height:100%;min-height:0;max-width:1040px;gap:20px;padding-bottom:4px}.home-preview-note{font-size:11px;line-height:1.6;color:var(--masa-muted);padding:9px 12px;border:1px solid rgba(var(--masa-ice-rgb),.18);border-radius:10px;background:rgba(var(--masa-base-rgb),.35)}.home-preview-note>span{font-size:9px;letter-spacing:.12em;color:var(--masa-ice);font-weight:700;margin-right:8px}.home-intro{position:relative;isolation:isolate;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;min-height:260px;gap:20px;padding:12px 0 20px}.home-welcome{position:relative;z-index:1;min-width:0}.home-welcome .ui-eyebrow{font-size:11px;letter-spacing:.12em;overflow-wrap:anywhere;max-width:90%}.home-welcome h1{font-size:clamp(40px,5vw,66px);font-weight:600;line-height:1.08;letter-spacing:-.045em;margin:18px 0}.home-welcome h1 em{font-family:Georgia,serif;font-weight:400;color:var(--masa-ice);white-space:nowrap}.home-welcome p{font-size:15px;line-height:1.6;color:var(--masa-muted)}.home-guide.ui-icon{position:absolute;right:0;top:0;width:auto;min-height:44px;gap:7px;padding:0 12px;border-color:rgba(var(--masa-ice-rgb),.2);box-shadow:none;background:rgba(var(--masa-base-rgb),.25);color:var(--masa-muted);font-size:11px}.brand-scene{position:relative;justify-self:center;width:min(100%,340px);height:242px;pointer-events:none;margin-top:20px}.scene-platform{position:absolute;bottom:15%;left:4%;width:92%;height:36%;border-radius:50%;background:radial-gradient(ellipse at 40% 30%,var(--masa-selected),var(--masa-panel) 70%);border:1px solid rgba(var(--masa-ice-rgb),.6);box-shadow:0 4px 0 var(--masa-base),0 5px 0 var(--masa-line),0 14px 20px #0005}.scene-platform i{position:absolute;inset:10%;border:1px solid rgba(var(--masa-ice-rgb),.15);border-radius:50%}.scene-orbit{position:absolute;left:4%;top:7%;width:92%;height:76%;border:1px solid rgba(var(--masa-ice-rgb),.25);border-radius:50%;transform:rotate(-18deg)}.scene-orbit:after{content:"";position:absolute;inset:12%;border:1px solid rgba(var(--masa-ice-rgb),.07);border-radius:50%}.scene-cards{position:absolute;left:10%;top:5%;width:65%;height:73%}.scene-cards img{position:absolute;width:36%;height:auto;bottom:15%;object-fit:contain;border-radius:5px;box-shadow:-3px 6px 12px #0004;transform:rotate(var(--scene-angle));animation:scene-arrive .34s ease-out both}.scene-cards img:nth-child(1){left:3%;--scene-angle:-20deg;animation-delay:30ms}.scene-cards img:nth-child(2){left:30%;bottom:21%;--scene-angle:0deg;animation-delay:65ms}.scene-cards img:nth-child(3){left:58%;--scene-angle:18deg;animation-delay:.1s}.scene-tiles{position:absolute;display:flex;align-items:flex-end;gap:4%;width:49%;right:8%;bottom:18%;transform:rotate(-7deg)}.scene-tiles>img{display:block;flex:1 1 0;min-width:0;width:30.66%;height:auto;object-fit:contain;filter:drop-shadow(0 5px 3px #0003)}.scene-tiles>img:nth-child(2){transform:translateY(-5px)}.scene-inscription{position:absolute;bottom:1%;width:100%;display:flex;align-items:center;justify-content:center;gap:12px;font-size:9px;letter-spacing:.17em;color:var(--masa-muted)}.scene-inscription i{width:3px;height:3px;border-radius:50%;background:var(--masa-ice)}.shell-resumes{display:flex;gap:12px}.shell-resume{display:flex;align-items:center;gap:12px;flex:1;min-width:0;min-height:64px;padding:12px 16px;text-align:left;border:1px solid rgba(var(--masa-ice-rgb),.24);border-radius:14px;background:rgba(var(--masa-panel-rgb),.5);color:var(--masa-ice)}.shell-resume>span{min-width:0;flex:1}.shell-resume strong,.shell-resume small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell-resume strong{font-size:14px;color:var(--masa-text)}.shell-resume small{font-size:12px;color:var(--masa-muted);margin-top:2px}.home-section-title{display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:.1em;color:var(--masa-muted)}.home-section-title>i{height:1px;flex:1;background:rgba(var(--masa-ice-rgb),.18)}.home-section-title>span:last-child{font-size:12px;letter-spacing:0;color:var(--masa-ice)}.shell-game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.shell-game-card{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-width:0;height:250px;padding:24px;text-align:left;border:1px solid rgba(var(--masa-ice-rgb),.37);border-radius:22px;background:radial-gradient(ellipse at 95% 0%,rgba(var(--masa-selected-rgb),.8),transparent 75%),linear-gradient(145deg,var(--masa-raised),var(--masa-panel));box-shadow:inset 0 1px rgba(var(--masa-text-rgb),.13),0 7px 15px #0002;color:var(--masa-text);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.shell-game-card.game-101{background:radial-gradient(ellipse at 100% 100%,rgba(var(--masa-selected-rgb),.55),transparent 80%),var(--masa-panel)}.shell-game-index{position:absolute;top:22px;left:24px;display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.12em;color:var(--masa-muted)}.shell-game-index i{width:18px;height:1px;background:var(--masa-line)}.shell-game-title{position:relative;z-index:1;display:block}.shell-game-title strong{display:block;font-family:Outfit,system-ui,sans-serif;font-size:37px;font-weight:600;letter-spacing:-.05em;line-height:1.2}.shell-game-title small{display:block;font-size:12px;line-height:1.5;color:var(--masa-muted);margin-top:7px}.shell-game-arrow{position:absolute;right:18px;top:16px;display:grid;place-content:center;width:38px;height:38px;border:1px solid rgba(var(--masa-ice-rgb),.3);border-radius:50%;color:var(--masa-ice);transition:transform .18s ease}.shell-home .shell-game-card>.shell-card-art{width:152px;height:106px;right:calc(50% - 76px);top:44px;transform:none;transform-origin:center;pointer-events:none}.shell-home .shell-card-art img{width:62px;bottom:0}.shell-home .shell-card-art img:nth-child(1){left:12px;transform:rotate(-18deg)}.shell-home .shell-card-art img:nth-child(2){left:45px;bottom:8px;transform:rotate(0)}.shell-home .shell-card-art img:nth-child(3){left:78px;transform:rotate(18deg)}.shell-home .shell-game-card>.shell-tile-art{display:flex;align-items:center;gap:5px;width:155px;height:100px;right:calc(50% - 77.5px);top:65px;transform:rotate(-7deg);transform-origin:center;pointer-events:none}.shell-home .shell-tile-art>img{display:block;flex:1 1 0;min-width:0;width:calc((100% - 10px)/3);height:auto;max-height:100%;object-fit:contain;filter:drop-shadow(0 5px 3px #0003)}.shell-home .shell-tile-art>img:nth-child(2){transform:translateY(-5px)}.home-benefits{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;padding:2px 0 6px;font-size:12px;color:var(--masa-muted)}.home-benefits>span{display:flex;align-items:center;gap:6px}.home-benefits>i{width:3px;height:3px;border-radius:50%;background:var(--masa-line)}@media(hover:hover){.shell-game-card:hover{transform:translateY(-3px);border-color:var(--masa-ice);box-shadow:inset 0 1px rgba(var(--masa-text-rgb),.2),0 12px 24px #0003}.shell-game-card:hover .shell-game-arrow{transform:translate(3px)}}.shell-game-card:active{transform:translateY(1px)}.app[data-web=true] .is-home .shell-game-card{transition:border-color .18s ease,box-shadow .18s ease}.app[data-web=true] .is-home .shell-game-card:is(:hover,:active){transform:none}@media(max-width:760px){.is-home{grid-template-columns:1fr}.is-home .shell-sidebar{display:none}.is-home .shell-header{height:76px;padding:12px 20px;gap:12px}.is-home .shell-header-label{display:none}.is-home .shell-mobile-brand{display:block}.is-home .shell-logo .batak-wordmark{display:block;width:184px;max-width:100%;height:auto}.is-home .shell-header-actions{gap:8px!important}.is-home .shell-header-actions .ui-icon,.is-home .shell-avatar-button{width:44px;height:44px;min-width:44px}.is-home .shell-main{padding:6px 20px 16px}.is-home .shell-page{gap:18px}.home-preview-note{font-size:10px;padding:8px 10px}.home-preview-note>span{font-size:8px}.home-intro{grid-template-columns:1.1fr 1fr;gap:0;min-height:216px;padding:28px 0 12px}.home-welcome h1{font-size:clamp(30px,7.8vw,48px);margin:13px 0;line-height:1.12}.home-welcome .ui-eyebrow{font-size:10px;max-width:100%;letter-spacing:.08em}.home-welcome p{font-size:12px;max-width:155px}.home-guide.ui-icon{top:-3px;min-height:36px;height:36px;padding:0 9px;font-size:10px;gap:5px}.brand-scene{width:100%;height:180px;margin-top:18px}.scene-inscription{font-size:7px;gap:8px;letter-spacing:.09em}.shell-resumes{flex-wrap:wrap;gap:8px}.shell-resume{flex-basis:100%;min-height:58px;padding:10px 13px}.home-section-title{font-size:10px;gap:9px}.home-section-title>span:last-child{font-size:10px}.shell-game-grid{gap:12px}.shell-game-card{height:230px;padding:16px;border-radius:18px}.shell-game-index{top:17px;left:16px;font-size:10px;gap:6px}.shell-game-index i{width:12px}.shell-game-arrow{right:12px;top:12px;width:30px;height:30px}.shell-game-arrow svg{width:17px}.shell-game-title strong{font-size:clamp(25px,6.7vw,34px)}.shell-game-title small{font-size:11px;line-height:1.55;white-space:normal;max-width:170px;min-height:34px;margin-top:5px}.shell-home .shell-game-card>.shell-card-art{width:130px;height:96px;right:calc(50% - 65px);top:44px}.shell-home .shell-card-art img{width:52px}.shell-home .shell-card-art img:nth-child(1){left:11px}.shell-home .shell-card-art img:nth-child(2){left:39px}.shell-home .shell-card-art img:nth-child(3){left:67px}.shell-home .shell-game-card>.shell-tile-art{width:124px;height:84px;right:calc(50% - 62px);top:52px;gap:4px}.home-benefits{font-size:10px;gap:7px 10px}.home-benefits>span{gap:4px}.home-benefits svg{width:12px;height:12px}.is-home .shell-bottom-nav{display:flex;flex-shrink:0;min-height:66px;margin:0 16px max(10px,env(safe-area-inset-bottom));padding:5px;border-radius:20px;border-color:rgba(var(--masa-ice-rgb),.3)}.is-home .shell-bottom-nav button{min-height:54px;font-size:11px;gap:4px;border-radius:14px}}@media(max-width:359px){.is-home .shell-header{padding-inline:14px}.is-home .shell-logo .batak-wordmark{width:184px}.is-home .shell-main{padding-inline:14px}.home-intro{min-height:195px}.home-welcome h1{font-size:29px}.home-welcome p{font-size:11px}.home-welcome .ui-eyebrow{font-size:9px}.brand-scene{height:155px}.home-section-title>span:last-child{display:none}.shell-game-card{padding:12px;height:220px}.shell-game-index{left:12px;font-size:9px}.shell-game-index i{display:none}.shell-home .shell-game-card>.shell-card-art{transform:scale(.88)}.shell-home .shell-game-card>.shell-tile-art{transform:scale(.88) rotate(-7deg)}.shell-game-title strong{font-size:25px}.home-benefits>i{display:none}.home-benefits{gap:6px 12px}}@media(min-width:761px)and (max-height:650px){.home-intro{min-height:210px}.brand-scene{height:205px}.shell-game-card{height:230px}}@media(prefers-reduced-motion:reduce){.shell-game-card,.shell-game-arrow,.scene-cards img{animation:none!important;transition:none!important}}.shell-logo .batak-wordmark{display:block;width:154px;max-width:100%;height:auto;color:var(--masa-text)}.shell-logo.is-stacked{flex-direction:column;align-items:flex-start;gap:6px;color:var(--masa-text);letter-spacing:-.5px}.shell-logo.is-stacked>svg{display:block;width:64px;height:64px;flex:none}.shell-logo.is-stacked>span{font: 20px/1.2 Georgia,Times New Roman,serif;white-space:nowrap}.shell-logo.is-stacked i{font-style:normal;color:var(--masa-ice)}.batak-wordmark .brand-ampersand{fill:var(--masa-ice)}.batak-wordmark .brand-tagline{fill:var(--masa-muted)}.shell-mode{overflow:visible}.shell-mode>.shell-page{height:100%;min-height:0;max-width:1000px;gap:22px}.shell-mode .shell-page-heading h1{font-size:clamp(29px,4vw,44px);line-height:1.15}.shell-mode-options.shell-path-grid{flex:none;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;align-items:start;gap:20px}.shell-mode-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:24px;border:1px solid rgba(var(--masa-ice-rgb),.45);border-radius:22px;background:radial-gradient(ellipse at 100% 0%,rgba(var(--masa-selected-rgb),.6),transparent 75%),var(--masa-panel);box-shadow:inset 0 1px rgba(var(--masa-text-rgb),.15),0 8px 20px #0002}.shell-mode-main{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:13px;width:100%;min-height:148px;padding:0;border:0;background:none;text-align:left;color:var(--masa-text)}.shell-mode-main>.shell-path-icon{width:44px;height:46px;border-radius:14px}.shell-mode-main>.shell-path-icon svg{width:24px}.shell-mode-main>span:nth-child(2){min-width:0;position:relative;z-index:1}.shell-mode-main strong{display:block;font-family:Outfit,system-ui,sans-serif;font-size:28px;font-weight:600;line-height:1.3;letter-spacing:-.035em}.shell-mode-main small{display:block;max-width:calc(100% - 85px);margin-top:9px;font-size:13px;line-height:1.6;color:var(--masa-muted)}.shell-mode-main .shell-card-art{display:block;top:auto;bottom:6px;right:7px;width:112px;height:98px;transform:none;transform-origin:center;pointer-events:none}.shell-mode-main .shell-card-art img{width:46px;bottom:0}.shell-mode-main .shell-card-art img:nth-child(1){left:5px;transform:rotate(-18deg)}.shell-mode-main .shell-card-art img:nth-child(2){left:33px;bottom:7px;transform:rotate(0)}.shell-mode-main .shell-card-art img:nth-child(3){left:61px;transform:rotate(18deg)}.shell-mode-main .shell-tile-art{display:flex;align-items:center;top:auto;bottom:11px;right:6px;width:109px;height:76px;gap:3px;transform:rotate(-7deg);transform-origin:center;pointer-events:none}.shell-mode-main .shell-tile-art>img{flex:1 1 0;min-width:0;width:calc((100% - 6px)/3);height:auto;max-height:100%;object-fit:contain;filter:drop-shadow(0 4px 3px #0003)}.shell-mode-main .shell-tile-art>img:nth-child(2){transform:translateY(-4px)}.shell-mode-footer{position:relative;border-top:1px solid rgba(var(--masa-ice-rgb),.22);padding-top:16px;margin-top:12px}.shell-mode-footer>span{display:block;font-size:12px;font-weight:600;color:var(--masa-muted);margin-bottom:10px}.shell-mode-levels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.shell-mode-levels button{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:48px;padding:8px 3px;border:1px solid rgba(var(--masa-ice-rgb),.25);border-radius:11px;background:rgba(var(--masa-base-rgb),.65);color:var(--masa-muted);font-size:12px}.shell-mode-levels button[aria-pressed=true]{background:var(--masa-selected);border-color:var(--masa-ice);color:var(--masa-text);font-weight:700;box-shadow:inset 0 0 0 1px rgba(var(--masa-ice-rgb),.2)}.shell-mode-hint{font-size:12px;line-height:1.55;color:var(--masa-muted);min-height:38px;margin:10px 0 12px!important}.shell-mode-next{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:12px 16px;border:1px solid var(--masa-ice);border-radius:12px;background:linear-gradient(135deg,var(--masa-selected),var(--masa-panel));color:var(--masa-text);font-size:14px;font-weight:650;transition:filter .16s ease,transform .16s ease}.shell-mode-next:active{transform:translateY(1px)}.shell-mode-card.path-friends{border-color:rgba(var(--masa-ice-rgb),.22);background:rgba(var(--masa-panel-rgb),.55);box-shadow:none}.shell-mode-availability{padding:10px 12px;border-radius:9px;background:rgba(var(--masa-base-rgb),.5);color:var(--masa-muted);font-size:12px;line-height:1.6}.shell-mode-room-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.shell-mode-room-actions button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px;padding:8px;border:1px solid rgba(var(--masa-ice-rgb),.2);border-radius:11px;background:transparent;color:var(--masa-muted);font-size:12px}.shell-mode-card[inert] .shell-mode-room-actions{opacity:.55}.shell-mode .shell-footnote{font-size:12px;color:var(--masa-muted);margin-bottom:8px}@media(max-width:760px){.shell-mode>.shell-page{gap:18px}.shell-mode-options.shell-path-grid{grid-template-columns:minmax(0,1fr);gap:16px;grid-template-rows:auto}.shell-mode .shell-page-heading h1{font-size:30px}.shell-mode .shell-page-heading .ui-eyebrow{font-size:11px}.shell-mode-card{padding:20px;border-radius:20px}.shell-mode-main{min-height:122px;gap:12px}.shell-mode-main strong{font-size:25px}.shell-mode-main small{font-size:12px;max-width:calc(100% - 93px);margin-top:8px}.shell-mode-main .shell-card-art{bottom:3px}.shell-mode-main .shell-tile-art{bottom:8px}.shell-mode-footer{padding-top:14px;margin-top:8px}.shell-mode-hint{min-height:20px}.shell-mode-card.path-friends .shell-mode-main{min-height:105px}.shell-mode-card.path-friends .shell-mode-main small{max-width:calc(100% - 90px)}}@media(max-width:359px){.shell-mode-card{padding:16px}.shell-mode-main{grid-template-columns:36px minmax(0,1fr);gap:10px;min-height:128px}.shell-mode-main>.shell-path-icon{width:36px;height:40px}.shell-mode-main strong{font-size:23px}.shell-mode-main small{max-width:calc(100% - 75px);font-size:11px}.shell-mode-main .shell-card-art{right:0;transform:scale(.85);transform-origin:right bottom}.shell-mode-main .shell-tile-art{right:0;transform:scale(.85) rotate(-7deg);transform-origin:right bottom}.shell-mode-levels button{font-size:11px;gap:2px}.shell-mode-levels button svg{width:11px}.shell-mode .shell-page-heading h1{font-size:27px}}@media(orientation:landscape)and (max-height:550px)and (min-width:650px){.shell-mode-options.shell-path-grid{grid-template-columns:minmax(0,1fr)}.shell-mode-card{padding:16px}.shell-mode-main strong{font-size:24px}.shell-mode-main{min-height:135px}}.shell{height:100dvh;padding-top:env(safe-area-inset-top)}.is-home .shell-page{gap:12px;padding-bottom:0}.is-home .home-intro{flex:1;flex-shrink:1;min-height:110px;max-height:260px;padding:4px 0}.is-home .brand-scene{max-height:100%;height:210px;margin-top:0}.is-home .shell-game-card{height:clamp(170px,27dvh,250px)}.is-home .shell-resumes{flex-wrap:nowrap}.is-home .shell-resume{flex-basis:0}.shell-mode-card[hidden]{display:none}.shell-mode .shell-mode-options{flex:1;min-height:0;display:flex;flex-direction:column}.shell-mode .shell-mode-card{width:100%;max-width:720px;margin-inline:auto;min-height:0;flex:1}.shell-mode .shell-mode-main{flex:1;min-height:90px;max-height:160px}.shell-mode .shell-mode-footer{flex:none}.shell-mode .shell-mode-main small{max-width:calc(100% - 120px)}.shell-mode .shell-footnote{margin:0;min-height:18px}.shell-mode>.shell-page{gap:12px}.shell-mode .shell-page-heading h1{font-size:32px}.shell-mode .shell-mode-hint{min-height:20px}.ui-statistics .statistics-body{min-height:0;justify-content:center;padding-top:0}.ui-statistics .stat-contract-card,.ui-statistics .ui-stat-details{width:100%}.ui-settings .settings-panel{padding:16px 22px}.ui-settings .theme-picker{margin-top:16px}.ui-settings .settings-panel>.ui-caption{font-size:12px;line-height:1.5}.ui-settings .ui-setting-switch{min-height:70px;padding:10px 0}.ui-settings .ui-setting-switch strong{font-size:14px}.ui-settings .ui-setting-switch small{font-size:12px;line-height:1.4}.ui-settings .ui-section-tabs button{font-size:12px}@media(max-height:800px){.is-home .shell-page{gap:10px}.is-home .home-intro{min-height:100px;max-height:180px}.is-home .home-welcome h1{font-size:36px;margin:9px 0}.is-home .brand-scene{height:155px}.is-home .shell-game-card{height:190px;padding:14px}.is-home .shell-game-index{top:12px;left:14px}.is-home .shell-game-arrow{top:8px;right:10px;width:30px;height:30px}.is-home .shell-game-title strong{font-size:28px}.is-home .shell-game-title small{font-size:12px;line-height:1.3;min-height:31px;margin-top:4px}.is-home .shell-game-card>.shell-card-art{top:26px;height:88px;transform:scale(.84);transform-origin:center}.is-home .shell-game-card>.shell-tile-art{top:32px;height:76px;transform:scale(.84) rotate(-7deg)}.is-home .home-benefits{padding:0;font-size:11px}.is-home .shell-resume{min-height:48px;padding:7px 10px}}@media(max-width:760px)and (max-height:720px)and (orientation:portrait){.shell .shell-header,.is-home .shell-header{height:58px;padding:7px 16px}.shell .shell-main,.is-home .shell-main{padding:4px 16px 10px}.shell .shell-page,.is-home .shell-page{gap:8px}.shell .shell-bottom-nav,.is-home .shell-bottom-nav{min-height:58px;margin:0 12px max(6px,env(safe-area-inset-bottom));padding:3px}.shell .shell-bottom-nav button,.is-home .shell-bottom-nav button{min-height:48px;font-size:11px;gap:2px}.is-home .home-preview-note{font-size:10px;line-height:1.35;padding:6px 8px}.is-home .home-preview-note>span{font-size:8px}.is-home .home-intro{min-height:88px;max-height:122px;padding:0;grid-template-columns:1.1fr 1fr}.is-home .home-welcome .ui-eyebrow{font-size:10px;line-height:1.3}.is-home .home-welcome h1{font-size:30px;line-height:1.04;margin:7px 0 0}.is-home .home-welcome p{display:none}.is-home .brand-scene{height:108px}.is-home .scene-inscription{font-size:7px}.is-home .home-guide{top:0;min-height:32px;height:32px}.is-home .home-guide span{display:none}.is-home .home-section-title{font-size:10px;line-height:1.4}.is-home .shell-game-card{height:170px;padding:12px}.is-home .shell-game-title strong{font-size:26px}.is-home .shell-game-title small{font-size:12px;line-height:1.3;min-height:31px}.is-home .shell-game-card>.shell-card-art{top:21px;height:72px;transform:scale(.72)}.is-home .shell-game-card>.shell-tile-art{top:26px;height:65px;transform:scale(.72) rotate(-7deg)}.is-home .shell-game-index{font-size:10px;top:9px;left:12px}.is-home .shell-game-arrow{width:24px;height:24px;top:7px;right:8px}.is-home .home-benefits{font-size:10px;gap:4px 8px;min-height:15px}.is-home .home-benefits>i{display:none}.is-home .shell-resume{gap:7px;min-height:47px;padding:5px 8px}.is-home .shell-resume strong{font-size:12px}.is-home .shell-resume small{font-size:11px}.shell-mode .shell-steps{min-height:20px}.shell-mode .shell-page-heading h1{font-size:28px}.shell-mode .shell-page-heading .ui-eyebrow{display:none}.shell-mode .ui-section-tabs button{min-height:40px;padding:6px;font-size:13px}.shell-mode .shell-mode-card{padding:16px}.shell-mode .shell-mode-main{min-height:90px;max-height:115px}.shell-mode .shell-mode-main strong{font-size:24px}.shell-mode .shell-mode-main small{font-size:12px;max-width:calc(100% - 90px);margin-top:7px}.shell-mode .shell-mode-main .shell-card-art{transform:scale(.82);transform-origin:right bottom}.shell-mode .shell-mode-main .shell-tile-art{transform:scale(.82) rotate(-7deg);transform-origin:right bottom}.shell-mode .shell-mode-footer{margin-top:8px;padding-top:10px}.shell-mode .shell-mode-footer>span{margin-bottom:6px}.shell-mode .shell-mode-levels button{min-height:44px;font-size:12px}.shell-mode .shell-mode-hint{font-size:12px;line-height:1.4;margin:8px 0!important;min-height:34px}.shell-mode .shell-mode-next{min-height:44px;padding:9px 12px}.shell-mode .shell-footnote{font-size:11px;line-height:1.4}.shell-settings>.shell-page>.shell-page-heading,.shell-rules>.shell-page>.shell-page-heading{display:none}.shell-settings .ui-settings,.shell-rules .ui-rules{gap:8px}.ui-settings .settings-panel{padding:12px 16px}.ui-settings .settings-panel h2{font-size:23px}.ui-settings .settings-identity{margin-bottom:16px}.ui-settings .ui-section-tabs button{min-height:40px}.ui-settings .ui-setting-switch{min-height:70px}.ui-settings .ui-volume{margin-top:12px;gap:8px}.ui-settings .theme-picker{margin-top:10px}.ui-settings .settings-panel>.ui-caption{margin-top:10px}.ui-statistics.fixed-content{gap:8px}.ui-statistics .ui-profile-heading{min-height:44px}.ui-statistics .ui-profile-heading h1{font-size:23px;line-height:1.2;overflow-wrap:anywhere}.ui-statistics .ui-profile-initial{height:40px;width:40px;font-size:23px}.ui-statistics .ui-stat-filters label{font-size:11px}.ui-statistics .ui-stat-filters select{min-height:40px;font-size:var(--desktop-profile-filter-font,12px)!important;margin-top:3px}.ui-statistics .ui-section-tabs button{min-height:40px;font-size:13px}.ui-statistics .ui-page-controls{min-height:44px}.ui-statistics .ui-stat-counters section{min-height:85px}.ui-statistics .ui-stat-counters span{font-size:12px}.ui-statistics .ui-stat-details>span{font-size:13px;min-height:36px}.ui-statistics .ui-stat-details b{font-size:14px}.ui-statistics .ui-breakdown strong,.ui-statistics .ui-recent strong{font-size:13px}.ui-statistics .ui-breakdown small,.ui-statistics .ui-recent small{font-size:12px}.ui-rules .ui-rule-page{padding:14px 16px}.ui-rules .ui-rule-cap{margin-bottom:10px;font-size:11px}.ui-rules .ui-rule-page h3{font-size:23px;line-height:1.2;margin-bottom:10px}.ui-rules .ui-rule-page p{font-size:14px;line-height:1.5}.shell-setup .shell-steps,.shell-setup .shell-page-heading .ui-eyebrow{display:none}.shell-setup .shell-page-heading h1{font-size:27px}.shell-setup .ui-section-tabs button{min-height:40px}.shell-setup .setup-body{padding:12px;gap:14px;justify-content:center}.shell-setup .ui-variant{min-height:54px;padding:7px 9px;margin-top:6px}.shell-setup .ui-variant strong{font-size:14px}.shell-setup .ui-variant small{font-size:12px}.shell-setup .ui-choices button{min-height:40px;font-size:12px}.shell-setup .level-grid button{min-height:68px}.shell-setup .level-grid strong{font-size:14px}.shell-setup .level-description{font-size:12px;line-height:1.5}.shell-setup .ui-field-title,.shell-setup .ui-input-label,.shell-setup .ui-variant-field legend{font-size:12px}.shell-setup .shell-start-dock{min-height:54px}.shell-setup .shell-start-dock>.ui-button{min-height:44px}}@media(orientation:landscape)and (max-height:550px){.shell-mode .shell-mode-card{display:grid;grid-template-columns:1fr 1.2fr;gap:16px;padding:12px 16px;max-width:none;align-items:center}.shell-mode .shell-mode-main{min-height:100px;max-height:140px;grid-template-columns:32px minmax(0,1fr);gap:8px}.shell-mode .shell-mode-main>.shell-path-icon{width:32px;height:36px}.shell-mode .shell-mode-main strong{font-size:21px}.shell-mode .shell-mode-main small{max-width:100%;font-size:12px}.shell-mode .shell-mode-main .shell-card-art,.shell-mode .shell-mode-main .shell-tile-art{display:none}.shell-mode .shell-mode-footer{margin:0;padding:0 0 0 14px;border-top:0;border-left:1px solid var(--masa-line)}.shell-mode .shell-mode-levels button{min-height:36px;font-size:12px}.shell-mode .shell-mode-hint{font-size:11px;min-height:30px;margin:6px 0!important}.shell-mode .shell-mode-next{min-height:38px;padding:7px 12px}.shell-mode>.shell-page{gap:6px}.shell-mode .shell-page-heading,.shell-mode .shell-steps{display:none}.shell-mode .ui-section-tabs button{min-height:36px;padding:6px;font-size:12px}.shell-mode .shell-footnote{font-size:10px}.shell-mode .path-friends .shell-mode-availability{font-size:12px}.shell-mode .path-friends .shell-mode-room-actions{grid-column:1/-1;display:flex;border:0;padding:0}.shell-mode .shell-mode-room-actions button{flex:1;min-height:36px}.is-home .shell-page{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;gap:8px}.is-home .home-preview-note{grid-column:1/-1;font-size:10px;padding:4px 8px;line-height:1.4}.is-home .home-intro{grid-column:1;grid-row:2;min-height:0;max-height:none;display:flex;align-items:center}.is-home .home-welcome h1{font-size:30px}.is-home .home-welcome .ui-eyebrow{font-size:10px}.is-home .home-welcome p,.is-home .brand-scene{display:none}.is-home .home-guide{top:0}.is-home .home-section-title{display:none}.is-home .shell-game-grid{grid-column:2;grid-row:2;gap:8px;align-self:stretch}.is-home .shell-game-card{height:100%;min-height:130px;padding:9px}.is-home .shell-game-title strong{font-size:23px}.is-home .shell-game-title small{font-size:11px;min-height:30px}.is-home .shell-game-index{font-size:9px;left:9px}.is-home .shell-game-arrow{display:none}.is-home .shell-game-card>.shell-card-art,.is-home .shell-game-card>.shell-tile-art{top:15px;transform:scale(.58);transform-origin:center}.is-home .shell-resumes{grid-column:1;grid-row:3}.is-home .shell-resume{min-height:40px}.is-home .shell-resume strong{font-size:11px}.is-home .shell-resume small{font-size:10px}.is-home .home-benefits{grid-column:2;grid-row:3;font-size:10px;gap:4px}.is-home .home-benefits>i{display:none}.shell-settings>.shell-page>.shell-page-heading,.shell-rules>.shell-page>.shell-page-heading{display:none}.ui-rules .ui-rule-page{padding:10px 16px}.ui-rules .ui-rule-cap{margin-bottom:6px;font-size:10px}.ui-rules .ui-rule-page h3{font-size:19px;line-height:1.2;margin-bottom:5px}.ui-rules .ui-rule-page p{font-size:13px;line-height:1.4}.ui-settings .settings-panel{padding:10px 20px}.ui-settings .settings-panel h2{font-size:20px}.ui-settings .ui-setting-switch{min-height:52px;padding:6px 0}.ui-settings .ui-setting-switch strong{font-size:13px}.ui-settings .ui-setting-switch small{font-size:11px}.ui-settings .settings-panel>.ui-caption{font-size:11px;margin-top:7px}.ui-settings .settings-identity{margin-bottom:8px}.ui-settings .theme-picker{margin-top:8px}.ui-settings .ui-volume{margin-top:6px;gap:5px}.shell:has(.shell-settings){display:grid;grid-template-columns:128px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.shell:has(.shell-settings) .shell-sidebar{display:flex;padding:12px 10px;grid-column:1;grid-row:1}.shell:has(.shell-settings) .shell-workspace{grid-column:2;grid-row:1;min-height:0}.shell:has(.shell-settings) .shell-bottom-nav{display:none}.shell:has(.shell-settings) .shell-sidebar nav{margin-top:12px;gap:3px}.shell:has(.shell-settings) .shell-sidebar nav button{min-height:44px;padding-inline:7px}.shell:has(.shell-settings) .shell-sidebar-foot{display:none}.shell:has(.shell-settings) .shell-brand-button,.shell:has(.shell-settings) .shell-logo{width:100%;min-width:0}.shell:has(.shell-settings) .batak-wordmark{width:100%;height:auto}.shell:has(.shell-settings) .shell-header{height:44px;padding:0 12px}.shell:has(.shell-settings) .shell-mobile-brand{display:none}.shell:has(.shell-settings) .shell-header-label{display:block}.shell-settings{padding:0 12px 6px}.shell-settings>.shell-page,.shell-settings .ui-settings{gap:6px}.shell-settings .shell-about{min-height:48px;flex-shrink:0}.ui-settings .settings-motion{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;align-content:center;gap:4px 12px;padding:6px 10px;overflow:hidden}.ui-settings .settings-motion h2{display:none}.ui-settings .settings-motion .ui-setting-switch{min-height:56px;padding:4px 0;gap:6px;align-self:stretch}.ui-settings .settings-motion .ui-setting-switch strong{font-size:12px;line-height:1.25}.ui-settings .settings-motion .ui-setting-switch small{font-size:10px;line-height:1.25;margin-top:2px}.ui-settings .settings-motion>.ui-caption{font-size:10px;line-height:1.3;margin:0;align-self:center}.ui-settings .settings-motion .entry-replay-button{min-height:44px;width:100%;padding:5px 8px;font-size:11px;align-self:center}.shell-settings .ui-section-tabs button,.interface-settings .ui-section-tabs button{min-height:44px;padding:5px 2px;font-size:11px}.shell-settings .ui-saved-note,.interface-settings .ui-saved-note{min-height:14px;font-size:9px}.interface-settings .ui-dialog-header{padding:6px 12px;min-height:44px}.interface-settings .ui-dialog-header h2{font-size:20px}.interface-settings .ui-dialog-header>.ui-icon{min-height:44px;height:44px}.interface-settings .ui-dialog-body{padding:6px 12px;gap:6px}.interface-settings .ui-settings{gap:6px}}@media(orientation:landscape)and (max-height:550px){.is-home{display:grid;grid-template-columns:128px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.is-home .shell-workspace{grid-column:2;grid-row:1;min-height:0}.is-home .shell-sidebar{grid-column:1;grid-row:1;display:flex;padding:16px 10px}.is-home .shell-sidebar-foot{display:none}.is-home .shell-sidebar nav{margin-top:12px;gap:4px}.is-home .shell-sidebar nav button{min-height:40px;padding-inline:8px}.is-home .shell-header{height:44px;padding:4px 20px}.is-home .shell-mobile-brand{display:none}.is-home .shell-header-label{display:block;font-size:11px}.is-home .shell-header-actions .ui-icon,.is-home .shell-avatar-button{width:36px;height:36px;min-width:36px}.is-home .shell-bottom-nav{display:none}.is-home .shell-main{padding:4px 18px 10px}.is-home .shell-game-grid{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.is-home .shell-game-card{min-height:0;padding:8px 12px;align-items:center}.is-home .shell-game-index,.is-home .shell-game-card>.shell-card-art,.is-home .shell-game-card>.shell-tile-art{display:none}.is-home .shell-game-title strong{font-size:23px;line-height:1.2}.is-home .shell-game-title small{font-size:11px;min-height:0;margin-top:2px}.shell-mode .path-ai .shell-mode-main{display:none}.shell-mode .path-ai{display:flex}.shell-mode .path-ai .shell-mode-footer{border:0;padding:0;width:100%}.shell-mode .shell-mode-footer>span{font-size:12px;margin-bottom:5px}.shell-mode .shell-mode-hint{min-height:16px}.shell-mode .shell-mode-main small{font-size:12px}}.shell-mode .shell-mode-card[hidden]{display:none}@media(orientation:portrait){.is-home .shell-page{justify-content:flex-start}.is-home .home-intro{flex:.9 1 88px;min-height:88px;max-height:none;align-items:center}.is-home .shell-game-grid{flex:1.1 1 170px;min-height:170px;align-items:stretch}.is-home .shell-game-card{height:100%;min-height:0}.is-home .brand-scene{height:100%;max-height:245px;min-height:0;align-self:center}.is-home .shell-game-card>.shell-card-art{left:50%;right:auto;top:17%;width:86%;max-width:180px;height:40%;transform:translate(-50%);transform-origin:center}.is-home .shell-card-art img{width:40%;height:auto;max-height:100%;object-fit:contain;bottom:0}.is-home .shell-card-art img:nth-child(1){left:5%;transform:rotate(-18deg)}.is-home .shell-card-art img:nth-child(2){left:30%;bottom:6%;transform:none}.is-home .shell-card-art img:nth-child(3){left:55%;transform:rotate(18deg)}.is-home .shell-game-card>.shell-tile-art{left:50%;right:auto;top:21%;width:82%;max-width:175px;height:35%;transform:translate(-50%) rotate(-7deg);transform-origin:center}.is-home .shell-tile-art>img{max-height:100%;object-fit:contain}}.shell-mode .shell-mode-footer>.ui-choice-field{margin-bottom:12px}.shell-mode .shell-mode-footer>.ui-choice-field .ui-field-title{font-size:12px;margin-bottom:6px}.shell-mode .shell-mode-footer>.ui-choice-field .ui-choices button{min-height:44px;font-size:13px}.shell-setup .setup-body[data-panel]{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:18px;min-height:0;padding:20px}.shell-setup .setup-body[data-panel=rules]>.ui-variant-field{width:100%;max-width:600px;margin:auto}.shell-setup .setup-body[data-panel=rules] .ui-variant{min-height:60px;gap:12px;padding:10px 12px;margin-top:8px}.shell-setup .setup-body[data-panel=rules] .ui-variant strong{font-size:16px;line-height:1.3}.shell-setup .setup-body[data-panel=rules] .ui-variant small{font-size:12px;line-height:1.4}.shell-setup .setup-body[data-panel=match]>.ui-choice-field{max-width:600px;width:100%;align-self:center}.shell-setup .setup-body[data-panel=match]>.ui-caption{text-align:center;font-size:13px}.shell-setup .setup-body[data-panel=players] .setup-name{flex:none}@media(orientation:portrait)and (max-height:720px){.shell-mode .path-ai .shell-mode-main{display:none}.shell-mode .shell-mode-footer>.ui-choice-field{margin-bottom:10px}.shell-setup .setup-body[data-panel]{padding:12px;gap:12px}.shell-setup .setup-body[data-panel=rules] .ui-variant{min-height:58px;padding:8px 10px;margin-top:7px}.shell-setup .setup-body[data-panel=players] .seat-config{gap:6px}.shell-setup .setup-body[data-panel=players] .seat-config-detail{min-height:108px;padding:9px;gap:7px}.shell-setup .setup-body[data-panel=players] .ui-input{min-height:44px}}@media(orientation:landscape)and (max-height:550px){.shell-mode .shell-mode-footer{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;align-items:center}.shell-mode .shell-mode-footer>.ui-choice-field{grid-column:1;grid-row:1 / span 3;margin:0}.shell-mode .shell-mode-footer>span,.shell-mode .shell-mode-levels,.shell-mode .shell-mode-hint{grid-column:2;margin:0!important}.shell-mode .shell-mode-next{grid-column:1/-1}.shell-mode .shell-mode-footer>.ui-choice-field .ui-choices{flex-direction:column;gap:4px}.shell-mode .shell-mode-footer>.ui-choice-field .ui-choices button{min-height:32px;padding:4px;font-size:12px}.shell-setup .shell-page-heading,.shell-setup .shell-steps{display:none}.shell-setup .setup-body[data-panel]{padding:8px 12px;gap:8px}.shell-setup .setup-body[data-panel=rules] .ui-variant-field{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:none}.shell-setup .setup-body[data-panel=rules] .ui-variant-field legend{font-size:12px;line-height:16px;margin-bottom:5px}.shell-setup .setup-body[data-panel=rules] .ui-variant{display:flex;min-height:75px;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:8px;margin:0}.shell-setup .setup-body[data-panel=rules] .ui-variant>span:first-of-type{display:block}.shell-setup .setup-body[data-panel=rules] .ui-variant strong{font-size:14px}.shell-setup .setup-body[data-panel=rules] .ui-variant small{font-size:11px}.shell-setup .setup-body[data-panel=rules] .ui-radio-mark{position:absolute;right:5px;top:5px;width:12px;height:12px}.shell-setup .setup-body[data-panel=players]{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(100px,1fr);grid-template-rows:minmax(0,1fr);align-items:center;gap:12px}.shell-setup .setup-body[data-panel=players] .seat-config-note{display:none}.shell-setup .setup-body[data-panel=players] .seat-config{min-height:0;align-self:center}.shell-setup .setup-body[data-panel=players] .seat-config{gap:4px}.shell-setup .seat-config-tabs button{padding:4px 2px;min-height:32px;font-size:11px}.shell-setup .seat-config-tabs small{font-size:10px;margin-top:1px}.shell-setup .seat-config-detail{min-height:62px;padding:6px;gap:4px}.shell-setup .seat-config-detail p,.shell-setup .seat-config-note{font-size:11px;line-height:1.3}.shell-setup .seat-config-detail>strong{font-size:12px;line-height:14px}.shell-setup .seat-config-types button{padding:4px;font-size:11px;min-height:28px}.shell-setup .seat-config-detail select{padding:4px;font-size:12px}.shell-setup .seat-config-detail label{font-size:11px}.shell-setup .setup-body[data-panel=match]{justify-content:center}.shell-setup .setup-body[data-panel=match] .ui-choices button{min-height:36px}}@media(orientation:landscape)and (max-height:550px){.shell-mode .shell-mode-levels{grid-template-columns:repeat(2,minmax(0,1fr))}.shell-mode .shell-mode-levels button{min-height:32px;font-size:12px}.shell-mode .shell-mode-hint{font-size:11px;line-height:1.3;min-height:0}}.okey-type-picker{width:100%;max-width:600px;align-self:center}.okey-type-picker{display:grid;gap:10px}.shell-setup .okey-type-picker .ui-choices button{min-height:44px}.shell-mode .shell-mode-footer>.okey-type-picker .ui-choices{flex-direction:row}@media(orientation:landscape)and (max-height:550px){.shell-mode .okey-type-picker{gap:7px}.shell-mode .okey-type-picker .ui-field-title{margin-bottom:3px}.shell-mode .shell-mode-footer>.okey-type-picker .ui-choices button{font-size:11px;padding-inline:2px;min-height:36px}}.shell-setup>.shell-page>.ui-section-tabs button{white-space:normal;line-height:1.2;padding-inline:5px;min-width:0}.shell-mode .path-friends .shell-friends-footer{display:flex;flex-direction:column;gap:12px;width:100%;border:0;padding:0}.shell-mode .path-friends .shell-friends-footer>.ui-choice-field{width:100%;margin:0}.shell-mode .path-friends .shell-mode-room-actions{display:flex;gap:8px;width:100%}.shell-mode .path-friends .shell-mode-room-actions button{flex:1;min-height:44px}.shell-mode .path-friends .shell-friends-footer .ui-choices{flex-direction:row}@media(max-height:720px){.shell-mode .path-friends .shell-mode-main{display:none}.shell-mode .path-friends .shell-mode-availability{font-size:12px;line-height:1.4;margin:0}}@media(orientation:landscape)and (max-height:550px){.shell-mode .path-friends{display:flex;flex-direction:column;gap:8px}.shell-mode .path-friends .shell-friends-footer{gap:8px}.shell-mode .path-friends .shell-mode-room-actions button,.shell-mode .path-friends .shell-friends-footer .ui-choices button{min-height:36px}}.shell .unified-setup{width:100%;max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:18px;min-height:0;align-self:flex-start}.unified-heading{display:flex;align-items:center;justify-content:space-between}.unified-heading h1{font-size:29px;line-height:1.2;margin:4px 0}.unified-heading .ui-eyebrow{font-size:11px}.unified-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:22px;border:1px solid var(--masa-line);border-radius:18px;background:var(--masa-panel)}.unified-match-choice{display:grid;gap:20px;align-content:start}.unified-game-choice .ui-choice-field{width:100%;max-width:none}.unified-setup .ui-choices button{min-height:44px;font-size:13px;padding:8px 5px}.unified-setup .ui-field-title{font-size:12px;margin-bottom:7px}.unified-edit-seats{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:8px 14px;border:1px solid var(--masa-line);border-radius:12px;background:var(--masa-base);color:var(--masa-text);text-align:left}.unified-edit-seats>span{flex:1;font-size:13px}.unified-edit-seats small{display:block;font-size:11px;color:var(--masa-muted);margin-top:3px}.unified-start{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--masa-line);padding-top:12px}.unified-start>span{font-size:13px;color:var(--masa-muted)}.unified-start>div{display:flex;gap:8px}.unified-start .ui-button{min-height:46px;white-space:nowrap}.unified-lan-note{font-size:12px;line-height:1.4;color:var(--masa-muted);margin:0}.setup-seats-dialog{max-width:600px}.setup-seats-dialog .ui-dialog-body{display:flex;flex-direction:column;gap:16px;overflow:visible}.setup-seats-dialog .setup-name{width:100%}.setup-seats-dialog .ui-input{min-height:44px}.setup-seats-dialog .seat-config-detail{min-height:115px}@media(max-width:600px)and (orientation:portrait){.shell .unified-setup{gap:12px}.unified-fields{grid-template-columns:1fr;gap:18px;padding:16px}.unified-match-choice{gap:16px}.unified-heading h1{font-size:25px}.unified-start>span{font-size:11px}.unified-start .ui-button{padding-inline:12px;font-size:13px}}@media(orientation:portrait)and (max-height:700px){.unified-heading{display:none}.shell .unified-setup{gap:9px}.unified-fields{gap:12px;padding:12px}.unified-match-choice{gap:12px}.unified-setup .ui-field-title{margin-bottom:5px}.unified-edit-seats{min-height:44px;padding:6px 10px}.unified-start{padding-top:8px}.unified-setup>.ui-section-tabs button{min-height:40px}.setup-seats-dialog .ui-dialog-body{gap:10px}.setup-seats-dialog .seat-config-detail{min-height:104px;padding:8px;gap:6px}}@media(orientation:landscape)and (max-height:550px){.shell .unified-setup{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;max-width:900px}.unified-heading{display:none}.unified-setup>.ui-section-tabs,.unified-fields{grid-column:1/-1}.unified-fields{gap:16px;padding:8px 12px;border-radius:12px}.unified-match-choice{gap:8px}.unified-setup .ui-field-title{font-size:11px;margin-bottom:3px}.unified-setup .ui-choices button{min-height:34px;font-size:12px;padding:5px 3px}.unified-setup>.ui-section-tabs button{min-height:32px;padding:4px}.unified-setup .okey-type-picker{gap:7px}.unified-edit-seats{min-height:40px;padding:4px 8px}.unified-edit-seats small{font-size:10px}.unified-start{border:0;padding:0;justify-content:flex-end}.unified-start>span{display:none}.unified-start .ui-button{min-height:38px;font-size:12px;padding:7px 12px}.unified-lan-note{grid-column:1/-1;font-size:11px}.setup-seats-dialog{max-width:700px;max-height:calc(100dvh - 16px)}.setup-seats-dialog .ui-dialog-header{padding:8px 14px}.setup-seats-dialog .ui-dialog-header h2{font-size:19px}.setup-seats-dialog .ui-dialog-body{display:grid;grid-template-columns:1.7fr 1fr;gap:8px 14px;padding:8px 14px}.setup-seats-dialog .seat-config{grid-row:1/3;gap:4px}.setup-seats-dialog .seat-config-detail{min-height:80px;padding:6px;gap:4px}.setup-seats-dialog .seat-config-tabs button{min-height:32px;padding:4px 2px}.setup-seats-dialog .seat-config-note{display:none}.setup-seats-dialog .seat-config-types button{padding:4px}.setup-seats-dialog .seat-config-detail select{padding:5px}.setup-seats-dialog .setup-name{align-self:end}.setup-seats-dialog .ui-dialog-body>.ui-button{align-self:start;min-height:36px}}@media(orientation:landscape)and (max-height:550px){.unified-edit-seats{grid-column:1}.unified-start{grid-column:2}.unified-lan-note{grid-row:3}}.unified-start>div{flex:1;justify-content:flex-end;max-width:360px}.unified-start>div>.ui-button:last-child{flex:1;min-height:48px;font-weight:750;font-size:15px;letter-spacing:.1px;border:1px solid var(--masa-ice);box-shadow:0 3px 12px rgba(var(--masa-ice-rgb),.2),inset 0 1px rgba(var(--masa-text-rgb),.16)}.unified-start>div>.ui-button:last-child:focus-visible{outline:3px solid var(--masa-text);outline-offset:3px}.unified-start>div>.ui-button:last-child:disabled{box-shadow:none;opacity:.5}@media(orientation:portrait)and (max-width:600px){.unified-start>span{flex:0 1 32%;line-height:1.35}.unified-start>div{min-width:0;max-width:none}.unified-start>div>.ui-button:last-child{font-size:14px;padding-inline:12px}}@media(orientation:landscape)and (max-height:550px){.unified-start>div{width:100%;max-width:none}.unified-start>div>.ui-button:last-child{min-height:40px;font-size:13px;padding:7px 12px;box-shadow:0 2px 8px rgba(var(--masa-ice-rgb),.16)}}.is-home .shell-resumes{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;flex-shrink:0}.home-resume-card{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 12px;border:1px solid var(--masa-line);border-left:3px solid var(--masa-ice);border-radius:13px;background:linear-gradient(115deg,var(--masa-raised),var(--masa-panel));box-shadow:0 3px 9px #0000000d}.home-resume-icon{display:grid;place-items:center;width:34px;height:38px;flex-shrink:0;border-radius:9px;background:var(--masa-base);color:var(--masa-ice)}.home-resume-copy{flex:1;min-width:0;display:grid;gap:2px;color:var(--masa-text)}.home-resume-copy>small{font-size:8px;font-weight:750;letter-spacing:.09em;color:var(--masa-muted)}.home-resume-copy>strong{font-size:14px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-resume-copy>span{font-size:11px;line-height:1.2}.home-resume-copy i{font-style:normal;color:var(--masa-muted)}.home-resume-cta{display:flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:8px 12px;flex-shrink:0;border:1px solid var(--masa-ice);border-radius:9px;background:var(--masa-ice);color:var(--masa-base);font-size:12px;font-weight:750;white-space:nowrap}.home-resume-cta:focus-visible{outline:2px solid var(--masa-focus);outline-offset:3px}.home-resume-cta:disabled{opacity:.55;cursor:wait}@media(max-width:600px){.home-resume-card{padding:7px 9px;gap:8px}.home-resume-copy>strong{font-size:13px}.home-resume-cta{padding:7px 10px}.shell-resumes:has(.home-resume-room) .home-resume-card{gap:4px;padding-inline:5px}.shell-resumes:has(.home-resume-room) .home-resume-icon{display:none}.shell-resumes:has(.home-resume-room) .home-resume-copy>small{display:none}.shell-resumes:has(.home-resume-room) .home-resume-cta{min-height:36px;padding:5px;font-size:10px}.shell-resumes:has(.home-resume-room) .home-resume-cta svg{display:none}}@media(max-height:640px){.home-resume-card{padding:5px 8px;gap:6px}.home-resume-icon{width:27px;height:32px}.home-resume-copy>small{font-size:7px}.home-resume-copy>strong{font-size:12px}.home-resume-copy>span{font-size:10px}.home-resume-cta{padding:5px 8px}}@media(orientation:landscape)and (max-height:500px){.home-resume-card{padding:4px 6px;gap:5px}.home-resume-icon{display:none}.home-resume-copy>small{display:none}.home-resume-copy>strong{font-size:11px}.home-resume-cta{min-height:36px;font-size:11px;padding:5px 7px}.home-resume-cta svg{display:none}}@media(orientation:landscape)and (max-height:550px){.is-home .shell-sidebar .shell-brand-button{width:100%;max-width:100%;min-width:0}.is-home .shell-sidebar .shell-logo{width:100%;min-width:0}.is-home .shell-sidebar .shell-logo .batak-wordmark{width:100%;max-width:100%;height:auto;aspect-ratio:4/1;object-fit:contain}}@media(orientation:portrait)and (max-width:380px)and (max-height:640px){.is-home .shell-page{gap:6px}.is-home .home-intro{display:block;flex:0 0 auto;min-height:0;max-height:none}.is-home .home-welcome{padding-right:40px}.is-home .home-welcome h1{font-size:26px;line-height:1.08;margin:6px 0 0}.is-home .home-welcome h1 br{display:none}.is-home .home-welcome h1 em{margin-left:.18em}.is-home .brand-scene{display:none}.is-home .home-benefits>span,.is-home .home-benefits>i{display:none}}@media(orientation:landscape)and (max-width:600px)and (max-height:360px){.is-home .home-benefits>span,.is-home .home-benefits>i{display:none}}@media(orientation:portrait)and (max-width:360px){html[data-desktop-web=false] .app[data-web=true] .with-navigation .shell-header{padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right));gap:6px}html[data-desktop-web=false] .app[data-web=true] .with-navigation .shell-header>div:first-child{min-width:0;flex:1}html[data-desktop-web=false] .app[data-web=true] .with-navigation .shell-header-actions{flex:none;gap:4px!important}html[data-desktop-web=false] .app[data-web=true] .with-navigation .shell-header-actions :is(.ui-icon,.shell-avatar-button){width:44px;min-width:44px;height:44px;flex:none}html[data-desktop-web=false] .app[data-web=true] .with-navigation .shell-mobile-brand .shell-logo{gap:6px}html[data-desktop-web=false] .app[data-web=true] .with-navigation .shell-mobile-brand .game-brand-mark{width:32px;height:44px}html[data-desktop-web=false] .app[data-web=true] .with-navigation .shell-mobile-brand .game-brand-mark .entry-pieces{transform:scale(.14);left:-9px}html[data-desktop-web=false] .app[data-web=true] .with-navigation .shell-mobile-brand .game-brand-wordmark{font-size:20px}}.app .table-screen{--control-surface:var(--masa-panel);--control-raised:var(--masa-raised);--control-line:rgba(var(--masa-muted-rgb),.2);--control-text:var(--masa-text);--control-muted:var(--masa-muted);--control-accent:var(--masa-ice);--control-ink:var(--masa-panel)}.app .okey-table .modern-controls .rack-wrap .rack-controls{gap:5px}.app .okey-table .modern-controls .rack-wrap .rack-controls .control-key{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;padding:4px 6px;border:1px solid var(--control-line);border-radius:10px;background:var(--control-surface);color:var(--control-text);box-shadow:0 2px 5px rgba(var(--masa-base-rgb),.149);font:650 12px/15px Manrope,sans-serif;letter-spacing:-.15px;text-shadow:none;transition:transform .13s cubic-bezier(.2,.8,.2,1),background-color .13s,border-color .13s;touch-action:manipulation}.app .okey-table .modern-controls .rack-controls .control-key svg{width:14px;height:14px;flex:none;stroke-width:1.8}.app .okey-table .modern-controls .rack-controls .control-key b{font:650 12px/15px Manrope,sans-serif;color:inherit;gap:4px}.app .okey-table .modern-controls .rack-controls .control-key small{font:500 9px/12px Manrope,sans-serif;color:var(--control-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.app .okey-table .modern-controls .rack-controls .control-key .action-unit{font:inherit}.app .okey-table .modern-controls .rack-controls .open-hand-action,.app .okey-table .modern-controls .rack-controls .process-hand-action{flex-direction:column;gap:0;overflow:hidden}.app .okey-table .modern-controls .rack-wrap .rack-controls .control-key:not(:disabled):hover{background:var(--masa-raised);border-color:rgba(var(--masa-ice-rgb),.361)}.app .okey-table .modern-controls .rack-wrap .rack-controls .control-key[aria-pressed=true]{background:var(--masa-panel);border-color:var(--masa-muted);color:var(--masa-text);box-shadow:none}.app .okey-table .modern-controls .rack-wrap .rack-controls .control-key[data-ready=true]:not(:disabled){background:var(--control-accent);border-color:var(--masa-ice);color:var(--control-ink);box-shadow:0 2px 5px rgba(var(--masa-base-rgb),.149)}.app .okey-table .modern-controls .rack-controls .control-key[data-ready=true] small{color:var(--masa-raised)}.app .okey-table .modern-controls .rack-wrap .rack-controls .control-key:disabled{opacity:1;background:var(--masa-panel);color:var(--masa-line);border-color:rgba(var(--masa-muted-rgb),.122);box-shadow:none}.app .okey-table .modern-controls .rack-controls .control-key:disabled small{color:var(--masa-line)}.app .okey-table .modern-controls .rack-controls .control-key .opening-progress{height:2px;left:9px;right:9px;bottom:2px;background:rgba(var(--masa-muted-rgb),.075);border-radius:2px;overflow:hidden}.app .okey-table .modern-controls .rack-controls .opening-progress i{height:2px;background:rgba(var(--masa-ice-rgb),.51);transition:width .18s ease-out}.app .okey-table .modern-controls button:not(:disabled):active,.app .okey-table .modern-controls button[data-pressed=true]{transform:scale(.97);transition-duration:70ms}.app .okey-table .modern-controls button:focus-visible{outline:2px solid var(--masa-ice);outline-offset:2px}.app .okey-table .modern-controls .rack-summary{border:1px solid rgba(var(--masa-muted-rgb),.169);border-radius:9px;background:rgba(var(--masa-panel-rgb),.91);box-shadow:0 2px 5px rgba(var(--masa-base-rgb),.102);color:var(--control-text);padding:2px 5px;gap:5px;height:28px}.app .okey-table .modern-controls .rack-summary[data-my-turn=true]{border-color:rgba(var(--masa-muted-rgb),.325)}.app .okey-table .modern-controls .rack-summary>strong{border:0;background:none;color:var(--masa-text);font:650 10px/16px Manrope,sans-serif;max-width:65px;padding:0 3px}.app .okey-table .modern-controls .rack-summary .summary-total{padding:2px 5px;border:0;border-radius:6px;background:rgba(var(--masa-raised-rgb),.271);color:var(--masa-ice);font:500 10px/16px Manrope,sans-serif}.app .okey-table .modern-controls .rack-summary .summary-total b{font:650 15px/16px Outfit,sans-serif;color:var(--masa-text);font-variant-numeric:tabular-nums}.app .okey-table .modern-controls .rack-summary .summary-total small{font-size:9px;color:var(--masa-muted)}.app .okey-table .modern-controls .rack-summary>.rack-phase-chip{border:0;border-radius:5px;background:var(--masa-ice);color:var(--masa-panel);font:750 8px/14px Manrope,sans-serif;padding:1px 4px;box-shadow:none}.app .okey-table .modern-controls .rack-summary .icon-button{height:24px;min-height:24px;width:24px;min-width:24px;border:0;border-radius:6px;background:transparent;color:var(--masa-muted)}.app .okey-table .modern-controls .rack-summary .rack-context-actions button{height:24px;min-height:24px;border:1px solid rgba(var(--masa-muted-rgb),.212);border-radius:6px;padding:2px 7px;background:var(--masa-raised);color:var(--masa-text);font:650 10px/16px Manrope,sans-serif}.app .okey-table .modern-controls .rack-summary .rack-context-actions .return-discard{background:var(--masa-ice);color:var(--masa-panel);border-color:var(--masa-ice)}.app .okey-table .modern-controls .processing-choices{height:auto;max-width:420px;grid-template-columns:1fr 1fr;gap:6px;padding:8px;border:1px solid rgba(var(--masa-muted-rgb),.42);border-radius:14px;background:var(--masa-panel);box-shadow:0 8px 20px rgba(var(--masa-base-rgb),.4);animation:control-panel-in .18s cubic-bezier(.2,.8,.2,1) both}.app .okey-table .modern-controls .processing-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;min-height:24px;padding-left:4px;color:var(--masa-text);font:650 12px/16px Manrope,sans-serif}.app .okey-table .modern-controls .processing-heading .icon-button{width:28px;min-width:28px;height:28px;min-height:28px;border:0;background:transparent;color:var(--masa-muted);border-radius:7px}.app .okey-table .modern-controls .processing-choices>button:not(.icon-button){height:48px;min-height:48px;display:flex;flex-direction:row;gap:9px;padding:6px 10px;border:1px solid rgba(var(--masa-muted-rgb),.278);border-radius:9px;background:var(--masa-raised);color:var(--masa-text);justify-content:flex-start;transition:transform .13s,background-color .13s}.app .okey-table .modern-controls .processing-choices>button>span{display:grid;gap:3px;text-align:left;font:650 12px/15px Manrope,sans-serif}.app .okey-table .modern-controls .processing-choices>button small{font:500 10px/12px Manrope,sans-serif;color:var(--masa-muted)}.app .okey-table .modern-controls .processing-choices>button:disabled{opacity:1;background:var(--masa-panel);border-color:rgba(var(--masa-line-rgb),.22);color:var(--masa-line)}.app .okey-table .modern-controls .processing-choices>button:disabled small{color:var(--masa-line)}.app .okey-table .game-topbar{background:var(--masa-panel);border-bottom:1px solid rgba(var(--masa-muted-rgb),.161)}.app .okey-table .game-topbar .icon-button{border-radius:8px;color:var(--masa-text);background:transparent}.app .okey-table .round-indicator{background:var(--masa-raised);border:1px solid rgba(var(--masa-muted-rgb),.149);border-radius:6px;color:var(--masa-text);font-variant-numeric:tabular-nums}.app .okey-table .table-rule-stack>span{background:var(--masa-panel);border:1px solid rgba(var(--masa-muted-rgb),.18);border-radius:5px;color:var(--masa-ice);font:600 9px/12px Manrope,sans-serif}.app .okey-table .meld-zone{border-color:rgba(var(--masa-line-rgb),.467);border-radius:6px;background:var(--masa-panel)}.app .okey-table .meld-zone>header{height:20px;color:var(--masa-muted);letter-spacing:.65px;font:600 8px/16px Manrope,sans-serif;padding-inline:7px}.app .okey-table .discard-pile .discard-drop,.app .okey-table .take-discard>button:not(.discard-caption){border-radius:9px;border-color:rgba(var(--masa-muted-rgb),.286);background:rgba(var(--masa-panel-rgb),.502);box-shadow:none;transition:background-color .13s,border-color .13s}.app .okey-table .discard-pile .discard-drop.available,.app .okey-table .take-discard>button:not(.discard-caption):not(:disabled){border-color:rgba(var(--masa-ice-rgb),.702);background:rgba(var(--masa-raised-rgb),.4)}.app .okey-table .discard-pile button small{font:600 9px/12px Manrope,sans-serif;color:var(--masa-text)}.app .okey-table .stock-info{border-radius:9px;transition:background-color .13s,border-color .13s}.app .okey-table .stock-info:not(:disabled){border-color:rgba(var(--masa-ice-rgb),.702);background:rgba(var(--masa-raised-rgb),.42)}.app .okey-table .opening-tray{background:var(--masa-panel);border:1px solid rgba(var(--masa-muted-rgb),.369);border-radius:11px;box-shadow:0 3px 9px rgba(var(--masa-base-rgb),.2)}.app .okey-table .opening-tray button{border-radius:7px;transition:transform .13s,background-color .13s}.app .batak-table .player,.app .batak-table .seat .player,.app .batak-top-player .player,.app .batak-table .turn-strip .player{background:var(--masa-panel);border:1px solid rgba(var(--masa-muted-rgb),.239);border-radius:13px;color:var(--masa-text);box-shadow:0 3px 9px rgba(var(--masa-base-rgb),.149);gap:7px;transition:border-color .16s,background-color .16s}.app .batak-table .player.active,.app .batak-table .seat .player.active{background:var(--masa-panel);border-color:var(--masa-ice);box-shadow:inset 0 -2px var(--masa-ice)}.app .batak-table .player[data-declarer=true],.app .batak-table .seat .player[data-declarer=true]{border-color:var(--masa-ice);background:var(--masa-panel)}.app .batak-table .player[data-auction-turn=true]{border-color:var(--masa-ice);background:var(--masa-raised);box-shadow:inset 0 -2px var(--masa-ice)}.app .batak-table .avatar{position:relative;background:var(--masa-panel);border:1px solid rgba(var(--masa-muted-rgb),.333);color:var(--masa-text);border-radius:50%;box-shadow:none}.app .batak-table .declarer-crown{position:absolute;top:-7px;right:-4px;padding:2px;box-sizing:content-box;border-radius:6px;background:var(--masa-ice);color:var(--masa-panel)}.app .batak-table .player-copy strong{font-family:Manrope,sans-serif;font-weight:650;letter-spacing:-.1px;color:var(--masa-text)}.app .batak-table .player-copy>span{color:var(--masa-muted)}.app .batak-table .team-mark{border-radius:3px;background:var(--masa-selected);color:var(--masa-text);letter-spacing:.2px}.app .batak-table .trick-count{font-family:Outfit,sans-serif;font-weight:600;font-variant-numeric:tabular-nums;color:var(--masa-text)}.app .batak-table .trick-count small{font-family:Manrope,sans-serif;color:var(--masa-muted)}.seat-auction{flex:none;min-width:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:3px 7px;border-radius:8px;background:rgba(var(--masa-muted-rgb),.086);color:var(--masa-text);animation:seat-offer-in .22s cubic-bezier(.16,.8,.3,1) both}.seat-auction-label{font:650 7px/10px Manrope,sans-serif;white-space:nowrap;text-transform:uppercase;letter-spacing:.35px}.seat-auction>b{display:flex;align-items:center;gap:4px;font:600 23px/24px Outfit,sans-serif;letter-spacing:-.8px;font-variant-numeric:tabular-nums}.seat-auction>b>i{font-style:normal;font-size:17px;line-height:20px;color:var(--masa-text)}.seat-auction>b>i.red-suit{color:#ffa0a6}.seat-auction.is-leading{background:var(--masa-ice);color:var(--masa-panel)}.seat-auction.is-pass{background:rgba(var(--masa-line-rgb),.075);color:var(--masa-line)}.seat-auction.is-pass>b{font-size:17px;color:var(--masa-muted)}.seat-auction.is-declarer{background:var(--masa-ice);color:var(--masa-panel);animation:seat-winner-in .34s cubic-bezier(.16,.8,.3,1) both}.seat-auction.is-declarer>b>i{color:var(--masa-panel)}.seat-auction.is-declarer>b>i.red-suit{color:#b3203b}.app .batak-table .player[data-auction-turn=true] .seat-auction:not(.is-leading){color:var(--masa-text);background:rgba(var(--masa-ice-rgb),.141)}.app .batak-table .batak-top-player{max-width:230px}.app .batak-table .batak-top-player .player{padding:4px 9px;min-height:44px;border-radius:13px}.app .batak-table .turn-strip .player{height:auto;min-height:44px;padding:4px 10px;border-radius:13px}.app .batak-table .turn-strip .player .seat-auction{padding:2px 7px}.app .batak-table .turn-strip .player .seat-auction>b{font-size:22px;line-height:23px}.auction-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;pointer-events:none}.app .batak-table .center-panel.auction{display:flex;flex-direction:column;gap:10px;width:min(292px,calc(100% - 112px));min-width:0;padding:0;background:none;border:0;box-shadow:none}.auction-heading{display:grid;gap:4px;text-align:center;color:var(--masa-text)}.auction-heading>span{font:650 9px/12px Manrope,sans-serif;letter-spacing:2px;color:var(--masa-muted)}.auction-heading>strong{font:550 21px/25px Outfit,sans-serif;letter-spacing:-.4px}.auction-heading>small{font:500 10px/14px Manrope,sans-serif;color:var(--masa-muted)}.app .batak-table .bid-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.app .batak-table .bid-choice{display:flex;align-items:baseline;justify-content:center;gap:4px;min-height:54px;padding:9px 4px;border:1px solid rgba(var(--masa-text-rgb),.569);border-radius:12px;background:var(--masa-text);color:var(--masa-panel);box-shadow:0 2px 4px rgba(var(--masa-base-rgb),.2);font-family:Outfit,sans-serif;text-shadow:none;transition:transform .12s cubic-bezier(.2,.8,.2,1),background-color .12s,border-color .12s;animation:bid-choice-in .18s ease-out both}.app .batak-table .bid-choice>b{font:550 29px/32px Outfit,sans-serif;letter-spacing:-.9px;font-variant-numeric:tabular-nums}.app .batak-table .bid-choice>small{font:600 9px/12px Manrope,sans-serif;color:var(--masa-raised)}.app .batak-table .bid-choice:hover:not(:disabled){background:var(--masa-text);border-color:var(--masa-text)}.app .batak-table .bid-choice:disabled{background:var(--masa-panel);color:var(--masa-line);border-color:rgba(var(--masa-line-rgb),.169);box-shadow:none}.app .batak-table .bid-choice:disabled small{color:var(--masa-line)}.app .batak-table .bid-pass{min-height:40px;padding:7px 12px;border:1px solid rgba(var(--masa-muted-rgb),.259);border-radius:10px;background:var(--masa-panel);color:var(--masa-text);box-shadow:none;font:650 12px/18px Manrope,sans-serif;transition:transform .12s,background-color .12s}.app .batak-table .bid-pass:hover:not(:disabled){background:var(--masa-raised)}.app .batak-table .bid-choice:active:not(:disabled),.app .batak-table .bid-pass:active:not(:disabled){transform:translateY(1px) scale(.965);transition-duration:65ms}.app .batak-table .bid-choice:focus-visible,.app .batak-table .bid-pass:focus-visible{outline:2px solid var(--masa-text);outline-offset:3px}.app .batak-table .felt>.table-contract.contract-corner{border-color:rgba(var(--masa-muted-rgb),.302);border-radius:12px;background:var(--masa-base);box-shadow:0 3px 8px rgba(var(--masa-base-rgb),.188)}.app .batak-table .contract-corner .contract-copy b{font-family:Manrope,sans-serif;font-weight:600}.app .batak-table .contract-corner .contract-progress>b{font-family:Outfit,sans-serif;font-weight:550;font-variant-numeric:tabular-nums}@keyframes seat-offer-in{0%{opacity:.35;transform:translateY(4px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes seat-winner-in{0%{opacity:.3;transform:translateY(5px) scale(.88)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bid-choice-in{0%{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}@keyframes control-panel-in{0%{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}@media(max-width:740px)and (orientation:landscape){.app .okey-table .modern-controls .rack-wrap .rack-controls .control-key{border-radius:8px;padding:2px;font-size:10px;line-height:13px;gap:3px}.app .okey-table .modern-controls .rack-controls .control-key b{font-size:10px;line-height:13px;gap:2px}.app .okey-table .modern-controls .rack-controls .control-key svg{width:11px;height:11px}.app .okey-table .modern-controls .rack-controls .control-key small{font-size:8px;line-height:10px}.app .okey-table .modern-controls .rack-summary{height:26px;padding:1px 3px;gap:3px}.app .okey-table .modern-controls .rack-summary>strong{max-width:48px;font-size:9px}.app .okey-table .modern-controls .rack-summary .summary-total{font-size:8px;padding:1px 3px}.app .okey-table .modern-controls .rack-summary .summary-total b{font-size:12px}.app .okey-table .modern-controls .rack-summary .summary-total small{font-size:8px}.app .okey-table .modern-controls .rack-summary .rack-context-actions button{font-size:9px;padding:1px 5px}.app .okey-table .modern-controls .processing-choices>button:not(.icon-button){padding:5px 7px;gap:5px}.app .okey-table .modern-controls .processing-choices>button>span{font-size:11px}}@media(orientation:portrait){.app .batak-table .center-panel.auction{width:min(292px,calc(100% - 140px))}.app .batak-table .seat.seat-left>.player,.app .batak-table .seat.seat-right>.player{width:60px;max-width:60px;padding:7px 3px;gap:5px;border-radius:12px;flex-direction:column;top:40%}.app .batak-table .seat.seat-left>.player{left:3px}.app .batak-table .seat.seat-right>.player{right:3px}.app .batak-table .seat.seat-left>.player .player-copy,.app .batak-table .seat.seat-right>.player .player-copy{writing-mode:horizontal-tb;transform:none;display:block;text-align:center;width:100%}.app .batak-table .seat.seat-left>.player strong,.app .batak-table .seat.seat-right>.player strong{display:block;font-size:10px;line-height:14px;max-height:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app .batak-table .seat.seat-left>.player .player-copy>span,.app .batak-table .seat.seat-right>.player .player-copy>span{display:none}.app .batak-table .seat .player>.seat-auction{padding:3px 4px;min-width:42px;width:100%;box-sizing:border-box}.app .batak-table .seat .player>.seat-auction>b{font-size:22px;line-height:24px}.app .batak-table .seat .player>.seat-auction .seat-auction-label{font-size:6px;letter-spacing:.2px}.app .batak-table .player>.seat-auction{align-self:center}.app .batak-table .seat .player .trick-count{display:flex;gap:3px;align-items:baseline;font-size:16px;line-height:18px}.app .batak-table .seat .player .trick-count small{font-size:6px;line-height:9px}.app .batak-table.paired-table.phase-play .turn-strip{top:auto;bottom:calc(100% + 3px);height:auto;min-height:0;flex-direction:column;align-items:center;gap:3px}.app .batak-table.paired-table.phase-play .turn-strip .player{position:relative;left:auto;top:auto;bottom:auto;transform:none;padding:4px 8px;min-height:44px}.app .batak-table.paired-table.phase-play .turn-strip .turn-message{position:static;transform:none;max-width:244px;width:calc(100vw - 128px);font-size:8px;line-height:10px;padding:0;min-height:10px}}@media(orientation:portrait)and (max-width:360px){.app .batak-table .seat.seat-left>.player,.app .batak-table .seat.seat-right>.player{width:52px;max-width:52px;padding-inline:2px}.app .batak-table .center-panel.auction{width:calc(100% - 118px)}.app .batak-table .bid-grid{gap:5px}}@media(orientation:portrait)and (max-height:650px){.app .batak-table .center-panel.auction{gap:6px}.app .batak-table .auction-heading{gap:2px}.app .batak-table .auction-heading>span{display:none}.app .batak-table .auction-heading>strong{font-size:17px;line-height:21px}.app .batak-table .auction-heading>small{font-size:8px;line-height:11px}.app .batak-table .bid-choice{min-height:43px;padding:4px 2px;border-radius:9px}.app .batak-table .bid-choice>b{font-size:24px;line-height:29px}.app .batak-table .bid-pass{min-height:32px;padding:5px}.app .batak-table:not(.paired-table) .bid-grid{grid-template-columns:repeat(4,1fr)}.app .batak-table .bid-choice small{font-size:7px}}@media(orientation:landscape){.app .batak-table .center-panel.auction{width:286px;gap:5px}.app .batak-table .auction-heading{gap:1px}.app .batak-table .auction-heading>span{display:none}.app .batak-table .auction-heading>strong{font-size:15px;line-height:18px}.app .batak-table .auction-heading>small{font-size:9px;line-height:12px}.app .batak-table .bid-grid{grid-template-columns:repeat(5,1fr);gap:4px}.app .batak-table .bid-choice{min-height:35px;padding:2px;border-radius:8px}.app .batak-table .bid-choice>b{font-size:22px;line-height:27px}.app .batak-table .bid-pass{min-height:30px;padding:4px;font-size:11px}.app .batak-table .seat .player>.seat-auction{grid-column:1/-1;justify-self:stretch;flex-direction:row;justify-content:space-between;padding:2px 5px}.app .batak-table .seat .player>.seat-auction>b{font-size:18px;line-height:22px}}@media(prefers-reduced-motion:reduce){.app .table-screen .seat-auction,.app .table-screen .bid-choice,.app .table-screen .processing-choices{animation:none}.app .table-screen .control-key,.app .table-screen .bid-choice,.app .table-screen .bid-pass,.app .table-screen .player{transition:none}}html[data-motion=reduced] .app .table-screen :is(.seat-auction,.bid-choice,.processing-choices){animation:none}html[data-motion=reduced] .app .table-screen :is(.control-key,.bid-choice,.bid-pass,.player){transition:none}.app .table-screen[data-paused=true] :is(.seat-auction,.bid-choice,.processing-choices){animation-play-state:paused}.app .meld-inspection{display:flex;flex-direction:column;width:min(1040px,100%);height:min(680px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);padding:12px;overflow:hidden}.app .meld-inspection>header{flex:none;margin:0 0 4px;gap:12px}.app .meld-inspection>header h2{font-size:20px;line-height:1.3;margin:0}.app .meld-inspection .inspection-hint{flex:none;font-size:12px;line-height:1.4;margin:0 0 8px;color:var(--masa-muted)}.inspection-board{flex:1;min-height:80px;min-width:0}.app .meld-inspection .meld-board{height:100%;min-height:0;max-height:none}.app .meld-inspection .meld-owner-label{font-size:12px;line-height:14px}.app .meld-inspection .meld-owner-label>small{font-size:12px;line-height:14px}.inspection-rack{flex:none;min-width:0;padding-top:8px}.inspection-rack-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px;font-size:13px}.inspection-rack-heading button{display:flex;align-items:center;gap:6px;padding:6px 9px;min-height:32px;color:var(--masa-text);background:var(--masa-panel);border:1px solid var(--masa-line);border-radius:6px;font-size:12px}.inspection-rack-heading button:disabled{opacity:.5}.inspection-rack-tiles{display:flex;gap:4px;overflow-x:auto;padding:3px 3px 5px;min-width:0;scrollbar-width:thin}.app .inspection-rack-tiles .tile{flex:none;width:44px;height:59px;font-size:34px;transform:none;margin:0}.app .inspection-rack-tiles .tile.selected{outline:2px solid var(--masa-focus);outline-offset:1px;box-shadow:0 0 0 3px var(--masa-base);transform:none}@media(max-height:400px){.app .meld-inspection{padding:8px}.app .meld-inspection .inspection-hint{margin-bottom:4px}.inspection-rack{padding-top:4px}}.app .table-screen .game-topbar.table-chrome{height:50px;min-height:50px;padding:0 6px;gap:4px}.app .table-screen .table-chrome>div{gap:2px}.app .table-screen .table-chrome>div:first-child{flex:1;min-width:0}.app .table-screen .table-chrome strong{font-size:14px;max-width:160px}.app .table-screen .table-chrome .icon-button{width:48px;min-width:48px;height:48px;min-height:48px;padding:10px;border-radius:8px}.app .table-screen .table-chrome .icon-button svg{width:20px;height:20px}.app .table-screen .table-chrome .round-indicator{font-size:12px;gap:3px;padding:4px}.app .table-screen .table-chrome .round-indicator b{font-size:14px}.app .table-screen .table-chrome .round-indicator small{font-size:12px}.app .table-screen:has(.table-chrome) .felt{top:52px}.app .okey-table:has(.table-chrome) .okey-top-player{top:10px}.app .table-menu{width:min(440px,100%);min-height:0}.app .table-menu .ui-dialog-header .ui-icon{width:48px;min-width:48px;height:48px;min-height:48px}.app .table-menu .ui-dialog-body{min-height:0;overflow:hidden}.table-menu-actions{display:grid;gap:10px}.table-menu-actions .ui-button{min-height:48px;justify-content:flex-start;white-space:normal}.table-menu-actions .ui-button svg{flex:none}@media(orientation:portrait){.app .batak-table:has(.table-chrome) .batak-top-player{top:55px}.app .table-screen.batak-table:has(.table-chrome) .felt>.table-contract.contract-corner{top:64px}.app .table-screen.batak-table.phase-bury:has(.table-chrome) .felt>.table-contract.contract-corner{top:8px}.app .batak-table .table-chrome strong{font-size:14px}}@media(max-width:700px){.app .table-screen .table-chrome .table-badge,.app .table-screen .table-chrome .game-info>span:not(.round-indicator){display:none}.app .okey-table .table-chrome strong{max-width:130px}}@media(max-height:360px){.app .okey-table:has(.table-chrome) .table-rule-stack{display:none}.app .okey-table .table-chrome .table-badge{display:inline-flex;font-size:10px;line-height:14px;padding:2px 4px;letter-spacing:.3px}}.app .player-details{width:min(520px,100%);height:min(480px,calc(100dvh - 24px));min-height:0}.app .player-details .ui-dialog-body{overflow:hidden;min-height:0;gap:8px;padding:10px 14px;display:flex;flex-direction:column}.player-details .ui-section-tabs,.player-details .ui-page-controls{flex:none}.player-details .seat-facts{margin:0;display:grid;gap:8px;flex:1;align-content:center}.player-details .seat-facts>div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px;border-bottom:1px solid var(--masa-line);font-size:13px}.player-details .seat-facts dd{margin:0;text-align:right;overflow-wrap:anywhere}.player-details .seat-hand{min-height:0;flex:1;display:flex;flex-direction:column;justify-content:center;gap:6px}.player-details .seat-hand h3{font-size:13px;line-height:1.3;margin:0}.player-details .seat-hand p{font-size:12px;line-height:1.4}.player-details .seat-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;align-items:center}.app .player-details .seat-card-grid .playing-card{width:100%;max-width:66px;height:86px;min-width:0;margin:auto;transform:none}.player-details .move-explanation{flex:1;min-height:0}.player-details .explanation-body p{font-size:13px;line-height:1.5}@media(orientation:landscape)and (max-height:500px){.table-menu-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.table-menu-actions .ui-button{flex-direction:column;text-align:center;font-size:12px;padding:10px}.app .player-details{width:min(700px,100%)}.app .player-details .ui-dialog-body{gap:4px;padding:6px 12px}.player-details .seat-hand{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.player-details .seat-card-grid{grid-column:2;grid-row:1/3}.app .player-details .seat-card-grid .playing-card{height:72px;max-width:52px}.player-details .seat-facts{gap:2px}.player-details .seat-facts>div{min-height:25px}}.app[data-web=true][data-screen=table] .table-screen[data-player-count]:not([data-desktop-table]){--web-table-metal:#d8c69a;--web-table-metal-rgb:216,198,154;--web-table-rail:url(/brand/table-rail-batak.svg)}.app[data-web=true][data-screen=table] .okey-table[data-player-count]:not([data-desktop-table]){--web-table-metal:#b6d5dd;--web-table-metal-rgb:182,213,221;--web-table-rail:url(/brand/table-rail-okey.svg)}.app[data-web=true][data-screen=table] .table-screen[data-player-count]:not([data-desktop-table]) .felt-border{display:block;background:var(--web-table-rail) center/100% 100% no-repeat;border:0;box-shadow:none;opacity:.42;pointer-events:none}.app[data-web=true][data-screen=table] .table-screen[data-player-count]:not([data-desktop-table]) .felt-border:after{content:"";position:absolute;inset:28% 20% 34%;background:url(/icon.svg) center/76px auto no-repeat;opacity:.16;pointer-events:none}.app[data-web=true][data-screen=table] .table-screen[data-player-count]:not([data-desktop-table]) .game-topbar{background:linear-gradient(105deg,rgba(var(--web-table-metal-rgb),.12),transparent 60%),var(--masa-panel);border-bottom-color:rgba(var(--web-table-metal-rgb),.5)}.app[data-web=true][data-screen=table] .table-screen[data-player-count]:not([data-desktop-table]) .game-topbar .icon-button{border-color:rgba(var(--web-table-metal-rgb),.42);border-radius:9px;background:linear-gradient(145deg,rgba(var(--web-table-metal-rgb),.09),transparent),var(--masa-raised);color:var(--masa-text);box-shadow:inset 0 1px #ffffff19}.app[data-web=true][data-screen=table] .table-screen[data-player-count]:not([data-desktop-table]) .round-indicator{color:var(--masa-text);font-variant-numeric:tabular-nums;border-color:rgba(var(--web-table-metal-rgb),.5);background:rgba(var(--masa-base-rgb),.5);border-radius:6px}.app[data-web=true][data-screen=table] .table-screen[data-player-count]:not([data-desktop-table]) .player{border-color:rgba(var(--web-table-metal-rgb),.52);background:linear-gradient(110deg,rgba(var(--web-table-metal-rgb),.08),transparent 65%),var(--masa-panel);box-shadow:inset 0 1px rgba(var(--web-table-metal-rgb),.16)}.app[data-web=true][data-screen=table] .table-screen[data-player-count]:not([data-desktop-table]) .player.active{border-color:var(--masa-focus);box-shadow:inset 2px 0 var(--masa-focus),inset 0 1px rgba(var(--web-table-metal-rgb),.2)}.app[data-web=true][data-screen=table] .table-screen[data-player-count]:not([data-desktop-table]) .player>.avatar{background:var(--web-seat-avatar) center/cover no-repeat;border-color:var(--web-table-metal);border-radius:50%}.app[data-web=true][data-screen=table] .table-screen[data-player-count]:not([data-desktop-table]) .avatar-0{--web-seat-avatar:url(/brand/avatars/seat-0.svg)}.app[data-web=true][data-screen=table] .table-screen[data-player-count]:not([data-desktop-table]) .avatar-1{--web-seat-avatar:url(/brand/avatars/seat-1.svg)}.app[data-web=true][data-screen=table] .table-screen[data-player-count]:not([data-desktop-table]) .avatar-2{--web-seat-avatar:url(/brand/avatars/seat-2.svg)}.app[data-web=true][data-screen=table] .table-screen[data-player-count]:not([data-desktop-table]) .avatar-3{--web-seat-avatar:url(/brand/avatars/seat-3.svg)}.app[data-web=true][data-screen=table] .table-screen[data-player-count]:not([data-desktop-table]) .avatar-initial{visibility:hidden}.app[data-web=true][data-screen=table] .table-screen[data-player-count]:not([data-desktop-table]) .contract-corner{border-color:rgba(var(--web-table-metal-rgb),.55);background:linear-gradient(145deg,rgba(var(--web-table-metal-rgb),.12),transparent),var(--masa-panel);box-shadow:inset 0 1px rgba(var(--web-table-metal-rgb),.22)}.app[data-web=true][data-screen=table] .table-screen[data-player-count]:not([data-desktop-table]) :is(.auction-number,.trump-options button,.burial-confirm){border-color:var(--web-table-metal);background:linear-gradient(#fff5dc,#ddc695);color:#172734;box-shadow:inset 0 1px #fff6}.app[data-web=true][data-screen=table] .table-screen[data-player-count]:not([data-desktop-table]) :is(.auction-number,.trump-options button,.burial-confirm):disabled{background:var(--masa-panel);color:var(--masa-muted);border-color:var(--masa-line);box-shadow:none}.app[data-web=true][data-screen=table] .okey-table[data-player-count]:not([data-desktop-table]) .meld-zone{border-color:rgba(var(--web-table-metal-rgb),.5);box-shadow:inset 0 0 0 2px rgba(var(--web-table-metal-rgb),.035)}.app[data-web=true][data-screen=table] .okey-table[data-player-count]:not([data-desktop-table]) .meld-zone>header{background:linear-gradient(90deg,rgba(var(--web-table-metal-rgb),.14),transparent),var(--masa-panel);border-bottom-color:rgba(var(--web-table-metal-rgb),.45);color:var(--masa-text)}.app[data-web=true][data-screen=table] .okey-table[data-player-count]:not([data-desktop-table]) .modern-controls .rack-wrap .rack-controls.table-action-controls>.control-key:not(:disabled){border-color:var(--web-table-metal);background:linear-gradient(#fff8e8,#e4d6b4);color:#172734;box-shadow:inset 0 1px #ffffff80}.app[data-web=true][data-screen=table] .okey-table[data-player-count]:not([data-desktop-table]) .rack-edge-sort{border-color:rgba(var(--web-table-metal-rgb),.6);background:linear-gradient(145deg,rgba(var(--web-table-metal-rgb),.1),transparent),var(--masa-panel);color:var(--masa-text)}.app .table-screen.batak-table{--batak-silver:hsl(var(--masa-theme-hue,212) 59.29% 77.84% / 1);--batak-edge:hsl(var(--masa-theme-hue,212) 91.63% 57.84% / 1);--batak-felt:hsl(var(--masa-theme-hue,212) 75% calc(25.1% * var(--masa-theme-depth,1)) / 1);background:hsl(var(--masa-theme-hue,212) 73.33% calc(11.76% * var(--masa-theme-depth,1)) / 1);color:hsl(var(--masa-theme-hue,212) 100% 97.45% / 1)}.app .batak-table .felt{inset:60px 0 0;margin:0;background:radial-gradient(ellipse at 50% 36%,hsl(var(--masa-theme-hue,212) 62.13% calc(33.14% * var(--masa-theme-depth,1)) / .533),transparent 68%),url(/kahvehane/batak-sapphire-felt.svg) center/96px,hsl(var(--masa-theme-hue,212) 71.43% calc(21.96% * var(--masa-theme-depth,1)) / 1);box-shadow:inset 0 0 70px hsl(var(--masa-theme-hue,212) 100% calc(8.04% * var(--masa-theme-depth,1)) / .376)}.app[data-table-theme] .table-screen.batak-table .felt-border{display:block;inset:18% 8% 22%;background:transparent;border:1px solid hsl(var(--masa-theme-hue,212) 100% 70.98% / .149);border-radius:50%;box-shadow:inset 0 0 0 3px hsl(var(--masa-theme-hue,212) 78.06% calc(53.53% * var(--masa-theme-depth,1)) / .035);pointer-events:none}.app .batak-table .felt-border:before,.app .batak-table .felt-border:after{display:none}.app .batak-table .table-watermark{font:600 34px/1 Outfit,sans-serif;color:hsl(var(--masa-theme-hue,212) 100% 79.61% / 1);opacity:.075;letter-spacing:-1px}.app .batak-table .game-topbar.batak-header{display:flex;height:60px;min-height:60px;padding:6px 10px;gap:8px;align-items:center;background:linear-gradient(180deg,hsl(var(--masa-theme-hue,212) 72.84% calc(15.88% * var(--masa-theme-depth,1)) / 1),hsl(var(--masa-theme-hue,212) 76.27% calc(11.57% * var(--masa-theme-depth,1)) / 1));border-bottom:1px solid hsl(var(--masa-theme-hue,212) 77.68% 56.08% / .439);box-shadow:0 2px 8px hsl(var(--masa-theme-hue,212) 100% calc(7.65% * var(--masa-theme-depth,1)) / .4);z-index:25}.app .batak-table .batak-header-button{width:44px;min-width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid hsl(var(--masa-theme-hue,212) 67.52% calc(54.12% * var(--masa-theme-depth,1)) / 1);border-radius:13px;background:linear-gradient(145deg,hsl(var(--masa-theme-hue,212) 68.92% calc(29.02% * var(--masa-theme-depth,1)) / 1),hsl(var(--masa-theme-hue,212) 74.6% calc(12.35% * var(--masa-theme-depth,1)) / 1) 82%);color:hsl(var(--masa-theme-hue,212) 100% 96.86% / 1);box-shadow:inset 0 1px hsl(var(--masa-theme-hue,212) 100% 82.94% / .533),0 2px 4px #0004;touch-action:manipulation}.app .batak-table .batak-header-button:active{transform:translateY(1px);box-shadow:inset 0 1px hsl(var(--masa-theme-hue,212) 100% 82.94% / .333)}.app .batak-table .game-topbar.batak-header>.batak-header-title{display:flex;flex:1;min-width:0;align-items:flex-start;flex-direction:column;gap:2px}.app .batak-table .batak-header-title>strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:650 clamp(15px,4.8vw,22px)/1.1 "Outfit","Manrope",sans-serif;letter-spacing:-.35px}.app .batak-table .batak-header-title>span{font:550 9px/12px Manrope,sans-serif;color:hsl(var(--masa-theme-hue,212) 56.52% 77.45% / 1);white-space:nowrap}.batak-header-title i{font-style:normal;margin:0 4px;opacity:.55}.batak-menu-actions{display:grid;gap:8px;padding:4px 0 12px}.batak-menu-actions>button{display:flex;align-items:center;gap:13px;min-height:48px;padding:10px 14px;border:1px solid hsl(var(--masa-theme-hue,212) 38.6% calc(44.71% * var(--masa-theme-depth,1)) / 1);border-radius:11px;background:hsl(var(--masa-theme-hue,212) 64.95% calc(19.02% * var(--masa-theme-depth,1)) / 1);color:hsl(var(--masa-theme-hue,212) 100% 96.47% / 1);text-align:left;font:600 13px/18px Manrope,sans-serif}.batak-menu-actions svg{width:19px;height:19px;color:hsl(var(--masa-theme-hue,212) 100% 77.84% / 1)}.app .batak-table .player,.app .batak-table .seat .player,.app .batak-top-player .player{background:linear-gradient(150deg,hsl(var(--masa-theme-hue,212) 73.03% calc(17.45% * var(--masa-theme-depth,1)) / 1),hsl(var(--masa-theme-hue,212) 80.33% calc(11.96% * var(--masa-theme-depth,1)) / 1));border:1px solid hsl(var(--masa-theme-hue,212) 61.04% calc(45.29% * var(--masa-theme-depth,1)) / 1);border-radius:24px;box-shadow:inset 0 1px hsl(var(--masa-theme-hue,212) 68.15% 69.22% / .18),0 4px 8px hsl(var(--masa-theme-hue,212) 100% calc(8.43% * var(--masa-theme-depth,1)) / .333);color:hsl(var(--masa-theme-hue,212) 100% 97.45% / 1)}.app .batak-table .avatar{width:44px;height:44px;min-width:44px;padding:0;border:3px solid hsl(var(--masa-theme-hue,212) 97.47% 69.02% / 1);border-radius:50%;background:radial-gradient(circle at 45% 30%,hsl(var(--masa-theme-hue,212) 64.79% calc(27.84% * var(--masa-theme-depth,1)) / 1),hsl(var(--masa-theme-hue,212) 78.79% calc(12.94% * var(--masa-theme-depth,1)) / 1) 72%);box-shadow:0 0 0 2px hsl(var(--masa-theme-hue,212) 89.87% calc(15.49% * var(--masa-theme-depth,1)) / 1),inset 0 0 0 2px hsl(var(--masa-theme-hue,212) 55.56% 82.35% / .667),inset 0 -3px 9px #0009;color:hsl(var(--masa-theme-hue,212) 100% 97.45% / 1)}.app .batak-table .avatar-initial{font:650 24px/1 Outfit,sans-serif;color:hsl(var(--masa-theme-hue,212) 100% 98.04% / 1);text-shadow:0 2px 2px hsl(var(--masa-theme-hue,212) 100% calc(7.65% * var(--masa-theme-depth,1)) / 1)}.app .batak-table .player.active{border-color:hsl(var(--masa-theme-hue,212) 100% 72.55% / 1);background:linear-gradient(150deg,hsl(var(--masa-theme-hue,212) 69.23% calc(28.04% * var(--masa-theme-depth,1)) / 1),hsl(var(--masa-theme-hue,212) 81.18% calc(16.67% * var(--masa-theme-depth,1)) / 1));box-shadow:inset 0 -2px hsl(var(--masa-theme-hue,212) 100% 67.65% / 1),0 2px 9px hsl(var(--masa-theme-hue,212) 100% calc(7.45% * var(--masa-theme-depth,1)) / .333)}.app .batak-table .player.active .avatar{border-color:hsl(var(--masa-theme-hue,212) 100% 85.29% / 1);box-shadow:0 0 0 2px hsl(var(--masa-theme-hue,212) 87.15% calc(51.18% * var(--masa-theme-depth,1)) / 1),inset 0 0 0 2px hsl(var(--masa-theme-hue,212) 71.43% 90.39% / .667),inset 0 -3px 9px #0009}.app .batak-table .seat.seat-left>.player,.app .batak-table .seat.seat-right>.player{width:64px;max-width:64px;padding:7px 3px 8px;gap:6px;border-radius:34px 34px 23px 23px}.app .batak-table .seat.seat-left>.player{left:5px}.app .batak-table .seat.seat-right>.player{right:5px}.app .batak-table .seat .player-copy{writing-mode:horizontal-tb;transform:none!important;text-align:center}.app .batak-table .seat .player-copy strong{font:650 10px/13px Manrope,sans-serif}.app .batak-table .seat .player-copy>span{display:none}.app .batak-table .seat .trick-count{display:flex;align-items:baseline;justify-content:center;gap:3px;font-size:17px;line-height:20px}.app .batak-table[data-player-count="3"] .seat.seat-left>.player,.app .batak-table[data-player-count="3"] .seat.seat-right>.player{top:22%}.app .batak-table .batak-top-player{top:69px}.app .batak-table .batak-top-player .player{min-height:44px;padding:5px 13px;border-radius:24px}.app .batak-table .batak-top-player .avatar{width:32px;height:32px;min-width:32px;border-width:2px}.app .batak-table .batak-top-player .avatar-initial{font-size:19px}.app .batak-table .my-area:before{top:5px;width:104vw;border-radius:50% 50% 0 0/35px 35px 0 0;background:url(/kahvehane/batak-sapphire-felt.svg),radial-gradient(ellipse at 50% 0,hsl(var(--masa-theme-hue,212) 64.07% calc(32.75% * var(--masa-theme-depth,1)) / 1),hsl(var(--masa-theme-hue,212) 78.05% calc(16.08% * var(--masa-theme-depth,1)) / 1) 78%);border-top:2px solid hsl(var(--masa-theme-hue,212) 30.67% 70.59% / 1);box-shadow:inset 0 2px hsl(var(--masa-theme-hue,212) 67.89% calc(42.75% * var(--masa-theme-depth,1)) / .502),0 -2px hsl(var(--masa-theme-hue,212) 74.03% calc(15.1% * var(--masa-theme-depth,1)) / 1),0 -3px hsl(var(--masa-theme-hue,212) 32.54% calc(50.59% * var(--masa-theme-depth,1)) / .533)}.app .batak-table .turn-strip .player{min-height:36px;height:auto;border-radius:20px;padding:5px 14px;background:linear-gradient(150deg,hsl(var(--masa-theme-hue,212) 72.93% calc(26.08% * var(--masa-theme-depth,1)) / 1),hsl(var(--masa-theme-hue,212) 81.25% calc(12.55% * var(--masa-theme-depth,1)) / 1));border-color:hsl(var(--masa-theme-hue,212) 95.38% 66.08% / 1)}.app .batak-table .turn-strip .player-copy strong{font:650 12px/15px Manrope,sans-serif}.app .batak-table .turn-strip .player>.seat-auction{flex-direction:row;gap:8px;min-width:0;padding:3px 7px;border-radius:7px;background:hsl(var(--masa-theme-hue,212) 56.61% calc(37.06% * var(--masa-theme-depth,1)) / .333)}.app .batak-table .turn-strip .seat-auction-label{font-size:8px;line-height:12px;text-transform:none}.app .batak-table .turn-strip .player>.seat-auction>b{font-size:15px;line-height:18px}.app .batak-table .dummy-hand{border:0;background:transparent;box-shadow:none;border-radius:0;padding:3px 5px}.app .batak-table .dummy-hand>.open-hand-label{width:max-content;max-width:100%;padding:5px 13px;border:1px solid hsl(var(--masa-theme-hue,212) 89.41% 66.67% / 1);border-radius:20px;background:linear-gradient(135deg,hsl(var(--masa-theme-hue,212) 67.83% calc(28.04% * var(--masa-theme-depth,1)) / 1),hsl(var(--masa-theme-hue,212) 79.1% calc(13.14% * var(--masa-theme-depth,1)) / 1));box-shadow:inset 0 1px hsl(var(--masa-theme-hue,212) 100% 85.88% / .267);color:hsl(var(--masa-theme-hue,212) 100% 96.67% / 1)}.app .batak-table .dummy-hand[data-controlled=true]>.open-hand-label{border-color:hsl(var(--masa-theme-hue,212) 100% 86.08% / 1);box-shadow:0 0 0 2px hsl(var(--masa-theme-hue,212) 73.12% calc(50.39% * var(--masa-theme-depth,1)) / .4)}.app .batak-table .batak-auction-stage{position:absolute;left:16px;right:16px;top:14px;z-index:6;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:460px;margin:0 auto;pointer-events:none}.app .batak-table .auction-opponents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:18px;pointer-events:auto}.app .batak-table .batak-auction-stage[data-opponents="3"] .auction-opponents{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.app .batak-table .auction-opponents .player{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;gap:3px 8px;width:100%;min-width:0;max-width:none;padding:8px;border-radius:15px;text-align:left;min-height:69px}.app .batak-table .auction-opponents .avatar{grid-row:1/3;align-self:center}.app .batak-table .auction-opponents .player-copy{min-width:0;display:block}.app .batak-table .auction-opponents .player-copy strong{font:650 11px/15px Manrope,sans-serif;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app .batak-table .auction-opponents .player-copy>span{display:none}.app .batak-table .auction-opponents .seat-auction{grid-column:2;display:flex;flex-direction:row;justify-content:flex-start;gap:5px;padding:0;min-width:0;background:none!important;color:hsl(var(--masa-theme-hue,212) 100% 84.12% / 1);animation:none}.app .batak-table .auction-opponents .seat-auction-label{font:600 8px/12px Manrope,sans-serif;letter-spacing:0;text-transform:none}.app .batak-table .auction-opponents .seat-auction>b{font:650 17px/19px Outfit,sans-serif;letter-spacing:0}.app .batak-table .auction-opponents .seat-auction:not(.is-leading):not(.is-pass)>b{display:none}.app .batak-table .batak-auction-stage[data-opponents="3"] .player{display:flex;flex-direction:column;gap:5px;text-align:center;min-height:105px;padding:8px 4px;border-radius:25px 25px 15px 15px}.app .batak-table .batak-auction-stage[data-opponents="3"] .seat-auction{justify-content:center}.app .batak-table .batak-auction-panel{width:100%;max-width:352px;box-sizing:border-box;border:1px solid hsl(var(--masa-theme-hue,212) 57.85% calc(52.55% * var(--masa-theme-depth,1)) / 1);border-radius:22px;padding:15px;background:radial-gradient(ellipse at 30% 0,hsl(var(--masa-theme-hue,212) 64.29% calc(32.94% * var(--masa-theme-depth,1)) / .533),transparent 70%),linear-gradient(140deg,hsl(var(--masa-theme-hue,212) 73.91% calc(18.04% * var(--masa-theme-depth,1)) / .961),hsl(var(--masa-theme-hue,212) 78.13% calc(12.55% * var(--masa-theme-depth,1)) / .961));box-shadow:inset 0 1px hsl(var(--masa-theme-hue,212) 100% 81.57% / .267),0 10px 24px hsl(var(--masa-theme-hue,212) 100% calc(8.63% * var(--masa-theme-depth,1)) / .271);pointer-events:auto}.app .batak-table .batak-auction-context{display:flex;justify-content:space-between;align-items:center;gap:10px;color:hsl(var(--masa-theme-hue,212) 58.97% 69.41% / 1);font:700 8px/12px Manrope,sans-serif;letter-spacing:1.5px;margin-bottom:8px}.app .batak-table .auction-kitty{display:flex;align-items:center;gap:7px;font:550 9px/12px Manrope,sans-serif;letter-spacing:0;color:hsl(var(--masa-theme-hue,212) 56.63% 83.73% / 1)}.auction-kitty i{width:13px;height:18px;border:1px solid hsl(var(--masa-theme-hue,212) 100% 86.86% / 1);border-radius:2px;background:hsl(var(--masa-theme-hue,212) 66.15% calc(25.49% * var(--masa-theme-depth,1)) / 1);transform:rotate(8deg);box-shadow:-2px 1px hsl(var(--masa-theme-hue,212) 43.17% calc(35.88% * var(--masa-theme-depth,1)) / 1),-4px 2px 0 1px hsl(var(--masa-theme-hue,212) 33.64% 58.04% / 1)}.app .batak-table .batak-auction-panel>header{display:block;padding:0;margin:0 0 13px;border:0;background:none;text-align:left}.app .batak-table .batak-auction-panel h2{margin:0 0 5px;color:hsl(var(--masa-theme-hue,212) 100% 97.84% / 1);font:650 25px/29px Outfit,Manrope,sans-serif;letter-spacing:-.65px}.app .batak-table .batak-auction-panel header p{margin:0;display:flex;justify-content:space-between;align-items:center;gap:5px;color:hsl(var(--masa-theme-hue,212) 44.78% 73.73% / 1);font:500 10px/14px Manrope,sans-serif}.app .batak-table .batak-auction-panel header p strong{font-size:11px;color:hsl(var(--masa-theme-hue,212) 100% 92.16% / 1)}.app .batak-table .batak-auction-choices{display:grid;grid-template-columns:repeat(var(--auction-cols),minmax(0,1fr));gap:6px}.app .batak-table .auction-number,.app .batak-table .auction-pass{display:flex;align-items:baseline;justify-content:center;gap:3px;min-height:46px;padding:7px 2px;border:1px solid hsl(var(--masa-theme-hue,212) 66.24% calc(53.53% * var(--masa-theme-depth,1)) / 1);border-radius:11px;background:linear-gradient(160deg,hsl(var(--masa-theme-hue,212) 67.47% calc(32.55% * var(--masa-theme-depth,1)) / 1),hsl(var(--masa-theme-hue,212) 77.55% calc(19.22% * var(--masa-theme-depth,1)) / 1));color:hsl(var(--masa-theme-hue,212) 100% 97.84% / 1);box-shadow:inset 0 1px hsl(var(--masa-theme-hue,212) 79.22% 69.8% / .251),0 2px hsl(var(--masa-theme-hue,212) 86.96% calc(9.02% * var(--masa-theme-depth,1)) / .4);touch-action:manipulation;transition:transform .1s,background-color .1s}.app .batak-table .auction-number b{font:650 22px/27px Outfit,sans-serif;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.app .batak-table .auction-number small{font:550 8px/12px Manrope,sans-serif;color:hsl(var(--masa-theme-hue,212) 71.43% 80.78% / 1)}.app .batak-table .auction-pass{align-items:center;background:hsl(var(--masa-theme-hue,212) 75.76% calc(12.94% * var(--masa-theme-depth,1)) / 1);border-color:hsl(var(--masa-theme-hue,212) 34.65% calc(39.61% * var(--masa-theme-depth,1)) / 1);color:hsl(var(--masa-theme-hue,212) 62.32% 86.47% / 1);font:650 10px/13px Manrope,sans-serif}.app .batak-table .auction-number:disabled,.app .batak-table .auction-pass:disabled{background:hsl(var(--masa-theme-hue,212) 68.42% calc(14.9% * var(--masa-theme-depth,1)) / 1);color:hsl(var(--masa-theme-hue,212) 26.89% calc(53.33% * var(--masa-theme-depth,1)) / 1);border-color:hsl(var(--masa-theme-hue,212) 44.83% calc(28.43% * var(--masa-theme-depth,1)) / 1);box-shadow:none}.app .batak-table .auction-number:disabled small{color:hsl(var(--masa-theme-hue,212) 26.89% calc(53.33% * var(--masa-theme-depth,1)) / 1)}.app .batak-table .auction-number:not(:disabled):active,.app .batak-table .auction-pass:not(:disabled):active{transform:translateY(1px) scale(.97);background:hsl(var(--masa-theme-hue,212) 61.9% calc(41.18% * var(--masa-theme-depth,1)) / 1)}.app .batak-table .auction-number:focus-visible,.app .batak-table .auction-pass:focus-visible,.app .batak-table .batak-header-button:focus-visible{outline:2px solid hsl(var(--masa-theme-hue,212) 100% 84.9% / 1);outline-offset:2px}.app .batak-table .auction-wait{display:grid;justify-items:center;gap:5px;padding:9px 0;color:hsl(var(--masa-theme-hue,212) 77.42% 87.84% / 1);font:600 12px/17px Manrope,sans-serif}.auction-wait>span{font:42px/45px Georgia,serif;color:hsl(var(--masa-theme-hue,212) 58.33% calc(52.94% * var(--masa-theme-depth,1)) / 1)}.auction-wait>small{font-size:10px;color:hsl(var(--masa-theme-hue,212) 46.21% 71.57% / 1)}@media(orientation:portrait)and (max-width:360px){.app .batak-table .batak-header-title>strong{font-size:16px}.app .batak-table .game-topbar.batak-header{gap:5px;padding-inline:7px}.app .batak-table .batak-auction-stage{left:12px;right:12px}.app .batak-table .auction-opponents{gap:10px}.app .batak-table .auction-opponents .player{gap:3px 5px;padding:7px}.app .batak-table .batak-auction-panel{padding:12px;border-radius:18px}.app .batak-table .batak-auction-panel h2{font-size:23px}}@media(orientation:portrait)and (max-height:680px){.app .batak-table .batak-auction-stage{top:9px;gap:10px}.app .batak-table .auction-opponents .player{min-height:57px;padding:5px 7px}.app .batak-table .auction-opponents .avatar{width:36px;height:36px;min-width:36px}.app .batak-table .auction-opponents .player{grid-template-columns:36px minmax(0,1fr)}.app .batak-table .batak-auction-stage[data-opponents="3"] .player{min-height:75px;gap:2px;padding:5px 3px}.app .batak-table .batak-auction-panel{padding:11px}.app .batak-table .batak-auction-context{margin-bottom:5px}.app .batak-table .batak-auction-panel h2{font-size:21px;line-height:24px}.app .batak-table .batak-auction-panel>header{margin-bottom:9px}.app .batak-table .auction-number,.app .batak-table .auction-pass{min-height:44px;padding:5px 2px}.app .batak-table .batak-auction-panel header p{font-size:9px;line-height:12px}}@media(orientation:landscape){.app .batak-table .batak-auction-stage{left:18%;right:18%;top:6px;gap:8px;max-width:470px}.app .batak-table .auction-opponents{max-width:410px}.app .batak-table .batak-auction-panel{padding:10px;max-width:370px}.app .batak-table .batak-auction-stage[data-opponents="3"] .player{flex-direction:row;min-height:48px;border-radius:16px;gap:5px}.app .batak-table .auction-opponents .avatar{width:32px;height:32px;min-width:32px}.app .batak-table .auction-opponents .player{min-height:48px;padding:5px}.app .batak-table .batak-auction-panel h2{font-size:20px;line-height:23px}.app .batak-table .batak-auction-context{display:none}.app .batak-table .batak-auction-panel>header{margin-bottom:8px}}@media(prefers-reduced-motion:reduce){.app .batak-table .auction-number,.app .batak-table .auction-pass{transition:none}}html[data-motion=reduced] .app .batak-table .auction-number,html[data-motion=reduced] .app .batak-table .auction-pass{transition:none}.app .table-screen.batak-table .felt>.table-contract.contract-corner{left:8px;right:8px;top:7px;width:auto;max-width:none;min-width:0;min-height:64px;height:64px;padding:6px 10px;display:flex;align-items:center;gap:8px;border:1px solid hsl(var(--masa-theme-hue,212) 57.32% calc(53.14% * var(--masa-theme-depth,1)) / 1);border-radius:12px;background:linear-gradient(145deg,hsl(var(--masa-theme-hue,212) 69.64% calc(21.96% * var(--masa-theme-depth,1)) / 1),hsl(var(--masa-theme-hue,212) 77.78% calc(14.12% * var(--masa-theme-depth,1)) / 1));transform:none;box-shadow:inset 0 1px hsl(var(--masa-theme-hue,212) 100% 80.78% / .2)}.app .batak-table .contract-corner .contract-suit{width:52px;min-width:52px;height:50px;font-size:50px;line-height:1;align-self:center;background:transparent;color:hsl(var(--masa-theme-hue,212) 100% 96.86% / 1);border:0;box-shadow:none}.app .batak-table .contract-corner .contract-suit.red-suit{color:#ffb5c0}.app .batak-table .contract-corner .contract-copy{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.app .batak-table .contract-corner .contract-copy b{font:650 16px/20px Manrope,sans-serif;white-space:nowrap}.app .batak-table .contract-corner .contract-copy b small{display:block;font:600 10px/13px Manrope,sans-serif;color:hsl(var(--masa-theme-hue,212) 55.1% 71.18% / 1)}.app .batak-table .contract-corner .contract-copy>.contract-caption{display:none}.app .batak-table .contract-corner .contract-copy>span:not(.contract-caption){display:flex;flex-direction:column;gap:2px;font:600 14px/17px Manrope,sans-serif;min-width:0}.app .batak-table .contract-bid-name{overflow:hidden;text-overflow:ellipsis;max-width:120px}.app .batak-table .contract-corner .contract-progress{display:flex;flex-direction:column;align-items:flex-end;gap:0;border:0;padding:0;flex:none}.app .batak-table .contract-corner .contract-progress>b{font-size:19px;line-height:23px}.app .batak-table .contract-corner .contract-progress>span:last-of-type{font-size:10px;line-height:13px}.app .batak-table .contract-meter{display:none}.app .batak-table .batak-top-player{top:136px}.app .batak-table .batak-top-player .player{height:29px;min-height:29px;padding:2px 10px;gap:6px}.app .batak-table .batak-top-player .avatar{width:24px;height:24px;min-width:24px}.app .batak-table .batak-top-player .avatar-initial{font-size:15px}.app .batak-table .seat .player>.seat-auction{padding:3px;background:hsl(var(--masa-theme-hue,212) 66.67% calc(27.06% * var(--masa-theme-depth,1)) / .4);border-radius:7px}.app .batak-table .seat .player>.seat-auction>b{font-size:15px;color:hsl(var(--masa-theme-hue,212) 100% 92.55% / 1)}.app .batak-table .seat .seat-auction-label{font-size:6px;line-height:9px}@media(orientation:portrait)and (max-height:680px){.app .batak-table .batak-top-player{left:6px;top:138px;right:auto;transform:none;width:54px}.app .batak-table .batak-top-player .player{display:flex;flex-direction:column;width:54px;height:auto;padding:4px 2px;gap:2px;border-radius:18px}.app .batak-table .batak-top-player .player-copy{display:block;text-align:center}.app .batak-table .batak-top-player .player-copy strong{font-size:8px;line-height:10px}.app .batak-table .batak-top-player .player-copy>span,.app .batak-table .batak-top-player .team-mark{display:none}.app .batak-table .batak-top-player .trick-count{font-size:10px;line-height:12px}.app .batak-table .batak-top-player .trick-count small{font-size:6px}.app .batak-table .turn-strip{gap:3px}.app .batak-table .turn-strip .player{min-height:30px;padding:3px 12px}}.app .batak-table:not(.phase-bid) .seat>.player{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;width:52px;max-width:52px;padding:0;gap:3px;background:transparent;border:0;border-radius:0;box-shadow:none;min-height:0}.app .batak-table:not(.phase-bid) .seat>.player .avatar{width:44px;height:44px;min-width:44px}.app .batak-table:not(.phase-bid) .seat>.player .player-copy strong{font-size:10px;line-height:13px}.app .batak-table:not(.phase-bid) .seat>.player>.player-copy{width:100%;min-width:0;max-width:100%}.app .batak-table:not(.phase-bid) .seat>.player>.trick-count{position:static;transform:none;box-sizing:border-box;flex:none;width:100%;max-width:100%;min-width:0;margin:0;padding:0;white-space:nowrap}.app .batak-table:not(.phase-bid) .seat>.player>.seat-auction,.app .batak-table .batak-top-player .seat-auction,.app .batak-table .turn-strip .seat-auction{display:none}.app .batak-table .seat .trick-count{font-size:10px;line-height:12px;gap:3px}.app .batak-table .seat .trick-count small{font-size:7px;line-height:10px}.app .batak-table .turn-strip .player-copy>span{display:none}.app .batak-table .dummy-hand[data-active=true]{outline:0;border:0;box-shadow:none}.app .batak-table .dummy-hand>.open-hand-label{font-size:15px;line-height:19px;padding:3px 8px;gap:5px}.app .batak-table .dummy-hand>.open-hand-label small{font-size:13px;line-height:17px}.app .batak-table .trick-area[data-compact=true] .trick-inspect{min-width:88px;min-height:44px;padding:5px 7px;font-size:10px;border-color:hsl(var(--masa-theme-hue,212) 49.31% calc(42.55% * var(--masa-theme-depth,1)) / 1);background:hsl(var(--masa-theme-hue,212) 75.28% calc(17.45% * var(--masa-theme-depth,1)) / .533);border-radius:22px;box-shadow:none}@media(orientation:portrait)and (max-height:680px){.app .batak-table .turn-strip .player{height:26px;min-height:26px;padding:2px 10px}.app .batak-table .turn-strip .turn-message{font-size:9px;min-height:13px;line-height:13px}.app .batak-table .batak-top-player .player{background:transparent;border:0;box-shadow:none}}.app .batak-table .turn-strip .player-copy strong>small{display:none}@media(orientation:portrait){.app .batak-table .batak-auction-panel{margin-top:clamp(0px,calc((100dvh - 650px)*.65),140px)}}@media(orientation:portrait)and (max-height:680px){.app .table-screen.batak-table.paired-table.phase-play .turn-strip{height:auto;min-height:0;gap:3px}.app .table-screen.batak-table.paired-table.phase-play .turn-strip .player{height:26px;min-height:26px;width:max-content;max-width:220px;padding:2px 10px;gap:7px}.app .table-screen.batak-table.paired-table.phase-play .turn-strip .turn-message{position:static;transform:none;width:auto;max-width:280px;min-height:13px;padding:0;font-size:9px;line-height:13px}}.app .batak-table .felt{background:radial-gradient(ellipse at 50% 37%,hsl(var(--masa-theme-hue,212) 81.44% calc(38.04% * var(--masa-theme-depth,1)) / .4),transparent 72%),url(/kahvehane/batak-sapphire-felt.svg) center/96px,linear-gradient(90deg,hsl(var(--masa-theme-hue,212) 82.8% calc(18.24% * var(--masa-theme-depth,1)) / 1),hsl(var(--masa-theme-hue,212) 76.06% calc(27.84% * var(--masa-theme-depth,1)) / 1) 50%,hsl(var(--masa-theme-hue,212) 82.8% calc(18.24% * var(--masa-theme-depth,1)) / 1));box-shadow:inset 0 0 60px hsl(var(--masa-theme-hue,212) 100% calc(9.02% * var(--masa-theme-depth,1)) / .533)}.app .batak-table .game-topbar.batak-header{background:linear-gradient(135deg,hsl(var(--masa-theme-hue,212) 77.78% calc(19.41% * var(--masa-theme-depth,1)) / 1),hsl(var(--masa-theme-hue,212) 89.66% calc(11.37% * var(--masa-theme-depth,1)) / 1) 85%);border-bottom:2px solid hsl(var(--masa-theme-hue,212) 82.16% calc(41.76% * var(--masa-theme-depth,1)) / 1);box-shadow:0 2px hsl(var(--masa-theme-hue,212) 85.29% calc(13.33% * var(--masa-theme-depth,1)) / 1),0 3px hsl(var(--masa-theme-hue,212) 100% 64.12% / .267)}.app .batak-table .batak-header-title>strong{font-weight:750;font-size:20px;letter-spacing:-.45px}.app .batak-table .avatar{border-color:transparent;background:radial-gradient(circle at 45% 30%,hsl(var(--masa-theme-hue,212) 70.47% calc(29.22% * var(--masa-theme-depth,1)) / 1),hsl(var(--masa-theme-hue,212) 89.47% calc(11.18% * var(--masa-theme-depth,1)) / 1) 78%) padding-box,conic-gradient(from 30deg,hsl(var(--masa-theme-hue,212) 69.81% 89.61% / 1),hsl(var(--masa-theme-hue,212) 67.1% calc(45.29% * var(--masa-theme-depth,1)) / 1) 23%,hsl(var(--masa-theme-hue,212) 67.06% 83.33% / 1) 48%,hsl(var(--masa-theme-hue,212) 80% calc(37.25% * var(--masa-theme-depth,1)) / 1) 72%,hsl(var(--masa-theme-hue,212) 100% 96.27% / 1)) border-box;box-shadow:0 0 0 2px hsl(var(--masa-theme-hue,212) 86% calc(39.22% * var(--masa-theme-depth,1)) / 1),inset 0 0 0 2px hsl(var(--masa-theme-hue,212) 82.02% calc(17.45% * var(--masa-theme-depth,1)) / 1),inset 0 0 0 3px hsl(var(--masa-theme-hue,212) 53.46% 68.82% / 1),0 3px 7px hsl(var(--masa-theme-hue,212) 100% calc(7.25% * var(--masa-theme-depth,1)) / .667)}.app .batak-table:not(.phase-bid) .seat>.player .player-copy strong{font:650 12px/16px Outfit,sans-serif;text-shadow:0 1px 2px #000}.app .batak-table .seat .trick-count{font-size:11px;color:hsl(var(--masa-theme-hue,212) 70.91% 89.22% / 1)}.app .batak-table .dummy-hand:before{content:"";position:absolute;left:-12%;right:-12%;bottom:-9px;height:40%;border-bottom:3px solid hsl(var(--masa-theme-hue,212) 31.25% 74.9% / 1);border-radius:0 0 50% 50%;box-shadow:0 2px hsl(var(--masa-theme-hue,212) 87.23% calc(9.22% * var(--masa-theme-depth,1)) / 1),0 3px hsl(var(--masa-theme-hue,212) 64.81% calc(45.69% * var(--masa-theme-depth,1)) / 1),inset 0 -5px 8px hsl(var(--masa-theme-hue,212) 88.06% calc(39.41% * var(--masa-theme-depth,1)) / .267);pointer-events:none;z-index:-1}.app .batak-table .dummy-hand[data-controlled=true] .playing-card{filter:drop-shadow(0 0 1px hsl(var(--masa-theme-hue,212) 100% 72.94% / 1))}.app .batak-table .my-area:before{border-radius:50% 50% 0 0/65px 65px 0 0;border-top:3px solid hsl(var(--masa-theme-hue,212) 35.29% 80% / 1);box-shadow:0 -1px hsl(var(--masa-theme-hue,212) 100% 96.67% / .533),0 -3px hsl(var(--masa-theme-hue,212) 87.5% calc(12.55% * var(--masa-theme-depth,1)) / 1),inset 0 3px hsl(var(--masa-theme-hue,212) 81.28% calc(39.8% * var(--masa-theme-depth,1)) / .533),inset 0 14px 24px hsl(var(--masa-theme-hue,212) 88.24% calc(26.67% * var(--masa-theme-depth,1)) / .333)}.card-index{display:none}.app .batak-table .playing-card .card-index{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:29%;left:3%;top:3%;padding:0 0 3%;background:#fffefa;color:#0b1320;pointer-events:none;line-height:1;z-index:2;border-radius:2px}.app .batak-table .playing-card.red .card-index{color:#c71b32}.app .batak-table .playing-card .card-index b{font:750 calc(var(--card-w)*.32)/.94 "Outfit",sans-serif;letter-spacing:-.06em}.app .batak-table .playing-card .card-index i{font:normal calc(var(--card-w)*.29)/1 Georgia,serif;letter-spacing:-.06em}.app .batak-table .playing-card .card-index-bottom{inset:auto 3% 3% auto;transform:rotate(180deg)}.app .table-screen.batak-table .batak-top-player .player-copy>span{display:none}.app .table-screen.batak-table .batak-top-player .player{height:auto;min-height:29px;align-items:center}@media(orientation:portrait){.app .batak-table .auction-opponents,.app .batak-table .batak-auction-stage[data-opponents="3"] .auction-opponents{position:relative;display:block;height:120px}.app .batak-table .auction-opponents>[data-auction-seat]{position:absolute;width:82px;top:34px}.app .batak-table .auction-opponents>[data-auction-seat=left]{left:8px}.app .batak-table .auction-opponents>[data-auction-seat=right]{right:8px}.app .batak-table .auction-opponents>[data-auction-seat=top]{left:50%;top:0;transform:translate(-50%)}.app .batak-table .auction-opponents .player,.app .batak-table .batak-auction-stage[data-opponents="3"] .player{display:flex;flex-direction:column;align-items:center;gap:3px;width:82px;min-height:0;padding:0;background:transparent;border:0;box-shadow:none;text-align:center}.app .batak-table .auction-opponents .avatar{width:44px;height:44px;min-width:44px}.app .batak-table .auction-opponents .player-copy strong{font:650 12px/15px Outfit,sans-serif}.app .batak-table .auction-opponents .seat-auction{justify-content:center;align-items:center;font-size:10px;line-height:13px}.app .batak-table .auction-opponents .seat-auction-label{font-size:10px;line-height:13px}.app .batak-table .batak-auction-panel{margin-top:clamp(0px,calc((100dvh - 690px)*.4),85px)}}@media(orientation:portrait)and (max-height:680px){.app .batak-table .auction-opponents,.app .batak-table .batak-auction-stage[data-opponents="3"] .auction-opponents{height:84px}.app .batak-table .auction-opponents>[data-auction-seat]{top:20px}.app .batak-table .auction-opponents .avatar{width:32px;height:32px;min-width:32px}.app .batak-table .auction-opponents .avatar-initial{font-size:19px}.app .batak-table .auction-opponents .player-copy strong{font-size:10px;line-height:12px}.app .batak-table .auction-opponents .seat-auction-label{font-size:9px;line-height:11px}}.app .batak-table.paired-table:not(.phase-bid) .seat.seat-left>.player,.app .batak-table.paired-table:not(.phase-bid) .seat.seat-right>.player{translate:0 36px}.batak-round-summary{display:flex;flex-direction:column;gap:18px;min-height:0;flex:1;padding-top:7px;color:var(--masa-text)}.round-summary-heading{display:flex;flex-direction:column;align-items:center;gap:6px;padding:11px 16px;border:1px solid var(--masa-line);border-radius:16px;background:linear-gradient(145deg,var(--masa-panel),var(--masa-base))}.round-summary-heading strong{font:650 20px/25px Outfit,sans-serif}.round-summary-heading>span{color:var(--masa-muted);font-size:11px}.batak-round-summary table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;border:1px solid var(--masa-line);border-radius:13px;overflow:hidden;background:rgba(var(--masa-base-rgb),.6)}.batak-round-summary th,.batak-round-summary td{padding:12px 4px;border-right:1px solid rgba(var(--masa-line-rgb),.35);border-bottom:1px solid rgba(var(--masa-line-rgb),.35);text-align:center;font-size:13px}.batak-round-summary thead th{font-size:9px;font-weight:550;color:var(--masa-muted);background:var(--masa-panel)}.batak-round-summary th:first-child{width:36%}.batak-round-summary tbody th{font-weight:600;text-align:left;font-size:11px;overflow-wrap:anywhere}.batak-round-summary tbody tr[data-local=true]{background:linear-gradient(100deg,rgba(var(--masa-selected-rgb),.9),rgba(var(--masa-panel-rgb),.8));box-shadow:inset 3px 0 var(--masa-ice)}.round-player-medallion{display:inline-grid;place-items:center;width:27px;height:27px;margin-right:5px;vertical-align:middle;border:2px solid var(--masa-ice);border-radius:50%;background:var(--masa-base);font:650 16px Outfit,sans-serif}.batak-round-summary .round-negative{color:#ff7c92;font-weight:750}.batak-round-summary .round-positive{color:#8eecb4;font-weight:750}.batak-round-summary tfoot th{font-size:11px;text-align:left;padding:13px 10px;background:var(--masa-panel)}.batak-round-summary tfoot td{font-weight:700;background:var(--masa-panel)}.round-summary-note{color:var(--masa-muted);font-size:10px;line-height:1.6;text-align:center;margin:0}@media(orientation:portrait)and (max-height:680px){.batak-round-summary{gap:10px}.round-summary-heading{padding:6px 10px}.round-summary-heading strong{font-size:16px;line-height:20px}.batak-round-summary th,.batak-round-summary td{padding:8px 3px;font-size:11px}.batak-round-summary tbody th{font-size:9px}.round-player-medallion{width:21px;height:21px;font-size:13px}.round-summary-note{font-size:9px}}.app .interface-surface .batak-round-summary :is(th,td){color:var(--masa-text);background:transparent}.app .interface-surface .batak-round-summary tbody tr{background:rgba(var(--masa-panel-rgb),.7)}.app .interface-surface .batak-round-summary tbody tr[data-local=true]{background:linear-gradient(100deg,rgba(var(--masa-selected-rgb),.9),rgba(var(--masa-panel-rgb),.8))}.app .interface-surface .batak-round-summary thead th,.app .interface-surface .batak-round-summary tfoot :is(th,td){background:var(--masa-panel)}.app .interface-surface .batak-round-summary td.round-negative{color:#ff7c92}.app .interface-surface .batak-round-summary td.round-positive{color:#8eecb4}.app .batak-table .last-trick-review,.app .batak-table:has(.seat-left.open-hand-seat) .last-trick-review{left:50%;right:auto;top:50%;transform:translate(-50%,-50%);min-height:44px;max-width:180px;padding:8px 12px;font-size:11px;z-index:12;background:var(--masa-panel);border-color:var(--masa-line);color:var(--masa-text);border-radius:18px}.app .batak-table .felt{background-image:radial-gradient(ellipse at 50% 37%,rgba(var(--masa-accent-rgb),.2),transparent 72%),linear-gradient(90deg,hsl(var(--masa-theme-hue,212) 83% calc(16% * var(--masa-theme-depth,1))),hsl(var(--masa-theme-hue,212) 76% calc(26% * var(--masa-theme-depth,1))) 50%,hsl(var(--masa-theme-hue,212) 83% calc(16% * var(--masa-theme-depth,1))));background-size:auto,auto}.app .batak-table .dummy-hand:before{border-bottom-width:8px;border-bottom-color:#94b2cc;box-shadow:0 1px #eef8ff,0 3px #385975,0 6px 0 var(--masa-action),0 8px #0a1728,0 12px 13px #0008,inset 0 -3px #cee9ff,inset 0 -8px 8px rgba(var(--masa-accent-rgb),.38);bottom:-8px}.app .batak-table .my-area:before{border-top:8px solid #96b7d0;box-shadow:0 -1px #eef9ff,0 -3px #3b617f,0 -6px 0 var(--masa-action),0 -8px #071a2d,0 -12px 15px #0005,inset 0 2px #d7ecfa,inset 0 5px #365d7c,inset 0 12px 18px #0007;background-image:radial-gradient(ellipse at 50% 0,var(--masa-selected),var(--masa-base) 78%);background-size:auto}.app .batak-table .avatar{box-shadow:0 0 0 1px #d4ebff,0 0 0 3px #32516e,0 0 0 5px var(--masa-action),0 3px 9px #0009,inset 0 0 0 2px #b6d4eb,inset 0 3px 4px #ffffff45,inset 0 -5px 7px #000b}.app .batak-table .dummy-hand[data-controlled=true] .playing-card{filter:none}.batak-round-summary{overflow:hidden;gap:8px}.batak-round-summary>*{flex-shrink:0}@media(orientation:portrait)and (max-height:680px){.round-summary-heading{flex-direction:row;justify-content:space-between;gap:8px;padding:6px 9px}.round-summary-heading strong{font-size:14px;line-height:20px}.round-summary-heading>span{font-size:10px;white-space:nowrap}.batak-round-summary th,.batak-round-summary td{padding:4px 3px}.batak-round-summary tfoot th,.batak-round-summary tfoot td{padding:6px 4px;font-size:10px}}.app .batak-table .batak-auction-stage>.auction-pass{pointer-events:auto;width:100%;max-width:100%;min-height:48px;flex-shrink:0;padding:10px 18px;font:650 17px/22px Manrope,sans-serif;border-radius:12px;border:1px solid var(--masa-muted);background:linear-gradient(155deg,var(--masa-raised),var(--masa-panel));color:var(--masa-text);box-shadow:inset 0 1px #ffffff30,0 2px 5px #0004}@media(orientation:landscape){.app .batak-table .batak-auction-stage>.auction-pass{max-width:370px}}@media(orientation:portrait)and (max-height:680px){.app .batak-table .batak-auction-stage{top:4px;gap:6px}.app .batak-table .batak-auction-panel{padding:8px}.app .batak-table .batak-auction-context{display:none}.app .batak-table .batak-auction-panel>header{margin-bottom:6px}.app .batak-table .batak-auction-panel h2{font-size:20px;line-height:22px}.app .batak-table .batak-auction-panel header p{display:flex;gap:4px;white-space:nowrap;font-size:9px;line-height:12px;overflow:hidden}.app .batak-table .batak-auction-panel header p strong{overflow:hidden;text-overflow:ellipsis}.app .batak-table .batak-auction-choices{gap:6px}}.app .batak-table.phase-play .card-fan .playing-card{transition:none}.app .batak-table.phase-play .card-fan .playing-card[data-pressed=true]{transform:translate(-50%) translateY(-4px) rotate(var(--fan-angle));transition:transform 90ms ease-out;outline:2px solid var(--masa-ice);outline-offset:-2px}@media(prefers-reduced-motion:reduce){.app .batak-table.phase-play .card-fan .playing-card[data-pressed=true]{transform:translate(-50%) rotate(var(--fan-angle));transition:none}}html[data-motion=reduced] .app .batak-table.phase-play .card-fan .playing-card[data-pressed=true]{transform:translate(-50%) rotate(var(--fan-angle));transition:none}.app .batak-table .contract-corner .contract-copy strong{font:700 18px/21px Outfit,sans-serif}.app .batak-table .contract-corner .contract-progress .contract-owner{font-size:10px;line-height:13px}.app .batak-table .contract-corner .contract-progress b small{font-size:12px;line-height:16px}@media(max-height:700px){.batak-round-summary{padding-top:0;gap:4px}.round-summary-heading{flex-direction:row;justify-content:space-between;padding:4px 8px}.round-summary-heading strong{font-size:14px;line-height:18px}.batak-round-summary th,.batak-round-summary td{padding:4px;font-size:12px}.batak-round-summary tfoot th{padding:4px 8px}.round-summary-note{font-size:10px;line-height:1.3}.batak-round-summary .ui-page-controls{min-height:32px;gap:6px}.batak-round-summary .ui-page-controls .ui-icon{height:32px;min-height:32px}}.app .batak-table[data-compact-opponent-pair=true] .seat:is(.seat-left,.seat-right)>.player,.app .batak-table[data-compact-opponent-pair=true] .seat:is(.seat-left,.seat-right)>.card-backs{display:none}.pair-opponent-marker{position:absolute;top:40%;display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;min-height:44px;width:60px;padding:5px 3px;border:1px solid var(--masa-line);border-radius:9px;background:var(--masa-panel);color:var(--masa-muted);font-size:10px;line-height:1.3;z-index:14}.seat-left>.pair-opponent-marker{left:5px}.seat-right>.pair-opponent-marker{right:5px}.pair-opponent-marker strong{font-size:11px;color:var(--masa-text)}.pair-opponent-marker small{font-size:9px}.pair-opponent-marker[data-active=true]{border-color:var(--masa-ice);box-shadow:0 0 0 2px rgba(var(--masa-ice-rgb),.2)}.app .batak-table[data-compact-opponent-pair=true] .dummy-hand>.open-hand-label{display:none}.app .batak-table[data-compact-opponent-pair=true] .dummy-hand>.open-hand-label small{font-size:11px;line-height:14px}.app .batak-table[data-compact-opponent-pair=true] .dummy-hand>.double-fan[data-single-row=true]>.card-fan{margin-top:0}.app .batak-table .dummy-hand .playing-card .card-index{visibility:visible;z-index:4;width:32%;left:2%;top:2%;background:var(--piece-paper,#fffefa);color:#0b1320}.app .batak-table .dummy-hand .playing-card.red .card-index{color:#c71b32}.app .batak-table .dummy-hand .playing-card .card-index b{font-size:calc(var(--card-w)*.36);font-weight:800;letter-spacing:-.065em}.app .batak-table .dummy-hand .playing-card .card-index i{font-size:calc(var(--card-w)*.32);letter-spacing:-.04em}.app .batak-table .dummy-hand .playing-card .card-index-bottom{inset:auto 2% 2% auto}.app[data-appearance-pack] .batak-table.phase-play .dummy-hand .card-fan .playing-card[data-legal=false],.app .batak-table .dummy-hand .card-fan .playing-card:disabled{filter:none;opacity:1}@media(orientation:landscape){.app .batak-table[data-compact-opponent-pair=true] .dummy-hand:is([data-side=left],[data-side=right]){z-index:9}}@media(orientation:landscape){.app .batak-table[data-compact-opponent-pair=true]:has(.dummy-hand[data-side=left]) .turn-strip .turn-message{inset:auto 12px 17px auto;transform:none}.app .batak-table[data-compact-opponent-pair=true]:has(.dummy-hand[data-side=right]) .turn-strip .turn-message{inset:auto auto 17px 12px;transform:none}}@media(orientation:portrait){.app .batak-table .dummy-hand[data-side=top]>.double-fan>.card-fan+.card-fan{margin-top:calc(0px - var(--row-overlap))}}.app .batak-table.phase-play .card-fan button.playing-card[data-legal=true]:not(:disabled){outline:3px solid var(--masa-focus,#f6c85f);outline-offset:-3px;box-shadow:0 0 0 1px #152b36}.app .batak-table.phase-play .card-fan button.playing-card[data-legal=false]:disabled{outline:none}.app .batak-table.phase-play .card-fan button.playing-card[data-legal=true]:not(:disabled):focus-visible{outline:3px dashed var(--masa-focus,#f6c85f);outline-offset:3px;box-shadow:0 0 0 2px #152b36}.app .batak-table .last-trick-review .last-trick-winner{min-width:0;overflow-wrap:anywhere;white-space:normal;line-height:1.25}@media(orientation:portrait)and (max-height:680px){.app .batak-table[data-compact-opponent-pair=true] .batak-top-player{left:50%;right:auto;transform:translate(-50%)}}@media(orientation:landscape)and (max-height:550px){.app .batak-table[data-player-count="3"]:not(.phase-bid) .seat:is(.seat-left,.seat-right)>.player{top:76px;transform:none}}@media(orientation:landscape)and (max-width:740px)and (max-height:400px){.app .batak-table:has(.dummy-hand[data-side=top]) .felt>.table-contract.contract-corner{left:8px;right:auto;top:7px;width:160px;max-width:160px;height:90px;min-height:90px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:4px 6px;padding:5px 6px}.app .batak-table:has(.dummy-hand[data-side=top]) .contract-corner .contract-suit{width:34px;min-width:34px;height:42px;font-size:32px}.app .batak-table:has(.dummy-hand[data-side=top]) .contract-corner .contract-copy{display:block;min-width:0}.app .batak-table:has(.dummy-hand[data-side=top]) .contract-corner .contract-copy b{font-size:12px;line-height:16px}.app .batak-table:has(.dummy-hand[data-side=top]) .contract-corner .contract-copy b small{display:inline;font-size:8px;line-height:10px}.app .batak-table:has(.dummy-hand[data-side=top]) .contract-corner .contract-copy>span:not(.contract-caption){flex-direction:row;align-items:center;gap:4px;font-size:10px;line-height:14px}.app .batak-table:has(.dummy-hand[data-side=top]) .contract-corner .contract-copy strong{font-size:14px;line-height:17px;white-space:nowrap}.app .batak-table:has(.dummy-hand[data-side=top]) .contract-corner .contract-bid-crown{width:12px;height:12px}.app .batak-table:has(.dummy-hand[data-side=top]) .contract-corner .contract-progress[data-target]{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;gap:3px;min-width:0;padding:3px 4px}.app .batak-table:has(.dummy-hand[data-side=top]) .contract-corner .contract-progress>.contract-owner{display:block;font-size:8px;line-height:10px}.app .batak-table:has(.dummy-hand[data-side=top]) .contract-corner .contract-progress>b{font-size:14px;line-height:18px;white-space:nowrap}.app .batak-table:has(.dummy-hand[data-side=top]) .contract-corner .contract-progress>b small{font-size:10px;line-height:12px}.app .batak-table:has(.dummy-hand[data-side=top]) .contract-corner .contract-progress>span:last-of-type{font-size:9px;line-height:12px}.app .batak-table:has(.dummy-hand[data-side=top]) .batak-top-player{top:67px;left:calc(50% + 86px);right:auto;transform:translate(-50%);width:max-content;max-width:calc(100% - 196px)}.app .batak-table:has(.dummy-hand[data-side=top]) .dummy-hand[data-side=top]>.open-hand-label{display:none}.app .batak-table:has(.dummy-hand[data-side=top]) .dummy-hand[data-side=top]>.double-fan>.card-fan+.card-fan{margin-top:calc(0px - var(--row-overlap))}}.app .table-screen.batak-table .last-trick-review[data-review-compact=true]{width:88px;min-width:88px;max-width:88px;height:44px;min-height:44px;padding:6px;gap:4px}.app .table-screen.batak-table .last-trick-review[data-review-compact=true] .last-trick-winner{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app .table-screen.batak-table .last-trick-review[data-review-compact=true] .collected-cards{width:12px;height:18px;min-width:12px;flex:none}@media(orientation:landscape)and (min-width:741px)and (max-width:960px)and (max-height:400px){html[data-desktop-web=false] .app .batak-table[data-web-short-landscape=true]:has(.dummy-hand[data-side=top]) .felt>.table-contract.contract-corner{left:8px;right:auto;top:7px;width:160px;max-width:160px;height:90px;min-height:90px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:4px 6px;padding:5px 6px}html[data-desktop-web=false] .app .batak-table[data-web-short-landscape=true]:has(.dummy-hand[data-side=top]) .contract-corner .contract-suit{width:34px;min-width:34px;height:42px;font-size:32px}html[data-desktop-web=false] .app .batak-table[data-web-short-landscape=true]:has(.dummy-hand[data-side=top]) .contract-corner .contract-copy{display:block;min-width:0}html[data-desktop-web=false] .app .batak-table[data-web-short-landscape=true]:has(.dummy-hand[data-side=top]) .contract-corner .contract-copy b{font-size:12px;line-height:16px}html[data-desktop-web=false] .app .batak-table[data-web-short-landscape=true]:has(.dummy-hand[data-side=top]) .contract-corner .contract-copy b small{display:inline;font-size:8px;line-height:10px}html[data-desktop-web=false] .app .batak-table[data-web-short-landscape=true]:has(.dummy-hand[data-side=top]) .contract-corner .contract-copy>span:not(.contract-caption){flex-direction:row;align-items:center;gap:4px;font-size:10px;line-height:14px}html[data-desktop-web=false] .app .batak-table[data-web-short-landscape=true]:has(.dummy-hand[data-side=top]) .contract-corner .contract-copy strong{font-size:14px;line-height:17px;white-space:nowrap}html[data-desktop-web=false] .app .batak-table[data-web-short-landscape=true]:has(.dummy-hand[data-side=top]) .contract-corner .contract-bid-crown{width:12px;height:12px}html[data-desktop-web=false] .app .batak-table[data-web-short-landscape=true]:has(.dummy-hand[data-side=top]) .contract-corner .contract-progress[data-target]{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;gap:3px;min-width:0;padding:3px 4px}html[data-desktop-web=false] .app .batak-table[data-web-short-landscape=true]:has(.dummy-hand[data-side=top]) .contract-corner .contract-progress>.contract-owner{display:block;font-size:8px;line-height:10px}html[data-desktop-web=false] .app .batak-table[data-web-short-landscape=true]:has(.dummy-hand[data-side=top]) .contract-corner .contract-progress>b{font-size:14px;line-height:18px;white-space:nowrap}html[data-desktop-web=false] .app .batak-table[data-web-short-landscape=true]:has(.dummy-hand[data-side=top]) .contract-corner .contract-progress>b small{font-size:10px;line-height:12px}html[data-desktop-web=false] .app .batak-table[data-web-short-landscape=true]:has(.dummy-hand[data-side=top]) .contract-corner .contract-progress>span:last-of-type{font-size:9px;line-height:12px}html[data-desktop-web=false] .app .batak-table[data-web-short-landscape=true]:has(.dummy-hand[data-side=top]) .batak-top-player{top:67px;left:calc(50% + 86px);right:auto;transform:translate(-50%);width:max-content;max-width:calc(100% - 196px)}html[data-desktop-web=false] .app .batak-table[data-web-short-landscape=true]:has(.dummy-hand[data-side=top]) .dummy-hand[data-side=top]>.open-hand-label{display:none}html[data-desktop-web=false] .app .batak-table[data-web-short-landscape=true]:has(.dummy-hand[data-side=top]) .dummy-hand[data-side=top]>.double-fan>.card-fan+.card-fan{margin-top:calc(0px - var(--row-overlap))}}:root{--masa-theme-hue:212;--masa-theme-depth:1}:root[data-theme=emerald]{--masa-theme-hue:153;--masa-theme-depth:1;--masa-base:#082b1b;--masa-base-rgb:8,43,27;--masa-panel:#10462e;--masa-panel-rgb:16,70,46;--masa-raised:#156843;--masa-raised-rgb:21,104,67;--masa-selected:#208a5a;--masa-selected-rgb:32,138,90;--masa-line:#4bab80;--masa-line-rgb:75,171,128;--masa-muted:#b7dfcd;--masa-muted-rgb:183,223,205;--masa-ice:#a6ffd7;--masa-ice-rgb:166,255,215;--masa-text:#f4fdf9;--masa-text-rgb:244,253,249;--masa-accent:#32ffa3;--masa-accent-rgb:50,255,163;--masa-action:#087545;--masa-action-rgb:8,117,69;--masa-focus:#95ffcf;--masa-focus-rgb:149,255,207}:root[data-theme=burgundy]{--masa-theme-hue:340;--masa-theme-depth:1;--masa-base:#2b0814;--masa-base-rgb:43,8,20;--masa-panel:#461022;--masa-panel-rgb:70,16,34;--masa-raised:#681531;--masa-raised-rgb:104,21,49;--masa-selected:#8a2043;--masa-selected-rgb:138,32,67;--masa-line:#ab4b6b;--masa-line-rgb:171,75,107;--masa-muted:#dfb7c4;--masa-muted-rgb:223,183,196;--masa-ice:#ffa6c4;--masa-ice-rgb:255,166,196;--masa-text:#fdf4f7;--masa-text-rgb:253,244,247;--masa-accent:#ff3276;--masa-accent-rgb:255,50,118;--masa-action:#d21755;--masa-action-rgb:210,23,85;--masa-focus:#ff95b8;--masa-focus-rgb:255,149,184}:root[data-theme=night]{--masa-theme-hue:230;--masa-theme-depth:.65;--masa-base:#080b19;--masa-base-rgb:8,11,25;--masa-panel:#0f1429;--masa-panel-rgb:15,20,41;--masa-raised:#151c3c;--masa-raised-rgb:21,28,60;--masa-selected:#1e2750;--masa-selected-rgb:30,39,80;--masa-line:#394166;--masa-line-rgb:57,65,102;--masa-muted:#bdc1d9;--masa-muted-rgb:189,193,217;--masa-ice:#b2bdf3;--masa-ice-rgb:178,189,243;--masa-text:#f5f6fc;--masa-text-rgb:245,246,252;--masa-accent:#4f67e2;--masa-accent-rgb:79,103,226;--masa-action:#202f77;--masa-action-rgb:32,47,119;--masa-focus:#a4b1f0;--masa-focus-rgb:164,177,240}.theme-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0}.theme-choice{position:relative;display:flex;align-items:center;gap:9px;text-align:left;min-height:62px;padding:8px;border:1px solid var(--masa-line);border-radius:12px;background:var(--masa-base);color:var(--masa-text);font-size:11px}.theme-choice[aria-checked=true]{border-color:var(--masa-ice);box-shadow:0 0 0 1px var(--masa-ice),inset 0 1px #fff3}.theme-choice>svg{position:absolute;right:5px;top:5px;color:var(--masa-ice)}.theme-preview{display:block;position:relative;flex:none;width:38px;height:40px;border:1px solid #cee6f888;border-radius:8px;background:radial-gradient(ellipse at 50% 30%,var(--preview-color),#071426);box-shadow:inset 0 1px #fff5}.theme-preview i{position:absolute;bottom:5px;left:10px;width:14px;height:21px;border:1px solid #8198a7;border-radius:2px;background:#fffefa;transform:rotate(-16deg)}.theme-preview i:nth-child(2){left:15px;bottom:7px;transform:none}.theme-preview i:nth-child(3){left:20px;transform:rotate(16deg)}@media(orientation:portrait)and (max-height:680px){.interface-surface .settings-panel:has(.theme-picker){padding:10px;justify-content:center;gap:0}.interface-surface .settings-panel:has(.theme-picker) h2{font-size:17px;line-height:22px;margin:0}.interface-surface .settings-panel:has(.theme-picker) .ui-setting-switch{min-height:52px;padding:6px 0}.interface-surface .settings-panel:has(.theme-picker) .ui-setting-switch strong{font-size:11px;line-height:14px}.interface-surface .settings-panel:has(.theme-picker) .ui-setting-switch small{font-size:9px;line-height:12px;margin-top:2px}.theme-picker{gap:6px;margin:6px 0}.theme-choice{min-height:48px;padding:5px;gap:7px;font-size:10px}.theme-preview{width:29px;height:32px}.theme-preview i{width:10px;height:17px;left:5px}.theme-preview i:nth-child(2){left:10px}.theme-preview i:nth-child(3){left:15px}.interface-surface .settings-panel:has(.theme-picker)>.ui-caption{font-size:8px;line-height:11px;margin:3px 0 0}}.app[data-table-theme] .table-screen.okey-table{background:var(--masa-base);--ui-board:var(--masa-panel)}.app .okey-table .felt{background:radial-gradient(ellipse at 50% 38%,rgba(var(--masa-accent-rgb),.24),transparent 75%),linear-gradient(110deg,var(--masa-base),var(--masa-raised) 48%,var(--masa-panel));box-shadow:inset 0 0 45px #0005}.app .okey-table .game-topbar{background:linear-gradient(var(--masa-panel),var(--masa-base));border-bottom:1px solid var(--masa-line);box-shadow:0 2px 7px #0005}.app .okey-table .game-topbar .icon-button{border:1px solid rgba(var(--masa-muted-rgb),.28);border-radius:7px;background:linear-gradient(var(--masa-raised),var(--masa-base));box-shadow:inset 0 1px #ffffff20}.app .okey-table .avatar{border:2px solid #b6d4eb;background:radial-gradient(circle at 35% 20%,var(--masa-raised),var(--masa-base) 75%);box-shadow:0 0 0 1px #35536b,inset 0 0 0 1px #ffffff70,inset 0 -3px 4px #0007;border-radius:50%}.app .okey-table .meld-board{--meld-grid-line:rgba(var(--masa-muted-rgb),.12);--meld-grid-fine:rgba(var(--masa-muted-rgb),.035);--meld-pair-line:rgba(var(--masa-muted-rgb),.17);background:transparent;box-shadow:none}.app .okey-table .meld-zone{border:1px solid rgba(var(--masa-muted-rgb),.45);border-radius:7px;background:rgba(var(--masa-base-rgb),.43);box-shadow:inset 0 1px #ffffff20,0 2px 5px #0004;overflow:hidden}.app .okey-table .meld-zone>header{background:linear-gradient(rgba(var(--masa-raised-rgb),.88),rgba(var(--masa-panel-rgb),.95));border-bottom:1px solid rgba(var(--masa-muted-rgb),.3);color:var(--masa-text);letter-spacing:.12em}.app .okey-table .board-watermarks{opacity:.035}.app .okey-table .rack-wrap .tile-rack.wide-rack{background:linear-gradient(180deg,var(--masa-base),var(--masa-raised) 46%,var(--masa-base) 51%,var(--masa-raised));border-color:#789bb5;border-radius:7px;box-shadow:inset 0 1px #e6f5ff,inset 2px 0 #c5ddeb,inset -2px 0 #36526a,0 2px #152b40,0 4px 7px #0007}.app .okey-table .tile-rack:before,.app .okey-table .tile-rack:after{height:4px;background:linear-gradient(#e3f2fd,#8aa9c0 40%,#3c5e79 55%,#172e45);border-top:1px solid #d9f0ff;box-shadow:0 2px 3px #0008}.app .okey-table .modern-controls .rack-wrap .rack-controls .control-key{background:linear-gradient(155deg,var(--masa-raised),var(--masa-base));border-color:rgba(var(--masa-muted-rgb),.42);box-shadow:inset 0 1px #ffffff20,0 2px 4px #0004}.app .okey-table .modern-controls .rack-wrap .rack-controls .control-key:not(:disabled).open-hand-action,.app .okey-table .modern-controls .rack-wrap .rack-controls .control-key:not(:disabled).process-hand-action{background:linear-gradient(var(--masa-ice),var(--masa-muted));color:var(--masa-base);border-color:var(--masa-text)}.app .okey-table .rack-summary{background:linear-gradient(var(--masa-panel),var(--masa-base));border-color:rgba(var(--masa-muted-rgb),.4)}.app .okey-table .tile.selected{outline-color:var(--masa-focus)}@media(orientation:landscape){.app .okey-table .seat.seat-left,.app .okey-table .seat.seat-right{width:40px;top:29%;transform:none}.app .okey-table .seat.seat-left{left:5px}.app .okey-table .seat.seat-right{right:5px}.app .okey-table .seat .player{display:flex;flex-direction:column;gap:3px;writing-mode:horizontal-tb;width:40px;max-width:40px;height:auto;min-height:0;padding:4px 1px;border:0;border-radius:18px;background:linear-gradient(var(--masa-panel),rgba(var(--masa-base-rgb),.7));box-shadow:inset 0 1px #ffffff25}.app .okey-table .seat .avatar{display:flex;width:27px;height:27px;min-width:27px;flex-shrink:0}.app .okey-table .seat .avatar-initial{font:650 17px Outfit,sans-serif}.app .okey-table .seat .player-copy{writing-mode:horizontal-tb;transform:none;max-width:38px;align-items:center;text-align:center}.app .okey-table .seat .player strong{font-size:9px;line-height:11px;max-width:38px}.app .okey-table .seat .player-copy>span{display:block;font-size:7px;line-height:9px;max-width:38px;white-space:normal;color:var(--masa-muted)}.app .okey-table .seat .player.active{box-shadow:0 0 0 1px var(--masa-ice),inset 0 0 10px rgba(var(--masa-accent-rgb),.2)}}.app .okey-table .tile.face-down{background:linear-gradient(#fff,#f6f7f6);border-color:#b8c5cb;box-shadow:inset 1px 1px #fff,inset -1px -2px #d8e0e3,0 1px #7c909b}.app .okey-table .tile.face-down .tile-back-inset{border-color:#e4e9ea}.app .okey-table .tile.red,.app .okey-table .tile-color-red{color:#df1637}.app .okey-table .tile.blue,.app .okey-table .tile-color-blue{color:#007bc4}.app .okey-table .tile.gold,.app .okey-table .tile-color-gold{color:#b57800}.app .okey-table .tile.black,.app .okey-table .tile-color-black{color:#14202d}.app .okey-table .meld-board>.draw-stack{align-self:stretch;justify-content:flex-start}.app .okey-table .draw-stack>.stock-info{order:2;margin-top:auto;margin-bottom:0;min-width:44px}.app .okey-table .draw-stack>.joker-legend{order:1;margin-bottom:3px}.app .okey-table .discard-pile.south-west,.app .okey-table .discard-pile.south-east{bottom:-8px}.app .okey-table .rack-process-light{inset:-3px -2px;height:auto;border:1px solid #ffe48a;border-radius:5px;background:radial-gradient(ellipse at 50% 100%,#ffe48abf,#ffd64a33 65%,transparent);box-shadow:0 0 7px 2px #ffd64aaa,inset 0 0 7px #ffe48a88;z-index:-1;animation:none}.app .okey-table .rack-slot[data-processable=true]{isolation:isolate}.app .okey-table .rack-slot[data-processable=true]>.tile{position:relative;z-index:1}.app .okey-table .rack-slot.dragging .rack-process-light{opacity:.35}.app .okey-table .okey-table-center,.app .okey-table:not(:has(.opening-tray)) .okey-table-center,.app .okey-table:has(.opening-tray) .okey-table-center{left:var(--field-side);right:var(--field-side);bottom:var(--okey-board-bottom);top:4px}.app .okey-table .rack-controls-left,.app .okey-table .rack-controls-right{width:calc(var(--rack-side) - 12px);height:var(--okey-control-height);grid-template-rows:repeat(3,minmax(44px,1fr));gap:4px}.app .okey-table .rack-controls-left{left:6px}.app .okey-table .rack-controls-right{right:6px}.app .okey-table .rack-wrap .tile-rack.wide-rack{gap:6px 2px;padding:5px 6px 8px}.app .okey-table .meld-zone>header{letter-spacing:.04em}@media(orientation:portrait){.app .okey-table .rack-controls-left,.app .okey-table .rack-controls-right{bottom:calc(var(--okey-rack-height) + 36px);width:calc(50% - 12px);height:44px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:44px;gap:4px}.app .okey-table .rack-controls-left{left:8px}.app .okey-table .rack-controls-right{right:8px}.app .okey-table .rack-controls>button{grid-column:auto}.app .okey-table .modern-controls .rack-controls .control-key b{font-size:9px;line-height:12px}.app .okey-table .modern-controls .rack-controls .control-key small{font-size:8px;line-height:10px}.app .okey-table .modern-controls .rack-controls .control-key svg{display:none}.app .okey-table .discard-pile.north-west,.app .okey-table .discard-pile.south-west{left:-44px}.app .okey-table .discard-pile.north-east,.app .okey-table .discard-pile.south-east{right:-44px}}@media(orientation:landscape)and (max-height:550px){.app .okey-table .draw-stack .table-rule-stack{display:none}.app .okey-table .draw-stack{gap:2px!important;padding-top:0}.app .okey-table .draw-stack>.tile.small{width:26px;height:34px;font-size:25px}.app .okey-table .draw-stack .indicator-label{font-size:8px;line-height:10px}.app .okey-table .draw-stack>.joker-legend{font-size:8px;line-height:12px;margin:0}.app .okey-table .draw-stack>.stock-info{height:44px;min-height:44px;margin-top:auto}}.app .okey-table .meld-board>.draw-stack{flex:0 0 44px;width:44px}@media(min-width:900px){.app .okey-table .modern-controls .rack-wrap .rack-controls .control-key,.app .okey-table .modern-controls .rack-controls .control-key b{font-size:clamp(12px,1.2vw,16px);line-height:1.2}.app .okey-table .modern-controls .rack-controls .control-key small{font-size:clamp(10px,1vw,12px);line-height:1.2}.app .okey-table .modern-controls .rack-controls .control-key svg{width:17px;height:17px}}.app .okey-table .control-short-label{display:none}.app .okey-table .modern-controls .rack-controls [data-control-row=turn]{flex-direction:column;gap:2px}@media(max-width:899px){.app .okey-table .control-full-label{display:none}.app .okey-table .control-short-label{display:inline}.app .okey-table .modern-controls .rack-wrap .rack-controls .control-key{padding:2px 3px;gap:1px}.app .okey-table .modern-controls .rack-controls .control-key b{font-size:10px;line-height:12px;white-space:nowrap}.app .okey-table .modern-controls .rack-controls .control-key b svg{display:none}.app .okey-table .modern-controls .rack-controls .control-key small{font-size:8px;line-height:9px;white-space:normal;overflow-wrap:normal;text-align:center}}@media(orientation:landscape)and (max-height:550px){.app .okey-table .seat.seat-left,.app .okey-table .seat.seat-right{top:calc((100% - var(--okey-board-bottom))/2);transform:translateY(-50%)}.app .okey-table .seat .player{gap:2px;padding:2px 1px;border-radius:8px}.app .okey-table .seat .avatar{width:22px;height:22px;min-width:22px}.app .okey-table .seat .avatar-initial{font-size:14px}.app .okey-table .seat .player-copy>span{display:none}.app .okey-table .seat .player strong{font-size:8px;line-height:10px}}@media(orientation:landscape)and (max-height:340px){.app .okey-table .seat.seat-left,.app .okey-table .seat.seat-right{display:none}.app .okey-table .discard-pile[data-player-active=true]>.discard-caption{color:var(--masa-text);background:var(--masa-selected);box-shadow:inset 2px 0 var(--masa-focus)}}.app[data-table-theme] .table-screen.okey-table{--okey-cloth:var(--pack-felt,#246579);--okey-ink:var(--pack-board,#103440);--okey-edge:var(--pack-edge,#91adb1);--masa-focus:var(--pack-accent,#ffe28b);--masa-ice:var(--pack-text,#e6f0e9);--masa-text:var(--pack-text,#f7f4e9);--control-muted:var(--pack-muted,#425963);--control-text:var(--pack-ink,#193c48);background:var(--pack-felt,#246579)}.app .okey-table .felt{background:var(--pack-cloth-surface,var(--original-okey-cloth-image,url(/kahvehane/okey-teal-weave.svg)) center/24px 24px,radial-gradient(ellipse at 50% 40%,#327e8d33,transparent 75%),var(--pack-felt,#246579));box-shadow:inset 0 0 22px #082f4022}.app .okey-table .game-topbar{background:var(--pack-panel,#173f4b);border-bottom:1px solid var(--pack-edge,#568695);box-shadow:none}.app .okey-table .game-topbar .icon-button{background:var(--pack-raised,#214c5b);border-color:var(--pack-edge,#658794);box-shadow:none}.app .okey-table .meld-board{gap:8px;--meld-grid-line:#739aab21;--meld-grid-fine:#739aab0c;--meld-pair-line:#98b7bf40}.app .okey-table .meld-zone{background:var(--pack-board,#103440);border:1px solid var(--pack-edge,#93b0b6);border-radius:4px;box-shadow:0 0 0 2px var(--pack-base,#123c4b),inset 0 0 18px #041e2720}.app .okey-table .meld-zone>header{height:18px;background:var(--pack-board,#103440);border:0;color:var(--pack-muted,#bdced0);font-size:9px;line-height:13px;letter-spacing:.03em;padding:2px 6px}.app .okey-table .meld-zone>header small{color:var(--pack-muted,#9bb7be);font-size:8px}.app .okey-table .meld-surface{inset:19px 4px 4px}.app .okey-table .board-watermarks{display:none}.app .okey-table .meld-empty{opacity:.55}.app .okey-table .meld-empty small{color:var(--pack-muted,#c0d2d5);font-size:10px}.app .okey-table .rack-wrap .tile-rack.wide-rack{background:var(--pack-rail-surface,linear-gradient(0deg,#b86a1025,#fbc84212),var(--original-okey-rail-image,url(/kahvehane/okey-honey-wood.svg)) center/100% 100%,linear-gradient(#d99b23,#a9640a));border:1px solid var(--pack-rail-edge,#c48622);border-top:2px solid var(--pack-accent,#ffdf8c);border-inline:5px solid var(--pack-rail-cap,#c8cfca);border-radius:var(--pack-rack-radius,3px);box-shadow:inset 0 1px var(--pack-accent,#ffdf8c),inset 0 -3px var(--pack-base,#784406),0 2px 4px #08253388}.app .okey-table .tile-rack:before,.app .okey-table .tile-rack:after{height:5px;background:var(--pack-rail-lip,linear-gradient(#edbe57,#ac6812));border-top:1px solid var(--pack-accent,#ffdf80);box-shadow:0 2px 3px #4d270d66}.app .okey-table .tile:not(.face-down){background:linear-gradient(#fffefa,#fffdf6 76%,#eeeae0);border:1px solid #c1beb1;box-shadow:inset 1px 1px #fff,inset -1px -2px #e0dfd5,0 1px #687d7b,1px 2px 2px #092f4a44}.app .okey-table .tile.red,.app .okey-table .tile-color-red{color:#bd2523}.app .okey-table .tile.blue,.app .okey-table .tile-color-blue{color:#0086a7}.app .okey-table .tile.gold,.app .okey-table .tile-color-gold{color:#aa7900}.app .okey-table .tile.black,.app .okey-table .tile-color-black{color:#151b1b}.app .okey-table .tile .tile-value{font-family:Arial,sans-serif;font-weight:800;transform:scaleX(.94);letter-spacing:-.065em}.app .okey-table .tile .tile-dot{background:linear-gradient(135deg,#f4f2e9,#e7e5dc);box-shadow:inset 0 1px 2px #b8b7ad77,0 1px #fff;width:clamp(4px,.3em,13px);height:clamp(4px,.3em,13px)}.app .okey-table .wide-rack .tile.selected{outline:2px solid #5c7f87;outline-offset:-2px;box-shadow:inset 0 -3px #ffe392,0 1px 2px #143c4a66}.app .okey-table .rack-process-light{inset:-3px -2px;height:auto;border:1px solid #fff0a3;border-radius:4px;background:#ffe68b99;box-shadow:0 0 7px 2px #ffe18a,inset 0 0 9px #fff2b5;z-index:0}.app .okey-table .rack-slot[data-processable=true]>.tile{z-index:1}.app .okey-table .rack-slot[data-processable=true]{background:#ffe494;box-shadow:0 0 8px #ffe494;border-radius:4px}.app .okey-table .modern-controls .rack-summary{background:var(--pack-panel,#173f4be8);border-color:var(--pack-edge,#73959b);border-radius:4px;color:var(--pack-text,#eff3e8);box-shadow:none}.app .okey-table .modern-controls .rack-summary .summary-total{background:transparent;color:var(--pack-text,#d1e3df)}.app .okey-table .modern-controls .rack-summary .summary-total small{color:var(--pack-muted,#bdd1d1)}.app .okey-table .modern-controls .rack-wrap .rack-controls .control-key{background:var(--pack-button-light,linear-gradient(#fffef7,#e3e7df));border:1px solid var(--pack-edge,#96adb0);border-radius:5px;color:var(--pack-ink,#20424a);box-shadow:inset 0 1px #fff,0 2px 2px #0d344955;font-weight:750}.app .okey-table .modern-controls .rack-wrap .rack-controls .control-key:disabled{background:var(--pack-button-disabled,linear-gradient(#c1d5d7,#a0c1c9));border-color:var(--pack-edge,#819fa8);color:var(--pack-ink,#425e67);box-shadow:inset 0 1px #e0eded66;opacity:1}.app .okey-table .modern-controls .rack-controls .control-key:disabled small{color:var(--pack-ink,#405862)}.app .okey-table .modern-controls .rack-wrap .rack-controls .control-key[data-ready=true]:not(:disabled){background:var(--pack-button-ready,linear-gradient(#fffefa,#f6edcd));border-color:#fff0ac;color:var(--pack-ink,#173d47)}.app .okey-table .modern-controls .rack-controls .control-key small,.app .okey-table .modern-controls .rack-controls .control-key[data-ready=true] small{color:var(--pack-ink,#385860)}.app .okey-table .modern-controls .rack-wrap .rack-controls .rack-edge-sort{background:var(--pack-button-dark,linear-gradient(#254d5a,#102e3a));color:var(--pack-text,#f2f1e6);border-color:var(--pack-edge,#a9bfc1);flex-direction:column;font-size:12px}.app .okey-table .modern-controls .rack-wrap .rack-controls .rack-edge-sort:disabled{color:var(--pack-muted,#c3d4d4);background:var(--pack-panel,#204856)}.app .okey-table .modern-controls .rack-wrap .rack-controls .rack-edge-sort[aria-pressed=true]{background:var(--pack-panel,#173d4a);border-color:var(--pack-accent,#ffe6a3);box-shadow:inset 0 -3px var(--pack-accent,#e6bc5c)}.app .okey-table .rack-controls-left,.app .okey-table .rack-controls-right{height:var(--okey-rack-height);grid-template-rows:1fr;width:calc(var(--rack-side) - 12px);bottom:0}.app .okey-table .rack-controls.table-action-controls{position:fixed;left:auto;right:6px;top:var(--okey-actions-top);bottom:auto;width:var(--okey-action-width);height:var(--okey-actions-height);display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,minmax(0,1fr));gap:4px;z-index:8}.app .okey-table .modern-controls .rack-wrap .table-action-controls .control-key{min-height:0;height:100%;padding:2px 3px;gap:1px}.app .okey-table .modern-controls .table-action-controls .control-key b{font-size:clamp(10px,1.3vw,15px);line-height:1.15}.app .okey-table .modern-controls .table-action-controls .control-key small{font-size:clamp(8px,.85vw,10px);line-height:1.15;white-space:normal}.app .okey-table .okey-table-center,.app .okey-table:not(:has(.opening-tray)) .okey-table-center,.app .okey-table:has(.opening-tray) .okey-table-center{left:var(--field-side);right:var(--okey-field-right)}.app .okey-table .draw-stack>.stock-info{margin-top:auto;background:transparent;outline-color:#d7e5dc}.app .okey-table .stock-info .tile-back{background:linear-gradient(#fffef8,#eeeadd);border-color:#b5bdb5;box-shadow:1px 2px #d8d5c9,2px 3px #6b7f7f}.app .okey-table .seat .player{background:var(--pack-panel,#143c4b);border-color:var(--pack-edge,#93afb6)}.app .okey-table .discard-pile button,.app .okey-table .discard-pile .discard-drop,.app .okey-table .take-discard>button:not(.discard-caption){background:var(--pack-raised,#1c4f5d);border-color:var(--pack-edge,#86a8ad);border-radius:4px}.app .okey-table .discard-pile.north-east,.app .okey-table .discard-pile.south-east{right:calc(-1 * var(--okey-field-right) + 8px)}.app .okey-table .seat.seat-right{display:none}@media(orientation:portrait){.app .okey-table .rack-controls-left,.app .okey-table .rack-controls-right{bottom:calc(var(--okey-rack-height) + 34px);height:44px;width:calc(50% - 12px);grid-template-columns:1fr;grid-template-rows:44px}.app .okey-table .modern-controls .rack-wrap .rack-controls .rack-edge-sort{flex-direction:row}.app .okey-table .rack-controls.table-action-controls{top:auto;bottom:calc(var(--okey-rack-height) + 88px);left:8px;right:8px;width:auto;height:48px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:48px}.app .okey-table .okey-table-center,.app .okey-table:not(:has(.opening-tray)) .okey-table-center,.app .okey-table:has(.opening-tray) .okey-table-center{bottom:calc(var(--okey-board-bottom) + 58px);right:var(--field-side)}.app .okey-table .discard-pile.north-east,.app .okey-table .discard-pile.south-east{right:-44px}.app .okey-table .rack-summary .rack-context-actions{display:none}}.app[data-table-theme] .okey-table .meld-board .meld-zone{background:var(--pack-board,#103440);--ui-board:var(--pack-board,#103440)}@media(orientation:landscape)and (max-height:550px){.app .okey-table .rack-controls.table-action-controls{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,44px);height:92px;top:48px;gap:4px;width:144px;right:6px}.app .okey-table .table-action-controls>button{grid-column:auto;grid-row:auto}.app .okey-table .modern-controls .table-action-controls .control-key b{font-size:10px;line-height:12px}.app .okey-table .modern-controls .table-action-controls .control-key small{font-size:8px;line-height:10px}.app .okey-table .modern-controls .rack-summary{right:var(--okey-field-right);left:var(--field-side);width:auto;max-width:none}}@media(orientation:landscape)and (max-height:550px){.app .okey-table .modern-controls .rack-summary{transform:none}}@media(orientation:portrait){.app .okey-table .okey-top-player,.app .okey-table .seat{display:none}.app .okey-table .rack-controls.rack-controls-left,.app .okey-table .rack-controls.rack-controls-right{position:fixed;grid-column:auto;grid-row:auto;top:auto;bottom:calc(var(--okey-rack-height) + 34px);width:calc(50vw - 12px);height:44px;grid-template-columns:minmax(0,1fr);grid-template-rows:44px}.app .okey-table .rack-controls.rack-controls-left{left:8px;right:auto}.app .okey-table .rack-controls.rack-controls-right{left:auto;right:8px}.app .okey-table .rack-controls.table-action-controls{grid-column:auto;grid-row:auto}.app .okey-table .wide-rack .tile{font-size:min(calc(var(--rack-row)*.7),calc(var(--rack-tile-width)*.96));padding-bottom:8px}.app .okey-table .okey-table-center,.app .okey-table:not(:has(.opening-tray)) .okey-table-center,.app .okey-table:has(.opening-tray) .okey-table-center{bottom:calc(var(--okey-board-bottom) + 72px)}.app .okey-table .discard-pile.south-west,.app .okey-table .discard-pile.south-east{bottom:0}}@media(orientation:landscape){.app .okey-table .discard-pile.north-west,.app .okey-table .discard-pile.south-west{left:calc(6px - var(--field-side))}.app .okey-table .rack-wrap .tile-rack.wide-rack{gap:4px 2px;padding:3px 4px 6px;border-bottom-width:1px;--rack-tile-width:calc((100vw - var(--rack-side)*2 - 18px - (var(--rack-cols) - 1)*2px)/var(--rack-cols))}.app .okey-table .tile-rack:after{top:calc(var(--rack-row) + 4px);height:3px}.app .okey-table .tile-rack:before{height:3px;bottom:0}.app .okey-table .wide-rack .tile{padding-bottom:5px;font-size:min(calc(var(--rack-row)*.76),calc(var(--rack-tile-width)*.9))}.app .okey-table .rack-controls.rack-controls-left,.app .okey-table .rack-controls.rack-controls-right{width:44px;height:var(--okey-rack-height);bottom:0}.app .okey-table .rack-controls.rack-controls-left{left:6px}.app .okey-table .rack-controls.rack-controls-right{right:6px}.app .okey-table .modern-controls .rack-wrap .rack-controls .rack-edge-sort{font-size:10px;line-height:14px;padding:3px;gap:5px;white-space:normal}.app .okey-table .modern-controls .rack-summary{bottom:calc(var(--okey-rack-height) + 2px);height:24px;min-height:24px;left:var(--rack-side);right:var(--rack-side);width:auto;max-width:none;transform:none;padding:1px 4px;gap:5px}.app .okey-table .modern-controls .rack-summary .rack-self-details{height:24px;min-height:24px;font-size:10px;line-height:14px;padding:2px 6px;max-width:100px}.app .okey-table .modern-controls .rack-summary .rack-context-actions{display:flex;gap:4px;margin-left:auto;min-width:0}.app .okey-table .modern-controls .rack-summary .rack-context-actions button{white-space:nowrap;font-size:9px;line-height:12px}.app .okey-table .modern-controls .rack-summary .rack-context-actions .clear-preparation{width:26px;min-width:26px;padding:2px}.app .okey-table .meld-board{--meld-grid-line:rgba(var(--masa-muted-rgb),.085);--meld-grid-fine:rgba(var(--masa-muted-rgb),.02);--meld-pair-line:rgba(var(--masa-muted-rgb),.12)}}@media(orientation:portrait){.app .okey-table .modern-controls .rack-summary{left:8px;right:8px;width:auto;max-width:none;transform:none;bottom:calc(var(--okey-rack-height) + 2px);height:54px;min-height:54px;display:flex;flex-wrap:wrap;align-content:center;gap:2px 4px;padding:2px 4px}.app .okey-table .modern-controls .rack-summary .rack-context-actions{display:flex;flex-basis:100%;justify-content:flex-end;gap:4px;min-width:0}.app .okey-table .modern-controls .rack-summary .rack-context-actions button{font-size:9px;line-height:12px;padding:2px 5px;white-space:nowrap}.app .okey-table .modern-controls .rack-summary .rack-context-actions .clear-preparation{width:24px;min-width:24px;padding:2px}.app .okey-table .rack-controls.rack-controls-left,.app .okey-table .rack-controls.rack-controls-right{bottom:calc(var(--okey-rack-height) + 60px)}.app .okey-table .rack-controls.table-action-controls{bottom:calc(var(--okey-rack-height) + 114px)}.app .okey-table .okey-table-center,.app .okey-table:not(:has(.opening-tray)) .okey-table-center,.app .okey-table:has(.opening-tray) .okey-table-center{bottom:calc(var(--okey-board-bottom) + 98px)}}@media(orientation:landscape){.app[data-table-theme] .okey-table .felt{top:34px}.app .okey-table .discard-pile.north-west,.app .okey-table .discard-pile.north-east,.app .okey-table .discard-pile.south-west,.app .okey-table .discard-pile.south-east{position:fixed;width:var(--okey-corner-size);height:var(--okey-corner-size);min-height:var(--okey-corner-size);margin:0;transform:none;bottom:auto;display:flex;align-items:center;justify-content:center}.app .okey-table .discard-pile.north-west,.app .okey-table .discard-pile.south-west{left:6px;right:auto}.app .okey-table .discard-pile.north-east,.app .okey-table .discard-pile.south-east{right:6px;left:auto}.app .okey-table .discard-pile.north-west,.app .okey-table .discard-pile.north-east{top:var(--okey-corner-top)}.app .okey-table .discard-pile.south-west,.app .okey-table .discard-pile.south-east{top:var(--okey-corner-bottom)}.app .okey-table .discard-pile>button,.app .okey-table .take-discard>button:not(.discard-caption){width:44px;min-width:var(--okey-corner-size);height:var(--okey-corner-size);min-height:var(--okey-corner-size);padding:2px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;background:transparent;border:1px solid transparent;box-shadow:none}.app .okey-table .discard-pile>button:not(:disabled):focus-visible{outline:2px solid var(--masa-focus);outline-offset:1px}.app .okey-table .discard-pile .tile.small{width:calc(var(--okey-corner-size)*.66);height:calc(var(--okey-corner-size)*.86);min-height:0;font-size:calc(var(--okey-corner-size)*.59);margin:0;flex:none}.app .okey-table .discard-pile .discard-drop .tile.small,.app .okey-table .take-discard .tile.small{height:calc(var(--okey-corner-size) - 13px);width:calc((var(--okey-corner-size) - 13px)*.8);font-size:calc(var(--okey-corner-size)*.53)}.app .okey-table .discard-pile>button b{font-size:7px;line-height:8px;white-space:nowrap;font-weight:600;color:var(--masa-text)}.app .okey-table .discard-pile>button:disabled{opacity:1}.app .okey-table .discard-pile .discard-empty{width:calc(var(--okey-corner-size)*.66);height:calc(var(--okey-corner-size)*.77);min-height:0;display:grid;place-items:center;border:1px dashed rgba(var(--masa-muted-rgb),.25);background:transparent;font-size:17px;color:var(--masa-muted)}.app .okey-table .discard-pile .discard-drop.available{border-color:var(--masa-line)}.app .okey-table .discard-pile .discard-drop.available.has-selection,.app .okey-table .take-discard>button:not(:disabled){border-color:var(--masa-focus);background:rgba(var(--masa-ice-rgb),.08)}}@media(orientation:landscape){.app .okey-table .meld-board>.draw-stack{width:var(--stock-column-width,44px);flex-basis:var(--stock-column-width,44px);justify-content:center;gap:3px}.app .okey-table .draw-stack>.stock-info{margin-top:10px;margin-bottom:0}.app .okey-table .modern-controls .rack-summary .rack-self-details,.app .okey-table .modern-controls .rack-summary .icon-button,.app .okey-table .modern-controls .rack-summary .rack-context-actions button{height:22px;min-height:22px}}.app .okey-table .modern-controls .rack-summary .rack-context-actions .prepare-meld{width:auto;flex:0 0 auto;max-width:100%}@media(orientation:landscape)and (min-width:480px)and (max-width:700px){.app .okey-table .modern-controls .rack-summary{height:var(--okey-summary-height);min-height:var(--okey-summary-height);padding:0 4px;border-width:0;box-shadow:inset 0 0 0 1px var(--pack-edge,var(--masa-line));flex-wrap:wrap;align-content:center;gap:0 5px}.app .okey-table .modern-controls .rack-summary .rack-context-actions{flex:0 0 100%;height:22px;justify-content:flex-end}.app .okey-table .modern-controls .rack-summary .rack-self-details{max-width:48px}.app .okey-table .modern-controls .rack-summary .rack-opening-blocked{white-space:normal;line-height:11px}}.app .batak-table .compact-auction{--bid-surface:#5e3e19;--bid-ink:#ffe0a0;--bid-edge:#c69949;--bid-size:clamp(44px,12vw,54px);top:8px;left:14px;right:14px;max-width:430px;gap:10px}.app .batak-table .compact-auction .auction-opponents{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:104px;gap:12px;align-items:start;max-width:100%}.app .batak-table .compact-auction[data-opponents="3"] .auction-opponents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:104px;gap:8px}.app .batak-table .compact-auction .auction-opponents>[data-auction-seat]{position:static;transform:none;width:auto;min-width:0}.app .batak-table .compact-auction .auction-opponents .player{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;min-height:0;height:auto;gap:4px;padding:0;border:0;background:none;box-shadow:none;text-align:center}.app .batak-table .compact-auction .auction-opponents .avatar{height:36px;width:36px;min-width:36px;align-self:center}.app .batak-table .compact-auction .auction-opponents .avatar-initial{font-size:22px}.app .batak-table .compact-auction .auction-opponents .player-copy{max-width:100%}.app .batak-table .compact-auction .auction-opponents .player-copy strong{font-size:12px;line-height:16px}.app .batak-table .compact-auction .auction-opponents .player-copy>span{display:none}.app .batak-table .compact-auction .batak-auction-panel{margin-top:0;max-width:100%;padding:12px;border:1px solid var(--masa-line);border-radius:17px;background:linear-gradient(135deg,var(--masa-panel),var(--masa-base));box-shadow:inset 0 1px rgba(var(--masa-text-rgb),.12),0 8px 20px #0003}.app .batak-table .compact-auction .batak-auction-context{display:flex;font-size:10px;line-height:14px;letter-spacing:.12em;margin-bottom:5px;color:var(--masa-ice)}.app .batak-table .compact-auction .auction-kitty{font-size:11px;color:var(--masa-muted)}.app .batak-table .compact-auction .batak-auction-panel>header{margin:0 0 10px}.app .batak-table .compact-auction .batak-auction-panel h2{font-size:22px;line-height:26px;letter-spacing:-.02em;color:var(--masa-text);margin:0 0 3px}.app .batak-table .compact-auction .batak-auction-panel header p{font-size:12px;line-height:16px;white-space:normal;overflow:visible;color:var(--masa-muted);gap:10px}.app .batak-table .compact-auction .batak-auction-panel header p strong{font-size:12px;line-height:16px;color:var(--masa-ice);min-width:0;overflow-wrap:anywhere}.app .batak-table .compact-auction .auction-actions{display:flex;flex-direction:column;align-items:center;gap:9px}.app .batak-table .compact-auction .batak-auction-choices{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.app .batak-table .compact-auction .auction-number-row{display:flex;justify-content:center;align-items:center;gap:6px;width:100%}.app .batak-table .compact-auction .auction-number{width:var(--bid-size);height:44px;flex:0 0 var(--bid-size);text-align:center}.app .batak-table .compact-auction .auction-number,.app .batak-table .compact-auction .auction-pass{display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:6px 3px;border-radius:10px;font-size:12px;line-height:16px;border:1px solid var(--bid-edge);background:var(--bid-surface);color:var(--bid-ink);box-shadow:inset 0 1px #ffffff20,0 2px 4px #0003;transition:transform .1s,filter .1s}.app .batak-table .compact-auction .auction-number b{display:block;width:100%;font-size:22px;line-height:26px;font-weight:700;letter-spacing:0;color:inherit;text-align:center;font-variant-numeric:tabular-nums}.app .batak-table .compact-auction .auction-pass{width:calc(var(--bid-size)*2 + 6px);max-width:100%;align-self:center;margin:0;background:var(--masa-base);color:var(--bid-ink);border-color:var(--bid-edge);font-size:13px;font-weight:650;box-shadow:none}.app .batak-table .compact-auction .auction-number:disabled,.app .batak-table .compact-auction .auction-pass:disabled{opacity:.5;box-shadow:none}.app .batak-table .compact-auction :is(.auction-number,.auction-pass):focus-visible{outline:2px solid var(--masa-focus);outline-offset:3px}.app .batak-table .compact-auction :is(.auction-number,.auction-pass):not(:disabled):active{transform:translateY(1px);filter:brightness(.9)}.app .batak-table .compact-auction .auction-wait{display:flex;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:5px;color:var(--masa-text);font-size:13px}.app .batak-table .compact-auction .auction-wait>span{font-size:27px;line-height:30px;color:var(--masa-ice)}.app .batak-table .compact-auction .auction-opponents .seat-auction{order:-1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;min-height:30px;min-width:72px;max-width:100%;padding:3px 7px;border:1px solid var(--masa-line);border-radius:9px;background:var(--masa-base)!important;color:var(--masa-muted);box-shadow:0 2px 5px #0003}.app .batak-table .compact-auction .auction-opponents .seat-auction-label{font-size:10px;line-height:12px;color:inherit}.app .batak-table .compact-auction .auction-opponents .seat-auction>b,.app .batak-table .compact-auction .auction-opponents .seat-auction:not(.is-leading):not(.is-pass)>b{display:block;font-size:18px;line-height:22px;color:inherit}.app .batak-table .compact-auction .auction-opponents .seat-auction.has-offer{border-color:var(--masa-ice);color:var(--masa-ice);box-shadow:0 0 10px rgba(var(--masa-ice-rgb),.2),inset 0 1px rgba(var(--masa-text-rgb),.14)}.app .batak-table .compact-auction .auction-opponents .seat-auction.is-leading{background:var(--masa-ice)!important;color:var(--masa-base);border-color:var(--masa-ice)}.app .batak-table .compact-auction .auction-opponents .seat-auction.is-pass{border-style:dashed;border-color:var(--masa-muted);color:var(--masa-muted);box-shadow:none}.app .batak-table .compact-auction .auction-opponents .seat-auction.is-pass>b{font-size:15px}.app .batak-table.phase-bid .turn-strip .player>.seat-auction{display:flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--masa-ice);background:var(--masa-base);color:var(--masa-ice);box-shadow:0 0 10px rgba(var(--masa-ice-rgb),.18)}.app .batak-table.phase-bid .turn-strip .seat-auction-label{font-size:11px;line-height:14px}.app .batak-table.phase-bid .turn-strip .player>.seat-auction>b{font-size:17px;line-height:20px}@media(orientation:portrait)and (max-height:680px){.app .batak-table .compact-auction{top:4px;gap:6px;left:12px;right:12px}.app .batak-table .compact-auction .auction-opponents,.app .batak-table .compact-auction[data-opponents="3"] .auction-opponents{height:88px}.app .batak-table .compact-auction .auction-opponents .avatar{height:30px;width:30px;min-width:30px}.app .batak-table .compact-auction .auction-opponents .avatar-initial{font-size:19px}.app .batak-table .compact-auction .auction-opponents .player{gap:3px}.app .batak-table .compact-auction .auction-opponents .seat-auction{min-height:27px;padding:2px 6px}.app .batak-table .compact-auction .batak-auction-panel{padding:9px}.app .batak-table .compact-auction .batak-auction-context{display:none}.app .batak-table .compact-auction .batak-auction-panel h2{font-size:20px;line-height:23px}.app .batak-table .compact-auction .batak-auction-panel>header{margin-bottom:7px}.app .batak-table .compact-auction .batak-auction-panel header p{font-size:11px;line-height:15px}.app .batak-table .compact-auction .batak-auction-panel header p strong{font-size:11px}}@media(orientation:landscape){.app .batak-table .compact-auction{left:16%;right:16%;top:5px;gap:6px;max-width:500px}.app .batak-table .compact-auction .auction-opponents,.app .batak-table .compact-auction[data-opponents="3"] .auction-opponents{height:66px}.app .batak-table .compact-auction .auction-opponents .player{display:grid;grid-template-columns:28px minmax(0,1fr);gap:3px 6px;text-align:left;align-items:center}.app .batak-table .compact-auction .auction-opponents .seat-auction{grid-column:1/-1;grid-row:1;min-height:27px;min-width:0;justify-self:stretch}.app .batak-table .compact-auction .auction-opponents .avatar{grid-column:1;grid-row:2;height:28px;width:28px;min-width:28px}.app .batak-table .compact-auction .auction-opponents .player-copy{grid-column:2;grid-row:2}.app .batak-table .compact-auction .batak-auction-panel{padding:8px 10px}.app .batak-table .compact-auction .batak-auction-context{display:none}.app .batak-table .compact-auction .batak-auction-panel>header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:6px}.app .batak-table .compact-auction .batak-auction-panel h2{font-size:18px;line-height:22px}.app .batak-table .compact-auction .batak-auction-panel header p{font-size:11px;line-height:14px}}@media(prefers-reduced-motion:reduce){.app .batak-table .compact-auction :is(.auction-number,.auction-pass,.seat-auction){animation:none;transition:none}}html[data-motion=reduced] .app .batak-table .compact-auction :is(.auction-number,.auction-pass,.seat-auction){animation:none;transition:none}[data-theme=emerald] .app .batak-table .compact-auction{--bid-surface:#583047;--bid-ink:#ffe0f0;--bid-edge:#d397bf}[data-theme=burgundy] .app .batak-table .compact-auction{--bid-surface:#174f50;--bid-ink:#c8fff3;--bid-edge:#70c7bb}[data-theme=night] .app .batak-table .compact-auction{--bid-surface:#5b4925;--bid-ink:#ffedb8;--bid-edge:#cfb16b}.app .batak-table .compact-auction .batak-auction-panel header p:empty{display:none}@media(orientation:portrait)and (max-height:680px){.app .batak-table .compact-auction .auction-actions{gap:7px}.app .batak-table .compact-auction .batak-auction-panel>header{margin-bottom:6px}.app .batak-table .compact-auction .batak-auction-panel h2{margin-bottom:0}}.app .batak-table .compact-auction .batak-auction-panel header .auction-guidance{display:grid;gap:2px;margin:4px 0 0;font-size:11px;line-height:14px;white-space:normal;overflow-wrap:anywhere}.app .batak-table .compact-auction .batak-auction-panel header .auction-guidance strong{font-size:11px;line-height:14px;font-weight:650;color:var(--masa-text)}.app .batak-table .compact-auction .batak-auction-panel header .auction-guidance strong[data-forced]{color:var(--bid-ink)}@media(orientation:landscape){.app .batak-table .compact-auction .batak-auction-panel header .auction-guidance{max-width:64%;margin:0;text-align:right}}@media(orientation:portrait)and (max-height:600px){.app .batak-table .compact-auction .auction-opponents,.app .batak-table .compact-auction[data-opponents="3"] .auction-opponents{height:66px}.app .batak-table .compact-auction .auction-opponents .player{display:grid;grid-template-columns:28px minmax(0,1fr);gap:3px 5px;text-align:left;align-items:center}.app .batak-table .compact-auction .auction-opponents .seat-auction{grid-column:1/-1;grid-row:1;min-width:0;justify-self:stretch}.app .batak-table .compact-auction .auction-opponents .avatar{grid-column:1;grid-row:2;width:28px;height:28px;min-width:28px}.app .batak-table .compact-auction .auction-opponents .player-copy{grid-column:2;grid-row:2}}.interface-surface .scoreboard{min-height:0;gap:10px}.interface-surface .score-grid{overflow:visible;flex:1;min-height:0}.interface-surface .score-grid table{width:100%;max-width:100%;table-layout:fixed}.interface-surface .score-detail-sheet{display:flex;flex-direction:column;min-height:0;gap:10px;padding:14px}.interface-surface .score-detail-rows{display:flex;flex-direction:column;flex:1;min-height:0;justify-content:center}.interface-surface .score-detail-rows>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:center;align-items:center;gap:6px 12px;min-height:56px;flex:0 1 auto;padding:8px 0;font-size:14px;line-height:1.5}.interface-surface .score-detail-rows>div>strong{grid-column:1;overflow-wrap:anywhere}.interface-surface .score-detail-rows>div>span{grid-column:1;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.interface-surface .score-detail-rows>div>b{grid-column:2;grid-row:1 / span 2;font-size:18px;line-height:1.4;white-space:nowrap}.interface-surface .score-detail-sheet>.ui-page-controls{flex-shrink:0;min-height:44px}.interface-surface .score-detail-heading h3{font-size:20px;line-height:1.3}.interface-surface .score-detail-heading p{font-size:12px;line-height:1.4;overflow-wrap:anywhere}.interface-surface .score-detail-note{font-size:12px;line-height:1.5;margin:0;flex-shrink:0}.interface-surface .score-detail-toggle{min-height:40px}.interface-surface .scoreboard>.ui-page-controls{flex-shrink:0;min-height:44px}.interface-results .ui-result-actions{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0;margin:0}.interface-results .ui-result-actions>.ui-button{flex:1 1 110px;min-height:44px;padding:9px 10px;font-size:var(--result-action-font,12px)!important}@media(orientation:portrait)and (max-height:650px){.interface-surface .scoreboard{gap:7px}.interface-surface .score-detail-sheet{gap:8px;padding:10px}.interface-surface .score-detail-heading h3{font-size:18px}.interface-surface .score-detail-rows>div{min-height:48px;font-size:13px;padding:5px 0}.interface-surface .score-detail-rows>div>span{font-size:12px}.interface-surface .score-detail-note{font-size:12px;line-height:1.4}.interface-results .ui-result-summary h3{font-size:16px;line-height:1.3}.interface-results .ui-result-summary p{font-size:11px}}@media(orientation:landscape)and (max-height:550px){.interface-surface .scoreboard{gap:6px}.interface-surface .score-caption{font-size:10px;line-height:14px}.interface-surface .score-detail-sheet{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);grid-template-rows:auto 1fr;gap:8px 16px;padding:8px 12px}.interface-surface .score-detail-heading{grid-column:1;grid-row:1;align-items:flex-start}.interface-surface .score-detail-heading h3{font-size:17px}.interface-surface .score-detail-rows{grid-column:2;grid-row:1;align-self:center}.interface-surface .score-detail-rows>div{font-size:13px;min-height:44px;padding:0;gap:3px 8px}.interface-surface .score-detail-rows>div>span{font-size:12px}.interface-surface .score-detail-rows>div>b{font-size:17px}.interface-surface .score-detail-sheet>.ui-page-controls{grid-column:2;grid-row:2;align-self:end;min-height:40px;gap:12px}.interface-surface .score-detail-note{grid-column:1;grid-row:2;font-size:11px;line-height:1.4;align-self:center}.interface-results .ui-result-actions>.ui-button{min-height:38px;padding:7px 10px}.interface-surface .score-detail-toggle{min-height:30px}.interface-surface .scoreboard>.ui-page-controls{min-height:36px}}.app .interface-surface .score-grid{background:var(--masa-base);border-color:var(--masa-line)}.app .interface-surface .score-grid :is(thead th,.score-totals th,.score-totals td){background:var(--masa-panel);color:var(--masa-text)}.app .interface-surface .score-grid .score-totals .score-leader{color:var(--masa-ice)}.app .interface-surface .score-grid .negative-score{color:#f4aab6}.interface-results .ui-result-summary{position:static;max-width:none}.interface-results .ui-result-summary h3{font-size:17px;line-height:1.25}.interface-results .ui-result-summary p{display:none}.interface-results .ui-dialog-actions{flex-wrap:nowrap}.interface-results .ui-result-actions>.ui-button{min-width:0;flex:1 1 0;font-size:12px;white-space:normal}@media(orientation:landscape)and (max-height:550px){.interface-results .ui-dialog-header{min-height:40px;padding:5px 12px}.interface-results .ui-dialog-header h2{font-size:18px}.interface-results .ui-dialog-body{padding:8px 12px;gap:6px}.interface-results .scoreboard>.ui-section-tabs button{min-height:30px;padding:4px 8px;font-size:12px}.interface-results .ui-result-summary{gap:6px;min-height:0}.interface-results .ui-result-summary>span{display:none}.interface-results .ui-result-summary h3{font-size:13px;margin:0}.interface-results .score-caption{line-height:14px}.interface-results .score-caption>span{font-size:10px}.interface-results .score-grid thead th{height:28px!important}.interface-results .score-grid .score-totals :is(th,td){height:27px!important}}.interface-surface .score-player-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal}.interface-surface .score-detail-heading>div{min-width:0}.interface-surface .score-detail-heading p,.interface-surface .score-detail-rows>div>strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.interface-results .ui-result-summary>div{min-width:0}.interface-results .ui-result-summary h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.interface-surface .score-grid .score-totals td{position:relative}.interface-surface .score-grid .score-totals td>span{position:absolute;right:2px;top:1px;font-size:8px}@media(max-width:380px){.interface-surface .score-grid .score-totals b{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.app .interface-surface .score-grid tbody td{font-size:11px;font-variant-numeric:tabular-nums}}.interface-surface .batak-round-summary tbody th>span:last-child{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.app .interface-surface:has(.scoreboard) .ui-dialog-header{min-height:40px;padding:6px 12px}.app .interface-surface:has(.scoreboard) .ui-dialog-header h2{font-size:18px;line-height:24px}.app .interface-surface:has(.scoreboard) .ui-dialog-header .ui-icon{width:32px;height:32px;min-height:32px;min-width:32px}.app .interface-surface:has(.scoreboard) .ui-dialog-body{padding:10px;gap:6px}.app .interface-surface .scoreboard{gap:6px}.app .interface-surface .scoreboard>.ui-section-tabs button{min-height:30px;padding:4px 8px;font-size:12px}.app .interface-surface .batak-round-summary{gap:6px;padding-top:0;overflow:visible;flex:0 0 auto}.app .interface-surface .round-summary-heading{flex-direction:row;justify-content:space-between;padding:5px 8px;gap:6px;border-radius:7px}.app .interface-surface .round-summary-heading strong{font-size:13px;line-height:18px}.app .interface-surface .round-summary-heading>span{font-size:10px;line-height:16px}.app .interface-surface .round-player-medallion{display:none}.app .interface-surface .batak-round-summary :is(th,td){padding:6px 3px;font-size:11px;line-height:15px;height:28px}.app .interface-surface .batak-round-summary thead th{font-size:9px}.app .interface-surface .batak-round-summary tbody th>span:last-child{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app .interface-surface .batak-round-summary tfoot :is(th,td){padding:5px;font-size:10px}.app .interface-surface .round-summary-note{font-size:10px;line-height:14px}.app .interface-surface .score-grid table{height:auto}.app .interface-surface .score-grid thead th{height:34px;padding:4px 2px}.app .interface-surface .score-player-icons{display:none}.app .interface-surface .score-detail-toggle{min-height:26px;padding:2px}.app .interface-surface .score-grid tbody :is(th,td){height:29px;padding:2px;font-size:11px}.app .interface-surface .score-grid .score-totals :is(th,td){height:30px;padding:3px}.app .interface-surface .score-detail-sheet{padding:8px;gap:5px}.app .interface-surface .score-detail-rows{justify-content:flex-start}.app .interface-surface .score-detail-rows>div{min-height:34px;padding:3px 0;gap:0 6px;font-size:11px}.app .interface-surface .score-detail-rows>div>span{font-size:10px;line-height:13px}.app .interface-surface .score-detail-rows>div>b{font-size:13px}@media(orientation:landscape)and (max-height:550px){.app .interface-surface .batak-round-summary :is(th,td){height:23px;padding:3px;font-size:10px;line-height:14px}.app .interface-surface .round-summary-heading{padding:2px 6px}.app .interface-surface .score-grid tbody :is(th,td){height:24px}.app .interface-surface .score-detail-rows>div{min-height:28px}}@media(orientation:landscape)and (max-height:550px){.app .interface-surface .score-detail-toggle{min-height:20px;height:20px;padding:0 2px}.app .interface-surface .score-grid tbody :is(th,td){height:22px;padding:0 2px}.app .interface-surface .score-grid thead th{height:24px!important;padding:2px}.app .interface-surface .score-grid .score-totals :is(th,td){height:24px!important;padding:2px}}.app .interface-scores:has(.scoreboard){height:min(410px,100%)}.app .interface-scores:has(.batak-round-summary){height:auto;max-height:min(410px,100%)}.app .interface-scores:has(.batak-round-summary) :is(.ui-dialog-body,.scoreboard){flex:0 1 auto}@media(orientation:landscape)and (max-height:360px){.app .interface-scores .round-summary-note{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}}.app .interface-scores:has(.scoreboard[data-penalty-details=true]){height:min(520px,100%)}.app .interface-surface .scoreboard[data-penalty-details=true] .score-detail-sheet{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:28px 128px minmax(96px,1fr);gap:6px;padding:8px;min-height:0}.app .interface-surface .scoreboard[data-penalty-details=true] .score-detail-heading{grid-column:1;grid-row:1;align-items:center;gap:6px}.app .interface-surface .scoreboard[data-penalty-details=true] .score-detail-heading h3{font-size:15px;line-height:20px}.app .interface-surface .scoreboard[data-penalty-details=true] .score-detail-heading .ui-icon{height:28px;width:28px;min-width:28px;min-height:28px}.app .interface-surface .scoreboard[data-penalty-details=true] .score-detail-rows{grid-column:1;grid-row:2;display:grid;grid-template-rows:repeat(4,minmax(32px,1fr));gap:0;min-width:0;min-height:0;align-self:stretch}.app .interface-surface .scoreboard[data-penalty-details=true] .score-detail-rows>div{min-height:32px;padding:2px 0;gap:0 6px;grid-template-rows:13px 12px;align-content:center;font-size:10px;line-height:13px}.app .interface-surface .scoreboard[data-penalty-details=true] .score-detail-rows>div>strong{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:13px}.app .interface-surface .scoreboard[data-penalty-details=true] .score-detail-rows>div>span{font-size:10px;line-height:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app .interface-surface .scoreboard[data-penalty-details=true] .score-detail-rows>[role=button]{cursor:pointer;border-radius:4px}.app .interface-surface .scoreboard[data-penalty-details=true] .score-detail-rows>[role=button]>strong:after{content:" ›";color:var(--shell-accent)}.app .interface-surface .scoreboard[data-penalty-details=true] .score-detail-rows>[aria-pressed=true]{background:var(--masa-raised)}.app .interface-surface .scoreboard[data-penalty-details=true] .score-detail-rows>[role=button]:focus-visible{outline:2px solid var(--shell-accent);outline-offset:1px}.app .interface-surface .score-penalty-panel{grid-column:1;grid-row:3;display:grid;grid-template-rows:minmax(0,1fr) 30px;gap:4px;min-width:0;min-height:96px;border-top:1px solid var(--masa-line);padding-top:4px}.app .interface-surface .score-penalty-copy{min-width:0;min-height:0;align-self:center}.app .interface-surface .score-penalty-copy p{font-size:11px;line-height:13px;margin:0;overflow-wrap:anywhere}.app .interface-surface .score-penalty-copy .score-penalty-owner{font-weight:700}.app .interface-surface .score-penalty-panel .ui-page-controls{min-height:30px;height:30px;gap:8px}.app .interface-surface .score-penalty-panel .ui-page-controls>.ui-icon{height:30px;width:30px;min-height:30px;min-width:30px}.app .interface-surface .score-penalty-panel .ui-page-controls>span{font-size:10px;line-height:13px;min-width:40px}.app .interface-surface .scoreboard[data-penalty-details=true] :is(.score-detail-heading p,.score-detail-note){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}@media(orientation:landscape)and (max-height:550px){.app .interface-surface .scoreboard[data-penalty-details=true]>.score-caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.app .interface-surface .scoreboard[data-penalty-details=true] .score-detail-sheet{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-rows:28px minmax(96px,1fr);gap:6px 12px}.app .interface-surface .scoreboard[data-penalty-details=true] .score-detail-rows{grid-column:2;grid-row:1 / 3}.app .interface-surface .score-penalty-panel{grid-column:1;grid-row:2}}@media(orientation:landscape)and (max-height:550px){.app .interface-surface .scoreboard[data-scoring=penalty]:not([data-penalty-details=true]) .score-detail-rows{grid-row:1 / 3;align-self:stretch;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(4,minmax(28px,1fr));gap:0;min-height:0}.app .interface-surface .scoreboard[data-scoring=penalty]:not([data-penalty-details=true]) .score-detail-rows>div{min-height:28px;padding:2px 0;grid-template-rows:12px 12px;gap:0 6px;line-height:12px}.app .interface-surface .scoreboard[data-scoring=penalty]:not([data-penalty-details=true]) .score-detail-rows>div>strong{display:block;line-height:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app .interface-surface .scoreboard[data-scoring=penalty]:not([data-penalty-details=true]) .score-detail-rows>div>span{line-height:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.app .batak-table .contract-corner .contract-suit{background:#fcfcfa;color:#17212b;border:1px solid #c6d0d4;border-radius:7px;width:42px;min-width:42px;height:48px;display:grid;place-items:center;font-size:42px;box-shadow:0 2px 4px #0002}.app .batak-table .contract-corner .contract-suit.red-suit{color:#c71932}.app .batak-table .contract-corner .contract-bid-name{display:flex;align-items:center;gap:5px}.app .batak-table .contract-corner .contract-bid-crown{flex:none;color:#ffda74;fill:#855616;stroke-width:2.3;filter:drop-shadow(0 1px 1px #0009)}.app .batak-table .declarer-crown{width:18px;height:18px;top:-10px;right:-6px;background:#ffda74;color:#583b0d;border:1px solid #fff2be;box-shadow:0 2px 5px #0006}.app .batak-table .contract-corner .contract-progress[data-target]{border:1px solid currentColor;border-radius:8px;padding:4px 7px;min-width:74px;color:#a31725;background:#fff5f2}.app .batak-table .contract-corner .contract-progress[data-target=reached]{color:#12602c;background:#ecfdf0}.app .batak-table .contract-corner .contract-progress[data-target] :is(b,small,span){color:inherit}:root[data-appearance-pack=classic],.appearance-preview[data-appearance-pack=classic]{--masa-theme-hue:153;--masa-theme-depth:1;--masa-base:#072e21;--masa-base-rgb:7,46,33;--masa-panel:#0c4b33;--masa-panel-rgb:12,75,51;--masa-raised:#16734c;--masa-raised-rgb:22,115,76;--masa-selected:#21865a;--masa-selected-rgb:33,134,90;--masa-line:#b6ba79;--masa-line-rgb:182,186,121;--masa-muted:#e4e7c8;--masa-muted-rgb:228,231,200;--masa-ice:#ffdf9b;--masa-ice-rgb:255,223,155;--masa-text:#fff9e9;--masa-text-rgb:255,249,233;--masa-accent:#f5cb6b;--masa-accent-rgb:245,203,107;--masa-action:#146c46;--masa-action-rgb:20,108,70;--masa-focus:#ffe5a3;--masa-focus-rgb:255,229,163;--pack-base:#072e21;--pack-panel:#0c4b33;--pack-raised:#16734c;--pack-muted:#e4e7c8;--pack-text:#fff9e9;--pack-accent:#f5cb6b;--pack-felt:#126b49;--pack-board:#0a422f;--pack-edge:#acc78e;--pack-ink:#153a27;--pack-font:Georgia,"Times New Roman",serif;--pack-radius:12px;--pack-rail-edge:#6f3c1c;--pack-rail-cap:#9d6332;--pack-rack-radius:5px;--pack-cloth-image:url(/appearance/material-classic-cloth.svg);--pack-cloth-size:48px;--pack-cloth-surface:var(--pack-cloth-image) center/var(--pack-cloth-size),var(--pack-felt);--pack-rail-surface:url(/appearance/material-classic-rail.svg) center/100% 100%;--pack-rail-lip:linear-gradient(#e9bd7c 0%,#a5642f 25%,#633518 55%,#cf9453 80%,#563019);--pack-button-light:linear-gradient(var(--masa-text),var(--masa-muted));--pack-button-disabled:linear-gradient(var(--masa-muted),var(--masa-line));--pack-button-ready:linear-gradient(var(--masa-text),var(--masa-ice));--pack-button-dark:linear-gradient(145deg,var(--masa-raised),var(--masa-panel))}:root[data-appearance-pack=silver],.appearance-preview[data-appearance-pack=silver]{--masa-theme-hue:217;--masa-theme-depth:1;--masa-base:#071d3b;--masa-base-rgb:7,29,59;--masa-panel:#103b6b;--masa-panel-rgb:16,59,107;--masa-raised:#2262a5;--masa-raised-rgb:34,98,165;--masa-selected:#2874bb;--masa-selected-rgb:40,116,187;--masa-line:#8ebce5;--masa-line-rgb:142,188,229;--masa-muted:#d4eaff;--masa-muted-rgb:212,234,255;--masa-ice:#e1f4ff;--masa-ice-rgb:225,244,255;--masa-text:#f5fbff;--masa-text-rgb:245,251,255;--masa-accent:#c5e7ff;--masa-accent-rgb:197,231,255;--masa-action:#1c5998;--masa-action-rgb:28,89,152;--masa-focus:#e5f7ff;--masa-focus-rgb:229,247,255;--pack-base:#071d3b;--pack-panel:#103b6b;--pack-raised:#2262a5;--pack-muted:#d4eaff;--pack-text:#f5fbff;--pack-accent:#c5e7ff;--pack-felt:#124d90;--pack-board:#0b315d;--pack-edge:#92c9f4;--pack-ink:#0d3154;--pack-font:Arial,Helvetica,sans-serif;--pack-radius:5px;--pack-rail-edge:#567990;--pack-rail-cap:#173c59;--pack-rack-radius:2px;--pack-cloth-image:url(/appearance/material-silver-cloth.svg);--pack-cloth-size:64px;--pack-cloth-surface:var(--pack-cloth-image) center/var(--pack-cloth-size),var(--pack-felt);--pack-rail-surface:url(/appearance/material-silver-rail.svg) center/100% 100%;--pack-rail-lip:linear-gradient(#f5fcff 0%,#91adbf 28%,#294f6b 50%,#57bde9 65%,#d7effc);--pack-button-light:linear-gradient(var(--masa-text),var(--masa-muted));--pack-button-disabled:linear-gradient(var(--masa-muted),var(--masa-line));--pack-button-ready:linear-gradient(var(--masa-text),var(--masa-ice));--pack-button-dark:linear-gradient(145deg,var(--masa-raised),var(--masa-panel))}:root[data-appearance-pack=garnet],.appearance-preview[data-appearance-pack=garnet]{--masa-theme-hue:340;--masa-theme-depth:1;--masa-base:#380d23;--masa-base-rgb:56,13,35;--masa-panel:#59152f;--masa-panel-rgb:89,21,47;--masa-raised:#96294d;--masa-raised-rgb:150,41,77;--masa-selected:#ad3657;--masa-selected-rgb:173,54,87;--masa-line:#d3a453;--masa-line-rgb:211,164,83;--masa-muted:#f1ddbd;--masa-muted-rgb:241,221,189;--masa-ice:#ffe3a2;--masa-ice-rgb:255,227,162;--masa-text:#fff9e9;--masa-text-rgb:255,249,233;--masa-accent:#ffcf64;--masa-accent-rgb:255,207,100;--masa-action:#8d2449;--masa-action-rgb:141,36,73;--masa-focus:#ffe6a3;--masa-focus-rgb:255,230,163;--pack-base:#380d23;--pack-panel:#59152f;--pack-raised:#96294d;--pack-muted:#f1ddbd;--pack-text:#fff9e9;--pack-accent:#ffcf64;--pack-felt:#7c2041;--pack-board:#4a142e;--pack-edge:#d9b468;--pack-ink:#4d1530;--pack-font:Georgia,"Times New Roman",serif;--pack-radius:16px 4px;--pack-rail-edge:#d5a14e;--pack-rail-cap:#ffdc7c;--pack-rack-radius:6px;--pack-cloth-image:url(/appearance/material-garnet-cloth.svg);--pack-cloth-size:96px;--pack-cloth-surface:var(--pack-cloth-image) center/var(--pack-cloth-size),var(--pack-felt);--pack-rail-surface:url(/appearance/material-garnet-rail.svg) center/100% 100%;--pack-rail-lip:linear-gradient(#fff0b7 0%,#c7983e 28%,#734819 50%,#f4d785 70%,#bd8c33);--pack-button-light:linear-gradient(var(--masa-text),var(--masa-muted));--pack-button-disabled:linear-gradient(var(--masa-muted),var(--masa-line));--pack-button-ready:linear-gradient(var(--masa-text),var(--masa-ice));--pack-button-dark:linear-gradient(145deg,var(--masa-raised),var(--masa-panel))}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app{background:var(--masa-base);color:var(--masa-text)}:root[data-appearance-pack]:not([data-appearance-pack=original]) .shell{background:radial-gradient(ellipse at 80% 0,rgba(var(--masa-raised-rgb),.35),transparent 60%),var(--masa-base)}:root[data-appearance-pack]:not([data-appearance-pack=original]) .shell-sidebar{background:var(--pack-cloth-surface);border-color:var(--masa-line)}:root[data-appearance-pack]:not([data-appearance-pack=original]) :is(.home-welcome h1,.shell-game-title strong,.shell-page-heading h1,.unified-heading h1,.interface-settings h2,.batak-auction-panel h2){font-family:var(--pack-font)}:root[data-appearance-pack]:not([data-appearance-pack=original]) :is(.shell-game-card,.shell-mode-main,.ui-panel,.interface-dialog,.settings-panel){border-color:var(--masa-line);border-radius:var(--pack-radius);background-color:var(--masa-panel)}:root[data-appearance-pack]:not([data-appearance-pack=original]) .shell-game-card{background:linear-gradient(160deg,rgba(var(--masa-panel-rgb),.3),rgba(var(--masa-base-rgb),.8)),var(--pack-cloth-surface);box-shadow:inset 0 0 0 3px rgba(var(--masa-base-rgb),.6),inset 0 0 0 4px rgba(var(--masa-ice-rgb),.13)}:root[data-appearance-pack]:not([data-appearance-pack=original]) :is(.ui-button,.shell-sidebar nav button,.ui-choices button,.ui-section-tabs button,.shell-resume,.unified-edit-seats){border-radius:var(--pack-radius)}:root[data-appearance-pack]:not([data-appearance-pack=original]) .interface-surface .ui-button.ui-primary{background:linear-gradient(var(--masa-ice),var(--masa-accent));color:var(--masa-base);border-color:var(--masa-ice);box-shadow:inset 0 1px #fff8,0 2px 0 var(--masa-base)}:root[data-appearance-pack]:not([data-appearance-pack=original]) .interface-surface .ui-button.ui-primary:disabled{opacity:.45}:root[data-appearance-pack]:not([data-appearance-pack=original]) .scene-platform{background:var(--pack-cloth-surface);border-color:var(--masa-accent);box-shadow:0 4px 0 var(--pack-rail-edge),0 5px 0 var(--masa-accent),0 12px 18px #0005}:root[data-appearance-pack]:not([data-appearance-pack=original]) .scene-platform i{border-color:var(--masa-accent);opacity:.3}:root[data-appearance-pack=classic] .shell-game-card{border-top:3px double var(--masa-accent)}:root[data-appearance-pack=classic] .scene-orbit{border-style:dashed;opacity:.45}:root[data-appearance-pack=silver] .shell-game-card{box-shadow:inset 3px 0 var(--masa-line)}:root[data-appearance-pack=silver] .scene-orbit{border-radius:12px;transform:rotate(-12deg);opacity:.4}:root[data-appearance-pack=silver] .scene-platform i{border-radius:9px;inset:22%}:root[data-appearance-pack=garnet] .shell-game-card{border-style:double;border-width:3px}:root[data-appearance-pack=garnet] .scene-orbit{border-style:double;border-width:3px}:root[data-appearance-pack=garnet] .home-section-title i{height:3px;border-block:1px solid var(--masa-line);background:transparent}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app .batak-table .felt{background:radial-gradient(ellipse at 50% 30%,#ffffff12,transparent 72%),var(--pack-cloth-surface);box-shadow:inset 0 0 28px #0002}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app .batak-table .felt-border{border-color:var(--masa-line);box-shadow:inset 0 0 0 4px rgba(var(--masa-ice-rgb),.04)}:root[data-appearance-pack=classic] .app .batak-table .felt-border{border-style:double;border-width:3px}:root[data-appearance-pack=silver] .app .batak-table .felt-border{border-radius:26px;border-style:solid}:root[data-appearance-pack=garnet] .app .batak-table .felt-border{border-radius:36% 36% 28% 28%;border-style:double;border-width:3px}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app .batak-table .game-topbar.batak-header{background:var(--pack-button-dark);border-bottom-color:var(--masa-line);box-shadow:0 1px 0 var(--masa-base)}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app .batak-table :is(.batak-header-button,.seat .player,.turn-strip .player,.batak-auction-panel,.auction-number,.auction-pass,.trump-options button,.dummy-hand>.open-hand-label){background:var(--pack-button-dark);color:var(--masa-text);border-color:var(--masa-line);border-radius:var(--pack-radius);box-shadow:inset 0 1px #ffffff18,0 2px 3px #0003}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app .batak-table .auction-number:not(:disabled){background:linear-gradient(var(--masa-raised),var(--masa-panel))}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app .batak-table :is(.auction-number,.auction-pass):disabled{color:var(--masa-muted);background:var(--masa-base);opacity:.5}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app .batak-table .felt>.table-contract.contract-corner{background:var(--pack-button-dark);border-color:var(--masa-line);border-radius:var(--pack-radius);box-shadow:inset 0 1px #ffffff15}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app .batak-table .my-area:before{background:var(--pack-rail-surface);border-top-color:var(--masa-accent);box-shadow:inset 0 2px #ffffff18,0 -2px 0 var(--masa-base)}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app .batak-table .my-area:after{background:var(--masa-base);border-top-color:var(--masa-line)}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app :is(.batak-table,.okey-table) .avatar{border-color:var(--masa-accent);background:linear-gradient(145deg,var(--masa-raised),var(--masa-base));color:var(--masa-text);box-shadow:inset 0 0 0 2px var(--masa-base),0 0 0 1px var(--masa-line)}:root[data-appearance-pack=classic] .app .avatar{border-radius:50%}:root[data-appearance-pack=silver] .app .avatar{border-radius:9px}:root[data-appearance-pack=garnet] .app .avatar{border-radius:35% 35% 45% 45%;border-style:double}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app .player.active .avatar{outline:2px solid var(--masa-focus);outline-offset:2px}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app .player.active{border-color:var(--masa-focus)}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app :is(.result-panel,.score-modal,.statistics-modal){background:var(--pack-cloth-surface);border-color:var(--masa-line);color:var(--masa-text)}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app .score-scroll :is(thead th,.score-totals th,.score-totals td){background:var(--masa-panel)!important;color:var(--masa-text)}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app .score-scroll .score-totals .score-leader{color:var(--masa-focus)}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app .okey-table .meld-zone{border-radius:var(--pack-rack-radius)}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app .okey-table .meld-board{--meld-grid-line:rgba(var(--masa-muted-rgb),.085);--meld-grid-fine:rgba(var(--masa-muted-rgb),.02);--meld-pair-line:rgba(var(--masa-muted-rgb),.12)}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app .okey-table .modern-controls .rack-wrap .rack-controls .control-key{border-radius:var(--pack-rack-radius)}:root[data-appearance-pack=classic]{--pack-chrome-surface:linear-gradient(#27180eb8,#27180eb8),var(--pack-rail-surface);--pack-chrome-text:#fff9e9;--pack-chrome-line:#c79b59;--pack-control-surface:linear-gradient(100deg,#fffdf3,#f2dfb9);--pack-control-ink:#302313;--pack-control-frame:inset 0 0 0 1px #fffef2,inset 0 0 0 3px #b6945c55,0 2px 0 #352411;--pack-panel-frame:inset 0 0 0 2px #422713,inset 0 0 0 3px #bd935b,0 5px 14px #0004;--pack-ledger-surface:#183629;--pack-ledger-rule:#8f9b70;--pack-control-radius:7px;--pack-dialog-radius:12px}:root[data-appearance-pack=silver]{--pack-chrome-surface:linear-gradient(#edf8fff0,#cbddeef0),var(--pack-rail-surface);--pack-chrome-text:#163247;--pack-chrome-line:#85abc4;--pack-control-surface:linear-gradient(#ffffff,#dae9f4 48%,#c9dce9 50%,#e8f5ff);--pack-control-ink:#17374e;--pack-control-frame:inset 3px 0 #247fb4,inset -1px 0 #fff,0 2px 0 #183c58;--pack-panel-frame:inset 3px 0 #66bce8,inset -1px 0 #8cabc3,0 5px 14px #0004;--pack-ledger-surface:#102f4d;--pack-ledger-rule:#779db9;--pack-control-radius:2px;--pack-dialog-radius:4px}:root[data-appearance-pack=garnet]{--pack-chrome-surface:linear-gradient(#340a20c9,#340a20c9),var(--pack-rail-surface);--pack-chrome-text:#fff4d6;--pack-chrome-line:#e1b861;--pack-control-surface:linear-gradient(120deg,#fff3d3,#eac17a 47%,#ffe5a6);--pack-control-ink:#422411;--pack-control-frame:inset 0 0 0 1px #fff1bc,inset 0 0 0 3px #b2803d,0 2px 0 #451329;--pack-panel-frame:inset 0 0 0 1px #e5bd70,inset 0 0 0 4px #54132d,inset 0 0 0 5px #ba8b45,0 5px 14px #0004;--pack-ledger-surface:#45142b;--pack-ledger-rule:#a77f56;--pack-control-radius:9px 2px;--pack-dialog-radius:14px 4px}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app :is(.interface-dialog,.settings-panel,.shell-mode-main,.ui-rule-page){background:var(--masa-base);border-color:var(--pack-chrome-line);border-radius:var(--pack-dialog-radius);box-shadow:var(--pack-panel-frame)}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app :is(.ui-dialog-header,.game-topbar.table-chrome){background:var(--pack-chrome-surface);color:var(--pack-chrome-text);border-color:var(--pack-chrome-line)}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app :is(.ui-dialog-header h2,.ui-dialog-header p,.table-chrome .game-info,.table-chrome .round-indicator,.table-chrome strong){color:var(--pack-chrome-text)}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app :is(.ui-panel,.setup-body,.unified-fields,.score-detail-sheet,.batak-auction-panel){background:linear-gradient(140deg,rgba(var(--masa-raised-rgb),.35),transparent),var(--masa-panel);border-color:var(--pack-chrome-line);box-shadow:var(--pack-panel-frame);border-radius:var(--pack-dialog-radius)}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app :is(.ui-primary,.shell-resume,.auction-number,.auction-pass,.trump-options button){background:var(--pack-control-surface);color:var(--pack-control-ink);border-color:var(--pack-chrome-line);border-radius:var(--pack-control-radius);box-shadow:var(--pack-control-frame)}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app .interface-surface .ui-button.ui-primary{background:var(--pack-control-surface);color:var(--pack-control-ink);border-color:var(--pack-chrome-line);box-shadow:var(--pack-control-frame)}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app :is(.ui-secondary,.ui-icon,.ui-input,.unified-edit-seats,.ui-choices button,.ui-section-tabs button,.shell-sidebar nav button,.table-chrome .icon-button,.rack-sort){background:var(--pack-button-dark);color:var(--masa-text);border-color:var(--masa-line);border-radius:var(--pack-control-radius);box-shadow:inset 0 1px #ffffff24,inset 0 -1px #0004}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app :is(.ui-choices button[aria-pressed=true],.ui-section-tabs button[aria-selected=true],.shell-sidebar nav button.active){background:var(--pack-control-surface);color:var(--pack-control-ink);box-shadow:var(--pack-control-frame)}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app[data-table-theme] .okey-table .modern-controls .rack-wrap .rack-controls.table-action-controls>.control-key:not(:disabled){background:var(--pack-control-surface);color:var(--pack-control-ink);border-color:var(--pack-chrome-line);border-radius:var(--pack-control-radius);box-shadow:var(--pack-control-frame)}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app[data-table-theme] .okey-table .modern-controls .rack-wrap .rack-controls.table-action-controls>.control-key[data-ready=true]:not(:disabled){background:var(--pack-control-surface);color:var(--pack-control-ink);border-color:var(--masa-focus);box-shadow:var(--pack-control-frame),0 0 0 1px var(--masa-focus)}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app :is(.ui-button,.auction-number,.auction-pass,.trump-options button):disabled{background:var(--masa-base);color:var(--masa-muted);border-color:var(--masa-line);box-shadow:none}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app .interface-surface .score-grid{background:var(--pack-ledger-surface);color:var(--masa-text);border-color:var(--pack-chrome-line);border-radius:var(--pack-control-radius);box-shadow:var(--pack-panel-frame)}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app .interface-surface .score-grid :is(thead th,.score-totals th,.score-totals td){background:var(--pack-chrome-surface);color:var(--pack-chrome-text);border-color:var(--pack-ledger-rule)}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app .interface-surface .score-grid tbody :is(th,td){border-color:var(--pack-ledger-rule)}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app .interface-surface .score-grid .score-totals .score-leader{color:var(--pack-chrome-text);text-decoration:underline;text-decoration-color:var(--pack-chrome-line);text-underline-offset:3px}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app :is(.score-caption,.score-detail-heading,.ui-result-summary h3){font-family:var(--pack-font);color:var(--masa-text)}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app .table-chrome :is(.game-info span,.game-info b,.round-indicator span,.round-indicator b,.round-indicator small){color:var(--pack-chrome-text)}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app .interface-surface .score-grid :is(thead .score-player-name,.score-totals b){color:var(--pack-chrome-text)}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app .interface-surface .score-grid .score-player-icons i{background:var(--masa-base);color:var(--masa-text);border-color:var(--pack-chrome-line);border-radius:var(--pack-control-radius)}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app :is(.toast,.save-warning,.network-status,.interface-feedback){background:var(--masa-panel);color:var(--masa-text);border-color:var(--pack-chrome-line);border-radius:var(--pack-control-radius);box-shadow:var(--pack-panel-frame)}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app .burial-selection-slot small{color:var(--pack-control-ink);background:var(--pack-control-surface)}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app .interface-surface .ui-button.ui-primary:disabled{background:var(--masa-base);color:var(--masa-muted);border-color:var(--masa-line);box-shadow:none}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app .batak-table .compact-auction .batak-auction-panel{background:linear-gradient(140deg,rgba(var(--masa-raised-rgb),.35),transparent),var(--masa-panel);border-color:var(--pack-chrome-line);box-shadow:var(--pack-panel-frame);border-radius:var(--pack-dialog-radius)}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app .batak-table :is(.auction-number,.auction-pass,.trump-options button):not(:disabled){background:var(--pack-control-surface);color:var(--pack-control-ink);border-color:var(--pack-chrome-line);box-shadow:var(--pack-control-frame);border-radius:var(--pack-control-radius)}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app .batak-table :is(.auction-number,.auction-pass,.trump-options button):disabled{background:var(--masa-base);color:var(--masa-muted);border-color:var(--masa-line);box-shadow:none}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app .batak-table .game-topbar.batak-header{background:var(--pack-chrome-surface);color:var(--pack-chrome-text);border-color:var(--pack-chrome-line)}:root[data-appearance-pack]:not([data-appearance-pack=original]) .app .batak-table .batak-header-title>:is(strong,span){color:var(--pack-chrome-text)}.playing-card .pack-card-art{position:absolute;inset:0;z-index:3;pointer-events:none;background-size:100% 100%;background-repeat:no-repeat;border-radius:inherit}[data-appearance-pack=classic]{--piece-paper:#fffdf3;--piece-edge:#cbbd9d;--piece-shadow:#9f8256;--piece-font:Georgia,"Noto Serif",serif;--piece-weight:700;--piece-red:#df1232;--piece-blue:#006c9b;--piece-black:#17251e;--piece-gold:#8b5a06;--piece-tile-surface:var(--piece-engraving,url(/appearance/tiles/classic/engraving.svg)) center/100% 100% no-repeat,linear-gradient(115deg,#fffef7,#fff8e8);--piece-inset:inset 1px 1px #fffef8,inset -1px -1px #e6d9bf;--piece-back:url(/appearance/cards/classic/back.svg);--piece-reverse:linear-gradient(#ffffff,#fffdf5);--piece-dot:50%;--piece-joker:#216340;--piece-number-spacing:-.055em}[data-appearance-pack=silver]{--piece-paper:#ffffff;--piece-edge:#b7c8d5;--piece-shadow:#7f8da2;--piece-font:Roboto,Arial,sans-serif;--piece-weight:800;--piece-red:#e20d35;--piece-blue:#006e9f;--piece-black:#101b2a;--piece-gold:#875b00;--piece-tile-surface:var(--piece-engraving,url(/appearance/tiles/silver/engraving.svg)) center/100% 100% no-repeat,linear-gradient(110deg,#fff,#fbfdff 70%,#eff6fa);--piece-inset:inset 1px 0 #ffffff,inset -1px 0 #d4e0e9;--piece-back:url(/appearance/cards/silver/back.svg);--piece-reverse:linear-gradient(#ffffff,#f9fcff);--piece-dot:0;--piece-joker:#20634e;--piece-number-spacing:-.06em}[data-appearance-pack=garnet]{--piece-paper:#fffaf0;--piece-edge:#cbb78d;--piece-shadow:#9c7134;--piece-font:"Palatino Linotype","Book Antiqua",serif;--piece-weight:700;--piece-red:#d90c32;--piece-blue:#00678f;--piece-black:#241d1a;--piece-gold:#885805;--piece-tile-surface:var(--piece-engraving,url(/appearance/tiles/garnet/engraving.svg)) center/100% 100% no-repeat,linear-gradient(130deg,#fffef9,#fff7e8);--piece-inset:inset 1px 1px #fffef7,inset -1px -1px #e5d5b5;--piece-back:url(/appearance/cards/garnet/back.svg);--piece-reverse:linear-gradient(#ffffff,#fffdf5);--piece-dot:1px;--piece-joker:#27613b;--piece-number-spacing:-.04em}[data-appearance-pack=original]{--piece-paper:initial;--piece-edge:initial;--piece-shadow:initial;--piece-font:initial;--piece-weight:initial;--piece-red:initial;--piece-blue:initial;--piece-black:initial;--piece-gold:initial;--piece-tile-surface:initial;--piece-inset:initial;--piece-back:initial;--piece-reverse:initial;--piece-dot:initial;--piece-joker:initial;--piece-number-spacing:initial}@scope([data-appearance-pack=classic],[data-appearance-pack=silver],[data-appearance-pack=garnet])to ([data-appearance-pack]){.playing-card .card-art,.playing-card .card-index{visibility:hidden}.tile:not(.joker){background:var(--piece-tile-surface)!important;border-color:var(--piece-edge)!important;box-shadow:var(--piece-inset),0 2px 0 var(--piece-shadow),1px 3px 4px #0005!important}.tile .tile-value{font-family:var(--piece-font)!important;font-weight:var(--piece-weight)!important;letter-spacing:var(--piece-number-spacing)!important}.tile.red{color:var(--piece-red)!important}.tile.blue{color:var(--piece-blue)!important}.tile.black{color:var(--piece-black)!important}.tile.gold{color:var(--piece-gold)!important}.tile .tile-dot{border-radius:var(--piece-dot)!important}.tile .fake-joker-art{fill:var(--piece-joker)!important}.tile-back{background:var(--piece-reverse)!important}.card-backs img,.burial-stock>img{content:var(--piece-back)}.tile.selected{outline:2px solid var(--masa-focus);outline-offset:1px}}@scope([data-appearance-pack=classic])to ([data-appearance-pack]){.tile:not(.face-down){border-radius:7px!important}.tile:not(.face-down) .tile-dot{width:4px!important;height:4px!important;border-radius:50%!important;box-shadow:0 0 0 1px #fff8e6,0 0 0 2px #c58a2066}}@scope([data-appearance-pack=silver])to ([data-appearance-pack]){.tile:not(.face-down){border-radius:1px!important}.tile:not(.face-down) .tile-dot{width:5px!important;height:3px!important;border-radius:0!important;clip-path:polygon(20% 0,80% 0,100% 50%,80% 100%,20% 100%,0 50%)}}@scope([data-appearance-pack=garnet])to ([data-appearance-pack]){.tile:not(.face-down){border-radius:5px 2px!important}.tile .tile-value{font-style:oblique 6deg!important;letter-spacing:-.04em!important}.tile:not(.face-down) .tile-dot{width:6px!important;height:6px!important;border-radius:0!important;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}}@scope([data-appearance-pack=classic],[data-appearance-pack=silver],[data-appearance-pack=garnet])to ([data-appearance-pack]){.tile.small:not(.face-down){background:var(--piece-paper)!important}}.tile.joker.face-down{background:#fff!important;background-image:none!important;border-color:#b8c5cb!important;box-shadow:0 1px #7c909b!important}.tile.joker.face-down:before,.tile.joker.face-down:after{content:none!important}[data-appearance-pack=original]{--custom-card-S-2:none;--custom-card-S-3:none;--custom-card-S-4:none;--custom-card-S-5:none;--custom-card-S-6:none;--custom-card-S-7:none;--custom-card-S-8:none;--custom-card-S-9:none;--custom-card-S-10:none;--custom-card-S-J:none;--custom-card-S-Q:none;--custom-card-S-K:none;--custom-card-S-A:none;--custom-card-H-2:none;--custom-card-H-3:none;--custom-card-H-4:none;--custom-card-H-5:none;--custom-card-H-6:none;--custom-card-H-7:none;--custom-card-H-8:none;--custom-card-H-9:none;--custom-card-H-10:none;--custom-card-H-J:none;--custom-card-H-Q:none;--custom-card-H-K:none;--custom-card-H-A:none;--custom-card-D-2:none;--custom-card-D-3:none;--custom-card-D-4:none;--custom-card-D-5:none;--custom-card-D-6:none;--custom-card-D-7:none;--custom-card-D-8:none;--custom-card-D-9:none;--custom-card-D-10:none;--custom-card-D-J:none;--custom-card-D-Q:none;--custom-card-D-K:none;--custom-card-D-A:none;--custom-card-C-2:none;--custom-card-C-3:none;--custom-card-C-4:none;--custom-card-C-5:none;--custom-card-C-6:none;--custom-card-C-7:none;--custom-card-C-8:none;--custom-card-C-9:none;--custom-card-C-10:none;--custom-card-C-J:none;--custom-card-C-Q:none;--custom-card-C-K:none;--custom-card-C-A:none}[data-appearance-pack=classic]{--custom-card-S-2:url(/appearance/cards/classic/S-2.svg);--custom-card-S-3:url(/appearance/cards/classic/S-3.svg);--custom-card-S-4:url(/appearance/cards/classic/S-4.svg);--custom-card-S-5:url(/appearance/cards/classic/S-5.svg);--custom-card-S-6:url(/appearance/cards/classic/S-6.svg);--custom-card-S-7:url(/appearance/cards/classic/S-7.svg);--custom-card-S-8:url(/appearance/cards/classic/S-8.svg);--custom-card-S-9:url(/appearance/cards/classic/S-9.svg);--custom-card-S-10:url(/appearance/cards/classic/S-10.svg);--custom-card-S-J:url(/appearance/cards/classic/S-J.svg);--custom-card-S-Q:url(/appearance/cards/classic/S-Q.svg);--custom-card-S-K:url(/appearance/cards/classic/S-K.svg);--custom-card-S-A:url(/appearance/cards/classic/S-A.svg);--custom-card-H-2:url(/appearance/cards/classic/H-2.svg);--custom-card-H-3:url(/appearance/cards/classic/H-3.svg);--custom-card-H-4:url(/appearance/cards/classic/H-4.svg);--custom-card-H-5:url(/appearance/cards/classic/H-5.svg);--custom-card-H-6:url(/appearance/cards/classic/H-6.svg);--custom-card-H-7:url(/appearance/cards/classic/H-7.svg);--custom-card-H-8:url(/appearance/cards/classic/H-8.svg);--custom-card-H-9:url(/appearance/cards/classic/H-9.svg);--custom-card-H-10:url(/appearance/cards/classic/H-10.svg);--custom-card-H-J:url(/appearance/cards/classic/H-J.svg);--custom-card-H-Q:url(/appearance/cards/classic/H-Q.svg);--custom-card-H-K:url(/appearance/cards/classic/H-K.svg);--custom-card-H-A:url(/appearance/cards/classic/H-A.svg);--custom-card-D-2:url(/appearance/cards/classic/D-2.svg);--custom-card-D-3:url(/appearance/cards/classic/D-3.svg);--custom-card-D-4:url(/appearance/cards/classic/D-4.svg);--custom-card-D-5:url(/appearance/cards/classic/D-5.svg);--custom-card-D-6:url(/appearance/cards/classic/D-6.svg);--custom-card-D-7:url(/appearance/cards/classic/D-7.svg);--custom-card-D-8:url(/appearance/cards/classic/D-8.svg);--custom-card-D-9:url(/appearance/cards/classic/D-9.svg);--custom-card-D-10:url(/appearance/cards/classic/D-10.svg);--custom-card-D-J:url(/appearance/cards/classic/D-J.svg);--custom-card-D-Q:url(/appearance/cards/classic/D-Q.svg);--custom-card-D-K:url(/appearance/cards/classic/D-K.svg);--custom-card-D-A:url(/appearance/cards/classic/D-A.svg);--custom-card-C-2:url(/appearance/cards/classic/C-2.svg);--custom-card-C-3:url(/appearance/cards/classic/C-3.svg);--custom-card-C-4:url(/appearance/cards/classic/C-4.svg);--custom-card-C-5:url(/appearance/cards/classic/C-5.svg);--custom-card-C-6:url(/appearance/cards/classic/C-6.svg);--custom-card-C-7:url(/appearance/cards/classic/C-7.svg);--custom-card-C-8:url(/appearance/cards/classic/C-8.svg);--custom-card-C-9:url(/appearance/cards/classic/C-9.svg);--custom-card-C-10:url(/appearance/cards/classic/C-10.svg);--custom-card-C-J:url(/appearance/cards/classic/C-J.svg);--custom-card-C-Q:url(/appearance/cards/classic/C-Q.svg);--custom-card-C-K:url(/appearance/cards/classic/C-K.svg);--custom-card-C-A:url(/appearance/cards/classic/C-A.svg)}[data-appearance-pack=silver]{--custom-card-S-2:url(/appearance/cards/silver/S-2.svg);--custom-card-S-3:url(/appearance/cards/silver/S-3.svg);--custom-card-S-4:url(/appearance/cards/silver/S-4.svg);--custom-card-S-5:url(/appearance/cards/silver/S-5.svg);--custom-card-S-6:url(/appearance/cards/silver/S-6.svg);--custom-card-S-7:url(/appearance/cards/silver/S-7.svg);--custom-card-S-8:url(/appearance/cards/silver/S-8.svg);--custom-card-S-9:url(/appearance/cards/silver/S-9.svg);--custom-card-S-10:url(/appearance/cards/silver/S-10.svg);--custom-card-S-J:url(/appearance/cards/silver/S-J.svg);--custom-card-S-Q:url(/appearance/cards/silver/S-Q.svg);--custom-card-S-K:url(/appearance/cards/silver/S-K.svg);--custom-card-S-A:url(/appearance/cards/silver/S-A.svg);--custom-card-H-2:url(/appearance/cards/silver/H-2.svg);--custom-card-H-3:url(/appearance/cards/silver/H-3.svg);--custom-card-H-4:url(/appearance/cards/silver/H-4.svg);--custom-card-H-5:url(/appearance/cards/silver/H-5.svg);--custom-card-H-6:url(/appearance/cards/silver/H-6.svg);--custom-card-H-7:url(/appearance/cards/silver/H-7.svg);--custom-card-H-8:url(/appearance/cards/silver/H-8.svg);--custom-card-H-9:url(/appearance/cards/silver/H-9.svg);--custom-card-H-10:url(/appearance/cards/silver/H-10.svg);--custom-card-H-J:url(/appearance/cards/silver/H-J.svg);--custom-card-H-Q:url(/appearance/cards/silver/H-Q.svg);--custom-card-H-K:url(/appearance/cards/silver/H-K.svg);--custom-card-H-A:url(/appearance/cards/silver/H-A.svg);--custom-card-D-2:url(/appearance/cards/silver/D-2.svg);--custom-card-D-3:url(/appearance/cards/silver/D-3.svg);--custom-card-D-4:url(/appearance/cards/silver/D-4.svg);--custom-card-D-5:url(/appearance/cards/silver/D-5.svg);--custom-card-D-6:url(/appearance/cards/silver/D-6.svg);--custom-card-D-7:url(/appearance/cards/silver/D-7.svg);--custom-card-D-8:url(/appearance/cards/silver/D-8.svg);--custom-card-D-9:url(/appearance/cards/silver/D-9.svg);--custom-card-D-10:url(/appearance/cards/silver/D-10.svg);--custom-card-D-J:url(/appearance/cards/silver/D-J.svg);--custom-card-D-Q:url(/appearance/cards/silver/D-Q.svg);--custom-card-D-K:url(/appearance/cards/silver/D-K.svg);--custom-card-D-A:url(/appearance/cards/silver/D-A.svg);--custom-card-C-2:url(/appearance/cards/silver/C-2.svg);--custom-card-C-3:url(/appearance/cards/silver/C-3.svg);--custom-card-C-4:url(/appearance/cards/silver/C-4.svg);--custom-card-C-5:url(/appearance/cards/silver/C-5.svg);--custom-card-C-6:url(/appearance/cards/silver/C-6.svg);--custom-card-C-7:url(/appearance/cards/silver/C-7.svg);--custom-card-C-8:url(/appearance/cards/silver/C-8.svg);--custom-card-C-9:url(/appearance/cards/silver/C-9.svg);--custom-card-C-10:url(/appearance/cards/silver/C-10.svg);--custom-card-C-J:url(/appearance/cards/silver/C-J.svg);--custom-card-C-Q:url(/appearance/cards/silver/C-Q.svg);--custom-card-C-K:url(/appearance/cards/silver/C-K.svg);--custom-card-C-A:url(/appearance/cards/silver/C-A.svg)}[data-appearance-pack=garnet]{--custom-card-S-2:url(/appearance/cards/garnet/S-2.svg);--custom-card-S-3:url(/appearance/cards/garnet/S-3.svg);--custom-card-S-4:url(/appearance/cards/garnet/S-4.svg);--custom-card-S-5:url(/appearance/cards/garnet/S-5.svg);--custom-card-S-6:url(/appearance/cards/garnet/S-6.svg);--custom-card-S-7:url(/appearance/cards/garnet/S-7.svg);--custom-card-S-8:url(/appearance/cards/garnet/S-8.svg);--custom-card-S-9:url(/appearance/cards/garnet/S-9.svg);--custom-card-S-10:url(/appearance/cards/garnet/S-10.svg);--custom-card-S-J:url(/appearance/cards/garnet/S-J.svg);--custom-card-S-Q:url(/appearance/cards/garnet/S-Q.svg);--custom-card-S-K:url(/appearance/cards/garnet/S-K.svg);--custom-card-S-A:url(/appearance/cards/garnet/S-A.svg);--custom-card-H-2:url(/appearance/cards/garnet/H-2.svg);--custom-card-H-3:url(/appearance/cards/garnet/H-3.svg);--custom-card-H-4:url(/appearance/cards/garnet/H-4.svg);--custom-card-H-5:url(/appearance/cards/garnet/H-5.svg);--custom-card-H-6:url(/appearance/cards/garnet/H-6.svg);--custom-card-H-7:url(/appearance/cards/garnet/H-7.svg);--custom-card-H-8:url(/appearance/cards/garnet/H-8.svg);--custom-card-H-9:url(/appearance/cards/garnet/H-9.svg);--custom-card-H-10:url(/appearance/cards/garnet/H-10.svg);--custom-card-H-J:url(/appearance/cards/garnet/H-J.svg);--custom-card-H-Q:url(/appearance/cards/garnet/H-Q.svg);--custom-card-H-K:url(/appearance/cards/garnet/H-K.svg);--custom-card-H-A:url(/appearance/cards/garnet/H-A.svg);--custom-card-D-2:url(/appearance/cards/garnet/D-2.svg);--custom-card-D-3:url(/appearance/cards/garnet/D-3.svg);--custom-card-D-4:url(/appearance/cards/garnet/D-4.svg);--custom-card-D-5:url(/appearance/cards/garnet/D-5.svg);--custom-card-D-6:url(/appearance/cards/garnet/D-6.svg);--custom-card-D-7:url(/appearance/cards/garnet/D-7.svg);--custom-card-D-8:url(/appearance/cards/garnet/D-8.svg);--custom-card-D-9:url(/appearance/cards/garnet/D-9.svg);--custom-card-D-10:url(/appearance/cards/garnet/D-10.svg);--custom-card-D-J:url(/appearance/cards/garnet/D-J.svg);--custom-card-D-Q:url(/appearance/cards/garnet/D-Q.svg);--custom-card-D-K:url(/appearance/cards/garnet/D-K.svg);--custom-card-D-A:url(/appearance/cards/garnet/D-A.svg);--custom-card-C-2:url(/appearance/cards/garnet/C-2.svg);--custom-card-C-3:url(/appearance/cards/garnet/C-3.svg);--custom-card-C-4:url(/appearance/cards/garnet/C-4.svg);--custom-card-C-5:url(/appearance/cards/garnet/C-5.svg);--custom-card-C-6:url(/appearance/cards/garnet/C-6.svg);--custom-card-C-7:url(/appearance/cards/garnet/C-7.svg);--custom-card-C-8:url(/appearance/cards/garnet/C-8.svg);--custom-card-C-9:url(/appearance/cards/garnet/C-9.svg);--custom-card-C-10:url(/appearance/cards/garnet/C-10.svg);--custom-card-C-J:url(/appearance/cards/garnet/C-J.svg);--custom-card-C-Q:url(/appearance/cards/garnet/C-Q.svg);--custom-card-C-K:url(/appearance/cards/garnet/C-K.svg);--custom-card-C-A:url(/appearance/cards/garnet/C-A.svg)}@scope([data-appearance-pack=classic])to ([data-appearance-pack]){:is(.scene-cards,.shell-card-art) img[src="/cards/S-A.svg"]{content:url(/appearance/cards/classic/S-A.svg)}:is(.scene-cards,.shell-card-art) img[src="/cards/H-K.svg"]{content:url(/appearance/cards/classic/H-K.svg)}:is(.scene-cards,.shell-card-art) img[src="/cards/C-Q.svg"]{content:url(/appearance/cards/classic/C-Q.svg)}:is(.scene-tiles,.shell-tile-art) img[src="/brand/tile-10.svg"]{content:url(/appearance/tiles/classic/10.svg)}:is(.scene-tiles,.shell-tile-art) img[src="/brand/tile-11.svg"]{content:url(/appearance/tiles/classic/11.svg)}:is(.scene-tiles,.shell-tile-art) img[src="/brand/tile-12.svg"]{content:url(/appearance/tiles/classic/12.svg)}}@scope([data-appearance-pack=silver])to ([data-appearance-pack]){:is(.scene-cards,.shell-card-art) img[src="/cards/S-A.svg"]{content:url(/appearance/cards/silver/S-A.svg)}:is(.scene-cards,.shell-card-art) img[src="/cards/H-K.svg"]{content:url(/appearance/cards/silver/H-K.svg)}:is(.scene-cards,.shell-card-art) img[src="/cards/C-Q.svg"]{content:url(/appearance/cards/silver/C-Q.svg)}:is(.scene-tiles,.shell-tile-art) img[src="/brand/tile-10.svg"]{content:url(/appearance/tiles/silver/10.svg)}:is(.scene-tiles,.shell-tile-art) img[src="/brand/tile-11.svg"]{content:url(/appearance/tiles/silver/11.svg)}:is(.scene-tiles,.shell-tile-art) img[src="/brand/tile-12.svg"]{content:url(/appearance/tiles/silver/12.svg)}}@scope([data-appearance-pack=garnet])to ([data-appearance-pack]){:is(.scene-cards,.shell-card-art) img[src="/cards/S-A.svg"]{content:url(/appearance/cards/garnet/S-A.svg)}:is(.scene-cards,.shell-card-art) img[src="/cards/H-K.svg"]{content:url(/appearance/cards/garnet/H-K.svg)}:is(.scene-cards,.shell-card-art) img[src="/cards/C-Q.svg"]{content:url(/appearance/cards/garnet/C-Q.svg)}:is(.scene-tiles,.shell-tile-art) img[src="/brand/tile-10.svg"]{content:url(/appearance/tiles/garnet/10.svg)}:is(.scene-tiles,.shell-tile-art) img[src="/brand/tile-11.svg"]{content:url(/appearance/tiles/garnet/11.svg)}:is(.scene-tiles,.shell-tile-art) img[src="/brand/tile-12.svg"]{content:url(/appearance/tiles/garnet/12.svg)}}.app .batak-table .canonical-trump-options{display:grid;grid-template-columns:repeat(4,minmax(44px,1fr));gap:6px;max-width:100%}.app .batak-table .canonical-trump-options button{display:flex;align-items:center;justify-content:center;flex-direction:column;width:clamp(44px,14vw,68px);min-width:44px;min-height:60px;height:60px;padding:4px;gap:3px;background:#fffdf5;color:#17212b;border:1px solid #b9b3a5;border-radius:8px;filter:none;box-shadow:0 2px 3px #0003}.app .batak-table .canonical-trump-options button:hover{background:#fffdf5;border-color:#17212b}.app .batak-table .canonical-trump-options button:focus-visible{outline:3px solid var(--masa-accent,#f5cb6b);outline-offset:3px}.app .batak-table .canonical-trump-options button:disabled{opacity:.6}.app .batak-table .canonical-trump-options small{font-size:11px;line-height:13px;font-weight:700;color:#17212b;letter-spacing:0}.app .batak-table .canonical-suit{display:block;width:32px;height:32px;flex:none;filter:none;transform:none}.app .batak-table .canonical-suit path{stroke:none;filter:none}.app .batak-table .canonical-suit[data-suit=hearts] path,.app .batak-table .canonical-suit[data-suit=diamonds] path{fill:#c71932}.app .batak-table .canonical-suit[data-suit=spades] path,.app .batak-table .canonical-suit[data-suit=clubs] path{fill:#17212b}.app .batak-table .contract-corner .contract-suit{background:#fffdf5;filter:none}.app .batak-table .contract-corner .contract-suit .canonical-suit{width:32px;height:36px}@media(max-height:480px),(max-width:380px)and (max-height:650px){.app .batak-table .canonical-trump-options button{height:48px;min-height:48px;gap:1px;padding:2px}.app .batak-table .canonical-trump-options .canonical-suit{width:27px;height:27px}}.app .round-summary-trump{display:inline-flex;align-items:center;gap:5px}.app :is(.badge-trump-suit,.summary-trump-suit){display:inline-flex;align-items:center;justify-content:center;flex:none;width:22px;height:22px;background:#fffdf5;border-radius:4px;filter:none}.app :is(.badge-trump-suit,.summary-trump-suit) .canonical-suit{display:block;width:17px;height:17px;filter:none}.app .okey-table .rack-slot[data-processable=true]{background:transparent;box-shadow:none;border-radius:0}.app .okey-table .rack-slot .rack-process-light{position:absolute;inset:auto auto 2px 50%;width:7px;height:7px;min-width:0;border:0;outline:0;border-radius:50%;background:#00b955;box-shadow:0 0 3px #16c86e66;z-index:4;pointer-events:none;animation:none;transform:translate(-50%)}.app .okey-table .rack-slot.dragging .rack-process-light{opacity:1}.app .okey-table .meld-board :is([data-process-endpoint=true],[data-swap-target=true]){outline:2px solid #fff4b0;outline-offset:1px;box-shadow:0 0 0 3px #5f420c,0 0 7px 3px #ffd44088;animation:none}@media(prefers-reduced-motion:reduce){.app .okey-table .rack-process-light{animation:none}}.app .okey-table .pair-drop-surface[data-can-process=true]{outline:2px dashed #fff4b0;outline-offset:-3px;background:#ffd44012;box-shadow:inset 0 0 6px #ffd44066}.app .okey-table .meld-board .meld-target:disabled{opacity:1;cursor:default}.app .okey-table .meld-board .meld-landing-cell{display:block;height:var(--table-tile-h);box-sizing:border-box;border-radius:3px;background:transparent;pointer-events:auto}.app .okey-table .meld-board .meld-landing-cell[data-process-endpoint=true]{background:#ffd54c2e;outline:2px solid #fff4b0;outline-offset:-2px;box-shadow:inset 0 0 6px #ffd54c7a}@media(orientation:landscape){.app[data-table-theme] .okey-table .rack-controls.table-action-controls{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(4,minmax(0,1fr));width:var(--okey-action-width);height:var(--okey-actions-height);top:var(--okey-actions-top);right:var(--okey-actions-right,6px);left:auto;bottom:auto;gap:4px}.app[data-table-theme] .okey-table .modern-controls .rack-wrap .rack-controls.table-action-controls>.control-key{grid-column:1;grid-row:auto;display:flex;flex-direction:row;align-items:center;justify-content:center;min-height:var(--okey-action-row,34px);height:100%;padding:3px 5px;gap:4px;border-radius:6px;background:#fffdf4;color:#172b39;border:1px solid var(--masa-line);box-shadow:0 1px 2px #0004}.app[data-table-theme] .okey-table .modern-controls .rack-wrap .rack-controls.table-action-controls>.control-key:disabled{background:var(--masa-panel);color:var(--masa-muted);border-color:var(--masa-line);box-shadow:none;opacity:.76}.app[data-table-theme] .okey-table .modern-controls .rack-wrap .rack-controls.table-action-controls>.control-key[data-ready=true]:not(:disabled){background:#fffdf4;color:#172b39;border-color:var(--masa-ice);box-shadow:0 0 0 1px var(--masa-ice),0 1px 3px #0004}.app[data-table-theme] .okey-table .modern-controls .table-action-controls .control-key b{font-size:clamp(10px,1.3vw,14px);line-height:1.15;white-space:nowrap;font-weight:700;color:inherit;gap:3px}.app[data-table-theme] .okey-table .table-action-controls .control-full-label{display:inline}.app[data-table-theme] .okey-table .table-action-controls .control-short-label,.app[data-table-theme] .okey-table .table-action-controls .control-key b svg{display:none}.app[data-table-theme] .okey-table .table-action-controls .control-key small{color:inherit;font-size:9px;line-height:11px}.app[data-table-theme] .okey-table .table-action-controls .control-key[data-control-row=turn]>small{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.app[data-table-theme] .okey-table .table-action-controls .action-unit,.app[data-table-theme] .okey-table .table-action-controls .opening-progress{display:none}.app[data-table-theme] .okey-table .table-action-controls .control-key:focus-visible{outline:2px solid var(--masa-focus);outline-offset:2px}}.open-action-symbol{display:none}@media(orientation:landscape){.app[data-table-theme] .okey-table .table-action-controls .open-hand-action{flex-direction:column!important;gap:0!important}.app[data-table-theme] .okey-table .table-action-controls .open-action-symbol{display:inline-flex;align-items:center;gap:1px;margin-right:3px}.app[data-table-theme] .okey-table .table-action-controls .open-action-symbol i{display:grid;place-items:center;width:8px;height:11px;border:1px solid currentColor;border-radius:2px;font:700 8px/9px sans-serif;font-style:normal;opacity:.85}}@media(orientation:landscape){.app[data-table-theme] .okey-table .game-topbar{height:34px;min-height:34px;padding:1px 6px;gap:6px}.app[data-table-theme] .okey-table .game-topbar>div{gap:5px;min-width:0}.app[data-table-theme] .okey-table .game-topbar .icon-button{width:30px;height:30px;min-width:30px;min-height:30px;padding:4px;border-radius:5px}.app[data-table-theme] .okey-table .game-topbar strong{font-size:11px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app[data-table-theme] .okey-table .game-topbar .table-badge{padding:3px;font-size:7px;letter-spacing:0}.app[data-table-theme] .okey-table .game-topbar .game-info>span{font-size:9px;gap:3px}.app[data-table-theme] .okey-table .game-topbar .game-info b{font-size:12px}.app[data-table-theme] .okey-table .okey-top-player{top:2px;left:43%;max-width:140px}.app[data-table-theme] .okey-table .okey-top-player .player{min-height:28px;height:28px;padding:2px 5px;gap:4px;border-radius:5px}.app[data-table-theme] .okey-table .okey-top-player .avatar{width:22px;height:22px;min-width:22px;font-size:10px}.app[data-table-theme] .okey-table .okey-top-player .player-copy{display:flex;flex-direction:row;align-items:center;gap:4px;min-width:0}.app[data-table-theme] .okey-table .okey-top-player .player-copy strong{font-size:10px;max-width:65px}.app[data-table-theme] .okey-table .okey-top-player .player-copy>span{font-size:9px;white-space:nowrap}.app[data-table-theme] .okey-table .okey-top-player .opponent-rack{display:none}}@media(orientation:landscape)and (max-width:700px){.app[data-table-theme] .okey-table .game-topbar strong{max-width:95px}.app[data-table-theme] .okey-table .game-topbar .table-badge{display:none}.app[data-table-theme] .okey-table .okey-top-player{left:40%;max-width:110px}.app[data-table-theme] .okey-table .okey-top-player .avatar{display:none}.app[data-table-theme] .okey-table .okey-top-player .player-copy strong{max-width:50px}}.app .okey-table .rack-opening-totals{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:10px;line-height:16px;flex-shrink:0;color:var(--masa-text)}.app .okey-table .rack-opening-totals>span{display:inline-flex;gap:3px;align-items:baseline}.app .okey-table .rack-opening-totals b{font-size:12px;font-variant-numeric:tabular-nums}.app .okey-table .rack-summary .rack-self-details{max-width:68px}@media(orientation:landscape)and (max-width:700px){.app .okey-table .rack-summary .rack-phase-chip,.app .okey-table .rack-summary>em{display:none}.app .okey-table .rack-summary .rack-self-details{max-width:48px;padding-inline:3px}.app .okey-table .rack-opening-totals{gap:4px;font-size:9px}}.app .okey-table .table-action-controls .control-key[data-control-row=turn]>small{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.app .okey-table .rack-summary .rack-opening-blocked{font-size:9px;line-height:11px;max-width:72px;color:var(--masa-text);flex-shrink:0}.app .okey-table .rack-totals-stack{display:flex;flex-direction:column;justify-content:center;gap:0;flex-shrink:0}.app .okey-table .rack-totals-stack :is(.rack-hand-potential,.rack-opening-totals){display:flex;align-items:baseline;gap:5px;font-size:9px;line-height:11px;white-space:nowrap}.app .okey-table .rack-totals-stack :is(.rack-hand-potential,.rack-opening-totals)>span{display:inline-flex;align-items:baseline;gap:3px}.app .okey-table .rack-totals-stack :is(.rack-hand-potential,.rack-opening-totals)>span:first-child{min-width:26px;color:var(--masa-muted)}.app .okey-table .rack-totals-stack b{font-size:10px;line-height:11px;font-variant-numeric:tabular-nums}.app .okey-table .rack-slot[data-processable=true]{--process-ink:#087146;--process-paper:#d8ffe9}.app .okey-table .rack-slot[data-process-state=discard-risk]{--process-ink:#9b4100;--process-paper:#ffedbd}.app .okey-table .rack-slot[data-processable=true]>.tile:not(.selected):not(:disabled){outline:2px solid var(--process-ink);outline-offset:-2px}.app .okey-table .rack-slot .rack-process-light{inset:auto 2px 2px auto;width:13px;height:13px;transform:none;display:grid;place-items:center;border:1px solid var(--process-ink);border-radius:4px;background:var(--process-paper);color:var(--process-ink);box-shadow:none;animation:none;font:900 11px/1 system-ui,sans-serif}.app .okey-table .rack-slot .rack-process-light:after{content:"+"}.app .okey-table .rack-slot[data-process-state=discard-risk] .rack-process-light:after{content:"!"}.app .okey-table .rack-slot:has(>.tile:disabled) .rack-process-light{opacity:.45}.app .okey-table .rack-slot.dragging .rack-process-light{opacity:.45}.app .okey-table .meld-board :is([data-process-endpoint=true],[data-swap-target=true]){outline:3px solid #fff2a1;outline-offset:-2px;box-shadow:0 0 0 1px #6f4800;animation:none}.app .okey-table .meld-board [data-swap-target=true]{outline-style:dashed}.app .okey-table .meld-board .meld-landing-cell[data-process-endpoint=true]{background:#ffd54c4d;outline:3px solid #fff2a1;outline-offset:-2px;box-shadow:inset 0 0 0 4px #6f4800}@media(prefers-reduced-motion:reduce){.app .okey-table .rack-process-light{animation:none;transition:none}}html[data-desktop-web=true] .app .shell{max-width:1600px;margin-inline:auto}html[data-desktop-web=true] .app .shell-page{max-width:none;padding:24px;overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:24px}html[data-desktop-web=true] .app .shell-game-grid{gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}html[data-desktop-web=true] .app .shell-game-card{min-height:230px;height:230px}html[data-desktop-web=true] .app .unified-setup{max-width:1120px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}html[data-desktop-web=true] .app .unified-fields{grid-column:1;grid-row:3 / span 3;grid-template-columns:minmax(0,1fr);padding:24px;gap:24px}html[data-desktop-web=true] .app .unified-setup .ui-choices button{min-height:48px;font-size:15px}html[data-desktop-web=true] .app :is(button,a,input,select):focus-visible{outline:3px solid var(--masa-focus,#ffe19a);outline-offset:3px}html[data-desktop-web=true] .app .table-screen{height:100dvh;min-height:650px}html[data-desktop-web=true] .app .table-screen .game-topbar{height:64px;min-height:64px;padding:8px 24px}html[data-desktop-web=true] .app .table-screen .game-topbar .icon-button{width:44px;height:44px;min-width:44px}html[data-desktop-web=true] .app .table-screen .game-topbar strong{font-size:20px}html[data-desktop-web=true] .app .table-screen .felt{inset:64px 0 0}html[data-desktop-web=true] .app .table-screen.batak-table .felt>.table-contract.contract-corner{left:24px;right:auto;top:16px;width:300px;height:70px;min-height:70px}html[data-desktop-web=true] .app .batak-table .batak-top-player{left:50%;right:auto;top:82px;transform:translate(-50%)}html[data-desktop-web=true] .app .batak-table .batak-top-player .player{height:auto;min-height:48px;padding:8px 18px}html[data-desktop-web=true] .app .batak-table .seat.seat-left{left:24px;top:100px;width:150px}html[data-desktop-web=true] .app .batak-table .seat.seat-right{right:24px;top:100px;width:150px}html[data-desktop-web=true] .app .batak-table .seat.seat-left>.player,html[data-desktop-web=true] .app .batak-table .seat.seat-right>.player{width:150px;max-width:150px;padding:12px;gap:10px;border-radius:18px}html[data-desktop-web=true] .app .batak-table .seat .player-copy{max-width:120px;writing-mode:horizontal-tb;transform:none}html[data-desktop-web=true] .app .batak-table .player-copy strong{font-size:15px;line-height:20px;max-width:120px}html[data-desktop-web=true] .app .batak-table .my-area{left:0;right:0;bottom:18px;padding:0 36px}html[data-desktop-web=true] .app .batak-table .turn-strip{min-height:48px;gap:16px}html[data-desktop-web=true] .app .batak-table .turn-strip .turn-message{font-size:14px;line-height:20px;max-width:620px}html[data-desktop-web=true] .app .batak-table .turn-strip .player{min-height:40px;padding:8px 16px}html[data-desktop-web=true] .app .batak-table .batak-auction-stage{top:30px;max-width:560px;gap:20px}html[data-desktop-web=true] .app .batak-table .center-panel{max-width:560px}html[data-desktop-web=true] .app .okey-table .okey-table-center,html[data-desktop-web=true] .app .okey-table:not(:has(.opening-tray)) .okey-table-center,html[data-desktop-web=true] .app .okey-table:has(.opening-tray) .okey-table-center{top:78px;bottom:var(--okey-board-bottom);left:var(--field-side);right:var(--okey-field-right)}html[data-desktop-web=true] .app .okey-table .okey-top-player{top:76px;left:50%;transform:translate(-50%)}html[data-desktop-web=true] .app .okey-table .seat.seat-left,html[data-desktop-web=true] .app .okey-table .seat.seat-right{display:block;top:20px;width:150px;transform:none}html[data-desktop-web=true] .app .okey-table .seat.seat-left{left:20px}html[data-desktop-web=true] .app .okey-table .seat.seat-right{right:20px}html[data-desktop-web=true] .app .okey-table .seat .player{width:150px;max-width:150px;padding:10px;gap:8px;flex-direction:row;border-radius:14px}html[data-desktop-web=true] .app .okey-table .seat .player-copy{max-width:100px;text-align:left;align-items:flex-start}html[data-desktop-web=true] .app .okey-table .seat .player strong{font-size:14px;line-height:18px;max-width:100px}html[data-desktop-web=true] .app .okey-table .seat .player-copy>span{font-size:11px;line-height:15px;max-width:100px}html[data-desktop-web=true] .app .okey-table .seat .avatar{width:36px;height:36px;min-width:36px}html[data-desktop-web=true] .app .okey-table .seat .opponent-rack{display:none}html[data-desktop-web=true] .app .okey-table .modern-controls .rack-summary{left:var(--rack-side);right:var(--rack-side);bottom:calc(var(--okey-rack-height) + 8px);height:var(--okey-summary-height);min-height:var(--okey-summary-height);max-width:none;padding:6px 12px;gap:10px;flex-wrap:wrap;align-content:center;transform:none}html[data-desktop-web=true] .app .okey-table .rack-totals-stack{gap:0;padding:0 12px;border-inline:1px solid var(--masa-line,#53696b);min-width:280px}html[data-desktop-web=true] .app .okey-table .rack-totals-stack :is(.rack-hand-potential,.rack-opening-totals){font-size:var(--desktop-ledger-label);line-height:var(--desktop-ledger-line);gap:12px}html[data-desktop-web=true] .app .okey-table .rack-totals-stack :is(.rack-hand-potential,.rack-opening-totals)>span{gap:5px}html[data-desktop-web=true] .app .okey-table .rack-totals-stack :is(.rack-hand-potential,.rack-opening-totals)>span:first-child{min-width:44px;font-weight:600}html[data-desktop-web=true] .app .okey-table .rack-totals-stack b{font-size:var(--desktop-ledger-value);line-height:var(--desktop-ledger-line);font-variant-numeric:tabular-nums;color:var(--masa-text)}html[data-desktop-web=true] .app .okey-table .rack-opening-totals{color:var(--masa-text)}html[data-desktop-web=true] .app .okey-table .rack-hand-potential{color:var(--masa-muted)}html[data-desktop-web=true] .app .okey-table .rack-summary .rack-opening-blocked{font-size:12px;line-height:16px;max-width:108px}html[data-desktop-web=true] .app .okey-table .modern-controls .rack-summary .turn-message{font-size:13px;line-height:18px}html[data-desktop-web=true] .app .okey-table .rack-wrap .tile-rack.wide-rack{height:var(--okey-rack-height);grid-template-rows:repeat(2,var(--rack-row));padding:10px 6px 12px;gap:12px 2px}html[data-desktop-web=true] .app .okey-table .modern-controls .rack-wrap .rack-controls.table-action-controls>.control-key{padding:6px 8px;min-height:var(--okey-action-row);gap:6px}html[data-desktop-web=true] .app .okey-table .modern-controls .table-action-controls .control-key b{font-size:var(--desktop-primary-action);line-height:26px}html[data-desktop-web=true] .app .okey-table .rack-controls-left,html[data-desktop-web=true] .app .okey-table .rack-controls-right{width:120px;height:72px;bottom:38px}html[data-desktop-web=true] .app .okey-table .rack-controls-left{left:calc(var(--rack-side) - 136px)}html[data-desktop-web=true] .app .okey-table .rack-controls-right{right:calc(var(--rack-side) - 136px)}html[data-desktop-web=true] .app .connection-banner{top:72px;left:auto;right:24px;max-width:420px;font-size:13px}html[data-desktop-web=true] .app .interface-dialog{max-height:calc(100dvh - 64px)}html[data-desktop-web=true] .app .ui-dialog-body{overflow-y:auto}@media(prefers-reduced-motion:reduce){html[data-desktop-web=true] .app button{scroll-behavior:auto}}html[data-desktop-web=true] .app .batak-table:has(.dummy-hand[data-side=top]) .batak-top-player{left:50%}html[data-desktop-web=true] .app .shell{grid-template-columns:220px minmax(0,1fr)}html[data-desktop-web=true] .app .shell-header{height:72px;padding-inline:32px}html[data-desktop-web=true] .app .shell-header-label{font-size:13px}html[data-desktop-web=true] .app .shell-main{padding:0 0 20px}html[data-desktop-web=true] .app .shell-sidebar nav button{font-size:14px;min-height:48px}html[data-desktop-web=true] .app .shell-page-heading h1{font-size:34px}html[data-desktop-web=true] .app .ui-section-tabs button{min-height:46px;font-size:14px}html[data-desktop-web=true] .app .ui-settings .settings-panel{padding:24px;overflow:visible;justify-content:flex-start;min-height:360px}html[data-desktop-web=true] .app .ui-settings .ui-setting-switch{min-height:76px;gap:20px}html[data-desktop-web=true] .app .ui-settings .ui-setting-switch strong{font-size:15px}html[data-desktop-web=true] .app .ui-settings .ui-setting-switch small{font-size:13px;line-height:1.5}html[data-desktop-web=true] .app .ui-volume input{min-height:36px}html[data-desktop-web=true] .app .ui-rule-page{padding:24px;overflow-y:auto}html[data-desktop-web=true] .app .ui-rule-page p{font-size:15px;line-height:1.7;max-width:78ch}html[data-desktop-web=true] .app .ui-statistics{gap:20px}html[data-desktop-web=true] .app .ui-stat-filters select{min-height:44px;font-size:14px}html[data-desktop-web=true] .app .ui-stat-details>span{min-height:42px;font-size:13px}html[data-desktop-web=true] .app .interface-overlay,html[data-desktop-web=true] .app .modal-shade{padding:32px}html[data-desktop-web=true] .app .interface-dialog{width:min(620px,calc(100vw - 64px))}html[data-desktop-web=true] .app .interface-dialog.ui-wide{width:min(1000px,calc(100vw - 64px))}html[data-desktop-web=true] .app .interface-dialog.interface-results{height:min(800px,calc(100dvh - 64px))}html[data-desktop-web=true] .app .ui-dialog-header{min-height:68px;padding:14px 24px}html[data-desktop-web=true] .app .ui-dialog-header h2{font-size:26px}html[data-desktop-web=true] .app .ui-dialog-body{padding:20px 24px;gap:16px;overscroll-behavior:contain}html[data-desktop-web=true] .app .modal{max-height:calc(100dvh - 64px);overflow-y:auto}html[data-desktop-web=true] .app .interface-surface .score-grid :is(th,td){font-size:16px;line-height:1.4}html[data-desktop-web=true] .app .interface-surface .score-player-name{font-size:14px}html[data-desktop-web=true] .app .interface-surface .score-detail-toggle{min-height:44px;font-size:14px}html[data-desktop-web=true] .app .interface-surface .score-detail-rows>div{min-height:60px;font-size:15px}html[data-desktop-web=true] .app .interface-results .ui-result-summary{position:static;max-width:none;gap:16px}html[data-desktop-web=true] .app .interface-results .ui-result-summary h3{font-size:23px;line-height:1.4}html[data-desktop-web=true] .app .interface-results .ui-result-summary p{display:block;font-size:13px}html[data-desktop-web=true] .app .ui-dialog-actions{position:sticky;bottom:0;z-index:1;background:var(--masa-base);padding-top:12px;flex-shrink:0}html[data-desktop-web=true] .app .ui-dialog-actions>.ui-button{min-height:48px}html[data-desktop-web=true] .app .batak-round-summary{font-size:14px}html[data-desktop-web=true] .app .shell-sidebar{overflow-y:auto;padding:28px 20px}html[data-desktop-web=true] .app .shell-sidebar nav{margin-top:32px}html[data-desktop-web=true] .app .shell-sidebar-foot{padding-top:24px}html[data-desktop-web=true] .app .shell-page>.fixed-content{flex-shrink:0}html[data-desktop-web=true] .app .shell .ui-eyebrow{font-size:12px;line-height:1.5}html[data-desktop-web=true] .app .shell .ui-caption{font-size:14px;line-height:1.6}html[data-desktop-web=true] .app .shell .ui-button{min-height:48px}html[data-desktop-web=true] .app .shell .ui-input{min-height:48px;font-size:16px}html[data-desktop-web=true] .app .is-home .shell-page{gap:20px;padding-bottom:32px}html[data-desktop-web=true] .app .is-home .home-intro{flex:none;min-height:180px;max-height:none;grid-template-columns:minmax(0,1fr) 320px;padding:8px 0}html[data-desktop-web=true] .app .is-home .home-welcome h1{font-size:48px;line-height:1.12}html[data-desktop-web=true] .app .is-home .brand-scene{height:180px;width:280px}html[data-desktop-web=true] .app .is-home .home-preview-note{font-size:12px;line-height:1.5}html[data-desktop-web=true] .app .is-home .shell-resumes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}html[data-desktop-web=true] .app .home-resume-card{min-width:0;min-height:88px;padding:16px;gap:12px}html[data-desktop-web=true] .app .home-resume-copy{min-width:0;flex:1}html[data-desktop-web=true] .app .home-resume-copy strong{font-size:16px;white-space:normal;overflow-wrap:anywhere}html[data-desktop-web=true] .app .home-resume-copy :is(small,span){font-size:12px}html[data-desktop-web=true] .app .home-resume-cta{min-height:48px;min-width:104px;font-size:14px}html[data-desktop-web=true] .app .home-benefits{flex-wrap:wrap;gap:16px;min-height:44px;font-size:13px}html[data-desktop-web=true] .app .unified-heading{grid-column:1 / -1;gap:16px}html[data-desktop-web=true] .app .unified-heading h1{font-size:32px}html[data-desktop-web=true] .app .unified-setup>.ui-section-tabs{grid-column:1 / -1}html[data-desktop-web=true] .app .unified-edit-seats{grid-column:2;grid-row:3;min-height:88px;padding:16px}html[data-desktop-web=true] .app .unified-edit-seats>span{font-size:15px}html[data-desktop-web=true] .app .unified-edit-seats small{font-size:13px;line-height:1.5;overflow-wrap:anywhere}html[data-desktop-web=true] .app .unified-lan-note{grid-column:2;grid-row:4;font-size:13px;line-height:1.6}html[data-desktop-web=true] .app .unified-start{grid-column:2;grid-row:5;display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:20px;border:1px solid var(--masa-line);border-radius:16px;background:var(--masa-panel)}html[data-desktop-web=true] .app .unified-start>span{font-size:15px;line-height:1.5}html[data-desktop-web=true] .app .unified-start>div{max-width:none;flex-wrap:wrap}html[data-desktop-web=true] .app .unified-match-choice{gap:24px}html[data-desktop-web=true] .app .unified-setup .ui-field-title{font-size:14px;margin-bottom:12px}html[data-desktop-web=true] .app .ui-settings{flex:none;gap:20px}html[data-desktop-web=true] .app .ui-settings>.ui-section-tabs{flex-wrap:wrap}html[data-desktop-web=true] .app .ui-settings>.ui-section-tabs button{flex:1 0 100px}html[data-desktop-web=true] .app .ui-settings .appearance-picker{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-top:20px}html[data-desktop-web=true] .app .ui-settings .appearance-preview{height:120px}html[data-desktop-web=true] .app .ui-settings .appearance-option>button{min-height:52px;padding:12px;font-size:14px}html[data-desktop-web=true] .app .ui-settings .appearance-load-status{font-size:14px;line-height:1.5}html[data-desktop-web=true] .app .ui-settings .ui-saved-note{font-size:13px;min-height:24px}html[data-desktop-web=true] .app .shell-lobby .shell-invite{padding:24px;gap:24px}html[data-desktop-web=true] .app .shell-lobby .shell-address{min-width:0;overflow-wrap:anywhere}html[data-desktop-web=true] .app .shell-lobby .shell-address strong{font-size:16px}html[data-desktop-web=true] .app .shell-lobby .seat-config{gap:16px}html[data-desktop-web=true] .app .seat-config-tabs button{min-height:64px;padding:12px;font-size:14px}html[data-desktop-web=true] .app .seat-config-tabs small{font-size:12px;line-height:1.5}html[data-desktop-web=true] .app .seat-config-detail{padding:20px;min-height:150px;gap:16px}html[data-desktop-web=true] .app .seat-config-detail :is(p,label){font-size:14px}html[data-desktop-web=true] .app .seat-config-detail :is(button,select){min-height:48px;font-size:14px}html[data-desktop-web=true] .app .shell-lobby .shell-start-dock{margin-top:auto;min-height:80px}@media(min-width:1440px){html[data-desktop-web=true] .app .shell-page{padding:32px}html[data-desktop-web=true] .app .is-home .home-intro{min-height:220px}html[data-desktop-web=true] .app .is-home .brand-scene{height:210px;width:320px}}html[data-desktop-web=true] .app .batak-table[data-compact-opponent-pair=true] .seat:is(.seat-left,.seat-right)>.player{display:grid}html[data-desktop-web=true] .app .batak-table[data-compact-opponent-pair=true] .dummy-hand>.open-hand-label{display:flex}html[data-desktop-web=true] .app .batak-table[data-compact-opponent-pair=true] .pair-opponent-marker{display:none}html[data-desktop-web=true] .app .ui-settings .appearance-heading{--appearance-heading-size:24px}html[data-desktop-web=true] .app .ui-settings .appearance-heading p{font-size:14px;line-height:1.5}html[data-desktop-web=true] .app .ui-settings .design-theme-picker .appearance-preview{margin-bottom:90px}html[data-desktop-web=true] .app .ui-settings .design-theme-picker .appearance-choice-caption{min-height:90px;padding:12px;gap:4px}html[data-desktop-web=true] .app .ui-settings .design-theme-picker .appearance-choice-name{font-size:15px;line-height:20px;padding-right:46px;overflow-wrap:anywhere}html[data-desktop-web=true] .app .ui-settings .design-theme-picker .appearance-choice-caption small{font-size:13px;line-height:18px}html[data-desktop-web=true] .app .ui-settings .design-theme-picker .appearance-choice-status{font-size:12px;line-height:16px}html[data-desktop-web=true] .app .account-commerce .commerce-grid{align-items:start}html[data-desktop-web=true] .app .account-commerce .commerce-grid>.luck-potion-control{min-width:0;padding:24px;border:1px solid var(--masa-shell-line,#53696b);border-radius:18px;background:var(--masa-shell-panel,#1a2930);box-sizing:border-box}html[data-desktop-web=true] .app .interface-results{--result-action-font:15px}html[data-desktop-web=true] .app .ui-rule-page{justify-content:flex-start;gap:20px}html[data-desktop-web=true] .app .ui-rule-page p{font-size:17px;line-height:1.75;max-width:78ch}html[data-desktop-web=true] .app .okey-table .meld-board{--desktop-meld-header-extra:14px}html[data-desktop-web=true] .app .okey-table .meld-zone>header{height:32px;font-size:14px;line-height:18px;padding:4px 6px;gap:6px}html[data-desktop-web=true] .app .okey-table .meld-zone>header small{font-size:12px;line-height:16px;overflow:hidden;text-overflow:ellipsis;min-width:0}html[data-desktop-web=true] .app .okey-table .meld-surface{top:33px}html[data-desktop-web=true] .app .okey-table{--desktop-okey-name-size:15px;--desktop-okey-name-line:20px;--desktop-okey-status-size:12px;--desktop-okey-status-line:16px;--desktop-okey-stock-size:12px}html[data-desktop-web=true] .app .okey-table .okey-top-player{max-width:240px}html[data-desktop-web=true] .app .okey-table .okey-top-player .player{height:40px;min-height:40px;padding:4px 8px;gap:8px}html[data-desktop-web=true] .app .okey-table .okey-top-player .player-copy strong{font-size:15px;line-height:20px;max-width:130px}html[data-desktop-web=true] .app .okey-table .okey-top-player .player-copy>span{font-size:12px;line-height:16px}html[data-desktop-web=true] .app .okey-table .draw-stack .indicator-label{font-size:12px;line-height:16px;width:auto}html[data-desktop-web=true] .app .okey-table .stock-info small{font-size:12px;line-height:16px}html[data-desktop-web=true] .app .okey-table .discard-pile>button{position:relative}html[data-desktop-web=true] .app .okey-table .discard-pile>button b{position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%);font-size:12px;line-height:16px}html[data-desktop-web=true] .app .okey-table .modern-controls .rack-wrap .rack-controls .rack-edge-sort{font-size:var(--desktop-secondary-action);line-height:22px}html[data-desktop-web=true] .app .okey-table .modern-controls .rack-summary{flex-wrap:nowrap}html[data-desktop-web=true] .app .okey-table .modern-controls .rack-summary .turn-message{min-width:0;flex:1 1 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html[data-desktop-web=true] .app .okey-table .modern-controls .rack-summary .rack-context-actions{flex:0 1 auto;flex-basis:auto;min-width:0;height:44px;max-width:38%;overflow-x:auto;overflow-y:hidden;justify-content:flex-start}html[data-desktop-web=true] .app .okey-table .modern-controls .rack-summary .rack-context-actions button{height:44px;min-height:44px;font-size:var(--desktop-context-action);line-height:20px;padding:8px 10px;flex-shrink:0}html[data-desktop-web=true] .app .okey-table .modern-controls .rack-summary .rack-context-actions .clear-preparation{width:44px;min-width:44px}html[data-desktop-web=true] .app .batak-table .seat.seat-left>.player,html[data-desktop-web=true] .app .batak-table .seat.seat-right>.player{position:absolute;top:154px;bottom:auto;transform:none;translate:none}html[data-desktop-web=true] .app .batak-table .seat.seat-left>.player{left:24px;right:auto}html[data-desktop-web=true] .app .batak-table .seat.seat-right>.player{right:24px;left:auto}html[data-desktop-web=true] .app .interface-scores:has(.batak-round-summary){max-height:calc(100dvh - 64px)}html[data-desktop-web=true] .app .interface-scores:has(.scoreboard) .ui-dialog-header h2{font-size:24px;line-height:30px}html[data-desktop-web=true] .app .interface-scores:has(.scoreboard) .ui-dialog-header .ui-icon{width:44px;height:44px;min-width:44px;min-height:44px}html[data-desktop-web=true] .app .interface-scores .ui-dialog-body{overflow-y:auto;min-height:0}html[data-desktop-web=true] .app .interface-surface .batak-round-summary :is(th,td){font-size:15px;line-height:20px;height:40px;padding:8px}html[data-desktop-web=true] .app .interface-surface .batak-round-summary thead th{font-size:14px}html[data-desktop-web=true] .app .interface-surface .round-summary-note{font-size:13px;line-height:19px}html[data-desktop-web=true] .app .interface-surface .scoreboard .score-detail-sheet{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);grid-template-rows:auto minmax(0,1fr) auto;gap:16px;padding:16px;overflow-y:auto}html[data-desktop-web=true] .app .interface-surface .scoreboard .score-detail-heading{grid-column:1 / -1;grid-row:1}html[data-desktop-web=true] .app .interface-surface .scoreboard .score-detail-heading h3{font-size:22px;line-height:28px}html[data-desktop-web=true] .app .interface-surface .scoreboard .score-detail-rows{grid-column:1;grid-row:2;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(4,minmax(64px,auto));align-self:start;min-width:0}html[data-desktop-web=true] .app .interface-surface .scoreboard .score-detail-rows>div{font-size:15px;line-height:20px;min-height:64px;padding:8px;grid-template-rows:auto auto;gap:4px 10px}html[data-desktop-web=true] .app .interface-surface .scoreboard .score-detail-rows>div>strong{display:block;line-height:20px;white-space:normal;overflow-wrap:anywhere}html[data-desktop-web=true] .app .interface-surface .scoreboard .score-detail-rows>div>span{font-size:13px;line-height:18px;white-space:normal;overflow-wrap:anywhere}html[data-desktop-web=true] .app .interface-surface .scoreboard .score-detail-rows>div>b{font-size:18px;line-height:24px}html[data-desktop-web=true] .app .interface-surface .scoreboard .score-penalty-panel{grid-column:2;grid-row:2;grid-template-rows:minmax(0,1fr) 44px;border-top:0;border-left:1px solid var(--masa-line);padding:0 0 0 16px;min-height:256px}html[data-desktop-web=true] .app .interface-surface .scoreboard .score-penalty-copy{align-self:start;overflow-y:auto}html[data-desktop-web=true] .app .interface-surface .scoreboard .score-penalty-copy p{font-size:15px;line-height:23px}html[data-desktop-web=true] .app .interface-surface .scoreboard .score-penalty-panel .ui-page-controls{height:44px;min-height:44px}html[data-desktop-web=true] .app .interface-surface .scoreboard .score-penalty-panel .ui-page-controls>.ui-icon{height:44px;width:44px;min-height:44px;min-width:44px}html[data-desktop-web=true] .app .interface-surface .scoreboard .score-penalty-panel .ui-page-controls>span{font-size:13px;line-height:18px}html[data-desktop-web=true] .app .interface-surface .scoreboard:not([data-penalty-details=true]) .score-detail-note{grid-column:2;grid-row:2;align-self:start;font-size:15px;line-height:23px;overflow-wrap:anywhere}html[data-desktop-web=true] .app .interface-surface .scoreboard .score-detail-sheet>.ui-page-controls{grid-column:1 / -1;grid-row:3}html[data-desktop-web=true] .app .batak-table:has(.dummy-hand:is([data-side=left],[data-side=right])):not(.phase-bid) .seat:is(.seat-left,.seat-right)>.player{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:20px 16px;height:52px;min-height:52px;padding:8px;gap:0 8px;align-items:center}html[data-desktop-web=true] .app .batak-table:has(.dummy-hand:is([data-side=left],[data-side=right])):not(.phase-bid) .seat:is(.seat-left,.seat-right)>.player>.avatar{grid-column:1;grid-row:1 / 3;width:36px;height:36px;min-width:36px}html[data-desktop-web=true] .app .batak-table:has(.dummy-hand:is([data-side=left],[data-side=right])):not(.phase-bid) .seat:is(.seat-left,.seat-right)>.player>.player-copy{grid-column:2;grid-row:1;min-width:0;width:100%;text-align:left}html[data-desktop-web=true] .app .batak-table:has(.dummy-hand:is([data-side=left],[data-side=right])):not(.phase-bid) .seat:is(.seat-left,.seat-right)>.player>.player-copy strong{font-size:15px;line-height:20px;max-width:100%}html[data-desktop-web=true] .app .batak-table:has(.dummy-hand:is([data-side=left],[data-side=right])):not(.phase-bid) .seat:is(.seat-left,.seat-right)>.player>.trick-count{grid-column:2;grid-row:2;justify-content:flex-start;font-size:12px;line-height:16px}html[data-desktop-web=true] .app .batak-table:has(.dummy-hand:is([data-side=left],[data-side=right])):not(.phase-bid) .seat:is(.seat-left,.seat-right)>.player>.trick-count small{font-size:12px;line-height:16px}html[data-desktop-web=true] .app .batak-table .dummy-hand:is([data-side=left],[data-side=right])>.open-hand-label{visibility:hidden}html[data-desktop-web=true] .app .batak-table .desktop-side-open-hand-label{position:absolute;z-index:6;height:20px;font-size:13px;line-height:20px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;transform:translate(-50%);pointer-events:none;color:var(--masa-text);background:var(--masa-panel);border-radius:5px}html[data-desktop-web=true] .app .batak-table:has(.dummy-hand:is([data-side=left],[data-side=right])) .seat.seat-left>.player{left:340px;right:auto;top:16px}html[data-desktop-web=true] .app .batak-table:has(.dummy-hand:is([data-side=left],[data-side=right])) .seat.seat-right>.player{right:24px;left:auto;top:16px}html[data-desktop-web=true] .app .batak-table:has(.dummy-hand:is([data-side=left],[data-side=right])) .batak-top-player{width:max-content;max-width:300px}html[data-desktop-web=true] .app .batak-table:has(.dummy-hand:is([data-side=left],[data-side=right])) .batak-top-player .player{max-width:300px;overflow:hidden}html[data-desktop-web=true] .app .batak-table:has(.dummy-hand:is([data-side=left],[data-side=right])) .batak-top-player .player-copy{min-width:0}html[data-desktop-web=true] .app .batak-table:has(.dummy-hand:is([data-side=left],[data-side=right])) .batak-top-player .player-copy strong,html[data-desktop-web=true] .app .batak-table:has(.dummy-hand:is([data-side=left],[data-side=right])) .batak-top-player .player-copy>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html[data-desktop-web=true] .app .batak-table .dummy-hand:is([data-side=left],[data-side=right])>.double-fan{width:var(--full-hand-width);height:var(--full-hand-height);justify-content:center}html[data-desktop-web=true] .app .batak-table:has(.dummy-hand:is([data-side=left],[data-side=right])) .seat:is(.seat-left,.seat-right)>.player{translate:none}html[data-desktop-web=true] .app .batak-table .dummy-hand:is([data-side=left],[data-side=right])>.double-fan>.card-fan+.card-fan{margin-top:calc(0px - var(--row-overlap))}html[data-desktop-web=true] .app .batak-table .dummy-hand:is([data-side=left],[data-side=right]):before{left:var(--visible-edge-left,0px);right:auto;top:var(--visible-edge-top,0px);bottom:auto;width:var(--visible-edge-width,0px);height:var(--visible-edge-height,0px)}html[data-desktop-web=true] .app .okey-table{--desktop-ledger-label:16px;--desktop-ledger-value:24px;--desktop-ledger-line:28px;--desktop-primary-action:20px;--desktop-secondary-action:16px;--desktop-context-action:14px}html[data-desktop-web=true] .app .okey-table .modern-controls .rack-summary>.icon-button{width:44px;min-width:44px;height:44px;min-height:44px;flex-shrink:0}html[data-desktop-web=true] .app .okey-table .modern-controls .rack-summary>.rack-phase-chip{font-size:12px;line-height:18px;padding:4px 6px}html[data-desktop-web=true] .app .okey-table .modern-controls .rack-summary>em{font-size:12px;line-height:18px}html[data-desktop-web=true] .app .okey-table .modern-controls .rack-summary>.rack-self-details{font-size:14px;line-height:20px;height:32px;min-height:32px;padding:5px 6px;max-width:112px}html[data-desktop-web=true] .app .batak-table:not(.phase-bid):not(:has(.dummy-hand:is([data-side=left],[data-side=right]))) .seat:is(.seat-left,.seat-right)>.player{display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:22px 20px;align-items:center;width:174px;max-width:174px;height:64px;min-height:64px;padding:10px;gap:0 10px;background:var(--table-seat-surface,var(--masa-panel));border:1px solid var(--table-seat-edge,var(--masa-line));border-radius:14px;translate:none}html[data-desktop-web=true] .app .batak-table:not(.phase-bid):not(:has(.dummy-hand:is([data-side=left],[data-side=right]))) .seat:is(.seat-left,.seat-right)>.player>.avatar{grid-column:1;grid-row:1 / 3;width:40px;height:40px;min-width:40px}html[data-desktop-web=true] .app .batak-table:not(.phase-bid):not(:has(.dummy-hand:is([data-side=left],[data-side=right]))) .seat:is(.seat-left,.seat-right)>.player>.player-copy{grid-column:2;grid-row:1;width:100%;min-width:0;max-width:100%;text-align:left}html[data-desktop-web=true] .app .batak-table:not(.phase-bid):not(:has(.dummy-hand:is([data-side=left],[data-side=right]))) .seat:is(.seat-left,.seat-right)>.player>.player-copy strong{font-size:18px;line-height:22px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html[data-desktop-web=true] .app .batak-table:not(.phase-bid):not(:has(.dummy-hand:is([data-side=left],[data-side=right]))) .seat:is(.seat-left,.seat-right)>.player>.trick-count{grid-column:2;grid-row:2;justify-content:flex-start;width:auto;font-size:22px;line-height:20px;gap:6px;flex-direction:row;align-items:center;flex-wrap:nowrap;height:20px}html[data-desktop-web=true] .app .batak-table:not(.phase-bid):not(:has(.dummy-hand:is([data-side=left],[data-side=right]))) .seat:is(.seat-left,.seat-right)>.player>.trick-count small{font-size:12px;line-height:16px}html[data-desktop-web=true] .app .batak-table:not(.phase-bid):not(:has(.dummy-hand:is([data-side=left],[data-side=right]))) .seat:is(.seat-left,.seat-right)>.player.active{background:var(--table-seat-active,var(--masa-raised));border-color:var(--masa-ice)}html[data-desktop-web=true] .app .ui-statistics{--desktop-profile-control:14px}html[data-desktop-web=true] .app .ui-statistics .statistics-body{flex:0 0 auto;justify-content:flex-start;gap:20px;overflow:visible}html[data-desktop-web=true] .app .ui-statistics :is(.ui-breakdown,.ui-recent){flex:0 0 auto;justify-content:flex-start;padding:8px 20px}html[data-desktop-web=true] .app .ui-statistics :is(.ui-breakdown,.ui-recent) article{min-height:80px;flex:0 0 auto;padding:16px 0;gap:16px}html[data-desktop-web=true] .app .ui-statistics :is(.ui-breakdown,.ui-recent) strong{font-size:18px;line-height:24px}html[data-desktop-web=true] .app .ui-statistics :is(.ui-breakdown,.ui-recent) small{font-size:14px;line-height:20px}html[data-desktop-web=true] .app .ui-statistics :is(.ui-breakdown,.ui-recent) article>:last-child{font-size:16px;line-height:24px}html[data-desktop-web=true] .app .ui-statistics .ui-breakdown b{font-size:22px;line-height:28px}html[data-desktop-web=true] .app .ui-statistics .ui-stat-counters section{min-height:140px;padding:24px;gap:10px}html[data-desktop-web=true] .app .ui-statistics .ui-stat-counters span{font-size:14px;line-height:20px}html[data-desktop-web=true] .app .ui-statistics .player-progress-panel{max-width:none;margin-inline:0;gap:20px}html[data-desktop-web=true] .app .ui-statistics .player-level-card{padding:24px;gap:24px}html[data-desktop-web=true] .app .ui-statistics .player-level-title>span{font-size:18px;line-height:24px}html[data-desktop-web=true] .app .ui-statistics .player-level-detail p{font-size:16px;line-height:24px}html[data-desktop-web=true] .app .ui-statistics .player-level-detail small{font-size:14px;line-height:20px}html[data-desktop-web=true] .app .ui-statistics .achievement-grid{gap:20px}html[data-desktop-web=true] .app .ui-statistics .achievement-card{padding:20px;gap:20px;align-items:flex-start}html[data-desktop-web=true] .app .ui-statistics .achievement-copy h3{font-size:18px;line-height:24px}html[data-desktop-web=true] .app .ui-statistics .achievement-copy p,html[data-desktop-web=true] .app .ui-statistics .achievement-state{font-size:14px;line-height:20px}html[data-desktop-web=true] .app .ui-statistics .achievement-heading h3{font-size:18px;line-height:24px}html[data-desktop-web=true] .app .ui-statistics .progress-rule{font-size:14px;line-height:22px;text-align:left}html[data-desktop-web=true] .app .ui-statistics .progress-rule span{font-size:13px;line-height:20px}html[data-desktop-web=true] .app .ui-statistics :is(.badge-select,.badge-reset){min-height:44px;padding:8px 12px}html[data-desktop-web=true] .app .ui-settings .settings-luck>.luck-potion-control{gap:14px;min-width:0}html[data-desktop-web=true] .app .ui-settings .settings-luck>.luck-potion-control>p{font-size:15px;line-height:24px;max-width:72ch;overflow-wrap:anywhere}html[data-desktop-web=true] .app .ui-settings .settings-luck>.luck-potion-control>small{font-size:14px;line-height:21px;max-width:72ch;overflow-wrap:anywhere}html[data-desktop-web=true] .app .ui-settings .settings-luck>.luck-potion-control>.ui-eyebrow{font-size:12px;line-height:18px}html[data-desktop-web=true] .app .ui-settings .settings-luck>.luck-potion-control>.luck-potion-state{font-size:14px;line-height:22px;flex-wrap:wrap}html[data-desktop-web=true] .app .ui-settings .settings-luck>.luck-potion-control>.primary{min-height:48px;font-size:15px;line-height:22px;white-space:normal;padding:10px 16px}html[data-desktop-web=true] .app .ui-statistics{--desktop-profile-filter-font:14px}html[data-desktop-web=true] .app .interface-results:has(.scoreboard) .ui-dialog-header{min-height:68px;padding:14px 24px}html[data-desktop-web=true] .app .interface-results:has(.scoreboard) .ui-dialog-header h2{font-size:24px;line-height:30px}html[data-desktop-web=true] .app .interface-results:has(.scoreboard) .ui-dialog-header .ui-icon{width:44px;height:44px;min-width:44px;min-height:44px}html[data-desktop-web=true] .app .batak-table .desktop-table-engraving{position:absolute;inset:20% 22% 28%;pointer-events:none;user-select:none;z-index:0;display:grid;place-items:center;border:1px solid #d5e3ec22;border-radius:50%;box-shadow:inset 0 0 0 9px #d5e3ec05}html[data-desktop-web=true] .app .batak-table .desktop-table-engraving:before{content:"";position:absolute;inset:12%;border:1px solid #d5e3ec18;border-radius:50%;pointer-events:none}html[data-desktop-web=true] .app .batak-table .desktop-table-engraving img{width:clamp(100px,12vw,180px);height:auto;opacity:.09;pointer-events:none}html[data-desktop-web=true] .app .batak-table .desktop-table-engraving:after{content:"♠  ◆  ♣  ◆";position:absolute;bottom:9%;font-size:18px;letter-spacing:18px;color:#d5e3ec30;pointer-events:none}html[data-desktop-web=true] .app .batak-table .player>.avatar:is(.avatar-0,.avatar-1,.avatar-2,.avatar-3){position:relative;border-radius:50%;border:2px solid var(--seat-avatar-ring,#a7d6e5);background:var(--seat-avatar-image) center/cover no-repeat;box-shadow:0 0 0 3px #09152155,inset 0 0 0 1px #ffffff24;flex-shrink:0}html[data-desktop-web=true] .app .batak-table .avatar-0{--seat-avatar-image:url(/brand/avatars/seat-0.svg);--seat-avatar-ring:#a7d6e5}html[data-desktop-web=true] .app .batak-table .avatar-1{--seat-avatar-image:url(/brand/avatars/seat-1.svg);--seat-avatar-ring:#e0c38e}html[data-desktop-web=true] .app .batak-table .avatar-2{--seat-avatar-image:url(/brand/avatars/seat-2.svg);--seat-avatar-ring:#b5d8bf}html[data-desktop-web=true] .app .batak-table .avatar-3{--seat-avatar-image:url(/brand/avatars/seat-3.svg);--seat-avatar-ring:#d0bde3}html[data-desktop-web=true] .app .batak-table .player>.avatar>.avatar-initial{visibility:hidden}html[data-desktop-web=true] .app .batak-table .player>.avatar>.player-medal-mini{inset:auto -5px -5px auto;width:20px;height:20px;z-index:2;border-radius:50%;box-shadow:0 0 0 2px var(--masa-base)}html[data-desktop-web=true] .app .batak-table .player.active>.avatar{box-shadow:0 0 0 3px var(--masa-focus,#e3cf95),0 2px 8px #0003}html[data-desktop-web=true] .app .batak-table .desktop-table-engraving{border-color:#d9d1b62c;background:radial-gradient(ellipse at center,#d9d1b608,transparent 68%);box-shadow:inset 0 0 0 7px #d9d1b605}html[data-desktop-web=true] .app .batak-table .desktop-table-engraving:before{inset:-12% -10%;border:0;border-radius:0;background:url(/brand/table-engraving.svg) center/100% 100% no-repeat}html[data-desktop-web=true] .app .batak-table .desktop-table-engraving:after{bottom:7%;font-size:17px;letter-spacing:22px;color:#d9d1b645}html[data-desktop-web=true] .app .batak-table .turn-strip .player>.avatar{display:flex;position:relative;left:auto;top:auto;transform:none;width:32px;height:32px;min-width:32px;max-width:32px;max-height:32px}html[data-desktop-web=true] .app .table-screen.batak-table.batak-table .felt>.table-contract.contract-corner{width:300px;height:122px;min-height:122px;display:grid;grid-template-columns:48px minmax(0,1fr);gap:5px 12px;padding:12px;border:1px solid #c7b781;border-radius:16px;background:linear-gradient(135deg,#20343e,#101e28);color:#f4f0e4;box-shadow:inset 0 1px #fff3,0 4px 12px #0003}html[data-desktop-web=true] .app .batak-table.batak-table .contract-corner .contract-suit{width:48px;min-width:48px;height:54px;border-radius:9px;background:#fffaf0;border-color:#d8c79d;box-shadow:0 2px #b7a77e}html[data-desktop-web=true] .app .batak-table.batak-table .contract-corner .contract-suit svg{width:32px;height:38px}html[data-desktop-web=true] .app .batak-table.batak-table .contract-corner .contract-copy{display:block;min-width:0}html[data-desktop-web=true] .app .batak-table.batak-table .contract-corner .contract-copy b{font-size:19px;line-height:21px;color:#fff5dc;display:flex;align-items:baseline;gap:7px}html[data-desktop-web=true] .app .batak-table.batak-table .contract-corner .contract-copy b small{font-size:10px;line-height:13px;color:#c7bc9d;letter-spacing:1.5px;display:inline}html[data-desktop-web=true] .app .batak-table.batak-table .contract-corner .contract-copy>.contract-caption{font-size:9px;line-height:12px;color:#cabd9d;letter-spacing:1px;margin-top:4px}html[data-desktop-web=true] .app .batak-table.batak-table .contract-corner .contract-copy>span:not(.contract-caption){flex-direction:row;align-items:center;justify-content:space-between;gap:7px;font-size:14px;line-height:24px;color:#f8f4e8}html[data-desktop-web=true] .app .batak-table.batak-table .contract-corner .contract-bid-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;gap:5px}html[data-desktop-web=true] .app .batak-table.batak-table .contract-corner .contract-bid-name:before{content:"";width:24px;height:24px;flex:0 0 24px;border:1px solid #d3bd7e;border-radius:50%;background:var(--contract-avatar) center/cover no-repeat}html[data-desktop-web=true] .app .batak-table.batak-table .contract-corner[data-bidder="0"]{--contract-avatar:url(/brand/avatars/seat-0.svg)}html[data-desktop-web=true] .app .batak-table.batak-table .contract-corner[data-bidder="1"]{--contract-avatar:url(/brand/avatars/seat-1.svg)}html[data-desktop-web=true] .app .batak-table.batak-table .contract-corner[data-bidder="2"]{--contract-avatar:url(/brand/avatars/seat-2.svg)}html[data-desktop-web=true] .app .batak-table.batak-table .contract-corner[data-bidder="3"]{--contract-avatar:url(/brand/avatars/seat-3.svg)}html[data-desktop-web=true] .app .batak-table.batak-table .contract-corner .contract-bid-crown{width:13px;height:13px;filter:none}html[data-desktop-web=true] .app .batak-table.batak-table .contract-corner .contract-copy>span strong{flex-shrink:0;padding:1px 7px;border-radius:6px;border:1px solid #d7bc78;background:#e6d19c;color:#192630;font-size:15px}html[data-desktop-web=true] .app .batak-table.batak-table .contract-corner .contract-progress[data-target]{grid-column:1/-1;flex-direction:row;justify-content:space-between;padding:3px 7px;border-radius:6px;height:24px;min-height:24px;align-items:center;font-size:12px}html[data-desktop-web=true] .app .batak-table.batak-table .contract-corner .contract-progress>b{font-size:16px;line-height:18px}html[data-desktop-web=true] .app .batak-table.batak-table .contract-corner .contract-progress>span:last-of-type{font-size:11px;line-height:14px}html[data-desktop-web=true] .app .batak-table.batak-table .compact-auction .batak-auction-panel{padding:16px 18px;border:1px solid #bbab7c;border-radius:20px;background:linear-gradient(145deg,#20343e,#101e28);box-shadow:inset 0 1px #ffffff2a,0 6px 16px #0003}html[data-desktop-web=true] .app .batak-table.batak-table .compact-auction .batak-auction-panel h2{font-size:25px;line-height:30px;color:#fff5df}html[data-desktop-web=true] .app .batak-table.batak-table .compact-auction .batak-auction-panel header p{color:#d1dbe1}html[data-desktop-web=true] .app .batak-table.batak-table .compact-auction .batak-auction-context{color:#dcc78e}html[data-desktop-web=true] .app .batak-table.batak-table .compact-auction .auction-number-row{gap:8px}html[data-desktop-web=true] .app .batak-table.batak-table .compact-auction .auction-number{width:60px;flex-basis:60px;height:62px;min-height:62px;position:relative;flex-direction:column;gap:1px;border-radius:12px;border:1px solid #d8c38b;background:linear-gradient(#fff8e7,#e5d5ae);color:#172734;box-shadow:inset 0 1px #fff,0 3px #8c7b50;transition:background-color .1s,transform .1s}html[data-desktop-web=true] .app .batak-table.batak-table .compact-auction .auction-number b{font-size:29px;line-height:32px;font-weight:800;color:inherit}html[data-desktop-web=true] .app .batak-table.batak-table .compact-auction .auction-number:after{content:"EL";font-size:9px;line-height:10px;letter-spacing:2px;font-weight:700;color:inherit}html[data-desktop-web=true] .app .batak-table.batak-table .compact-auction .auction-number:not(:disabled):hover{background:#fff6d7;border-color:#fff4bf;transform:translateY(-1px)}html[data-desktop-web=true] .app .batak-table.batak-table .compact-auction .auction-number:not(:disabled):active{background:#c5aa64;color:#101e28;transform:translateY(2px);box-shadow:inset 0 1px 3px #0003;filter:none}html[data-desktop-web=true] .app .batak-table.batak-table .compact-auction .auction-pass{height:42px;min-height:42px;width:128px;border:1px solid #9caeb6;border-radius:10px;background:#253943;color:#f2f4f4;font-size:14px}html[data-desktop-web=true] .app .batak-table.batak-table .compact-auction :is(.auction-number,.auction-pass):disabled{opacity:1;background:#37454d;color:#bdc8ce;border-color:#5a6972;box-shadow:none;cursor:not-allowed}html[data-desktop-web=true] .app .batak-table.batak-table :is(.auction-number,.auction-pass,.trump-options button):focus-visible{outline:3px solid #fff0ae;outline-offset:4px;box-shadow:0 0 0 7px #12212c}html[data-desktop-web=true] .app .batak-table.batak-table .trump-options button{min-width:64px;min-height:76px;border-radius:12px;border:1px solid #d6c28d;background:linear-gradient(#fff8e7,#e5d5ae);color:#192b36;box-shadow:0 3px #8c7b50;filter:none}html[data-desktop-web=true] .app .batak-table.batak-table .trump-options button small{color:inherit;font-size:13px;font-weight:700}html[data-desktop-web=true] .app .batak-table.batak-table .trump-options button svg{width:32px;height:36px}html[data-desktop-web=true] .app .batak-table.batak-table .trump-options button:disabled{opacity:.6;box-shadow:none;cursor:not-allowed}html[data-desktop-web=true] .app .batak-table.batak-table .compact-auction .auction-opponents .seat-auction{border-radius:10px;min-height:32px;font-size:12px}html[data-desktop-web=true] .app .batak-table.batak-table .compact-auction .auction-opponents .seat-auction.is-leading{background:#e6d19c!important;border-color:#fff1c0;color:#192630;box-shadow:0 0 0 2px #d8c18833}html[data-desktop-web=true] .app .batak-table.batak-table .compact-auction .auction-opponents .avatar{width:42px;height:42px;min-width:42px}html[data-desktop-web=true] .app .batak-table.batak-table .compact-auction .auction-opponents .player{grid-template-columns:42px minmax(0,1fr)}html[data-desktop-web=true] .app .batak-table.batak-table.phase-bid .turn-strip .player{width:max-content;max-width:min(420px,calc(100vw - 48px))}html[data-desktop-web=true] .app .okey-table .discard-pile.south-west{left:calc(var(--rack-side) - 88px);right:auto}html[data-desktop-web=true] .app .okey-table .discard-pile.south-east{right:calc(var(--rack-side) - 88px);left:auto}html[data-desktop-web=true] .app .okey-table .discard-pile .discard-caption{font-size:12px;line-height:16px;white-space:nowrap}html[data-desktop-web=true] .app .okey-table .tile-rack.wide-rack:after{top:calc(var(--rack-row) + 16px)}html[data-desktop-web=true] .app .okey-table .meld-board>.draw-stack{gap:6px;padding:8px 2px;border-inline:1px solid #d4c59b35;border-radius:14px;background:linear-gradient(180deg,#ffffff08,#00000010)}html[data-desktop-web=true] .app .okey-table .draw-stack>.tile.small{width:40px;height:54px;min-height:54px;font-size:34px;flex-shrink:0}html[data-desktop-web=true] .app .okey-table .draw-stack>.stock-info{position:relative;width:64px;min-width:64px;height:90px;min-height:90px;margin-top:12px;padding:4px;gap:5px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border-radius:12px}html[data-desktop-web=true] .app .okey-table .stock-info .tile-back{width:42px;height:56px;min-height:56px;margin:0;border-radius:7px}html[data-desktop-web=true] .app .okey-table .stock-info strong{position:absolute;top:13px;left:50%;transform:translate(-50%);height:32px;min-width:32px;display:grid;place-items:center;font-size:25px;line-height:32px;font-weight:800;font-variant-numeric:tabular-nums;background:#fff8e7;color:#172734;border-radius:7px}html[data-desktop-web=true] .app .okey-table .stock-info small{font-size:13px;line-height:18px;white-space:nowrap}html[data-desktop-web=true] .app .okey-table .draw-stack .table-rule-stack span{font-size:11px;line-height:16px;min-height:18px}html[data-desktop-web=true] .app .okey-table .okey-top-player .player{height:48px;min-height:48px;border-radius:16px;padding:5px 12px;gap:10px}html[data-desktop-web=true] .app .okey-table .player>.avatar:is(.avatar-0,.avatar-1,.avatar-2,.avatar-3){display:flex;position:relative;width:38px;height:38px;min-width:38px;border-radius:50%;border:2px solid var(--seat-avatar-ring,#a7d6e5);background:var(--seat-avatar-image) center/cover no-repeat;box-shadow:0 0 0 3px #09152155;flex-shrink:0}html[data-desktop-web=true] .app .okey-table .avatar-0{--seat-avatar-image:url(/brand/avatars/seat-0.svg);--seat-avatar-ring:#a7d6e5}html[data-desktop-web=true] .app .okey-table .avatar-1{--seat-avatar-image:url(/brand/avatars/seat-1.svg);--seat-avatar-ring:#e0c38e}html[data-desktop-web=true] .app .okey-table .avatar-2{--seat-avatar-image:url(/brand/avatars/seat-2.svg);--seat-avatar-ring:#b5d8bf}html[data-desktop-web=true] .app .okey-table .avatar-3{--seat-avatar-image:url(/brand/avatars/seat-3.svg);--seat-avatar-ring:#d0bde3}html[data-desktop-web=true] .app .okey-table .player>.avatar>.avatar-initial{visibility:hidden}html[data-desktop-web=true] .app .okey-table .player>.avatar>.player-medal-mini{inset:auto -5px -5px auto;width:20px;height:20px;z-index:2;border-radius:50%;box-shadow:0 0 0 2px var(--masa-base)}html[data-desktop-web=true] .app .okey-table .player.active>.avatar{box-shadow:0 0 0 3px var(--masa-focus,#e3cf95)}html[data-desktop-web=true] .app .okey-table .meld-zone{border:1px solid #d7c79d55;border-radius:12px;background-color:rgba(var(--masa-base-rgb),.76);box-shadow:inset 0 1px #ffffff14;overflow:hidden}html[data-desktop-web=true] .app .okey-table .meld-zone>header{background:linear-gradient(90deg,#d9c58d20,transparent);border-bottom:1px solid #d4c59b40;padding-inline:10px}html[data-desktop-web=true] .app .okey-table .felt:after{content:"";position:absolute;inset:8% 8% 24%;background:url(/brand/table-engraving.svg) center/100% 100% no-repeat;opacity:.17;pointer-events:none;z-index:0}html[data-desktop-web=true] .app .okey-table .meld-zone:before{content:"";position:absolute;inset:25% 18%;background:url(/icon.svg) center/120px auto no-repeat;opacity:.055;pointer-events:none}html[data-desktop-web=true] .app .okey-table .modern-controls .rack-wrap .rack-controls.table-action-controls>.control-key{border:1px solid #d2bd85;border-radius:12px;background:linear-gradient(#fff9e9,#e5d6b1);color:#192b36;box-shadow:inset 0 1px #fff9,0 3px #8b7b52}html[data-desktop-web=true] .app .okey-table .modern-controls .rack-wrap .rack-controls.table-action-controls>.control-key:disabled{opacity:1;background:#273d48;color:#b9c9ce;border-color:#607784;box-shadow:none}html[data-desktop-web=true] .app .okey-table .rack-edge-sort{border:1px solid #a4b8c2;border-radius:12px;background:linear-gradient(#304c5b,#1b303e);color:#f1f4f4;box-shadow:inset 0 1px #ffffff24}html[data-desktop-web=true] .app .okey-table .rack-summary{border-radius:12px;border-color:#c5b88b66;box-shadow:inset 0 1px #ffffff14}html[data-desktop-web=true] .app .table-screen{--table-metal:#d8c69a;--table-metal-rgb:216,198,154;--table-seat-surface:linear-gradient(115deg,rgba(var(--table-metal-rgb),.12),transparent 62%),var(--masa-panel);--table-seat-active:linear-gradient(115deg,rgba(var(--table-metal-rgb),.12),transparent 76%),var(--masa-raised);--table-seat-edge:rgba(var(--table-metal-rgb),.48);--table-rail:url(/brand/table-rail-batak.svg)}html[data-desktop-web=true] .app .table-screen.okey-table{--table-metal:#b6d5dd;--table-metal-rgb:182,213,221;--table-rail:url(/brand/table-rail-okey.svg)}html[data-desktop-web=true] .app .table-screen .felt-border{display:block;position:absolute;inset:8px 10px 14px;border:0;border-radius:0;background:var(--table-rail) center/100% 100% no-repeat;opacity:.55;pointer-events:none;z-index:0;box-shadow:none}html[data-desktop-web=true] .app .table-screen .game-topbar{background:linear-gradient(100deg,rgba(var(--table-metal-rgb),.12),transparent 42%),var(--masa-panel);border-bottom:1px solid rgba(var(--table-metal-rgb),.58);box-shadow:inset 0 3px rgba(var(--table-metal-rgb),.16)}html[data-desktop-web=true] .app .table-screen .game-topbar strong{letter-spacing:.03em;color:var(--masa-text);text-shadow:0 1px var(--masa-base)}html[data-desktop-web=true] .app .table-screen .game-topbar .icon-button{border:1px solid rgba(var(--table-metal-rgb),.38);border-radius:12px;background:linear-gradient(145deg,rgba(var(--table-metal-rgb),.11),transparent),var(--masa-raised);box-shadow:inset 0 1px #ffffff16;color:var(--masa-text)}html[data-desktop-web=true] .app .table-screen .game-topbar .round-indicator{border:1px solid rgba(var(--table-metal-rgb),.45);border-radius:10px;background:var(--masa-base);padding:6px 10px;gap:5px;color:var(--masa-muted);font-variant-numeric:tabular-nums}html[data-desktop-web=true] .app .table-screen .game-topbar .round-indicator b{color:var(--masa-text);font-size:20px;line-height:22px}html[data-desktop-web=true] .app .table-screen .game-topbar .table-badge{border:1px solid rgba(var(--table-metal-rgb),.4);border-radius:6px;padding:4px 7px;color:var(--masa-text);background:rgba(var(--table-metal-rgb),.09);letter-spacing:.08em}html[data-desktop-web=true] .app .table-screen .player{border:1px solid rgba(var(--table-metal-rgb),.48);background:linear-gradient(115deg,rgba(var(--table-metal-rgb),.12),transparent 62%),var(--masa-panel);box-shadow:inset 0 1px rgba(var(--table-metal-rgb),.15);border-radius:16px}html[data-desktop-web=true] .app .table-screen .player.active{border-color:var(--masa-focus);background:linear-gradient(115deg,rgba(var(--table-metal-rgb),.12),transparent 76%),var(--masa-raised);box-shadow:inset 3px 0 var(--masa-focus),inset 0 1px rgba(var(--table-metal-rgb),.25)}html[data-desktop-web=true] .app .table-screen .player .player-copy strong{color:var(--masa-text);font-weight:800;letter-spacing:.015em}html[data-desktop-web=true] .app .table-screen .player .player-copy>span{color:var(--masa-muted);font-variant-numeric:tabular-nums}html[data-desktop-web=true] .app .table-screen .player .team-mark{border:1px solid rgba(var(--table-metal-rgb),.5);border-radius:4px;background:var(--masa-base);color:var(--masa-text);padding:1px 4px}html[data-desktop-web=true] .app .batak-table .desktop-table-engraving{inset:23% 26% 29%;border:1px solid rgba(var(--table-metal-rgb),.3);background:radial-gradient(ellipse,rgba(var(--table-metal-rgb),.07),transparent 70%);box-shadow:inset 0 0 0 8px rgba(var(--table-metal-rgb),.035),inset 0 0 0 9px rgba(var(--table-metal-rgb),.12)}html[data-desktop-web=true] .app .batak-table .desktop-table-engraving img{width:clamp(90px,10vw,140px);opacity:.16;align-self:center;margin-bottom:42px}html[data-desktop-web=true] .app .batak-table .table-brand-wordmark{position:absolute;top:62%;left:0;right:0;text-align:center;color:var(--table-metal);opacity:.34;font:800 clamp(17px,2vw,28px)/1.1 "Manrope",sans-serif;letter-spacing:.18em;pointer-events:none}html[data-desktop-web=true] .app .batak-table .table-brand-wordmark small{display:block;margin-top:8px;font-size:8px;line-height:12px;font-weight:600;letter-spacing:.3em}html[data-desktop-web=true] .app .batak-table .desktop-table-engraving:after{content:"◆";bottom:9%;font-size:10px;letter-spacing:0;color:rgba(var(--table-metal-rgb),.4)}html[data-desktop-web=true] .app .batak-table .turn-strip{box-shadow:inset 0 1px rgba(var(--table-metal-rgb),.3)}html[data-desktop-web=true] .app .batak-table .turn-strip .turn-message{border:1px solid rgba(var(--table-metal-rgb),.35);border-radius:10px;background:var(--masa-panel);padding:8px 12px;color:var(--masa-text)}html[data-desktop-web=true] .app .batak-table .contract-corner .contract-progress{background:rgba(var(--table-metal-rgb),.08);border:1px solid rgba(var(--table-metal-rgb),.25)}html[data-desktop-web=true] .app .batak-table .burial-panel{border:1px solid rgba(var(--table-metal-rgb),.6);border-radius:18px;background:linear-gradient(145deg,rgba(var(--table-metal-rgb),.12),transparent 70%),var(--masa-panel);box-shadow:inset 0 0 0 5px rgba(var(--table-metal-rgb),.06)}html[data-desktop-web=true] .app .batak-table .burial-actions>.primary.burial-confirm{border:1px solid #e5d2a6;border-radius:12px;background:linear-gradient(#fff5dc,#ddc695);color:#172734;box-shadow:inset 0 1px #fff6,0 2px #81714a}html[data-desktop-web=true] .app .batak-table .burial-actions>.primary.burial-confirm:disabled{background:var(--masa-panel);border-color:var(--masa-line);color:var(--masa-muted);box-shadow:none}html[data-desktop-web=true] .app .okey-table .meld-zone>header{background:linear-gradient(100deg,rgba(var(--table-metal-rgb),.2),rgba(var(--table-metal-rgb),.04));border-bottom-color:rgba(var(--table-metal-rgb),.5);color:var(--masa-text);font-weight:800;letter-spacing:.11em}html[data-desktop-web=true] .app .okey-table .meld-zone{border-color:rgba(var(--table-metal-rgb),.6);box-shadow:inset 0 0 0 3px rgba(var(--table-metal-rgb),.04)}html[data-desktop-web=true] .app .okey-table .meld-zone:before{opacity:.1;background-size:150px auto}html[data-desktop-web=true] .app .okey-table .draw-stack{border:1px solid rgba(var(--table-metal-rgb),.45);background:linear-gradient(180deg,rgba(var(--table-metal-rgb),.14),rgba(var(--table-metal-rgb),.025)),var(--masa-panel);box-shadow:inset 0 0 0 3px rgba(var(--table-metal-rgb),.045)}html[data-desktop-web=true] .app .okey-table .draw-stack .indicator-label{color:var(--masa-text);font-weight:700;letter-spacing:.05em}html[data-desktop-web=true] .app .okey-table .table-rule-stack span{border:1px solid rgba(var(--table-metal-rgb),.26);border-radius:5px;background:var(--masa-base);color:var(--masa-text)}html[data-desktop-web=true] .app .okey-table .stock-info:not(:disabled){border:1px solid var(--masa-focus);background:rgba(var(--table-metal-rgb),.12)}html[data-desktop-web=true] .app .okey-table .discard-pile>button{border-radius:10px;background:rgba(var(--masa-base-rgb),.6);border-color:rgba(var(--table-metal-rgb),.4);box-shadow:inset 0 0 0 3px rgba(var(--table-metal-rgb),.045)}html[data-desktop-web=true] .app .okey-table .discard-pile>button b{color:var(--masa-text);font-weight:700;text-shadow:0 1px var(--masa-base)}html[data-desktop-web=true] .app .table-screen :is(.icon-button,.control-key,.rack-edge-sort,.burial-confirm):focus-visible{outline:3px solid var(--masa-focus);outline-offset:3px}html[data-desktop-web=true] .app .table-screen .player.active .player-copy>span{color:var(--masa-text)}html[data-desktop-web=true] .app .shell .shell-sidebar{background:linear-gradient(160deg,rgba(var(--masa-ice-rgb),.11),transparent 55%),repeating-linear-gradient(135deg,transparent 0 17px,rgba(var(--masa-ice-rgb),.025) 17px 18px),var(--masa-base);border-right:1px solid rgba(var(--masa-line-rgb),.55)}html[data-desktop-web=true] .app .shell .shell-header{border-bottom:1px solid rgba(var(--masa-line-rgb),.55);box-shadow:0 1px rgba(var(--masa-ice-rgb),.04)}html[data-desktop-web=true] .app .shell .shell-sidebar nav button{border:1px solid transparent;border-radius:12px;gap:12px}html[data-desktop-web=true] .app .shell .shell-sidebar nav button[aria-current=page]{border-color:rgba(var(--masa-ice-rgb),.45);background:linear-gradient(110deg,rgba(var(--masa-ice-rgb),.12),rgba(var(--masa-ice-rgb),.025));box-shadow:inset 3px 0 0 var(--masa-ice);color:var(--masa-text)}html[data-desktop-web=true] .app .shell :is(.ui-panel,.settings-panel,.player-level-card,.player-account,.shell-path-card,.unified-edit-seats,.unified-start){border:1px solid rgba(var(--masa-line-rgb),.72);border-radius:16px;background:linear-gradient(145deg,rgba(var(--masa-ice-rgb),.09),transparent 65%),var(--masa-panel);box-shadow:inset 0 1px rgba(var(--masa-ice-rgb),.09),0 3px rgba(var(--masa-base-rgb),.35)}html[data-desktop-web=true] .app .shell.desktop-preparation :is(.unified-game-choice,.setup-level-choice,.setup-rounds-choice){border-color:rgba(var(--masa-line-rgb),.72);background:linear-gradient(145deg,rgba(var(--masa-ice-rgb),.1),transparent 65%),var(--masa-panel);box-shadow:inset 0 1px rgba(var(--masa-ice-rgb),.1)}html[data-desktop-web=true] .app .shell .shell-game-card{border-color:rgba(var(--masa-ice-rgb),.45);box-shadow:inset 0 0 0 4px rgba(var(--masa-base-rgb),.3),inset 0 0 0 5px rgba(var(--masa-ice-rgb),.12)}html[data-desktop-web=true] .app .shell :is(.shell-game-index,.ui-eyebrow,.lobby-seats-heading){letter-spacing:.1em}html[data-desktop-web=true] .app .shell :is(.shell-page-heading,.unified-heading){padding-bottom:16px;border-bottom:1px solid rgba(var(--masa-line-rgb),.45)}html[data-desktop-web=true] .app .shell :is(.shell-page-heading p,.ui-caption,.usage-privacy-note){line-height:1.6}html[data-desktop-web=true] .app .shell :is(.ui-section-tabs,.ui-choices) button{border-radius:10px;border:1px solid rgba(var(--masa-line-rgb),.55)}html[data-desktop-web=true] .app .shell :is(.ui-section-tabs button[aria-selected=true],.ui-choices button[aria-pressed=true]){border-color:var(--masa-ice);box-shadow:inset 0 -3px 0 var(--masa-ice);color:var(--masa-text);background:var(--masa-selected);font-weight:700}html[data-desktop-web=true] .app .shell :is(.ui-input,select){border:1px solid rgba(var(--masa-line-rgb),.8);border-radius:10px;box-shadow:inset 0 2px rgba(var(--masa-base-rgb),.35)}html[data-desktop-web=true] .app .shell :is(.ui-icon,.shell-avatar-button){border:1px solid rgba(var(--masa-line-rgb),.65);border-radius:12px}html[data-desktop-web=true] .app .shell :is(button,a)>svg{flex-shrink:0;vertical-align:middle}html[data-desktop-web=true] .app .shell :is(button,a,input,select):focus-visible{outline:3px solid var(--masa-focus);outline-offset:3px}html[data-desktop-web=true] .app .shell button:disabled{cursor:not-allowed;box-shadow:none}html[data-desktop-web=true] .app .shell :is(.ui-profile-initial,.shell-seat-avatar){border:1px solid rgba(var(--masa-ice-rgb),.65);box-shadow:inset 0 0 0 3px var(--masa-panel),0 0 0 2px rgba(var(--masa-line-rgb),.25)}html[data-desktop-web=true] .app .shell :is(.ui-stat-counters,.stat-contract-values,.shell-room-code,.score-grid){font-variant-numeric:tabular-nums}html[data-desktop-web=true] .app .shell :is(.ui-stat-details>span,.achievement-copy,.score-detail-rows){line-height:1.5}html[data-desktop-web=true] .app .shell .ui-rule-cap{padding-bottom:12px;border-bottom:1px solid rgba(var(--masa-line-rgb),.5)}html[data-desktop-web=true] .app .shell .ui-dialog-header{border-bottom:1px solid rgba(var(--masa-line-rgb),.65)}html[data-desktop-web=true] .app .shell .interface-dialog{border:1px solid rgba(var(--masa-ice-rgb),.5);border-radius:18px}@media(hover:hover){html[data-desktop-web=true] .app .shell :is(.shell-path-card,.shell-room-row,.ui-secondary,.shell-sidebar nav button):not(:disabled):hover{border-color:var(--masa-ice)}}html[data-desktop-web=true] .app .shell .shell-workspace{background:radial-gradient(ellipse at 80% 0,rgba(var(--masa-ice-rgb),.09),transparent 60%),var(--masa-base)}html[data-desktop-web=true] .app .shell :is(.shell-page-heading,.unified-heading,.commerce-intro,.ui-profile-heading){position:relative;isolation:isolate;min-width:0;padding:20px 24px;border-radius:18px 18px 5px 5px;border:1px solid rgba(var(--masa-line-rgb),.75);border-bottom:3px solid var(--masa-ice);background:linear-gradient(110deg,var(--masa-panel),rgba(var(--masa-raised-rgb),.8));box-shadow:inset 0 0 0 5px rgba(var(--masa-base-rgb),.25)}html[data-desktop-web=true] .app .shell :is(.shell-page-heading,.unified-heading,.commerce-intro,.ui-profile-heading):after{content:"";position:absolute;z-index:-1;pointer-events:none;right:14px;top:0;bottom:0;width:210px;background:var(--masa-ice);opacity:.17;mask:url(/brand/salon-engraving.svg) center/contain no-repeat}html[data-desktop-web=true] .app .shell .shell-sidebar-foot:before{content:"";display:block;width:100%;height:72px;background:var(--masa-ice);opacity:.65;mask:url(/brand/salon-engraving.svg) center/contain no-repeat}html[data-desktop-web=true] .app .shell .shell-sidebar-foot{border-top:1px solid rgba(var(--masa-ice-rgb),.3)}html[data-desktop-web=true] .app .shell .home-section-title{padding:12px 16px;border-block:1px solid rgba(var(--masa-ice-rgb),.45);background:linear-gradient(90deg,rgba(var(--masa-ice-rgb),.1),transparent)}html[data-desktop-web=true] .app .shell .shell-game-card{border-width:2px;border-radius:24px 24px 12px 12px;background:radial-gradient(ellipse at 70% 22%,rgba(var(--masa-ice-rgb),.18),transparent 65%),repeating-linear-gradient(135deg,transparent 0 24px,rgba(var(--masa-ice-rgb),.035) 24px 25px),var(--pack-cloth-surface,var(--masa-panel));box-shadow:inset 0 0 0 6px rgba(var(--masa-base-rgb),.45),inset 0 0 0 7px rgba(var(--masa-ice-rgb),.4),0 8px rgba(var(--masa-base-rgb),.5)}html[data-desktop-web=true] .app .shell .shell-game-title{border-top:1px solid rgba(var(--masa-ice-rgb),.35);padding-top:12px}html[data-desktop-web=true] .app .shell :is(.shell-game-arrow,.shell-path-icon){border:1px solid var(--masa-ice);border-radius:12px;background:var(--masa-selected);box-shadow:inset 0 0 0 3px var(--masa-panel);color:var(--masa-text)}html[data-desktop-web=true] .app .shell :is(.commerce-card,.achievement-card,.ui-stat-empty,.shell-invite){border:1px solid rgba(var(--masa-ice-rgb),.45);border-radius:18px;background:linear-gradient(135deg,rgba(var(--masa-ice-rgb),.09),transparent 70%),var(--masa-panel);box-shadow:inset 0 4px rgba(var(--masa-ice-rgb),.35)}html[data-desktop-web=true] .app .shell :is(.commerce-card h3,.achievement-heading,.appearance-heading,.ui-rule-cap){padding-bottom:14px;border-bottom:1px solid rgba(var(--masa-ice-rgb),.35);color:var(--masa-text)}html[data-desktop-web=true] .app .shell .ui-section-tabs{padding:6px;border:1px solid var(--masa-line);border-radius:14px;background:rgba(var(--masa-base-rgb),.6);gap:8px}html[data-desktop-web=true] .app .shell :is(.ui-primary,.shell-start-dock .ui-button){border:1px solid var(--masa-ice);border-radius:12px;box-shadow:inset 0 1px rgba(var(--masa-text-rgb),.45),0 3px 0 var(--masa-base)}html[data-desktop-web=true] .app .shell .design-theme-picker .appearance-select{border-width:2px;border-radius:18px;box-shadow:inset 0 0 0 4px rgba(var(--masa-base-rgb),.4)}html[data-desktop-web=true] .app .shell .shell-empty>svg{box-sizing:content-box;padding:18px;border:1px solid var(--masa-line);border-radius:20px;background:var(--masa-raised);color:var(--masa-ice);box-shadow:inset 0 0 0 5px var(--masa-panel)}html[data-desktop-web=false] .app[data-web=true] .shell .shell-workspace{background:radial-gradient(ellipse at 100% 0,rgba(var(--masa-ice-rgb),.13),transparent 70%),var(--masa-base)}html[data-desktop-web=false] .app[data-web=true] .shell :is(.shell-header,.shell-bottom-nav){background:linear-gradient(110deg,rgba(var(--masa-ice-rgb),.1),transparent),var(--masa-panel);border-color:rgba(var(--masa-ice-rgb),.45);box-shadow:inset 0 1px rgba(var(--masa-ice-rgb),.18)}html[data-desktop-web=false] .app[data-web=true] .shell :is(.shell-page-heading,.unified-heading,.commerce-intro,.ui-profile-heading,.home-intro){position:relative;isolation:isolate;border-color:rgba(var(--masa-ice-rgb),.45);background:linear-gradient(110deg,rgba(var(--masa-ice-rgb),.11),transparent 85%);box-shadow:inset 0 -2px rgba(var(--masa-ice-rgb),.6)}html[data-desktop-web=false] .app[data-web=true] .shell :is(.shell-page-heading,.unified-heading,.commerce-intro,.ui-profile-heading,.home-intro):after{content:"";position:absolute;pointer-events:none;z-index:-1;right:0;top:0;bottom:0;width:min(36%,120px);background:var(--masa-ice);opacity:.24;mask:url(/brand/salon-engraving.svg) center/contain no-repeat}html[data-desktop-web=false] .app[data-web=true] .shell .shell-game-card{border-color:rgba(var(--masa-ice-rgb),.75);background:radial-gradient(ellipse at 75% 18%,rgba(var(--masa-ice-rgb),.21),transparent 70%),repeating-linear-gradient(135deg,transparent 0 20px,rgba(var(--masa-ice-rgb),.045) 20px 21px),var(--pack-cloth-surface,var(--masa-panel));box-shadow:inset 0 0 0 4px rgba(var(--masa-base-rgb),.45),inset 0 0 0 5px rgba(var(--masa-ice-rgb),.4)}html[data-desktop-web=false] .app[data-web=true] .shell :is(.ui-panel,.settings-panel,.player-level-card,.player-account,.commerce-card,.achievement-card,.shell-path-card,.shell-invite,.unified-game-choice,.setup-level-choice,.setup-rounds-choice,.unified-start){border-color:rgba(var(--masa-ice-rgb),.45);background:linear-gradient(140deg,rgba(var(--masa-ice-rgb),.08),transparent 70%),var(--masa-panel);box-shadow:inset 0 2px rgba(var(--masa-ice-rgb),.3),inset 0 -1px rgba(var(--masa-base-rgb),.4)}html[data-desktop-web=false] .app[data-web=true] .shell :is(.ui-section-tabs button[aria-selected=true],.ui-choices button[aria-pressed=true],.shell-bottom-nav button[aria-current=page]){border-color:var(--masa-ice);box-shadow:inset 0 -3px 0 var(--masa-ice);background:var(--masa-selected);color:var(--masa-text)}html[data-desktop-web=false] .app[data-web=true] .shell :is(.ui-primary,.ui-icon,.shell-avatar-button,.appearance-select){border-color:rgba(var(--masa-ice-rgb),.55);box-shadow:inset 0 1px rgba(var(--masa-ice-rgb),.35)}html[data-desktop-web=false] .app[data-web=true] .shell :is(.ui-profile-initial,.shell-seat-avatar){box-shadow:inset 0 0 0 2px var(--masa-panel),0 0 0 1px var(--masa-ice)}html[data-desktop-web=false] .app[data-web=true] .shell :is(.interface-dialog,.ui-rule-page){border-color:rgba(var(--masa-ice-rgb),.6);box-shadow:inset 0 3px rgba(var(--masa-ice-rgb),.4)}html[data-desktop-web=false] .app[data-web=true] .shell :is(.ui-input,select){border-color:rgba(var(--masa-ice-rgb),.55);background:var(--masa-panel);color:var(--masa-text)}html[data-desktop-web=false] .app[data-web=true] .shell :is(button,a,input,select):focus-visible{outline:3px solid var(--masa-focus);outline-offset:2px}.app .shell.desktop-preparation .shell-page{width:100%;max-width:1320px;margin-inline:auto;padding:24px;overflow-y:auto;align-content:start;scroll-padding-block:24px}.app .shell.desktop-preparation .unified-setup{width:100%;max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,1fr);gap:18px 24px;align-items:start}.app .shell.desktop-preparation .unified-heading{grid-column:1/-1;grid-row:auto;display:flex;gap:16px}.app .shell.desktop-preparation .unified-heading h1{font-size:30px;line-height:1.2}.app .shell.desktop-preparation .unified-setup>.ui-section-tabs{grid-column:1/-1;justify-self:start;width:min(100%,460px)}.app .shell.desktop-preparation .unified-setup>.ui-section-tabs button{min-height:48px;min-width:0;padding:10px 22px;font-size:15px}.app .shell.desktop-preparation .desktop-setup-intro{grid-column:1/-1;color:var(--masa-muted);font-size:14px;line-height:1.5}.app .shell.desktop-preparation .unified-fields{grid-column:1/-1;grid-row:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;border:0;border-radius:0;background:none}.app .shell.desktop-preparation .unified-match-choice{display:contents}.app .shell.desktop-preparation .unified-game-choice,.app .shell.desktop-preparation .setup-level-choice,.app .shell.desktop-preparation .setup-rounds-choice{display:flex;flex-direction:column;align-items:stretch;min-width:0;gap:18px;padding:20px;border:1px solid var(--masa-line);border-radius:18px;background:var(--masa-panel)}.app .shell.desktop-preparation .desktop-choice-heading{display:flex;align-items:center;gap:10px}.app .shell.desktop-preparation .desktop-choice-heading>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--masa-selected);color:var(--masa-ice);font-size:12px;font-weight:800}.app .shell.desktop-preparation .desktop-choice-heading h2{font-size:19px;line-height:1.3}.app .shell.desktop-preparation .unified-setup .ui-field-title{font-size:13px;line-height:1.4;margin-bottom:10px}.app .shell.desktop-preparation .unified-setup .ui-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.app .shell.desktop-preparation .unified-setup .ui-choices button{min-width:0;min-height:48px;font-size:14px;line-height:1.3;white-space:normal;padding:9px 7px}.app .shell.desktop-preparation .unified-game-choice>.ui-choice-field>.ui-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.app .shell.desktop-preparation .okey-type-picker{display:grid;gap:18px}.app .shell.desktop-preparation .okey-type-picker>.ui-choice-field:last-child .ui-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.app .shell.desktop-preparation .setup-rounds-choice .ui-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.app .shell.desktop-preparation .desktop-choice-caption{margin-top:auto;padding-top:4px;font-size:13px;line-height:1.5;color:var(--masa-muted)}.app .shell.desktop-preparation .unified-edit-seats{grid-column:1;grid-row:auto;min-height:84px;padding:16px;align-self:stretch}.app .shell.desktop-preparation .unified-edit-seats>span{font-size:15px}.app .shell.desktop-preparation .unified-edit-seats small{font-size:13px;line-height:1.5;overflow-wrap:anywhere}.app .shell.desktop-preparation .unified-lan-note{grid-column:1/-1;grid-row:auto;order:2;padding:12px 16px;border:1px solid var(--masa-line);border-radius:12px;background:var(--masa-panel);font-size:14px;line-height:1.5}.app .shell.desktop-preparation .unified-start{grid-column:2;grid-row:auto;display:flex;flex-direction:row;align-items:center;gap:14px;padding:16px;border:1px solid var(--masa-line);border-radius:14px;background:var(--masa-panel);min-height:84px}.app .shell.desktop-preparation .unified-start>span{display:block;font-size:14px;line-height:1.4;min-width:0;flex:1}.app .shell.desktop-preparation .unified-start>div{width:auto;max-width:none;flex:1;flex-wrap:wrap;gap:8px}.app .shell.desktop-preparation .unified-start .ui-button{min-height:48px;font-size:15px;padding:10px 16px}.app .shell.desktop-preparation .shell-network .shell-page{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px 24px}.app .shell.desktop-preparation .shell-network .shell-steps,.app .shell.desktop-preparation .shell-network .shell-page-heading,.app .shell.desktop-preparation .shell-network .shell-path-grid,.app .shell.desktop-preparation .shell-network .shell-footnote{grid-column:1/-1}.app .shell.desktop-preparation .shell-network .shell-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app .shell.desktop-preparation .shell-network .shell-page>.ui-section-tabs{grid-column:1;display:flex;flex-direction:column;align-self:start;gap:8px}.app .shell.desktop-preparation .shell-network .shell-page>.ui-section-tabs button{min-height:48px;white-space:normal;font-size:15px;padding:12px}.app .shell.desktop-preparation .shell-network .join-panel{grid-column:2;min-width:0;max-width:none;padding:24px;margin:0}.app .shell.desktop-preparation .shell-network .ui-form-fields{max-width:none}.app .shell.desktop-preparation .shell-network :is(input,.ui-button){min-height:48px;font-size:16px}.app .shell.desktop-preparation .shell-lobby .shell-page{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:18px 24px;align-content:start}.app .shell.desktop-preparation .shell-lobby .shell-page-heading{grid-column:1/-1}.app .shell.desktop-preparation .shell-lobby .shell-invite{grid-column:1;grid-row:2/4;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:24px;margin:0;padding:24px;min-width:0}.app .shell.desktop-preparation .shell-lobby .lobby-seats-heading{grid-column:2;grid-row:2;margin:0}.app .shell.desktop-preparation .shell-lobby .seat-config{grid-column:2;grid-row:3;min-width:0}.app .shell.desktop-preparation .shell-lobby .shell-start-dock{grid-column:1/-1;margin:0;min-height:80px}.app .shell.desktop-preparation .shell-lobby .shell-address{overflow-wrap:anywhere;min-width:0}.app .shell.desktop-preparation :is(button,input,select):focus-visible{outline:3px solid var(--masa-focus,#ffe19a);outline-offset:3px}@media(min-width:1280px){.app .shell.desktop-preparation .unified-game-choice>.ui-choice-field>.ui-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.app .shell.desktop-preparation .okey-type-picker>.ui-choice-field:last-child .ui-choices{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1199px){.app .shell.desktop-preparation .shell-page{padding:18px}.app .shell.desktop-preparation .unified-fields{gap:12px}.app .shell.desktop-preparation .unified-game-choice,.app .shell.desktop-preparation .setup-level-choice,.app .shell.desktop-preparation .setup-rounds-choice{padding:14px;gap:14px}.app .shell.desktop-preparation .unified-start{flex-direction:column;align-items:stretch;gap:8px}.app .shell.desktop-preparation .unified-start>div{flex-wrap:nowrap}.app .shell.desktop-preparation .shell-network .shell-page{grid-template-columns:180px minmax(0,1fr)}}html:has(.app[data-web=true]),html:has(.app[data-web=true]) body{overscroll-behavior-y:contain}html[data-desktop-web=false]:has(.app[data-web=true]:not(.in-game):not([aria-busy=true]):is([data-screen=home],[data-screen=profile],[data-screen=account],[data-screen=store],[data-screen=settings],[data-screen=rules])):not(:has([role=dialog],.save-warning)){overscroll-behavior-y:auto}html[data-desktop-web=false]:has(.app[data-web=true]:not(.in-game):not([aria-busy=true]):is([data-screen=home],[data-screen=profile],[data-screen=account],[data-screen=store],[data-screen=settings],[data-screen=rules])):not(:has([role=dialog],.save-warning)) body,html[data-desktop-web=false]:not(:has([role=dialog],.save-warning)) .app[data-web=true]:not(.in-game):not([aria-busy=true]):is([data-screen=home],[data-screen=profile],[data-screen=account],[data-screen=store],[data-screen=settings],[data-screen=rules]) .shell .shell-main>.shell-page{overscroll-behavior-y:auto}