body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:Arial,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.container{margin:0 auto;max-width:1200px;padding:20px}.card{background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.08);margin-bottom:20px;padding:24px}.status{border-radius:4px;font-weight:700;margin-bottom:10px;padding:10px}.status.connected{background-color:#d4edda;color:#155724}.status.disconnected{background-color:#f8d7da;color:#721c24}.status.authenticated{background-color:#cce5ff;color:#004085}.btn{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;margin-right:5px;padding:10px 16px;text-align:center;text-decoration:none;transition:all .2s ease}.btn:hover:not(:disabled){box-shadow:0 1px 2px rgba(0,0,0,.08);transform:translateY(-.5px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.btn-primary{background:#007bff;color:#fff}.btn-secondary{background:#6c757d;color:#fff}.btn-success{background:#28a745;color:#fff}.btn-danger{background:#dc3545;color:#fff}.btn-warning{background:#ffc107;color:#212529}.input-group{align-items:stretch;display:flex;gap:10px;margin-bottom:15px}.input-group input,.input-group select{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.input-group input:focus,.input-group select:focus{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25);outline:none}.input-group input{flex:1 1}.input-group .form-control{flex:1 1;min-width:0}.rooms-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:15px}.room-card{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:15px;transition:all .3s ease}.room-card.game-okey{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-left:4px solid #059669}.room-card.game-okey:hover{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-left-color:#047857}.room-card.game-backgammon{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-left:4px solid #7c3aed}.room-card.game-backgammon:hover{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border-left-color:#6d28d9}.room-card.game-batak{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left:4px solid #dc2626}.room-card.game-batak:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);border-left-color:#b91c1c}.room-card:hover{box-shadow:0 4px 8px rgba(0,0,0,.15);transform:translateY(-2px)}.room-card.in-room{background:#e7f3ff;border-color:#06c}.room-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.room-name{font-size:16px;font-weight:700}.room-capacity{color:#666;font-size:14px}.room-players{color:#888;font-size:12px;margin-bottom:10px}.log{background:#000;border-radius:4px;color:#0f0;font-family:Courier New,monospace;font-size:12px;max-height:300px;overflow-y:auto;padding:15px}.logged-in-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-bottom:20px;padding:15px}.user-welcome{margin-bottom:12px;text-align:center}.welcome-text{color:#495057;font-size:14px}.welcome-text strong{color:#007bff;font-weight:600}.connection-actions{align-items:center;display:flex;gap:10px;justify-content:center}.connection-actions .btn{flex:1 1;margin-right:0;min-width:120px}.login-notice{animation:gentle-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:2px solid #2196f3;border-radius:8px;margin:15px 0;padding:12px 16px;text-align:center}.login-notice p{color:#1976d2;font-size:14px;margin:0}@keyframes gentle-pulse{0%,to{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-color:#2196f3}50%{background:linear-gradient(135deg,#bbdefb,#e1bee7);border-color:#1976d2}}.player-info{background:#e8f4f8;border:1px solid #bee5eb;border-radius:6px;color:#000;margin-bottom:15px;padding:15px}.player-info>div{margin-bottom:5px}.player-info>div:last-child{margin-bottom:0}.game-icon{font-size:1.2em;margin-right:8px}.room-game-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;padding:5px 0}.game-type{color:#374151;font-size:14px;font-weight:500}.game-status{border-radius:12px;font-size:11px;font-weight:500;padding:2px 8px;text-transform:uppercase}.game-status.waiting{background:#fef3c7;color:#92400e}.game-status.in_progress{background:#dbeafe;color:#1e40af}.game-status.finished{background:#d1fae5;color:#065f46}@media (max-width:768px){.container{padding:15px}.card{margin-bottom:15px;padding:16px}.input-group{flex-direction:column;gap:8px}.input-group .btn,.input-group input,.input-group select{margin-right:0;width:100%}.connection-actions{flex-direction:column;gap:8px}.connection-actions .btn{min-width:auto;width:100%}.rooms-grid{gap:10px;grid-template-columns:1fr}}@media (max-width:480px){.status{padding:8px}.btn,.status{font-size:13px}.btn{padding:8px 12px}.input-group input,.input-group select{font-size:13px;padding:8px 10px}}:root{--felt-950:#05160f;--felt-900:#071c16;--felt-800:#0b2a21;--felt-700:#0e3b2e;--felt-600:#15513f;--felt-500:#1d6a52;--felt-line:hsla(96,38%,87%,.12);--wood-900:#24160b;--wood-800:#3a2414;--wood-700:#4f3220;--wood-500:#6e4628;--wood-300:#a5744a;--ivory-50:#fdf8ec;--ivory-100:#f4ecda;--ivory-200:#e8dcc0;--ivory-400:#c9b98f;--ivory-edge:#b9a77c;--brass-200:#f6dc9c;--brass-300:#efc56b;--brass-500:#d4a24c;--brass-700:#9c7226;--burgundy-400:#b23a4a;--burgundy-500:#8a2634;--burgundy-700:#5c1520;--ink:#f4ecda;--ink-dim:#cbc2a9;--ink-faint:#8fa398;--ink-dark:#1e1b14;--ok-success:#63c58c;--ok-danger:#e3625a;--ok-warning:#eab64a;--ok-info:#7fb6e8;--tile-red:#c4262e;--tile-blue:#1d5cc0;--tile-black:#1b1b1d;--tile-yellow:#d48500;--font-display:"Bricolage Grotesque","Avenir Next","Segoe UI",system-ui,sans-serif;--font-ui:"Figtree","Segoe UI",system-ui,-apple-system,sans-serif;--font-tile:"Barlow Condensed","Arial Narrow","Roboto Condensed",sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--shadow-panel:0 18px 40px rgba(0,0,0,.45),0 2px 0 hsla(0,0%,100%,.03) inset;--ring:0 0 0 3px hsla(41,80%,68%,.55);--img-felt:none;--img-wood:none;--img-tile-back:none;--img-tile-face:none;--img-bg:none;--img-bg-mobile:none;--img-pattern:none;color-scheme:dark}body,html{background:#071c16;background:var(--felt-900);color:#f4ecda;color:var(--ink)}.ok-shell,body{font-family:Figtree,Segoe UI,system-ui,-apple-system,sans-serif;font-family:var(--font-ui)}.ok-shell{background-attachment:fixed;background-color:#071c16;background-color:var(--felt-900);background-image:radial-gradient(ellipse 120% 80% at 50% -10%,rgba(29,106,82,.55) 0,rgba(7,28,22,0) 60%),linear-gradient(180deg,rgba(5,22,15,.35),rgba(5,22,15,.92)),none,radial-gradient(circle at 20% 110%,rgba(156,114,38,.18),transparent 45%);background-image:radial-gradient(ellipse 120% 80% at 50% -10%,rgba(29,106,82,.55) 0,rgba(7,28,22,0) 60%),linear-gradient(180deg,rgba(5,22,15,.35),rgba(5,22,15,.92)),var(--img-bg),radial-gradient(circle at 20% 110%,rgba(156,114,38,.18),transparent 45%);background-position:50%,50%,50%,50%;background-size:auto,auto,cover,auto;color:#f4ecda;color:var(--ink);min-height:100dvh;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:max(16px,env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-bottom,0px));position:relative}@media (max-width:700px) and (orientation:portrait){.ok-shell{background-image:radial-gradient(ellipse 120% 80% at 50% -10%,rgba(29,106,82,.55) 0,rgba(7,28,22,0) 60%),linear-gradient(180deg,rgba(5,22,15,.35),rgba(5,22,15,.92)),none,radial-gradient(circle at 20% 110%,rgba(156,114,38,.18),transparent 45%);background-image:radial-gradient(ellipse 120% 80% at 50% -10%,rgba(29,106,82,.55) 0,rgba(7,28,22,0) 60%),linear-gradient(180deg,rgba(5,22,15,.35),rgba(5,22,15,.92)),var(--img-bg-mobile),radial-gradient(circle at 20% 110%,rgba(156,114,38,.18),transparent 45%)}}.ok-shell *,.ok-shell :after,.ok-shell :before{box-sizing:border-box}.ok-shell h1,.ok-shell h2,.ok-shell h3{text-wrap:balance;color:#f4ecda;color:var(--ink);font-family:Bricolage Grotesque,Avenir Next,Segoe UI,system-ui,sans-serif;font-family:var(--font-display);letter-spacing:-.01em;margin:0}.ok-shell p{margin:0}.ok-eyebrow{color:#efc56b;color:var(--brass-300);font-family:Figtree,Segoe UI,system-ui,-apple-system,sans-serif;font-family:var(--font-ui);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.ok-muted{color:#cbc2a9;color:var(--ink-dim)}.ok-faint{color:#8fa398;color:var(--ink-faint)}.ok-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(180deg,rgba(21,81,63,.55),rgba(11,42,33,.82)),none;background:linear-gradient(180deg,rgba(21,81,63,.55),rgba(11,42,33,.82)),var(--img-pattern);background-size:auto,256px;border:1px solid hsla(96,38%,87%,.12);border:1px solid var(--felt-line);border-radius:18px;border-radius:var(--radius-lg)}.ok-panel,.ok-panel-wood{box-shadow:0 18px 40px rgba(0,0,0,.45),inset 0 2px 0 hsla(0,0%,100%,.03);box-shadow:var(--shadow-panel)}.ok-panel-wood{background:linear-gradient(180deg,rgba(110,70,40,.92),rgba(58,36,20,.96)),none;background:linear-gradient(180deg,rgba(110,70,40,.92),rgba(58,36,20,.96)),var(--img-wood);background-size:auto,512px;border:1px solid hsla(41,80%,68%,.18);border-radius:18px;border-radius:var(--radius-lg)}.ok-btn{--btn-bg:hsla(42,54%,91%,.08);--btn-fg:var(--ink);--btn-border:hsla(42,54%,91%,.18);-webkit-tap-highlight-color:transparent;align-items:center;background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:999px;color:var(--btn-fg);cursor:pointer;display:inline-flex;font-family:Figtree,Segoe UI,system-ui,-apple-system,sans-serif;font-family:var(--font-ui);font-size:.92rem;font-weight:700;gap:8px;justify-content:center;letter-spacing:.01em;min-height:40px;padding:0 16px;transition:transform .12s ease,background-color .15s ease,box-shadow .15s ease,opacity .15s;-webkit-user-select:none;user-select:none;white-space:nowrap}.ok-btn:hover:not(:disabled){background:color-mix(in srgb,var(--btn-bg) 85%,#fff 15%)}.ok-btn:active:not(:disabled){transform:translateY(1px) scale(.98)}.ok-btn:focus-visible{box-shadow:0 0 0 3px hsla(41,80%,68%,.55);box-shadow:var(--ring);outline:none}.ok-btn:disabled{cursor:not-allowed;opacity:.45}.ok-btn-primary{--btn-bg:linear-gradient(180deg,var(--brass-300),var(--brass-500));--btn-fg:#2a1a05;--btn-border:rgba(255,230,170,.6);background:linear-gradient(180deg,#efc56b,#d4a24c);background:linear-gradient(180deg,var(--brass-300),var(--brass-500));box-shadow:0 6px 18px rgba(212,162,76,.28),inset 0 1px 0 hsla(0,0%,100%,.45)}.ok-btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#f6dc9c,#efc56b);background:linear-gradient(180deg,var(--brass-200),var(--brass-300))}.ok-btn-success{--btn-fg:#fff;--btn-border:rgba(160,240,190,.45);background:linear-gradient(180deg,#4fb27b,#2f8a58);box-shadow:0 6px 18px rgba(47,138,88,.3),inset 0 1px 0 hsla(0,0%,100%,.3)}.ok-btn-success:hover:not(:disabled){background:linear-gradient(180deg,#5cc489,#359a63)}.ok-btn-danger{--btn-bg:rgba(227,98,90,.14);--btn-fg:#ffb3ad;--btn-border:rgba(227,98,90,.4)}.ok-btn-ghost{--btn-bg:transparent;--btn-border:transparent;--btn-fg:var(--ink-dim)}.ok-btn-lg{font-size:1.05rem;min-height:52px;padding:0 26px}.ok-btn-sm{font-size:.82rem;min-height:32px;padding:0 12px}.ok-btn-icon{padding:0;width:40px}.ok-btn-sm.ok-btn-icon{width:32px}.ok-btn-block{width:100%}.ok-field{grid-gap:6px;display:grid;gap:6px}.ok-label{color:#cbc2a9;color:var(--ink-dim);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.ok-input{background:rgba(5,22,15,.55);border:1px solid hsla(42,54%,91%,.18);border-radius:12px;border-radius:var(--radius-md);color:#f4ecda;color:var(--ink);font-family:Figtree,Segoe UI,system-ui,-apple-system,sans-serif;font-family:var(--font-ui);font-size:1rem;min-height:46px;outline:none;padding:0 14px;transition:border-color .15s,box-shadow .15s;width:100%}.ok-input::placeholder{color:#8fa398;color:var(--ink-faint)}.ok-input:focus{border-color:#d4a24c;border-color:var(--brass-500);box-shadow:0 0 0 3px hsla(41,80%,68%,.55);box-shadow:var(--ring)}.ok-seg{display:flex;flex-wrap:wrap;gap:6px}.ok-seg button{background:rgba(5,22,15,.45);border:1px solid hsla(42,54%,91%,.16);border-radius:10px;color:#cbc2a9;color:var(--ink-dim);cursor:pointer;flex:1 1 auto;font-family:Figtree,Segoe UI,system-ui,-apple-system,sans-serif;font-family:var(--font-ui);font-size:.88rem;font-weight:700;min-height:38px;min-width:52px;padding:0 12px;transition:background-color .15s,color .15s,border-color .15s}.ok-seg button[aria-pressed=true]{background:#f4ecda;background:var(--ivory-100);border-color:#f4ecda;border-color:var(--ivory-100);color:#071c16;color:var(--felt-900)}.ok-seg button:focus-visible{box-shadow:0 0 0 3px hsla(41,80%,68%,.55);box-shadow:var(--ring);outline:none}.ok-chip{align-items:center;background:hsla(42,54%,91%,.1);border:1px solid hsla(42,54%,91%,.12);border-radius:999px;color:#cbc2a9;color:var(--ink-dim);display:inline-flex;font-size:.78rem;font-weight:700;gap:6px;padding:3px 10px;white-space:nowrap}.ok-chip-brass{background:rgba(212,162,76,.16);border-color:rgba(212,162,76,.38);color:#f6dc9c;color:var(--brass-200)}.ok-chip-green{background:rgba(99,197,140,.15);border-color:rgba(99,197,140,.4);color:#a9ecc4}.ok-chip-red{background:rgba(227,98,90,.15);border-color:rgba(227,98,90,.4);color:#ffb9b3}.ok-chip-blue{background:rgba(127,182,232,.14);border-color:rgba(127,182,232,.38);color:#bfdcf6}.ok-avatar{border-radius:50%;box-shadow:0 0 0 2px hsla(42,54%,91%,.22),0 4px 10px rgba(0,0,0,.35);color:#fdf8ec;color:var(--ivory-50);display:inline-grid;flex:none;font-family:Bricolage Grotesque,Avenir Next,Segoe UI,system-ui,sans-serif;font-family:var(--font-display);font-weight:800;overflow:visible;place-items:center;position:relative}.ok-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.ok-avatar-initials{letter-spacing:.02em;line-height:1}.ok-avatar-bot{background:#0b2a21;background:var(--felt-800);border-radius:50%;bottom:-4px;box-shadow:0 0 0 2px #0e3b2e;box-shadow:0 0 0 2px var(--felt-700);display:grid;font-size:.55em;height:1.5em;place-items:center;position:absolute;right:-4px;width:1.5em}.ok-logo{color:#f4ecda;color:var(--ivory-100);font-family:Bricolage Grotesque,Avenir Next,Segoe UI,system-ui,sans-serif;font-family:var(--font-display);font-weight:800;gap:.28em;letter-spacing:-.02em;line-height:1;text-shadow:0 2px 0 rgba(0,0,0,.35)}.ok-logo,.ok-logo-num{align-items:baseline;display:inline-flex}.ok-logo-num{color:#efc56b;color:var(--brass-300)}.ok-logo-tile{background:linear-gradient(180deg,#fdf8ec,#e8dcc0);background:linear-gradient(180deg,var(--ivory-50),var(--ivory-200));border-radius:.1em;box-shadow:0 .06em 0 #b9a77c,0 .1em .2em rgba(0,0,0,.4);box-shadow:0 .06em 0 var(--ivory-edge),0 .1em .2em rgba(0,0,0,.4);display:inline-grid;height:.84em;margin:0 .04em;place-items:center;transform:translateY(.04em) rotate(-6deg);width:.62em}.ok-logo-tile i{background:#c4262e;background:var(--tile-red);-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);height:.26em;width:.26em}.ok-logo-sm{font-size:1.35rem}.ok-logo-md{font-size:2.2rem}.ok-logo-lg{font-size:clamp(2.8rem,9vw,4.6rem)}.ok-logo-img{display:block;height:auto}.ok-logo-img.ok-logo-sm{height:30px;width:auto}.ok-logo-img.ok-logo-md{height:52px;width:auto}.ok-logo-img.ok-logo-lg{width:min(420px,80vw)}.ok-modal-overlay{animation:ok-fade-in .18s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(3,12,9,.72);display:grid;inset:0;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));place-items:center;position:fixed;z-index:900}.ok-modal{animation:ok-pop-in .22s cubic-bezier(.2,.9,.3,1.2);background:linear-gradient(180deg,#123f32,#0a271f);border:1px solid hsla(41,80%,68%,.22);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 30px 80px rgba(0,0,0,.6);color:#f4ecda;color:var(--ink);font-family:Figtree,Segoe UI,system-ui,-apple-system,sans-serif;font-family:var(--font-ui);max-height:calc(100dvh - 32px);overflow:auto;padding:24px;width:min(520px,100%)}.ok-modal-wide{width:min(760px,100%)}.ok-modal h2{font-family:Bricolage Grotesque,Avenir Next,Segoe UI,system-ui,sans-serif;font-family:var(--font-display);font-size:1.5rem;margin:0 0 6px}.ok-modal-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:20px}@keyframes ok-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ok-pop-in{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}[data-sonner-toaster] [data-sonner-toast]{font-family:Figtree,Segoe UI,system-ui,-apple-system,sans-serif;font-family:var(--font-ui)}@media (max-height:560px) and (orientation:landscape){[data-sonner-toaster]{--width:300px!important}[data-sonner-toaster] [data-sonner-toast]{font-size:.78rem!important;min-height:0!important;padding:8px 12px!important}}.ok-shell ::-webkit-scrollbar{height:8px;width:8px}.ok-shell ::-webkit-scrollbar-thumb{background:hsla(42,54%,91%,.18);border-radius:8px}.ok-shell ::-webkit-scrollbar-track{background:transparent}@media (prefers-reduced-motion:reduce){.ok-modal,.ok-modal-overlay,.ok-shell *{animation-duration:.01ms!important;transition-duration:.01ms!important}}.ok-rules{grid-gap:14px;display:grid;gap:14px;line-height:1.55}.ok-rules h2{margin-bottom:0}.ok-rules section{grid-gap:6px;display:grid;gap:6px}.ok-rules h3{color:#f6dc9c;color:var(--brass-200);font-family:Bricolage Grotesque,Avenir Next,Segoe UI,system-ui,sans-serif;font-family:var(--font-display);font-size:1.05rem;margin:0}.ok-rules li,.ok-rules p{color:#cbc2a9;color:var(--ink-dim);font-size:.92rem;max-width:68ch}.ok-rules ul{grid-gap:4px;display:grid;gap:4px;margin:0;padding-left:20px}.ok-rules strong{color:#f4ecda;color:var(--ink)}.ok-rules-table-wrap{overflow-x:auto}.ok-rules-table{font-feature-settings:"tnum";border-collapse:collapse;font-size:.85rem;font-variant-numeric:tabular-nums;width:100%}.ok-rules-table td,.ok-rules-table th{border-bottom:1px solid hsla(96,38%,87%,.12);border-bottom:1px solid var(--felt-line);padding:6px 10px;text-align:left;white-space:nowrap}.ok-rules-table th{color:#8fa398;color:var(--ink-faint);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.ok-rules-table td:first-child{color:#f4ecda;color:var(--ink);font-weight:700}.ok-confirm-body{line-height:1.55}.ok-confirm-body strong{color:#f4ecda;color:var(--ink)}.app{min-height:100dvh}:root{--tw:44px;--tw-table:30px;--tw-mini:22px}.ok-tile{--w:var(--tw);-webkit-tap-highlight-color:transparent;align-items:center;background:var(--img-tile-face) center /100% 100% no-repeat,linear-gradient(180deg,#fffaf0 0,var(--ivory-100) 55%,var(--ivory-200) 100%);border-radius:calc(var(--w)*.14);box-shadow:0 calc(var(--w)*.06) 0 var(--ivory-edge),0 calc(var(--w)*.1) calc(var(--w)*.18) rgba(0,0,0,.42),inset 0 1px 0 hsla(0,0%,100%,.95),inset 0 -2px 3px rgba(150,120,70,.18);cursor:grab;display:flex;flex:none;flex-direction:column;height:calc(var(--w)*1.36);justify-content:center;position:relative;touch-action:none;transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease;user-select:none;-webkit-user-select:none;width:var(--w)}.ok-tile--table{--w:var(--tw-table);cursor:default}.ok-tile--mini{--w:var(--tw-mini);cursor:default}.ok-tile--red{color:var(--tile-red)}.ok-tile--blue{color:var(--tile-blue)}.ok-tile--green{color:var(--tile-black)}.ok-tile--yellow{color:var(--tile-yellow)}.ok-tile--fake{color:var(--burgundy-500)}.ok-tile__num{font-family:var(--font-tile);font-size:calc(var(--w)*.66);font-weight:700;letter-spacing:-.02em;line-height:1;margin-top:calc(var(--w)*-.1);text-shadow:0 1px 0 hsla(0,0%,100%,.6)}.ok-tile__pip{background:currentColor;border-radius:50%;box-shadow:inset 0 1px 1px hsla(0,0%,100%,.35);height:calc(var(--w)*.17);margin-top:calc(var(--w)*.06);width:calc(var(--w)*.17)}.ok-tile__star{color:var(--brass-500);font-size:calc(var(--w)*.3);line-height:1;position:absolute;right:calc(var(--w)*.08);text-shadow:0 1px 0 rgba(0,0,0,.25);top:calc(var(--w)*.05)}.ok-tile--okey{background:linear-gradient(180deg,#fff8e2,#f7e7bd 60%,#ecd49a);box-shadow:0 calc(var(--w)*.06) 0 #c9a55c,0 calc(var(--w)*.1) calc(var(--w)*.18) rgba(0,0,0,.42),0 0 0 2px var(--brass-300),0 0 calc(var(--w)*.35) hsla(41,80%,68%,.55)}.ok-tile__emblem{background:radial-gradient(circle at 35% 30%,var(--burgundy-400),var(--burgundy-700));border-radius:50%;box-shadow:0 0 0 calc(var(--w)*.04) var(--brass-500);color:var(--ivory-50);display:grid;font-size:calc(var(--w)*.42);height:calc(var(--w)*.62);line-height:1;place-items:center;width:calc(var(--w)*.62)}.ok-tile__fake-hint{bottom:calc(var(--w)*.08);color:var(--burgundy-500);font-family:var(--font-tile);font-size:calc(var(--w)*.24);font-weight:700;position:absolute;right:calc(var(--w)*.1)}.ok-tile--back{background:var(--img-tile-back) center /100% 100% no-repeat,radial-gradient(circle at 50% 40%,var(--burgundy-400),var(--burgundy-500) 55%,var(--burgundy-700));box-shadow:0 calc(var(--w)*.06) 0 #3d0c14,0 calc(var(--w)*.1) calc(var(--w)*.18) rgba(0,0,0,.45),inset 0 1px 0 rgba(255,210,200,.35)}.ok-tile__ornament{border:1px solid hsla(41,80%,68%,.65);border-radius:calc(var(--w)*.08);inset:12%;position:absolute}.ok-tile__ornament:after{border:1px solid hsla(41,80%,68%,.75);content:"";height:26%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:34%}.has-img-tile-back .ok-tile__ornament{display:none}.ok-tile.is-selected{box-shadow:0 calc(var(--w)*.06) 0 var(--ivory-edge),0 calc(var(--w)*.18) calc(var(--w)*.3) rgba(0,0,0,.45),0 0 0 2px var(--brass-300),0 0 calc(var(--w)*.3) hsla(41,80%,68%,.6);transform:translateY(calc(var(--w)*-.22))}.ok-tile.is-dimmed{opacity:.32}.ok-tile.is-highlighted{animation:okg-glow 1.4s ease-in-out infinite}.ok-tile.is-invalid{box-shadow:0 calc(var(--w)*.06) 0 #b98c84,0 0 0 2px var(--ok-danger)}.ok-tile.is-entering{animation:okg-land .5s cubic-bezier(.2,.9,.3,1.3),okg-glow 1.6s ease-out}.ok-tile.has-extend-hint:after{background:linear-gradient(135deg,var(--ok-success) 50%,transparent 50%);border-top-left-radius:calc(var(--w)*.14);content:"";height:calc(var(--w)*.34);left:0;position:absolute;top:0;width:calc(var(--w)*.34)}.ok-tile.is-must-use{box-shadow:0 calc(var(--w)*.06) 0 var(--ivory-edge),0 0 0 3px var(--burgundy-400),0 0 calc(var(--w)*.35) rgba(178,58,74,.7)}.ok-tile__flag{background:var(--burgundy-400);border-radius:6px;color:#fff;font-size:10px;font-weight:800;left:50%;letter-spacing:.04em;padding:1px 5px;pointer-events:none;position:absolute;text-transform:uppercase;top:calc(var(--w)*-.36);transform:translateX(-50%);white-space:nowrap}@keyframes okg-glow{0%,to{filter:drop-shadow(0 0 0 rgba(239,197,107,0))}50%{filter:drop-shadow(0 0 calc(var(--w)*.25) rgba(239,197,107,.95))}}@keyframes okg-land{0%{transform:translateY(-40%) scale(1.15)}to{transform:none}}.cm-voice-join{gap:6px}.cm-voice{align-items:center;background:rgba(99,197,140,.1);border:1px solid rgba(99,197,140,.35);border-radius:999px;display:inline-flex;gap:4px;padding:2px}.cm-voice.is-reconnecting{background:rgba(234,182,74,.1);border-color:rgba(234,182,74,.5)}.cm-voice.is-reconnecting .cm-mic{animation:cm-pulse 1.2s ease-in-out infinite}.cm-mic.is-on{--btn-bg:rgba(99,197,140,.22);--btn-fg:#c8f5da;--btn-border:rgba(99,197,140,.55)}.cm-mic.is-off{--btn-bg:rgba(227,98,90,.16);--btn-fg:#ffb3ad;--btn-border:rgba(227,98,90,.45)}.cm-voice-count{font-feature-settings:"tnum";align-items:center;color:var(--ink-dim);display:inline-flex;font-size:.78rem;font-variant-numeric:tabular-nums;font-weight:700;gap:3px;padding:0 4px}.cm-hangup{--btn-fg:#ffb3ad}.cm-spinner{animation:cm-spin .8s linear infinite;border:2px solid hsla(42,54%,91%,.25);border-radius:50%;border-top:2px solid var(--brass-300);height:13px;width:13px}.cm-chat-toggle{position:relative}.cm-chat-toggle.is-open{--btn-bg:hsla(41,80%,68%,.16);--btn-fg:var(--brass-200)}.cm-badge{background:var(--ok-danger);border-radius:999px;box-shadow:0 0 0 2px var(--felt-900);color:#fff;display:grid;font-size:.66rem;font-weight:800;height:17px;line-height:1;min-width:17px;padding:0 4px;place-items:center;position:absolute;right:-5px;top:-5px}.cm-chat{animation:cm-slide-in .2s ease-out;background:linear-gradient(180deg,rgba(18,63,50,.97),rgba(10,39,31,.98));border:1px solid hsla(41,80%,68%,.22);border-radius:var(--radius-lg);bottom:max(10px,env(safe-area-inset-bottom,0px));box-shadow:0 24px 60px rgba(0,0,0,.55);color:var(--ink);display:flex;flex-direction:column;font-family:var(--font-ui);overflow:hidden;position:fixed;right:max(10px,env(safe-area-inset-right,0px));top:max(60px,calc(env(safe-area-inset-top, 0px) + 56px));width:min(340px,calc(100vw - 20px));z-index:800}.cm-chat-head{align-items:center;border-bottom:1px solid var(--felt-line);display:flex;font-size:.92rem;justify-content:space-between;padding:8px 8px 8px 14px}.cm-chat-list{display:flex;flex:1 1;flex-direction:column;gap:6px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:10px 12px}.cm-chat-empty{font-size:.85rem;margin:auto 0;text-align:center}.cm-msg{grid-gap:1px;align-self:flex-start;background:hsla(42,54%,91%,.08);border:1px solid hsla(42,54%,91%,.08);border-radius:12px 12px 12px 4px;display:grid;font-size:.88rem;gap:1px;line-height:1.3;max-width:85%;overflow-wrap:anywhere;padding:6px 10px}.cm-msg.is-mine{align-self:flex-end;background:hsla(41,80%,68%,.16);border-color:hsla(41,80%,68%,.25);border-radius:12px 12px 4px 12px}.cm-msg-name{color:var(--brass-300);font-size:.72rem;font-weight:800}.cm-msg-time{font-feature-settings:"tnum";color:var(--ink-faint);font-size:.66rem;font-variant-numeric:tabular-nums;justify-self:end}.cm-quick{border-top:1px solid var(--felt-line);display:flex;gap:6px;overflow-x:auto;padding:6px 10px;scrollbar-width:none}.cm-quick::-webkit-scrollbar{display:none}.cm-quick-btn{-webkit-tap-highlight-color:transparent;background:hsla(42,54%,91%,.06);border:1px solid hsla(42,54%,91%,.16);border-radius:999px;color:var(--ink-dim);cursor:pointer;flex:none;font-family:var(--font-ui);font-size:.78rem;font-weight:600;min-height:28px;padding:0 10px}.cm-quick-btn:hover:not(:disabled){border-color:hsla(41,80%,68%,.4);color:var(--ink)}.cm-chat-form{display:flex;gap:8px;padding:8px 10px 10px}.cm-chat-input{font-size:.95rem;min-height:40px}.cm-dock{align-items:center;background:rgba(5,22,15,.85);border:1px solid var(--felt-line);border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.35);display:flex;gap:6px;padding:4px;position:fixed;right:max(10px,env(safe-area-inset-right,0px));top:max(10px,env(safe-area-inset-top,0px));z-index:780}.cm-speaking .ok-avatar{animation:cm-speak 1s ease-in-out infinite;box-shadow:0 0 0 3px var(--ok-success),0 0 16px rgba(99,197,140,.7)!important}.cm-seat-mic{background:#2f8a58;border-radius:50%;bottom:-3px;box-shadow:0 0 0 2px var(--felt-900);color:#fff;display:grid;height:17px;left:-4px;place-items:center;position:absolute;width:17px;z-index:1}.cm-seat-mic.is-muted{background:var(--burgundy-500)}.cm-bubble{animation:cm-bubble 4.5s ease forwards;background:var(--ivory-50);border-radius:12px;box-shadow:0 8px 22px rgba(0,0,0,.4);color:var(--ink-dark);font-family:var(--font-ui);font-size:.82rem;font-weight:600;line-height:1.25;max-width:190px;overflow-wrap:anywhere;padding:6px 10px;pointer-events:none;position:absolute;text-align:left;width:-webkit-max-content;width:max-content;z-index:30}.cm-bubble:after{background:inherit;content:"";height:10px;position:absolute;transform:rotate(45deg);width:10px}.cm-bubble--bottom{bottom:calc(100% + 8px);left:50%;translate:-50% 0}.cm-bubble--bottom:after{bottom:-4px;left:calc(50% - 5px)}.cm-bubble--top{left:50%;top:calc(100% + 8px);translate:-50% 0}.cm-bubble--top:after{left:calc(50% - 5px);top:-4px}.cm-bubble--left{left:calc(100% + 8px);top:50%;translate:0 -50%}.cm-bubble--left:after{left:-4px;top:calc(50% - 5px)}.cm-bubble--right{right:calc(100% + 8px);top:50%;translate:0 -50%}.cm-bubble--right:after{right:-4px;top:calc(50% - 5px)}@media (max-height:560px) and (orientation:landscape),(max-width:640px){.cm-label{display:none}.cm-voice-join{padding:0 9px}.cm-voice-count{display:none}.cm-chat{top:max(44px,calc(env(safe-area-inset-top, 0px) + 40px));width:min(300px,calc(100vw - 20px))}.cm-quick-btn{font-size:.74rem;min-height:26px}.cm-chat-form{padding:6px 8px 8px}.cm-chat-input{min-height:36px}.cm-bubble{font-size:.74rem;max-width:150px;padding:4px 8px}}@keyframes cm-spin{to{transform:rotate(1turn)}}@keyframes cm-pulse{50%{opacity:.45}}@keyframes cm-speak{50%{box-shadow:0 0 0 4px var(--ok-success),0 0 22px rgba(99,197,140,.85)}}@keyframes cm-slide-in{0%{opacity:0;transform:translateX(16px)}}@keyframes cm-bubble{0%{opacity:0;transform:scale(.85)}6%{opacity:1;transform:scale(1)}88%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.cm-bubble,.cm-chat,.cm-speaking .ok-avatar,.cm-spinner,.cm-voice.is-reconnecting .cm-mic{animation:none!important}}.ok-social{grid-gap:10px;display:grid;gap:10px}.ok-social.is-compact{display:flex;gap:8px}.ok-social-btn.is-google{--btn-bg:#fff;--btn-fg:#1f1f1f;--btn-border:#dadce0;font-weight:600}.ok-social-btn.is-google:hover:not(:disabled){background:#f2f2f2}.ok-social-btn.is-apple{--btn-bg:#000;--btn-fg:#fff;--btn-border:#000;font-weight:600}.ok-social-btn.is-apple:hover:not(:disabled){background:#1a1a1a}.okw{display:grid;place-items:center}.okw-main{grid-gap:32px 48px;align-items:center;display:grid;gap:32px 48px;grid-template-areas:"hero card" "points points";grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);padding-block:24px;width:min(980px,100%)}.okw-hero{grid-gap:18px;display:grid;gap:18px;grid-area:hero;justify-items:start}.okw-fan{--tw:46px;height:96px;margin-left:20px;position:relative;width:260px}.okw-fan-tile{animation:okw-deal .7s cubic-bezier(.2,.9,.3,1.2) backwards;animation-delay:calc((var(--i) + 2)*70ms);bottom:0;left:calc(50% - 23px + var(--i)*34px);position:absolute;transform:rotate(calc(var(--i)*9deg));transform-origin:50% 160%}.okw-fan-tile .ok-tile{cursor:default}@keyframes okw-deal{0%{opacity:0;transform:translateY(30px) rotate(0deg)}}.okw-tagline{color:var(--ink-dim);font-size:1.08rem;line-height:1.55;max-width:42ch}.okw-card{grid-gap:16px;display:grid;gap:16px;grid-area:card;padding:24px}.okw-returning{align-items:center;display:flex;gap:12px}.okw-returning>div{grid-gap:2px;display:grid;gap:2px}.okw-returning-name{font-family:var(--font-display);font-size:1.3rem}.okw-divider{align-items:center;color:var(--ink-faint);display:flex;font-size:.78rem;font-weight:700;gap:10px;letter-spacing:.08em;text-transform:uppercase}.okw-divider:after,.okw-divider:before{background:var(--felt-line);content:"";flex:1 1;height:1px}.okw-form{grid-gap:12px;display:grid;gap:12px}.okw-hint{font-size:.8rem}.okw-points{grid-gap:16px;display:grid;gap:16px;grid-area:points;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}.okw-points li{grid-gap:4px;border-top:1px solid var(--felt-line);display:grid;gap:4px;padding-top:12px}.okw-points strong{color:var(--brass-200);font-family:var(--font-display);font-size:1rem}.okw-points span{color:var(--ink-dim);font-size:.88rem;line-height:1.5}@media (max-width:760px){.okw-main{gap:24px;grid-template-areas:"hero" "card" "points";grid-template-columns:minmax(0,1fr)}.okw-hero{justify-items:center;text-align:center}.okw-fan{--tw:38px;height:84px;margin-left:0;width:220px}.okw-fan-tile{left:calc(50% - 19px + var(--i)*28px)}.okw-points{grid-template-columns:minmax(0,1fr)}}.okl{grid-gap:24px;align-content:start;display:grid;gap:24px}.okl-header{gap:12px;justify-content:space-between;margin:0 auto;width:min(1180px,100%)}.okl-header,.okl-header-right{align-items:center;display:flex;flex-wrap:wrap}.okl-header-right{gap:8px;justify-content:flex-end}.okl-me{align-items:center;background:rgba(5,22,15,.55);border:1px solid var(--felt-line);border-radius:999px;display:flex;gap:10px;padding:4px 14px 4px 4px}.okl-me-text{display:grid;line-height:1.2}.okl-me-text strong{font-size:.92rem}.okl-conn{color:var(--ink-faint);font-size:.72rem;font-weight:700}.okl-conn:before{background:var(--ink-faint);border-radius:50%;content:"";display:inline-block;height:7px;margin-right:5px;vertical-align:1px;width:7px}.okl-conn.is-online{color:#a9ecc4}.okl-conn.is-online:before{background:var(--ok-success);box-shadow:0 0 6px var(--ok-success)}.okl-conn.is-connecting,.okl-conn.is-reconnecting{color:var(--ok-warning)}.okl-conn.is-connecting:before,.okl-conn.is-reconnecting:before{background:var(--ok-warning)}.okl-grid{align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);margin:0 auto;width:min(1180px,100%)}.okl-col,.okl-grid{grid-gap:20px;display:grid;gap:20px}.okl-col{min-width:0}.okl-create,.okl-quick,.okl-tables{grid-gap:16px;display:grid;gap:16px;min-width:0;padding:22px}.okl-quick{background:radial-gradient(circle at 100% 0,hsla(41,80%,68%,.18),transparent 45%),linear-gradient(180deg,rgba(21,81,63,.75),rgba(11,42,33,.9));border-color:hsla(41,80%,68%,.35);overflow:hidden;position:relative}.okl-create h2,.okl-quick h2,.okl-tables h2{font-size:1.45rem;margin-top:4px}.okl-quick-copy{grid-gap:6px;display:grid;gap:6px}.okl-quick-controls{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.okl-quick-start{justify-self:start;min-width:200px}.okl-create-form{grid-gap:14px;display:grid;gap:14px}.okl-create-form>button{justify-self:start}.okl-tables-head{align-items:flex-end;display:flex;gap:12px;justify-content:space-between}.okl-count{background:var(--ivory-100);border-radius:999px;color:var(--felt-900);display:inline-grid;font-family:var(--font-ui);font-size:.8rem;height:26px;margin-left:6px;min-width:26px;padding:0 7px;place-items:center;vertical-align:3px}.okl-empty{grid-gap:6px;border:1px dashed hsla(42,54%,91%,.18);border-radius:var(--radius-md);color:var(--ink-faint);display:grid;gap:6px;padding:36px 16px;text-align:center}.okl-empty strong{color:var(--ink-dim);font-size:1rem}.okl-table-list{grid-gap:10px;display:grid;gap:10px;list-style:none;margin:0;max-height:min(68vh,720px);overflow-y:auto;padding:0}.okl-table{grid-gap:14px;align-items:center;background:rgba(5,22,15,.45);border:1px solid var(--felt-line);border-radius:var(--radius-md);display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto auto;padding:12px 14px}.okl-table.is-mine{border-color:hsla(41,80%,68%,.5)}.okl-table-main{grid-gap:6px;display:grid;gap:6px;min-width:0}.okl-table-name{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.okl-table-chips{display:flex;flex-wrap:wrap;gap:5px}.okl-table-seats{display:flex;gap:4px}.okl-seat-empty{border:2px dashed hsla(42,54%,91%,.22);border-radius:50%;height:30px;width:30px}@media (max-width:900px){.okl-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:520px){.okl-quick-controls{grid-template-columns:minmax(0,1fr)}.okl-quick-start{justify-self:stretch}.okl-table{grid-template-columns:minmax(0,1fr) auto}.okl-table-seats{grid-column:1/-1;grid-row:2}.okl-me-text span{display:none}}.okr{grid-gap:20px;display:grid;gap:20px;grid-template-rows:auto minmax(0,1fr) auto;height:100dvh}.okr-header{flex-wrap:wrap;gap:12px;justify-content:space-between;margin:0 auto;width:min(1100px,100%)}.okr-header,.okr-title{align-items:center;display:flex}.okr-title{gap:16px;min-width:0}.okr-title h1{font-size:clamp(1.2rem,3vw,1.7rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.okr-chips{flex-wrap:wrap;margin-top:6px}.okr-chips,.okr-header-actions{display:flex;gap:6px}.okr-table{grid-gap:12px;background-clip:padding-box,padding-box,padding-box,border-box,border-box;background-image:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(40,130,96,.38),transparent 70%),var(--img-felt),linear-gradient(160deg,var(--felt-600),var(--felt-800)),var(--img-wood),linear-gradient(180deg,var(--wood-500),var(--wood-800));background-origin:padding-box,padding-box,padding-box,border-box,border-box;background-size:auto,460px,auto,420px,auto;border:12px solid transparent;border-radius:48px;box-shadow:inset 0 0 70px rgba(0,0,0,.5),0 0 0 1px rgba(255,220,170,.18),0 26px 60px rgba(0,0,0,.55);display:grid;gap:12px;grid-template-areas:". top ." "left center right" ". bottom .";grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;margin:0 auto;min-height:0;padding:18px;position:relative;width:min(900px,100%)}.okr-seat{display:grid;min-width:0;place-items:center}.okr-seat--top{grid-area:top}.okr-seat--left{grid-area:left}.okr-seat--right{grid-area:right}.okr-seat--bottom{grid-area:bottom}.seats-2 .okr-seat--right{grid-area:top}.okr-seat-card{grid-gap:6px;animation:ok-pop-in .25s ease-out;background:rgba(5,22,15,.6);border:1px solid var(--felt-line);border-radius:18px;box-shadow:0 10px 24px rgba(0,0,0,.3);display:grid;gap:6px;justify-items:center;padding:14px 12px;position:relative;text-align:center;width:min(190px,100%)}.okr-seat-avatar{display:inline-flex;position:relative}.okr-seat-card.is-ready{border-color:rgba(99,197,140,.6);box-shadow:0 0 22px rgba(99,197,140,.2)}.okr-seat-card.is-me{border-color:hsla(41,80%,68%,.6)}.okr-seat-card.is-ready.is-me{border-color:rgba(99,197,140,.75)}.okr-seat-card.is-empty{background:rgba(5,22,15,.3);border-style:dashed}.okr-seat-name{font-size:.95rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.okr-seat-state{color:var(--ink-faint);font-size:.78rem;font-weight:700}.okr-seat-state.is-ready{color:#a9ecc4}.okr-seat-chair{border:2px dashed hsla(42,54%,91%,.25);border-radius:50%;height:56px;width:56px}.okr-seat-remove{background:rgba(227,98,90,.18);border:0;border-radius:50%;color:#ffb9b3;cursor:pointer;font-size:1.1rem;height:26px;line-height:1;position:absolute;right:6px;top:6px;width:26px}.okr-seat-remove:hover{background:rgba(227,98,90,.4);color:#fff}.okr-center{display:grid;grid-area:center;min-height:0;place-items:center}.okr-status{grid-gap:6px;display:grid;gap:6px;justify-items:center;text-align:center}.okr-illustration{filter:drop-shadow(0 12px 18px rgba(0,0,0,.45));height:auto;width:min(220px,60%)}.okr-ready-count{font-feature-settings:"tnum";color:var(--brass-300);font-family:var(--font-display);font-size:clamp(2.6rem,8vw,4rem);font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.okr-ready-count span{color:var(--ink-faint);font-size:.55em}.okr-status strong{font-size:1.05rem}.okr-status-hint{font-size:.88rem;max-width:32ch}.okr-countdown{grid-gap:6px;display:grid;gap:6px;justify-items:center}.okr-countdown-num{animation:okr-count 1s ease-out;color:var(--brass-300);font-family:var(--font-display);font-size:clamp(4rem,14vw,7rem);font-weight:800;line-height:1;text-shadow:0 0 40px hsla(41,80%,68%,.55)}.okr-countdown-text{color:var(--ink-dim);font-weight:700}@keyframes okr-count{0%{opacity:0;transform:scale(1.6)}30%{opacity:1}to{transform:scale(1)}}.okr-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.okr-actions .ok-btn{min-width:180px}@media (max-width:640px){.okr{gap:14px;height:auto;min-height:100dvh}.okr-title .ok-logo{display:none}.okr-table{border-radius:32px;border-width:8px;grid-template-areas:"center center" "top top" "left right" "bottom bottom";grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto auto;padding:14px}.okr-seat-card{padding:10px 8px}.okr-actions .ok-btn{flex:1 1 140px;min-width:0}}@media (max-height:560px) and (orientation:landscape){.okr{gap:8px;height:100dvh;padding-block:max(6px,env(safe-area-inset-top,0px)) max(6px,env(safe-area-inset-bottom,0px))}.okr-title .ok-logo,.okr-title .ok-logo-img{display:none}.okr-title>div{align-items:center;display:flex;flex-wrap:wrap;gap:4px 10px}.okr-title h1{font-size:1.05rem}.okr-chips{gap:4px;margin-top:0}.okr-chips .ok-chip{font-size:.68rem;padding:2px 8px}.okr-header-actions .ok-btn-sm{min-height:28px}.okr-table{border-radius:26px;border-width:7px;gap:6px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr);padding:8px 12px;width:min(760px,100%)}.okr-seat-card{align-items:center;border-radius:14px;column-gap:8px;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;justify-items:start;padding:6px 30px 6px 8px;row-gap:0;text-align:left;width:min(210px,100%)}.okr-seat-card .ok-avatar{font-size:13px!important;grid-row:1/span 2;height:34px!important;width:34px!important}.okr-seat-name{font-size:.82rem}.okr-seat-state{font-size:.7rem}.okr-seat-card.is-empty{grid-template-columns:auto auto;padding:6px 8px}.okr-seat-card.is-empty .okr-seat-state{display:none}.okr-seat-chair{grid-row:1/span 2;height:30px;width:30px}.okr-seat-card.is-empty .ok-btn{grid-row:1/span 2;min-height:30px}.okr-seat-remove{font-size:.95rem;height:22px;right:6px;top:50%;transform:translateY(-50%);width:22px}.okr-illustration{display:none}.okr-ready-count{font-size:2rem}.okr-status strong{font-size:.85rem}.okr-status-hint{display:none}.okr-countdown-num{font-size:3.4rem}.okr-actions{gap:8px}.okr-actions .ok-btn{font-size:.95rem;min-height:40px;min-width:150px}}.backgammon-page,.batak-page,.lobby-page,.okey-page,.waiting-room-page{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.lobby-page{padding:20px}.lobby-header{margin-bottom:30px;text-align:center}.lobby-header h1{font-size:3rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.lobby-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 350px;margin:0 auto;max-width:1400px}.lobby-main{gap:20px}.lobby-main,.lobby-sidebar{display:flex;flex-direction:column}.waiting-room-page{padding:20px}.waiting-room-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px;padding:0 20px}.waiting-room-header h1{font-size:2.5rem;margin-bottom:5px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.waiting-room-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 350px;margin:0 auto;max-width:1400px}.waiting-room-main{gap:20px}.waiting-room-main,.waiting-room-sidebar{display:flex;flex-direction:column}.game-rules,.players-list,.room-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:15px;padding:20px}.room-details{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:15px}.detail-item{background:hsla(0,0%,100%,.1);border-radius:8px;display:flex;justify-content:space-between;padding:10px}.label{color:#e0e7ff;font-weight:700}.value{color:#fff}.players-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:15px}.player-card{align-items:center;background:hsla(0,0%,100%,.1);border:2px solid transparent;border-radius:10px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.player-card.current-player{background:rgba(251,191,36,.2);border-color:#fbbf24}.player-card.empty-slot{border-color:hsla(0,0%,100%,.3);border-style:dashed;opacity:.5}.player-avatar{align-items:center;background:hsla(0,0%,100%,.2);border-radius:50%;display:flex;font-size:2rem;height:50px;justify-content:center;width:50px}.player-info{flex:1 1}.player-name{font-weight:700;margin-bottom:5px}.player-status{font-size:.9rem;opacity:.8}.player-color{font-size:.8rem;margin-top:5px;opacity:.7}.game-rules ul{list-style:none;margin-top:15px;padding:0}.game-rules li{border-bottom:1px solid hsla(0,0%,100%,.1);padding:8px 0}.game-rules li:before{color:#fbbf24;content:"▸ ";font-weight:700;margin-right:8px}.start-game-section{background:rgba(34,197,94,.2);border:2px solid rgba(34,197,94,.5);border-radius:15px;padding:20px;text-align:center}.btn-large{font-size:1.2rem;font-weight:700;padding:15px 30px}.start-game-note{margin-top:10px;opacity:.8}.waiting-message{background:rgba(59,130,246,.2);border:2px solid rgba(59,130,246,.5);border-radius:15px}.game-page-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid hsla(0,0%,100%,.1);flex-shrink:0;height:60px;padding:10px 20px}.game-title{gap:15px}.game-title h1{font-size:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.room-info{border-radius:15px;font-size:.85rem;opacity:.8;padding:4px 10px}.your-turn-indicator{animation:pulse-border 2s infinite;background:rgba(34,197,94,.3);border:2px solid #22c55e;border-radius:20px;color:#dcfce7;font-size:.95rem;font-weight:600;padding:6px 12px}@keyframes pulse-border{0%,to{box-shadow:0 0 0 0 rgba(34,197,94,.4)}50%{box-shadow:0 0 0 6px rgba(34,197,94,0)}}.game-page-content{display:flex;flex:1 1;margin:0;min-height:0;overflow:hidden;padding:0}.game-info-panel,.game-main{border-radius:15px;padding:20px}.game-info-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-item{padding:8px 0}.coming-soon{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:15px;padding:40px;text-align:center}.coming-soon h2{color:#fbbf24;font-size:2rem;margin-bottom:20px}.game-preview{margin:30px auto;max-width:500px;text-align:left}.game-preview h3{color:#e0e7ff;margin-bottom:15px}.game-preview ul{list-style:none;padding:0}.game-preview li{border-bottom:1px solid hsla(0,0%,100%,.1);padding:8px 0}.current-game-info{background:hsla(0,0%,100%,.05);border-radius:10px;margin-top:30px;padding:20px}.info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:15px}@media (max-width:1024px){.game-page-content,.lobby-content,.waiting-room-content{grid-template-columns:1fr}.game-sidebar,.lobby-sidebar,.waiting-room-sidebar{order:-1}}@media (max-width:768px){.game-page-header,.waiting-room-header{flex-direction:column;gap:15px;text-align:center}.info-grid,.players-grid,.room-details{grid-template-columns:1fr}}.backgammon-page{background:linear-gradient(135deg,#8b4513,sienna 50%,#d2691e);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.backgammon-page *{cursor:default!important}.backgammon-page .activity-log,.backgammon-page .debug-info,.backgammon-page .game-info-panel{user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important}.backgammon-page .backgammon-board,.backgammon-page .board-points,.backgammon-page .board-row,.backgammon-page .checker,.backgammon-page .point{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.backgammon-page .point.target,.backgammon-page button{cursor:pointer!important}.backgammon-page .backgammon-container .checker.selectable,.backgammon-page .backgammon-container .checker.selectable:hover{cursor:grab!important}.backgammon-page .backgammon-container .checker.selectable:active{cursor:grabbing!important}.backgammon-page .backgammon-container .checker:not(.selectable){cursor:default!important}.game-page-header{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:rgba(0,0,0,.3);border-bottom:2px solid hsla(0,0%,100%,.1);box-shadow:0 4px 20px rgba(0,0,0,.2);justify-content:space-between;padding:20px 30px}.game-page-header,.game-title{align-items:center;display:flex}.game-title{gap:20px}.game-title h1{-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#fff,#f4a460);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin:0;text-shadow:3px 3px 6px rgba(0,0,0,.4)}.room-info{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;font-size:.95rem;font-weight:500;padding:8px 16px}.game-page-content{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 400px;margin:0 auto;max-width:1800px;min-height:calc(100vh - 100px);padding:25px}.game-main{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.1);padding:25px}.game-sidebar{display:flex;flex-direction:column;gap:20px}.game-info-panel{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;padding:25px}.game-info-panel h3{color:#f4a460;font-size:1.3rem;margin-bottom:20px}.info-item{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;padding:12px 0}.info-item:last-child{border-bottom:none}.info-item .label{color:#e0e7ff;font-weight:600}.info-item .value{background:hsla(0,0%,100%,.1);border-radius:12px;color:#fff;font-weight:700;padding:4px 12px}.backgammon-container{background:linear-gradient(135deg,#8b4513,sienna);border:6px solid #654321;border-radius:15px;box-shadow:0 8px 32px rgba(0,0,0,.3);color:#fff;margin:0 auto;max-width:1000px;max-width:1200px;overflow:visible;padding:20px;width:100%}.waiting-message{background:hsla(0,0%,100%,.95);border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.2);color:#333;font-size:1.2rem;font-weight:700;margin:40px 0;padding:30px;text-align:center}.player-scores{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin:20px 0}.player-score{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.2);border-radius:10px;color:#fff;min-width:200px;padding:15px 20px;text-align:center;transition:all .3s ease}.player-score.active{background:rgba(0,123,255,.3);border-color:#007bff;box-shadow:0 0 20px rgba(0,123,255,.5);transform:scale(1.05)}.player-color{border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.3);height:24px;margin:0 auto 8px;width:24px}.player-color.black{background:radial-gradient(circle at 30% 30%,#333,#000)}.player-color.white{background:radial-gradient(circle at 30% 30%,#fff,#ddd)}.current-player{background:hsla(0,0%,100%,.1);border-radius:8px;font-size:1.1rem;font-weight:700;margin:15px 0;padding:10px;text-align:center}.current-player.winner{animation:celebration 2s ease-in-out infinite;background:rgba(40,167,69,.3);border:2px solid #28a745;font-size:1.3rem}@keyframes celebration{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.backgammon-board{background:linear-gradient(135deg,#d2691e,peru);border:4px solid #8b4513;border-radius:12px;box-shadow:inset 0 0 20px rgba(0,0,0,.3);flex-direction:column;margin:20px 0;padding:15px}.backgammon-board,.board-row{display:flex;gap:10px;overflow:visible;position:relative;z-index:1}.board-row{align-items:center;justify-content:space-between}.board-points{gap:2px}.board-points,.point{display:flex;overflow:visible;position:relative;z-index:1}.point{align-items:center;border:1px solid hsla(0,0%,100%,.2);cursor:pointer;flex-direction:column;height:220px;transition:all .3s ease;width:45px}.point:before{background:inherit;bottom:0;-webkit-clip-path:polygon(0 0,100% 0,50% 85%);clip-path:polygon(0 0,100% 0,50% 85%);content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.point.bottom:before{-webkit-clip-path:polygon(0 100%,100% 100%,50% 15%);clip-path:polygon(0 100%,100% 100%,50% 15%)}.point.bottom{flex-direction:column-reverse}.point.dark:before{background:linear-gradient(180deg,#8b4513 0,sienna)}.point.light:before{background:linear-gradient(180deg,#deb887 0,#f4a460)}.point.dark.bottom:before{background:linear-gradient(0deg,#8b4513 0,sienna)}.point.light.bottom:before{background:linear-gradient(0deg,#deb887 0,#f4a460)}.point:hover:before{opacity:.9;transform:scale(1.02)}.point.selected:before{animation:pulse 1.5s infinite;box-shadow:0 0 20px #ff0,inset 0 0 20px rgba(255,255,0,.3)}.point.target:before{animation:targetPulse 1.5s infinite;box-shadow:0 0 20px #ff6b6b,inset 0 0 20px hsla(0,100%,71%,.3)}.backgammon-page .point.hittable-target,.backgammon-page .point.hittable-target:before{animation:hittableTargetPulse 1.5s infinite;border:2px solid red!important;box-shadow:0 0 20px red,inset 0 0 20px rgba(255,0,0,.3)!important}.backgammon-page .point.hittable-target:before{background:rgba(255,0,0,.1)!important}@keyframes pulse{0%,to{box-shadow:0 0 20px #ff0,inset 0 0 20px rgba(255,255,0,.3)}50%{box-shadow:0 0 30px #ff0,inset 0 0 30px rgba(255,255,0,.5)}}@keyframes targetPulse{0%,to{box-shadow:0 0 20px #ff6b6b,inset 0 0 20px hsla(0,100%,71%,.3)}50%{box-shadow:0 0 30px #ff6b6b,inset 0 0 30px hsla(0,100%,71%,.5)}}@keyframes hittableTargetPulse{0%,to{border-color:red;box-shadow:0 0 20px red,inset 0 0 20px rgba(255,0,0,.3)}50%{border-color:#f66;box-shadow:0 0 30px red,inset 0 0 30px rgba(255,0,0,.5)}}.backgammon-page .backgammon-container .checker{-webkit-tap-highlight-color:transparent;align-items:center;border:3px solid #333;border-radius:50%;box-shadow:0 4px 8px rgba(0,0,0,.4);cursor:pointer;display:flex;height:32px;justify-content:center;margin:1px;outline:none;position:absolute;transition:all .3s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:32px;z-index:9999!important}.backgammon-page .backgammon-container .checker.white{background:radial-gradient(circle at 25% 25%,#fff 0,#f0f0f0 30%,#e0e0e0 70%,#d0d0d0 100%);border-color:#999;color:#333}.backgammon-page .backgammon-container .checker.black{background:radial-gradient(circle at 25% 25%,#555 0,#333 30%,#222 70%,#111 100%);border-color:#000;color:#fff}.backgammon-page .backgammon-container .checker-white{background:radial-gradient(circle at 25% 25%,#fff 0,#f0f0f0 30%,#e0e0e0 70%,#d0d0d0 100%)!important;border-color:#999!important;color:#333!important}.backgammon-page .backgammon-container .checker-black{background:radial-gradient(circle at 25% 25%,#555 0,#333 30%,#222 70%,#111 100%)!important;border-color:#000!important;color:#fff!important}.backgammon-container .checker.WHITE,.backgammon-page .backgammon-container .checker.WHITE,.checker.WHITE{background:radial-gradient(circle at 25% 25%,#fff 0,#f0f0f0 30%,#e0e0e0 70%,#d0d0d0 100%)!important;border:3px solid #999!important;color:#333!important}.backgammon-container .checker.BLACK,.backgammon-page .backgammon-container .checker.BLACK,.checker.BLACK{background:radial-gradient(circle at 25% 25%,#555 0,#333 30%,#222 70%,#111 100%)!important;border:3px solid #000!important;color:#fff!important}.backgammon-container .checker-white,.backgammon-page .checker-white,.checker.checker-white{background:radial-gradient(circle at 25% 25%,#fff 0,#f0f0f0 30%,#e0e0e0 70%,#d0d0d0 100%)!important;border:3px solid #999!important;color:#333!important}.backgammon-container .checker-black,.backgammon-page .checker-black,.checker.checker-black{background:radial-gradient(circle at 25% 25%,#555 0,#333 30%,#222 70%,#111 100%)!important;border:3px solid #000!important;color:#fff!important}.backgammon-page .backgammon-container .checker.selectable:hover{box-shadow:0 0 15px #0f0,0 6px 12px rgba(0,0,0,.5);transform:scale(1.15);z-index:10000!important}.checker-count{font-size:11px;font-weight:700;pointer-events:none;text-shadow:1px 1px 2px rgba(0,0,0,.8);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.bar,.home-area{align-items:center;background:linear-gradient(135deg,#654321,#8b4513 50%,#654321);border:3px solid #333;border-radius:10px;box-shadow:inset 0 0 15px rgba(0,0,0,.3);display:flex;flex-direction:column;min-height:220px;padding:10px;position:relative;width:90px;z-index:1}.home-area.white-home{background:linear-gradient(135deg,#f0f0f0,#e0e0e0 50%,#d0d0d0);color:#333}.home-area.black-home{background:linear-gradient(135deg,#333,#222 50%,#111);color:#fff}.bar-label,.home-label{background:rgba(0,0,0,.3);border-radius:5px;font-size:12px;font-weight:700;margin-bottom:10px;min-width:60px;padding:5px;text-align:center}.bar-checkers,.home-checkers{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:2px}.dice-container{background:hsla(0,0%,100%,.1);border-radius:10px;flex-wrap:wrap;gap:20px;margin:20px 0;padding:15px}.dice-container,.die{align-items:center;display:flex;justify-content:center}.die{background:linear-gradient(135deg,#fff,#f0f0f0);border:3px solid #333;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.3);color:#333;font-size:20px;font-weight:700;height:50px;transition:all .3s ease;width:50px}.die.rolling{animation:diceRoll .5s ease-in-out}@keyframes diceRoll{0%,to{transform:rotate(0deg) scale(1)}25%{transform:rotate(90deg) scale(1.1)}50%{transform:rotate(180deg) scale(.9)}75%{transform:rotate(270deg) scale(1.1)}}.game-controls{align-items:center;background:hsla(0,0%,100%,.1);border-radius:10px;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:20px 0;padding:15px}.backgammon-container .btn{align-items:center;border:none;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.2);cursor:pointer;display:inline-flex;font-weight:700;gap:8px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.backgammon-container .btn:hover:not(:disabled){box-shadow:0 4px 12px rgba(0,0,0,.3);transform:translateY(-2px)}.backgammon-container .btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.backgammon-container .btn-primary{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.backgammon-container .btn-secondary{background:linear-gradient(135deg,#6c757d,#545b62);color:#fff}.backgammon-container .btn-success{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff}.backgammon-page .point.drop-target,.backgammon-page .point.drop-target:before{animation:dropTargetPulse 1.5s infinite;box-shadow:0 0 20px #0f0,inset 0 0 20px rgba(0,255,0,.3)!important}.backgammon-page .point.drop-target:before{background:rgba(0,255,0,.1)!important}@keyframes dropTargetPulse{0%,to{box-shadow:0 0 20px #0f0,inset 0 0 20px rgba(0,255,0,.3)}50%{box-shadow:0 0 30px #0f0,inset 0 0 30px rgba(0,255,0,.5)}}@media (max-width:1400px){.game-page-content{grid-template-columns:1fr 350px}}@media (max-width:1024px){.game-page-content{gap:20px;grid-template-columns:1fr}.game-sidebar{order:-1}.game-title h1{font-size:2rem}.backgammon-container{max-width:95%;padding:15px}.point{height:180px;width:38px}.checker{height:32px;width:32px}.bar,.home-area{min-height:180px;width:75px}}@media (max-width:768px){.game-page-header{flex-direction:column;gap:15px;padding:20px;text-align:center}.game-page-content{padding:15px}.action-buttons{justify-content:center}.backgammon-container{padding:10px}.player-scores{flex-direction:column;gap:15px}.player-score{min-width:auto}.point{height:150px;width:32px}.checker{border-width:2px;height:28px;width:28px}.bar,.home-area{min-height:150px;padding:8px;width:60px}.die{font-size:16px;height:40px;width:40px}.dice-container,.game-controls{gap:10px;padding:10px}}.okg-page{--tw:clamp(19px,min(calc(6.57895vw - 6.05263px),calc(100dvh/2.85 - 87.7193px)),56px);--tw-table:max(17px,calc(var(--tw)*0.64));--tw-mini:max(15px,calc(var(--tw)*0.5));--seat-avatar:44px;background-color:var(--felt-950);background-image:radial-gradient(ellipse 90% 70% at 50% 40%,rgba(21,81,63,.35),transparent 70%),linear-gradient(180deg,rgba(5,22,15,.6),rgba(5,22,15,.95)),var(--img-bg);background-position:50%;background-size:auto,auto,cover;color:var(--ink);display:flex;flex-direction:column;font-family:var(--font-ui);height:100dvh;overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);position:relative;user-select:none;-webkit-user-select:none}.okg-page *,.okg-page :after,.okg-page :before{box-sizing:border-box}.okg-topbar{align-items:center;background:linear-gradient(180deg,rgba(5,22,15,.95),rgba(5,22,15,.7));border-bottom:1px solid var(--felt-line);display:flex;gap:12px;justify-content:space-between;min-height:52px;padding:max(6px,env(safe-area-inset-top,0px)) 16px 6px}.okg-topbar-left,.okg-topbar-right{align-items:center;display:flex;gap:12px;min-width:0}.okg-topbar-right{flex:none;gap:4px}.okg-topbar-room{display:grid;line-height:1.2;min-width:0}.okg-topbar-name{font-size:.95rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.okg-topbar-meta{font-feature-settings:"tnum";color:var(--ink-faint);font-size:.75rem;font-variant-numeric:tabular-nums}.okg-rotate{display:none}@media (orientation:portrait) and (max-width:600px){.okg-rotate{grid-gap:14px;background:radial-gradient(ellipse 90% 60% at 50% 40%,rgba(21,81,63,.6),transparent 70%),var(--felt-950);display:grid;gap:14px;inset:0;justify-items:center;padding:24px max(24px,env(safe-area-inset-right,0px)) 24px max(24px,env(safe-area-inset-left,0px));place-content:center;position:fixed;text-align:center;z-index:990}.okg-rotate strong{font-family:var(--font-display);font-size:1.5rem}.okg-rotate .ok-muted{line-height:1.5;max-width:30ch}.okg-loading,.okg-main{visibility:hidden}}.okg-rotate-phone{animation:okg-rotate-phone 2.4s ease-in-out infinite;border:3px solid var(--ivory-100);border-radius:14px;height:108px;margin-bottom:8px;padding:7px 5px;width:64px}.okg-rotate-screen{background:linear-gradient(160deg,var(--felt-500),var(--felt-700));border-radius:6px;display:block;height:100%;width:100%}@keyframes okg-rotate-phone{0%,25%{transform:rotate(0deg)}55%,85%{transform:rotate(-90deg)}to{transform:rotate(0deg)}}.okg-main{display:grid;flex:1 1;grid-template-rows:minmax(0,1fr) auto;min-height:0}.okg-loading{flex:1 1}.okg-table{grid-gap:8px;background-clip:padding-box,padding-box,padding-box,border-box,border-box;background-image:radial-gradient(ellipse 75% 65% at 50% 45%,rgba(40,130,96,.32),transparent 70%),var(--img-felt),linear-gradient(160deg,var(--felt-600),var(--felt-700) 45%,var(--felt-800)),var(--img-wood),linear-gradient(180deg,var(--wood-500),var(--wood-800));background-origin:padding-box,padding-box,padding-box,border-box,border-box;background-size:auto,460px,auto,420px,auto;border:10px solid transparent;border-radius:34px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.35),inset 0 0 70px rgba(0,0,0,.5),0 0 0 1px rgba(255,220,170,.18),0 22px 50px rgba(0,0,0,.55);display:grid;gap:8px;grid-template-areas:"tl top tr" "left center right" "bl bottom br";grid-template-columns:minmax(96px,1fr) minmax(0,4.2fr) minmax(96px,1fr);grid-template-rows:auto minmax(0,1fr) auto;margin:12px 14px 10px;min-height:0;padding:12px;position:relative}.okg-area{align-items:center;display:flex;justify-content:center;min-height:0;min-width:0}.okg-area-tl{grid-area:tl}.okg-area-top{grid-area:top}.okg-area-tr{grid-area:tr}.okg-area-left{grid-area:left}.okg-area-center{align-items:stretch;grid-area:center;justify-content:stretch;overflow:hidden}.okg-area-right{grid-area:right}.okg-area-bl{grid-area:bl}.okg-area-bottom{grid-area:bottom}.okg-area-br{grid-area:br}.okg-seat{align-items:center;background:rgba(5,22,15,.55);border:1px solid var(--felt-line);border-radius:16px;box-shadow:0 8px 20px rgba(0,0,0,.25);display:flex;gap:10px;max-width:100%;min-width:0;padding:8px 12px 8px 8px;position:relative;transition:border-color .2s,box-shadow .2s}.okg-seat--left,.okg-seat--right{flex-direction:column;max-width:100%;padding:10px 8px;text-align:center}.okg-seat.is-empty{color:var(--ink-faint);font-size:.8rem;padding:10px 14px}.okg-seat.is-current{border-color:hsla(41,80%,68%,.75);box-shadow:0 0 0 1px hsla(41,80%,68%,.4),0 0 26px hsla(41,80%,68%,.28)}.okg-seat.is-current .ok-avatar{box-shadow:0 0 0 3px var(--brass-300),0 0 16px hsla(41,80%,68%,.6)}.okg-seat.is-offline{opacity:.65}.okg-seat .ok-avatar{font-size:calc(var(--seat-avatar)*.38)!important;height:var(--seat-avatar)!important;width:var(--seat-avatar)!important}.okg-seat-avatar{flex:none;position:relative}.okg-seat-timer{background:var(--felt-900);border-radius:50%;position:absolute;right:-12px;top:-10px}.okg-seat-info{grid-gap:3px;display:grid;gap:3px;min-width:0}.okg-seat-name{align-items:center;display:flex;font-size:.9rem;font-weight:700;gap:6px;justify-content:inherit;min-width:0}.okg-seat--left .okg-seat-meta,.okg-seat--left .okg-seat-name,.okg-seat--right .okg-seat-meta,.okg-seat--right .okg-seat-name{justify-content:center}.okg-seat-username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.okg-seat-you{background:var(--brass-300);border-radius:999px;color:var(--felt-900);font-size:.68rem;font-weight:800;padding:1px 6px}.okg-seat-meta{align-items:center;display:flex;flex-wrap:wrap;font-size:.75rem;gap:5px}.okg-seat-count{font-feature-settings:"tnum";align-items:center;color:var(--ivory-100);display:inline-flex;font-variant-numeric:tabular-nums;font-weight:800;gap:4px}.okg-mini-back{background:linear-gradient(180deg,var(--burgundy-400),var(--burgundy-700));border-radius:2px;box-shadow:2px -2px 0 -.5px var(--burgundy-700),0 1px 0 #3d0c14;height:14px;width:10px}.okg-badge{border-radius:999px;font-size:.68rem;font-weight:800;padding:1px 7px;white-space:nowrap}.okg-badge--open{background:rgba(99,197,140,.18);color:#a9ecc4}.okg-badge--pairs{background:rgba(127,182,232,.18);color:#bfdcf6}.okg-badge--penalty{background:rgba(227,98,90,.18);color:#ffb9b3}.okg-seat-score{font-feature-settings:"tnum";color:var(--brass-200);font-variant-numeric:tabular-nums;font-weight:800}.okg-seat-score:before{color:var(--ink-faint);content:"Σ ";font-weight:600}.okg-seat-status{color:var(--ink-faint);font-size:.72rem}.okg-seat-status.is-bot{color:var(--ok-info)}.okg-seat-status.is-offline{color:var(--ok-warning)}.okg-timer{display:grid;flex:none;place-items:center;position:relative}.okg-timer-ring{inset:0;position:absolute;transform:rotate(-90deg)}.okg-timer-track{fill:rgba(5,22,15,.85);stroke:hsla(42,54%,91%,.15);stroke-width:3.5}.okg-timer-progress{fill:none;stroke:var(--brass-300);stroke-width:3.5;stroke-linecap:round;transition:stroke-dashoffset .2s linear}.okg-timer-seconds{font-feature-settings:"tnum";color:var(--ivory-50);font-size:.72rem;font-variant-numeric:tabular-nums;font-weight:800;position:relative}.okg-timer.is-urgent .okg-timer-progress{stroke:var(--ok-danger)}.okg-timer.is-urgent{animation:okg-pulse .8s ease-in-out infinite}@keyframes okg-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.okg-pile-wrap{grid-gap:4px;gap:4px;justify-items:center}.okg-pile,.okg-pile-wrap{display:grid;position:relative}.okg-pile{background:rgba(3,14,10,.22);border:2px dashed hsla(42,54%,91%,.16);border-radius:14px;color:var(--ink-faint);cursor:pointer;font:inherit;height:calc(var(--tw-table)*2.05);padding:0;place-items:center;transition:border-color .15s,background-color .15s,box-shadow .15s;width:calc(var(--tw-table)*2.1)}.okg-pile:focus-visible{box-shadow:var(--ring);outline:none}.okg-pile-stack{display:grid}.okg-pile-tile{display:block;grid-area:1/1}.okg-pile-empty{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.okg-pile-count{background:var(--felt-900);border:1px solid var(--felt-line);border-radius:999px;color:var(--ink);display:grid;font-size:.68rem;font-weight:800;height:20px;min-width:20px;padding:0 5px;place-items:center;position:absolute;right:-8px;top:-8px}.okg-pile-label{color:var(--ink-faint);font-size:.7rem;font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.okg-pile-label.is-cta{color:var(--brass-200)}.okg-pile.is-drawable{animation:okg-breathe 1.8s ease-in-out infinite;background:rgba(212,162,76,.12);border-color:var(--brass-300);border-style:solid;box-shadow:0 0 22px hsla(41,80%,68%,.35)}.okg-pile.is-mine.is-discard-ready{border-color:hsla(41,80%,68%,.6);color:var(--brass-200)}.okg-pile.is-drop-active{background:rgba(212,162,76,.16);border-color:var(--brass-300);border-style:solid}.okg-pile.is-drag-over{background:rgba(212,162,76,.3);box-shadow:0 0 28px hsla(41,80%,68%,.55);transform:scale(1.05)}.okg-pile-history{background:var(--felt-900);border:1px solid hsla(41,80%,68%,.25);border-radius:12px;bottom:calc(100% + 6px);box-shadow:0 16px 40px rgba(0,0,0,.55);left:50%;max-width:min(320px,80vw);padding:10px;position:absolute;transform:translateX(-50%);width:-webkit-max-content;width:max-content;z-index:30}.okg-area-tl .okg-pile-history,.okg-area-tr .okg-pile-history{bottom:auto;top:calc(100% + 6px)}.okg-pile-history-title{color:var(--ink-dim);display:block;font-size:.72rem;font-weight:700;margin-bottom:6px}.okg-pile-history-tiles{display:flex;flex-wrap:wrap;gap:4px}@keyframes okg-breathe{0%,to{box-shadow:0 0 12px hsla(41,80%,68%,.25)}50%{box-shadow:0 0 28px hsla(41,80%,68%,.6)}}.okg-center{grid-gap:8px;display:grid;gap:8px;grid-template-rows:auto minmax(0,1fr);min-height:0;width:100%}.okg-center-head{align-items:center;display:flex;gap:16px;min-width:0}.okg-deck{grid-gap:4px;background:transparent;border:0;border-radius:12px;color:var(--ink-dim);cursor:default;display:grid;font:inherit;gap:4px;justify-items:center;padding:4px 6px;position:relative}.okg-deck.is-drawable,.okg-deck.is-exhausted{cursor:pointer}.okg-deck:focus-visible{box-shadow:var(--ring);outline:none}.okg-deck-stack{display:grid;min-height:calc(var(--tw-table)*1.36);min-width:var(--tw-table)}.okg-deck-back{grid-area:1/1}.okg-deck-back--3{transform:translate(-4px,-4px)}.okg-deck-back--2{transform:translate(-2px,-2px)}.okg-deck.is-drawable .okg-deck-stack{animation:okg-breathe-filter 1.6s ease-in-out infinite}.okg-deck-empty{border:2px dashed rgba(227,98,90,.5);border-radius:6px;color:#ffb9b3;display:grid;font-weight:800;height:calc(var(--tw-table)*1.36);place-items:center;width:var(--tw-table)}.okg-deck-count{font-feature-settings:"tnum";background:var(--brass-300);border-radius:999px;box-shadow:0 2px 6px rgba(0,0,0,.4);color:#2a1a05;display:grid;font-size:.75rem;font-variant-numeric:tabular-nums;font-weight:800;height:22px;min-width:24px;padding:0 6px;place-items:center;position:absolute;right:-8px;top:-6px}.okg-deck-label{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.okg-deck.is-drawable .okg-deck-label{color:var(--brass-200)}.okg-deck.is-exhausted .okg-deck-label{color:#ffb9b3}@keyframes okg-breathe-filter{0%,to{filter:drop-shadow(0 0 4px rgba(239,197,107,.3))}50%{filter:drop-shadow(0 0 14px rgba(239,197,107,.85))}}.okg-indicator{grid-gap:4px;display:grid;flex:none;gap:4px;justify-items:center}.okg-indicator-tiles{align-items:flex-start;display:flex;gap:6px}.okg-indicator-cell{grid-gap:3px;display:grid;gap:3px;justify-items:center}.okg-indicator-cap{color:var(--ink-faint);font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.okg-indicator-arrow{align-self:center;color:var(--brass-300);font-weight:800;margin-top:-14px}.okg-indicator-text{color:var(--brass-200);font-size:.75rem;font-weight:700;white-space:nowrap}.okg-feed{grid-gap:3px;align-content:start;align-self:stretch;display:grid;flex:1 1;gap:3px;justify-items:end;list-style:none;margin:0;max-height:6.4rem;min-width:0;overflow:hidden;padding:0;pointer-events:none}.okg-feed-item{animation:okg-feed-in .3s ease-out;background:rgba(5,22,15,.5);border-radius:999px;color:var(--ink-dim);font-size:.76rem;font-weight:600;max-width:100%;overflow:hidden;padding:3px 10px;text-overflow:ellipsis;white-space:nowrap}.okg-feed-item:first-child{background:rgba(5,22,15,.75);color:var(--ink)}.okg-feed-item:nth-child(3){opacity:.75}.okg-feed-item:nth-child(4){opacity:.5}.okg-feed-item.is-good:first-child{color:#b8f0cf}.okg-feed-item.is-warn:first-child{color:#ffc9a8}@keyframes okg-feed-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.okg-melds{background:rgba(3,14,10,.18);border-radius:16px;box-shadow:inset 0 2px 12px rgba(0,0,0,.25);display:flex;flex-direction:column;gap:8px;min-height:0;overflow:auto;padding:8px;-webkit-user-select:none;user-select:none}.okg-melds-empty{grid-gap:4px;color:var(--ink-faint);display:grid;font-size:.85rem;gap:4px;margin:auto;text-align:center}.okg-melds-empty strong{color:var(--ink-dim)}.okg-meld-row{grid-gap:8px;align-items:start;display:grid;gap:8px;grid-template-columns:auto minmax(0,1fr)}.okg-meld-owner{background:rgba(5,22,15,.55);border-radius:999px;color:var(--ink-dim);font-size:.7rem;font-weight:800;margin-top:4px;max-width:90px;overflow:hidden;padding:2px 8px;text-overflow:ellipsis;white-space:nowrap}.okg-meld-row.is-mine .okg-meld-owner{background:var(--brass-300);color:#2a1a05}.okg-meld-list{display:flex;flex-wrap:wrap;gap:8px}.okg-meld{align-items:center;background:rgba(5,22,15,.32);border:1px solid transparent;border-radius:10px;display:inline-flex;gap:2px;padding:4px 5px 6px;transition:border-color .15s,box-shadow .15s,background-color .15s}.okg-meld--pair{background:rgba(127,182,232,.08)}.okg-meld.is-target{border-color:rgba(99,197,140,.7);box-shadow:0 0 16px rgba(99,197,140,.35)}.okg-meld.is-drag-over{background:rgba(99,197,140,.2)}.okg-meld-plus{animation:okg-plus 1.2s ease-in-out infinite;background:rgba(99,197,140,.12);border:2px dashed rgba(99,197,140,.8);border-radius:6px;color:#b8f0cf;cursor:pointer;font-size:calc(var(--tw-table)*.7);font-weight:800;height:calc(var(--tw-table)*1.36);line-height:1;width:var(--tw-table)}.okg-meld-plus.is-drag-over{background:rgba(99,197,140,.45)}@keyframes okg-plus{0%,to{opacity:.75}50%{opacity:1}}.okg-hand{padding:0 12px 10px}.okg-hand,.okg-hand-side{grid-gap:8px;display:grid;gap:8px;justify-items:center}.okg-hand-side{min-width:0;width:100%}.okg-actionbar{align-items:center;background:rgba(5,22,15,.7);border:1px solid var(--felt-line);border-radius:14px;display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:space-between;min-height:46px;padding:6px 8px 6px 14px;transition:border-color .2s,box-shadow .2s;width:min(100%,calc(var(--tw)*15 + 70px))}.okg-actionbar.is-turn{border-color:hsla(41,80%,68%,.6);box-shadow:0 0 24px hsla(41,80%,68%,.18)}.okg-actionbar.is-warn{border-color:rgba(178,58,74,.8);box-shadow:0 0 24px rgba(178,58,74,.25)}.okg-actionbar-status{align-items:center;color:var(--ink-dim);display:flex;font-size:.9rem;gap:10px;min-width:0}.okg-actionbar-status strong{color:var(--ink)}.okg-actionbar.is-turn .okg-actionbar-status strong{color:var(--brass-200)}.okg-status-timer{display:inline-grid;flex:none}.okg-actionbar-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.okg-sort{border:1px solid hsla(41,80%,68%,.3);border-radius:10px;display:inline-flex;margin-left:4px;overflow:hidden}.okg-sort-btn{background:linear-gradient(180deg,var(--wood-500),var(--wood-700));border:0;color:var(--brass-200);cursor:pointer;font-family:var(--font-tile);font-size:.95rem;font-weight:700;min-height:32px;padding:0 10px}.okg-sort-btn+.okg-sort-btn{border-left:1px solid rgba(0,0,0,.35)}.okg-sort-btn:hover{filter:brightness(1.12)}.okg-sort-btn:focus-visible{box-shadow:var(--ring);outline:none}.okg-staged{align-items:center;background:rgba(5,22,15,.55);border:1px dashed hsla(41,80%,68%,.35);border-radius:12px;display:flex;gap:12px;overflow-x:auto;padding:6px 10px;width:min(100%,calc(var(--tw)*15 + 70px))}.okg-staged-progress{grid-gap:3px;display:grid;flex:none;gap:3px;width:110px}.okg-staged-progress-track{background:hsla(42,54%,91%,.12);border-radius:999px;height:6px;overflow:hidden}.okg-staged-progress-fill{background:linear-gradient(90deg,var(--brass-500),var(--brass-300));border-radius:999px;height:100%;transition:width .3s ease}.okg-staged-progress.is-met .okg-staged-progress-fill{background:linear-gradient(90deg,#3e9f69,var(--ok-success))}.okg-staged-progress-text{font-feature-settings:"tnum";color:var(--brass-200);font-size:.75rem;font-variant-numeric:tabular-nums;font-weight:800}.okg-staged-progress.is-met .okg-staged-progress-text{color:#b8f0cf}.okg-staged-list{align-items:center;display:flex;gap:8px}.okg-staged-group{align-items:center;background:rgba(99,197,140,.08);border:1px solid rgba(99,197,140,.45);border-radius:10px;display:flex;flex:none;gap:6px;padding:4px 4px 4px 6px}.okg-staged-group.is-invalid{background:rgba(227,98,90,.1);border-color:rgba(227,98,90,.55)}.okg-staged-tiles{display:flex;gap:2px}.okg-staged-points{font-feature-settings:"tnum";color:#b8f0cf;font-size:.75rem;font-variant-numeric:tabular-nums;font-weight:800}.okg-staged-group.is-invalid .okg-staged-points{color:#ffb9b3}.okg-staged-remove{background:hsla(42,54%,91%,.1);border:0;border-radius:50%;color:var(--ink-dim);cursor:pointer;font-size:1rem;height:22px;line-height:1;width:22px}.okg-staged-remove:hover{background:rgba(227,98,90,.35);color:#fff}.okg-rack{grid-gap:6px;background:var(--img-wood),linear-gradient(180deg,var(--wood-300) 0,var(--wood-500) 18%,var(--wood-700) 70%,var(--wood-800) 100%);background-size:360px,auto;border-radius:16px;box-shadow:inset 0 2px 0 rgba(255,220,170,.35),inset 0 -4px 0 rgba(0,0,0,.3),0 14px 30px rgba(0,0,0,.5);display:grid;gap:6px;padding:10px 14px 12px}.okg-rack-row{border-bottom:3px solid rgba(0,0,0,.28);box-shadow:0 1px 0 rgba(255,220,170,.18);display:flex;gap:3px;padding-bottom:4px}.okg-slot{align-items:flex-start;background:rgba(0,0,0,.12);border-radius:calc(var(--tw)*.14);display:flex;height:calc(var(--tw)*1.36 + var(--tw)*.06);justify-content:center;width:var(--tw)}.okg-slot.is-drag-over{background:hsla(41,80%,68%,.35);box-shadow:inset 0 0 0 2px var(--brass-300)}.okg-main.is-dragging .ok-tile{cursor:grabbing}.okg-drag-ghost{filter:drop-shadow(0 16px 18px rgba(0,0,0,.5));left:0;pointer-events:none;position:fixed;top:0;will-change:transform;z-index:1000}.okg-result{grid-gap:14px;display:grid;gap:14px}.okg-result-head{grid-gap:6px;display:grid;gap:6px;justify-items:center;text-align:center}.okg-result-head h2{font-size:clamp(1.4rem,3.5vw,2rem);margin:0}.okg-result-trophy{filter:drop-shadow(0 10px 20px rgba(0,0,0,.45));height:auto;width:120px}.okg-result-trophy-fallback{font-size:56px;line-height:1}.okg-result-finish{background:var(--brass-300);border-radius:999px;color:#2a1a05;font-size:.85rem;font-weight:800;padding:4px 12px}.okg-result-finish.is-draw{background:hsla(42,54%,91%,.14);color:var(--ink)}.okg-result-table-wrap{overflow-x:auto}.okg-result-table{border-collapse:collapse;font-size:.88rem;width:100%}.okg-result-table th{border-bottom:1px solid var(--felt-line);color:var(--ink-faint);font-size:.7rem;font-weight:800;letter-spacing:.08em;padding:6px 8px;text-align:left;text-transform:uppercase}.okg-result-table td{border-bottom:1px solid hsla(42,54%,91%,.06);padding:8px;white-space:nowrap}.okg-result-table .num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.okg-result-table tr.is-winner td{background:hsla(41,80%,68%,.1)}.okg-result-table tr.is-me td:first-child{box-shadow:inset 3px 0 0 var(--brass-300)}.okg-result-table.is-compact td,.okg-result-table.is-compact th{padding:4px 8px}.okg-result-player{align-items:center;display:inline-flex;font-weight:700;gap:8px}.okg-result-medal{width:20px}.okg-result-status{color:var(--ink-dim);font-size:.78rem;font-weight:700}.okg-result-status.is-win{color:var(--brass-200)}.okg-result-status.is-closed{color:#ffb9b3}.okg-result-okey{color:var(--brass-300);font-weight:800}.okg-result-round{font-weight:800}.okg-result-total{color:var(--brass-200);font-weight:800}.okg-result-history summary{color:var(--ink-dim);cursor:pointer;font-weight:700}.okg-result-note{font-size:.8rem;text-align:center}.okg-result-next{color:var(--ink-dim);text-align:center}.okg-result-next strong{font-feature-settings:"tnum";color:var(--brass-200);font-variant-numeric:tabular-nums}@media (max-height:560px){.okg-result-trophy{width:64px}.okg-result-trophy-fallback{font-size:36px}.okg-result{gap:8px}}@media (max-width:640px){.okg-result-table .col-status{display:none}.okg-result-table td,.okg-result-table th{padding:6px 4px}.okg-result-detail{display:none}}.okg-loading{grid-gap:18px;display:grid;gap:18px;justify-items:center;place-content:center}.okg-loading h2{font-family:var(--font-display);margin:0}.okg-loading-tiles{display:flex;gap:8px}.okg-loading-tiles span{animation:okg-bounce 1s ease-in-out infinite;background:linear-gradient(180deg,var(--ivory-50),var(--ivory-200));border-radius:6px;box-shadow:0 3px 0 var(--ivory-edge);height:46px;width:34px}.okg-loading-tiles span:nth-child(2){animation-delay:.12s}.okg-loading-tiles span:nth-child(3){animation-delay:.24s}.okg-loading-tiles span:nth-child(4){animation-delay:.36s}@keyframes okg-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.okg-reconnect{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:rgba(3,12,9,.6);display:grid;inset:0;padding:16px;place-items:center;position:fixed;z-index:980}.okg-reconnect-box{grid-gap:8px;background:var(--felt-800);border:1px solid hsla(41,80%,68%,.3);border-radius:16px;display:grid;gap:8px;justify-items:center;max-width:360px;padding:22px 24px;text-align:center}.okg-spinner{animation:okg-spin .9s linear infinite;border:3px solid hsla(42,54%,91%,.15);border-radius:50%;border-top:3px solid var(--brass-300);height:30px;width:30px}@keyframes okg-spin{to{transform:rotate(1turn)}}@media (max-height:560px) and (orientation:landscape){.okg-page{--tw:clamp(19px,min(calc((100vw - max(230px, 32vw))/15.6),calc(100dvh/2.78 - 84.89209px)),48px);--tw-table:max(17px,calc(var(--tw)*0.6));--tw-mini:max(14px,calc(var(--tw)*0.48));--seat-avatar:26px}.okg-topbar{gap:8px;min-height:32px;padding:max(2px,env(safe-area-inset-top,0px)) 10px 2px}.okg-topbar .ok-logo,.okg-topbar .ok-logo-img{display:none}.okg-topbar-room{align-items:baseline;display:flex;gap:8px}.okg-topbar-name{font-size:.8rem}.okg-topbar-meta{font-size:.7rem}.okg-topbar .ok-btn-sm{font-size:.74rem;min-height:26px;padding:0 10px}.okg-topbar .ok-btn-sm.ok-btn-icon{padding:0;width:26px}.okg-table{border-radius:18px;border-width:5px;gap:3px;grid-template-areas:"tl top tr" "left center right" "bl center br";grid-template-columns:minmax(66px,.8fr) minmax(0,5fr) minmax(66px,.8fr);grid-template-rows:auto minmax(0,1fr) auto;margin:6px 10px 4px;padding:4px 6px}.okg-area-bottom{display:none}.okg-seat{border-radius:12px;box-shadow:none;gap:6px;padding:3px 8px 3px 3px}.okg-seat--left,.okg-seat--right{gap:3px;padding:5px 4px}.okg-badge--penalty,.okg-seat-score:before,.okg-seat-status{display:none}.okg-seat-name{font-size:.72rem;gap:4px}.okg-seat-meta{font-size:.64rem;gap:3px}.okg-seat-timer{right:-10px;top:-8px}.okg-badge{font-size:.6rem;padding:0 5px}.okg-pile{border-radius:10px;border-width:1.5px;height:calc(var(--tw-table)*1.7);width:calc(var(--tw-table)*1.75)}.okg-pile-label{display:none}.okg-pile-count{font-size:.6rem;height:16px;min-width:16px;right:-6px;top:-6px}.okg-center{gap:3px}.okg-center-head{gap:10px}.okg-deck-label,.okg-indicator-cap,.okg-indicator-text{display:none}.okg-indicator-arrow{margin-top:0}.okg-deck{padding:2px}.okg-deck-count{font-size:.68rem;height:18px;min-width:20px;right:-6px;top:-4px}.okg-feed{max-height:1.6rem}.okg-feed-item{font-size:.7rem;padding:2px 8px}.okg-feed-item:not(:first-child){display:none}.okg-melds{border-radius:10px;gap:3px;padding:3px}.okg-melds-empty{font-size:.72rem}.okg-meld-row{gap:4px}.okg-meld-owner{font-size:.62rem;margin-top:2px;max-width:64px;padding:1px 6px}.okg-meld-list{gap:4px}.okg-meld{padding:2px 3px 4px}.okg-hand{align-items:stretch;gap:8px;grid-template-columns:auto minmax(0,1fr);justify-items:stretch;padding:0 max(10px,env(safe-area-inset-right,0px)) max(4px,env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px))}.okg-rack{border-radius:12px;gap:3px;grid-column:1;grid-row:1;padding:5px 7px 6px}.okg-rack-row{gap:2px;padding-bottom:2px}.okg-hand-side{display:flex;flex-direction:column;gap:4px;grid-column:2;grid-row:1;height:0;min-height:100%;overflow-y:auto}.okg-actionbar,.okg-staged{flex:none;width:100%}.okg-actionbar{align-items:stretch;border-radius:10px;flex-direction:column;gap:5px;min-height:0;padding:5px 6px}.okg-actionbar-status{font-size:.74rem;gap:6px;line-height:1.3}.okg-status-timer .okg-timer{height:24px!important;width:24px!important}.okg-actionbar-buttons{gap:4px;justify-content:flex-start}.okg-actionbar-buttons .ok-btn-sm{font-size:.74rem;min-height:28px;padding:0 9px}.okg-sort{margin-left:0}.okg-sort-btn{font-size:.85rem;min-height:28px;padding:0 8px}.okg-staged{border-radius:10px;flex-wrap:wrap;gap:6px;overflow:visible;padding:4px 6px}.okg-staged-progress{width:100%}.okg-staged-list{flex-wrap:wrap;gap:4px}.okg-staged-group{gap:4px;padding:2px 2px 2px 4px}}@media (max-width:640px) and (min-height:561px){.okg-page{--tw:clamp(19px,calc(6.49351vw - 3.37662px),40px);--tw-table:max(17px,calc(var(--tw)*0.8));--seat-avatar:30px}.okg-topbar{padding-left:10px;padding-right:8px}.okg-topbar .ok-logo{display:none}.okg-table{border-radius:22px;border-width:6px;gap:4px;grid-template-columns:minmax(58px,1fr) minmax(0,3.2fr) minmax(58px,1fr);margin:8px 6px 6px;padding:6px}.okg-seat{border-radius:12px;gap:6px;padding:4px 6px 4px 4px}.okg-seat--left,.okg-seat--right{padding:6px 3px}.okg-badge--penalty,.okg-seat-score:before,.okg-seat-status{display:none}.okg-seat-name{font-size:.74rem}.okg-seat-meta{font-size:.66rem;gap:3px}.okg-pile{border-radius:10px;height:calc(var(--tw-table)*1.75);width:calc(var(--tw-table)*1.7)}.okg-center-head{flex-wrap:wrap;gap:8px}.okg-feed{flex-basis:100%;justify-items:start}.okg-feed-item:not(:first-child){display:none}.okg-meld-row{gap:3px;grid-template-columns:1fr}.okg-meld-owner{justify-self:start;margin-top:0}.okg-hand{gap:5px;padding:0 6px 6px}.okg-actionbar-status{flex-basis:100%;font-size:.82rem}.okg-actionbar-buttons{justify-content:flex-start;width:100%}.okg-rack{border-radius:12px;gap:4px;padding:6px}.okg-rack-row{gap:2px}}