.ok-app{--cyan:#36b0ca;--navy:#003343;--wood:repeating-linear-gradient(1deg,#8b5329 0px,#8b5329 3px,#a46933 5px,#89502a 9px,#b0793e 13px,#925625 16px);box-sizing:border-box;color:#fff;background:#00313e;border:7px solid #00313e;width:min(1030px,100%);min-height:680px;margin:8px auto;font:14px Arial,sans-serif;position:relative}.ok-app *{box-sizing:border-box}.ok-app button,.ok-app input{font:inherit}.ok-app button,.ok-app a{touch-action:manipulation}.ok-app button{cursor:pointer;color:#fff;text-shadow:0 1px 1px #004257;background:linear-gradient(#56bfd5,#1592af);border:1px solid #75c9da;border-radius:3px;padding:6px 12px;font-weight:700}.ok-app button:disabled{opacity:.5;cursor:default}.ok-app button:hover:not(:disabled){filter:brightness(1.1)}.ok-app :focus-visible{outline-offset:2px;outline:3px solid #ffe15e}.ok-app input:not([type=checkbox]){color:#172d31;background:#fff;border:2px inset #c5d7d8;border-radius:2px;min-width:0;padding:5px 8px}.ok-app a{color:inherit}.ok-app .ok-primary{background:linear-gradient(#66cfe1,#1799b7);border-color:#a9e4eb}.ok-topbar{background:#002d3a;align-items:stretch;gap:3px;height:49px;padding:1px 0 4px;display:flex}.ok-exit,.ok-register,.ok-topbar nav>button{text-shadow:0 1px #555;justify-content:center;align-items:center;min-width:125px;font-size:16px;font-weight:700;text-decoration:none;display:flex;border:1px solid #111!important;border-radius:4px!important}.ok-exit{background:#b45454}.ok-topbar nav{flex:1;gap:3px;display:flex}.ok-topbar nav>button{background:#2ba8f4}.ok-register{background:#d61500}.ok-topbar nav>.ok-help{background:linear-gradient(#61c6da,#1b9dbb);min-width:140px;margin-left:auto;font-size:13px;border-color:#4ad4ed!important}.ok-identity{overflow-wrap:anywhere;background:linear-gradient(#54b9cf,#2b8fa8);justify-content:center;align-items:center;gap:5px;max-width:205px;padding:4px 10px;font-size:12px;font-weight:700;display:flex}.ok-identity small{font-size:9px;display:none}.ok-identity i,.ok-live-count i{background:#b5b5b5;flex-shrink:0;width:7px;height:7px;display:inline-block}.ok-identity i.online,.ok-live-count i{background:#32ed37}.ok-salon-heading{background:linear-gradient(#149bb7,#007b98);border:1px solid #53aec1;justify-content:space-between;align-items:center;height:29px;padding:3px 9px;display:flex}.ok-salon-heading h1{text-transform:uppercase;text-shadow:0 1px #18526a;margin:0;font-size:16px}.ok-eyebrow{display:none}.ok-live-count{align-items:center;gap:7px;font-size:11px;display:flex}.ok-layout{background:#003d50;grid-template-columns:minmax(0,680px) minmax(0,1fr);gap:12px;padding:0 5px 7px;display:grid}.ok-main-panel{background:linear-gradient(110deg,#0785a0,#00677d);border:1px solid #58b8cb;border-radius:0 0 6px 6px;min-width:0;position:relative;overflow:hidden;box-shadow:inset 0 0 7px #71d5e74d}.ok-panel-title{background:linear-gradient(#0085a1,#006078);border:1px solid #51acc1;justify-content:space-between;align-items:center;height:30px;padding:4px 9px;display:flex}.ok-panel-title h2{text-transform:uppercase;margin:0;font-size:14px}.ok-panel-title h2 span{color:#c1f2f5;padding-left:6px}.ok-panel-title>span{font-size:11px}.ok-create{gap:5px;padding:5px 8px;display:flex}.ok-create input{flex:1;font-size:12px!important}.ok-create button{padding:4px 12px;font-size:12px}.ok-tables{scrollbar-color:#17556a #299eb4;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:8px;min-height:415px;max-height:442px;padding:5px 10px 10px;display:grid;overflow:auto}.ok-table-card{color:#151a18;background:linear-gradient(120deg,#ffe581,#ffdc64 60%,#d39518);border:1px solid #fff4ba;border-radius:7px;height:209px;position:relative;overflow:hidden;box-shadow:0 4px 3px #003a4d}.ok-card-title{z-index:2;justify-content:space-between;align-items:center;gap:4px;display:flex;position:absolute;top:5px;left:6px;right:6px}.ok-card-title b{text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:10px;overflow:hidden}.ok-card-title>span{color:#fff;background:linear-gradient(#efac0b,#c18100);border:1px solid #fff2b4;border-radius:3px;padding:3px;font-size:9px}.ok-mini-table{height:182px;margin-top:12px;position:relative}.ok-mini-table:before{content:"";background:var(--wood);border:5px solid #c88738;border-radius:28px;width:96px;height:97px;position:absolute;top:40px;left:calc(50% - 48px);box-shadow:0 0 0 2px #74431e,0 2px 4px #543617,inset 0 0 0 2px #ecc078,inset 0 0 14px #451e14}.ok-table-number{color:#ffe100;text-shadow:2px 2px #111,-1px -1px #111;font-size:29px;font-weight:700;position:absolute;top:70px;left:50%;transform:translate(-50%)}.ok-mini-seat{text-align:center;z-index:1;width:73px;position:absolute;transform:translate(-50%,-50%)}.ok-mini-seat.pos-0{top:83%;left:50%}.ok-mini-seat.pos-1{top:48%;left:85%}.ok-mini-seat.pos-2{top:20%;left:50%}.ok-mini-seat.pos-3{top:48%;left:15%}.ok-avatar{vertical-align:middle;background:#adccd4;border:3px ridge #d4cbae;border-radius:5px;flex-shrink:0;width:51px;height:58px;padding:2px;display:inline-block;box-shadow:1px 2px 2px #2227}.ok-avatar svg{border:1px solid #3c5257;width:100%;height:100%;display:block}.ok-mini-seat>small{text-shadow:1px 1px 1px #181818;color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-top:-1px;font-size:11px;font-weight:700;display:block;overflow:hidden}.ok-mini-seat button{background:linear-gradient(#61d148,#169b05);border:2px outset #b9eb91;padding:3px 4px;font-size:0;box-shadow:1px 2px 3px #475317}.ok-mini-seat button small{text-shadow:1px 1px #477a2e;font-size:15px}.ok-table-card footer{justify-content:space-between;font-size:10px;font-weight:700;display:flex;position:absolute;bottom:6px;left:10px;right:8px}.ok-sidebar{background:linear-gradient(90deg,#057d98,#00566c);border:1px solid #55b7cb;min-width:0;padding:10px;box-shadow:inset 0 0 8px #00414f}.ok-sidebar .ok-panel-title{background:linear-gradient(#00738c,#003f53);height:31px;margin:0 0 4px}.ok-online-list{scrollbar-color:#65bad0 #024d63;height:346px;overflow:auto}.ok-online-list>div{align-items:center;gap:6px;min-height:26px;padding:3px 1px;display:flex}.ok-online-list>div:before{content:"";background:#29f220;flex-shrink:0;width:7px;height:7px}.ok-online-list .ok-avatar{display:none}.ok-online-list>div>div{flex:1;min-width:0}.ok-online-list b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.ok-online-list small{color:#bde8eb;font-size:10px;display:block}.ok-online-list button{color:#7bef5b;background:0 0;border:0;padding:1px 4px;font-size:18px}.ok-sidebar-note{border-top:1px solid #54bbcc;padding:10px 0 0;font-size:11px}.ok-sidebar-note p{margin:10px 0 0}.ok-sidebar-note label{align-items:center;gap:5px;display:flex}.ok-properties{background:#497360a6;border:1px solid #d8be53;margin-bottom:7px}.ok-properties h2{text-align:center;background:linear-gradient(#076477,#004152);border:2px ridge #5ca0aa;margin:0;padding:8px 2px;font-size:14px}.ok-properties p{color:#ece6c3;border-bottom:1px solid #b5c4a52e;justify-content:space-between;gap:3px;margin:0;padding:7px 9px;font-size:12px;font-weight:700;display:flex}.ok-properties p b{font-size:10px}.ok-score-name{white-space:nowrap;text-overflow:ellipsis;max-width:91px;overflow:hidden}.ok-properties label{gap:6px;padding:10px 6px;font-size:12px;display:flex}.ok-properties>button{margin:0 8px 10px;font-size:11px;display:block}.ok-playing-view{background-color:#a37b0d;background-image:url("data:image/svg,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='54' viewBox='0 0 44 54'%3E%3Cpath d='M22 1c-8 9-4 13 0 16 4-3 8-7 0-16zm0 52c-8-9-4-13 0-16 4 3 8 7 0 16zM1 27c9-8 13-4 16 0-3 4-7 8-16 0zm42 0c-9-8-13-4-16 0 3 4 7 8 16 0zM22 19l8 8-8 8-8-8z' fill='%23d2ad34' opacity='.65'/%3E%3C/svg%3E"),linear-gradient(110deg,#b18e19,#b79922,#74500c)}.ok-playing-view .ok-salon-heading{background:0 0;border:0}.ok-playing-view .ok-layout{background:0 0;grid-template-columns:minmax(0,820px) 160px;gap:10px;padding:0 7px 0 0}.ok-playing-view .ok-main-panel{height:455px;box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.ok-playing-view .ok-main-panel>.ok-panel-title{z-index:5;background:0 0;border:0;height:24px;padding:0;position:absolute;top:0;right:13px}.ok-playing-view .ok-main-panel>.ok-panel-title h2{display:none}.ok-leave{background:#9e412e!important;border-color:#d7a65e!important;padding:4px 8px!important;font-size:10px!important}.ok-board-wrap{height:351px;position:absolute;top:25px;left:47px;right:26px}.ok-board{background:radial-gradient(at 50% 70%,#278767,#0b5638 65%,#034628);border:12px solid #b7792d;border-bottom-width:7px;border-radius:145px 145px 25px 25px;height:100%;position:relative;box-shadow:inset 0 0 0 3px #e8a443,inset 0 7px 10px #0027188c,0 0 0 3px #583000}.ok-felt-mark{color:#5bad7944;white-space:nowrap;font-size:19px;font-style:italic;font-weight:700;position:absolute;top:66%;left:50%;transform:translate(-50%)}.ok-felt-mark small{display:none}.ok-seat{text-align:center;z-index:4;color:#fff;background:linear-gradient(#55bdd4,#31a0bc);border:1px solid #005769;border-radius:4px;width:84px;padding:5px 4px;position:absolute;transform:translate(-50%,-50%);box-shadow:1px 2px 3px #00483455}.ok-seat.seat-0{top:92%;left:-2%}.ok-seat.seat-1{top:29%;left:0%}.ok-seat.seat-2{text-align:left;grid-template-columns:65px 1fr;align-items:center;width:145px;display:grid;top:-2%;left:50%}.ok-seat.seat-3{top:29%;left:99%}.ok-seat .ok-avatar{background:#6baebc;border:4px ridge #c0d6d6;width:65px;height:73px;padding:3px}.ok-seat b{text-overflow:ellipsis;white-space:nowrap;text-shadow:1px 1px #19414d;font-size:12px;display:block;overflow:hidden}.ok-seat small{white-space:nowrap;color:#ecf5dd;font-size:9px;display:block;overflow:hidden}.ok-seat.seat-2 .ok-avatar{grid-row:span 2}.ok-seat.your-turn{background:linear-gradient(#ff6746,#f52605);border-color:#e4d180}.ok-seat:has(.ok-empty-avatar){box-shadow:none;background:0 0;border:none}.ok-seat:has(.ok-empty-avatar)>b{display:none}.ok-empty-avatar{display:none}.ok-seat button{white-space:nowrap;background:linear-gradient(#ff912c,#f15e04);border:2px outset #fff1bf;padding:5px 8px;font-size:12px}.ok-seat .ok-remove{background:#962e1a;border-width:1px;border-radius:50%;width:18px;height:18px;padding:0;position:absolute;top:-7px;right:-6px}.ok-discard-mini{transform-origin:0 0;border-radius:3px;position:absolute;top:0;left:150%;transform:scale(.88);box-shadow:0 0 0 5px #063e2a77}.ok-seat.seat-3 .ok-discard-mini{left:-142%}.ok-seat.seat-2 .ok-discard-mini{top:95px;left:-82%}.ok-seat.seat-0 .ok-discard-mini{top:-120px;left:183%}.ok-center{justify-content:center;align-items:start;gap:14px;width:180px;display:flex;position:absolute;top:30%;left:50%;transform:translate(-50%)}.ok-indicator{order:2}.ok-indicator>small{display:none}.ok-tile-face{background:linear-gradient(125deg,#ffd,#f4e8bd 48%,#dbc184);border:1px solid #b4a269;border-radius:3px;flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:center;width:44px;height:61px;padding:4px 3px 6px;display:inline-flex;box-shadow:inset 1px 1px 1px #fff8dc,1px 2px 1px #58400c}.ok-tile-face strong{font:700 26px/1 Arial}.ok-tile-face small{text-shadow:1px 1px #fff5c6,-2px -2px 1px #9e863d66;border-radius:50%;font-size:14px;line-height:1}.ok-tile-face.ok-color-0{color:#080b08}.ok-tile-face.ok-color-1{color:#c00000}.ok-tile-face.ok-color-2{color:#0075c5}.ok-tile-face.ok-color-3{color:#e90}.ok-center .ok-draw-stack{color:#3f3103;width:46px;height:60px;text-shadow:none;background:linear-gradient(125deg,#ffd,#dfcd93);border:1px solid #f2e2ad;border-radius:2px;order:1;padding:9px 5px;box-shadow:1px 2px #9b7b35}.ok-draw-stack strong{border:4px solid #baa159;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.ok-draw-stack span{color:#fff;font-size:8px;position:absolute;top:67px;left:20px}.ok-joker-label{text-align:center;color:#cbd9a5;width:220px;font-size:10px;position:absolute;top:88px}.ok-ready-message{text-align:center;color:#b4d7b4;font-size:12px;line-height:1.4}.ok-ready-message>span{display:none}.ok-ready-message b{font-size:16px}.ok-ready-message p{font-size:11px}.ok-game-status{z-index:4;color:#ffefba;text-shadow:1px 1px #173724;justify-content:space-between;align-items:center;gap:5px;font-size:10px;display:flex;position:absolute;top:258px;left:155px;right:112px}.ok-game-status b{white-space:nowrap}.ok-start{z-index:5;position:absolute;top:210px;left:50%;transform:translate(-50%);background:linear-gradient(#58c639,#1f990e)!important;border:2px outset #b6d49d!important;font-size:14px!important}.ok-rack{z-index:5;background:var(--wood);border:8px ridge #b48351;border-top:5px ridge #e1b786;border-bottom:12px ridge #bc864d;border-radius:4px 4px 12px 12px;height:157px;padding:3px 9px;position:absolute;top:286px;left:110px;right:107px;box-shadow:inset 0 0 14px #3b2116,0 4px 2px #4c391888}.ok-rack:before{content:"";pointer-events:none;background:linear-gradient(#f4cb81,#a3682b,#6b411e);height:8px;position:absolute;top:67px;left:0;right:0;box-shadow:0 3px 5px #482913}.ok-rack:after{content:"";width:9px;box-shadow:calc(100% + 0px) 0 #988b70;pointer-events:none;background:linear-gradient(90deg,#635b4e,#d2c7a9,#655841);border-radius:3px;position:absolute;top:1px;bottom:-6px;left:-12px}.ok-rack-tiles{grid-template-rows:61px 61px;grid-template-columns:repeat(11,minmax(0,1fr));align-content:start;gap:12px 2px;display:grid;position:relative}.ok-rack .ok-tile{min-width:0;height:61px;text-shadow:none;background:0 0;border:0;padding:0}.ok-rack .ok-tile-face{width:100%;height:60px}.ok-rack .ok-tile.selected{outline-offset:1px;outline:2px solid #36e6ff;transform:translateY(-7px)}.ok-empty-rack{text-align:center;color:#e8c193;grid-area:1/1/3/-1;align-self:center;font-size:11px}.ok-rack-tools{z-index:6;width:96px;position:absolute;top:278px;right:2px}.ok-rack-tools>div{grid-template-columns:1fr 1fr;gap:3px;margin-bottom:4px;display:grid}.ok-rack-tools>div>button:nth-child(-n+2){grid-column:1/-1}.ok-rack-tools button{background:linear-gradient(#65717a,#10161c);border:1px solid #818c8c;border-radius:2px;min-height:25px;padding:5px 3px;font-size:11px}.ok-rack-tools .ok-primary{background:linear-gradient(#46b5c3,#07677a);border-color:#a5cdd2}.ok-rack-tools .ok-finish{background:linear-gradient(#e6b048,#896010)}.ok-rack-tools>div:last-child{flex-wrap:wrap;display:flex}.ok-rack-tools>div:last-child button{flex:1 0 40%}.ok-playing-view .ok-sidebar{background:#356b7799;border-color:#d1bc63;height:455px;padding:4px}.ok-playing-view .ok-sidebar .ok-panel-title{height:26px;margin-bottom:0}.ok-playing-view .ok-sidebar .ok-panel-title h2{font-size:11px}.ok-playing-view .ok-online-list{height:105px}.ok-playing-view .ok-online-list b{font-size:11px}.ok-playing-view .ok-online-list small{font-size:8px}.ok-revealed{z-index:8;background:#035440f5;border:2px solid #d3b55e;padding:8px;position:absolute;top:175px;left:125px;right:115px;box-shadow:0 4px 15px #0006}.ok-revealed>b{font-size:11px}.ok-revealed>div{flex-wrap:wrap;gap:2px;margin-top:5px;display:flex}.ok-revealed .ok-tile-face{width:28px;height:39px}.ok-revealed .ok-tile-face strong{font-size:18px}.ok-chat{background:#35a7c2;border:1px solid #62cbdf;border-radius:7px 7px 0 0;flex-direction:column;width:calc(100% - 10px);height:155px;margin:1px 5px 0;padding:0 5px 5px;display:flex;position:relative}.ok-playing-view .ok-chat{width:calc(100% - 180px);height:157px;margin-top:0}.ok-chat-heading{order:0;height:27px;display:flex}.ok-chat-heading>small{display:none}.ok-tabs{gap:0;display:flex}.ok-tabs button{background:#318caa;border:1px solid #47d0ed;border-radius:8px 8px 0 0;padding:5px 15px;font-size:12px;font-weight:400}.ok-tabs button.active{background:#075266}.ok-messages{color:#000;scrollbar-color:#64b2c0 #eee;background:#fff;flex:1;order:2;padding:4px 6px;font-size:12px;overflow:auto}.ok-messages p{overflow-wrap:anywhere;align-items:baseline;gap:8px;margin:3px 0;line-height:1.25;display:flex}.ok-messages time{color:#738084;font-size:9px}.ok-messages b{text-overflow:ellipsis;flex-shrink:0;max-width:150px;font-size:12px;overflow:hidden}.ok-messages .ok-chat-empty{color:#252525;font-size:12px}.ok-chat form{order:1;gap:3px;height:36px;padding:3px 0 5px;display:flex}.ok-chat form input{flex:1;order:0;padding:2px 5px!important;font-size:12px!important}.ok-chat form>button:first-child{background:linear-gradient(#def4f8,#55bdda);border-radius:0;order:1;padding:0 5px;font-size:24px}.ok-chat form>.ok-primary{border-radius:0;order:2;padding:3px 10px;font-size:13px}.ok-emojis{z-index:12;background:#28697a;border:10px solid #4eb0c7;border-top-width:28px;border-radius:7px;flex-wrap:wrap;gap:6px;width:390px;padding:12px;display:flex;position:absolute;bottom:140px;left:95px;box-shadow:0 4px 10px #0007}.ok-emojis button{text-shadow:none;background:0 0;border:0;padding:3px;font-size:32px}.ok-footer{color:#8abcc1;text-align:right;height:21px;padding:4px 7px;font-size:10px}.ok-footer span{padding:0 5px}.ok-error,.ok-reconnecting{color:#fff;z-index:15;background:#9c3324;border:1px solid #e7ba72;justify-content:space-between;margin:0;padding:6px 10px;font-size:12px;display:flex;position:relative}.ok-error button{background:0 0;border:0;padding:0 5px}.ok-welcome{background:linear-gradient(120deg,#0b784e,#034a38);border:5px ridge #9c682f;grid-template-columns:1fr 1fr;min-height:560px;display:grid}.ok-welcome-art{text-align:center;background:radial-gradient(#298867,#06482c);border:12px ridge #926430;border-radius:130px 130px 30px 30px;flex-direction:column;justify-content:center;margin:30px 12px;padding:65px 35px;display:flex}.ok-welcome-tiles{justify-content:center;gap:5px;margin-bottom:20px;display:flex;transform:rotate(-7deg)}.ok-welcome-tiles .ok-tile-face{width:57px;height:77px}.ok-welcome-tiles strong{font-size:36px}.ok-welcome-art>span{color:#c5dca4;font-size:10px}.ok-welcome-art h1{margin:12px 0;font-size:30px}.ok-welcome-art p{color:#d1dfb1;font-size:13px;line-height:1.5}.ok-feature-row{justify-content:center;gap:10px;font-size:10px;display:flex}.ok-entry{background:#2c7281;border:6px solid #4cb5cb;border-top-width:25px;margin:50px 25px;padding:25px;box-shadow:0 4px 14px #002a31}.ok-entry h2{margin:0 0 12px;font-size:24px}.ok-entry>p{font-size:12px}.ok-entry .ok-tabs{margin:20px 0 15px}.ok-entry .ok-tabs button{padding:7px 14px;font-size:12px}.ok-entry form label{gap:5px;margin:10px 0;font-size:12px;display:grid}.ok-entry .ok-primary{width:100%;margin-top:15px;display:block}.ok-entry form small{color:#c8e6ea;margin-top:12px;font-size:10px;display:block}.ok-entry .hk-account-form{color:#fff;gap:4px;display:grid}.ok-entry .hk-account-form input{width:100%}.ok-entry a{color:#fff1af}.ok-modal-shade{z-index:1000;background:#001a20b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ok-modal{background:#296a7b;border:10px solid #4bacc3;border-top-width:34px;border-radius:7px;width:100%;max-width:520px;max-height:90vh;padding:20px;position:relative;overflow:auto;box-shadow:0 3px 12px #002832}.ok-modal-close{position:absolute;top:2px;right:3px;border-radius:50%!important;padding:0 6px!important;font-size:20px!important}.ok-modal h2{margin:0 0 15px;font-size:21px}.ok-modal ol{padding-left:20px;font-size:13px;line-height:1.5}.ok-modal li{margin-bottom:8px}.ok-modal p{font-size:12px;line-height:1.5}.ok-modal>.ok-primary{width:100%}@media (max-width:800px){.ok-app{border-width:4px;min-height:100vh;margin:0}.ok-topbar{height:45px}.ok-exit,.ok-register,.ok-topbar nav>button{min-width:70px;font-size:12px}.ok-topbar nav>.ok-help{min-width:100px;font-size:10px}.ok-identity{max-width:110px;padding:2px 5px;font-size:10px}.ok-salon-heading h1{font-size:13px}.ok-live-count{font-size:9px}.ok-layout{grid-template-columns:minmax(0,1fr) 185px;gap:6px;padding:0 2px 4px}.ok-tables{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:5px 7px}.ok-sidebar{padding:5px}.ok-playing-view .ok-layout{grid-template-columns:minmax(0,1fr) 140px;gap:4px;padding:0 2px}.ok-board-wrap{left:35px;right:22px}.ok-rack{padding:4px;left:80px;right:85px}.ok-rack-tools{width:77px;right:2px}.ok-rack-tools button{font-size:10px}.ok-rack-tiles{grid-template-columns:repeat(8,minmax(0,1fr))}.ok-rack .ok-tile-face strong{font-size:22px}.ok-game-status{left:100px;right:85px}.ok-seat{width:67px}.ok-seat .ok-avatar{width:54px;height:64px}.ok-seat.seat-2{grid-template-columns:57px 1fr;width:125px}.ok-seat b{font-size:10px}.ok-discard-mini{transform:scale(.65)}.ok-playing-view .ok-chat{width:calc(100% - 151px)}.ok-properties p{padding:6px;font-size:10px}.ok-properties h2{font-size:12px}.ok-score-name{max-width:77px}.ok-properties label{font-size:11px}.ok-center{gap:10px}.ok-playing-view .ok-online-list{height:130px}}@media (max-width:560px){.ok-topbar{flex-wrap:wrap;gap:2px;height:auto;min-height:70px}.ok-exit{min-width:65px;height:35px}.ok-topbar nav{height:35px}.ok-topbar nav>button{min-width:85px}.ok-register{min-width:64px}.ok-topbar nav>.ok-help{min-width:90px;font-size:9px}.ok-identity{background:#075268;width:100%;max-width:100%;height:22px;padding:2px;font-size:10px}.ok-salon-heading{height:32px;padding:3px 5px}.ok-salon-heading h1{white-space:nowrap;text-overflow:ellipsis;max-width:170px;font-size:12px;overflow:hidden}.ok-live-count{flex-wrap:wrap;justify-content:end;gap:4px;max-width:155px;font-size:8px}.ok-layout{grid-template-columns:1fr}.ok-sidebar{display:none}.ok-tables{min-height:370px;max-height:435px}.ok-table-card{height:195px}.ok-mini-table{height:165px}.ok-mini-seat .ok-avatar{width:43px;height:51px}.ok-mini-table:before{border-radius:23px;width:80px;height:82px;top:40px;left:calc(50% - 40px)}.ok-mini-seat{width:61px}.ok-mini-seat>small{font-size:9px}.ok-mini-seat button small{font-size:13px}.ok-card-title b{max-width:98px;font-size:9px}.ok-card-title>span{padding:2px;font-size:7px}.ok-table-number{font-size:25px;top:65px}.ok-table-card footer{font-size:8px;left:7px;right:6px}.ok-create input{width:50%}.ok-create button{padding:5px;font-size:10px}.ok-panel-title h2{font-size:12px}.ok-panel-title>span{font-size:9px}.ok-playing-view .ok-layout{grid-template-columns:1fr;padding:0}.ok-playing-view .ok-main-panel{height:460px}.ok-board-wrap{height:316px;top:29px;left:25px;right:25px}.ok-board{border-width:8px;border-radius:85px 85px 20px 20px}.ok-seat{width:61px;padding:3px}.ok-seat .ok-avatar{border-width:3px;width:50px;height:58px;padding:2px}.ok-seat.seat-0{top:94%;left:1%}.ok-seat.seat-1{top:35%;left:1%}.ok-seat.seat-3{top:35%;left:99%}.ok-seat.seat-2{grid-template-columns:52px 1fr;width:118px;top:1%}.ok-seat small{font-size:7px}.ok-seat b{font-size:9px}.ok-seat button{padding:4px;font-size:9px}.ok-discard-mini{top:25px;left:110%;transform:scale(.6)}.ok-seat.seat-3 .ok-discard-mini{left:-65%}.ok-seat.seat-2 .ok-discard-mini{top:88px;left:-35%}.ok-seat.seat-0 .ok-discard-mini{top:-58px;left:112%}.ok-center{gap:8px;width:120px;top:32%}.ok-center .ok-tile-face{width:35px;height:51px}.ok-center .ok-tile-face strong{font-size:23px}.ok-center .ok-draw-stack{width:36px;height:50px;padding:7px 2px}.ok-draw-stack strong{border-width:3px;width:30px;height:30px;font-size:16px}.ok-draw-stack span{top:55px;left:11px}.ok-joker-label{font-size:8px;top:73px}.ok-felt-mark{font-size:13px;top:67%}.ok-game-status{text-align:center;flex-wrap:wrap;justify-content:center;font-size:8px;top:236px;left:79px;right:17px}.ok-ready-message b{font-size:12px}.ok-ready-message p{font-size:9px}.ok-start{top:214px;padding:4px 9px!important;font-size:11px!important}.ok-rack{border-width:5px 5px 9px;height:127px;padding:3px 4px;top:278px;left:70px;right:9px}.ok-rack-tiles{grid-template-rows:48px 48px;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px 2px}.ok-rack .ok-tile{height:48px}.ok-rack .ok-tile-face{height:47px}.ok-rack .ok-tile-face strong{font-size:21px}.ok-rack .ok-tile-face small{font-size:10px}.ok-rack:before{height:7px;top:51px}.ok-rack-tools{justify-content:space-between;gap:5px;width:auto;display:flex;top:415px;left:6px;right:6px}.ok-rack-tools>div{gap:3px;margin:0;flex-wrap:nowrap!important;display:flex!important}.ok-rack-tools button{white-space:nowrap;min-height:28px;padding:4px 5px;font-size:9px}.ok-rack-tools>div:last-child button{flex:initial}.ok-playing-view .ok-chat{width:calc(100% - 6px);height:150px;margin:0 3px}.ok-chat{width:calc(100% - 6px);height:150px;margin:2px 3px}.ok-chat form>.ok-primary{padding:2px 6px;font-size:11px}.ok-chat form input{width:50%;font-size:11px!important}.ok-messages p{flex-wrap:wrap;gap:5px;font-size:11px}.ok-messages b{max-width:120px;font-size:10px}.ok-emojis{border-width:22px 7px 7px;gap:2px;width:280px;padding:8px;left:20px}.ok-emojis button{font-size:27px}.ok-revealed{top:175px;left:70px;right:20px}.ok-revealed .ok-tile-face{width:22px;height:32px}.ok-revealed .ok-tile-face strong{font-size:15px}.ok-revealed .ok-tile-face small{font-size:9px}.ok-welcome{grid-template-columns:1fr;min-height:0}.ok-welcome-art{border-width:7px;min-height:230px;margin:12px 15px;padding:22px}.ok-welcome-art h1{font-size:24px}.ok-welcome-art>span,.ok-feature-row{display:none}.ok-welcome-art p{margin:0;font-size:11px}.ok-welcome-tiles{margin-bottom:10px}.ok-welcome-tiles .ok-tile-face{width:37px;height:50px}.ok-welcome-tiles strong{font-size:25px}.ok-entry{border-width:20px 6px 6px;margin:0 15px 20px;padding:20px}.ok-entry h2{font-size:21px}.ok-modal{border-width:26px 7px 7px;padding:15px}.ok-modal h2{font-size:19px}.ok-modal li{font-size:12px}.ok-footer{font-size:8px}}.ok-app{--wood:url(/images/okey-wood.svg) center/480px 150px}.ok-playing-view{background-image:url(/images/okey-damask.svg),linear-gradient(110deg,#b18e19,#b79922,#74500c);background-repeat:repeat,no-repeat;background-size:44px 58px,100% 100%}@media (min-width:801px){.ok-playing-view .ok-chat{width:calc(100% - 335px)}.ok-playing-view .ok-sidebar>.ok-panel-title{z-index:3;width:318px;height:26px;position:absolute;top:540px;right:5px}.ok-playing-view .ok-sidebar>.ok-online-list{z-index:3;background:#306e7e;border:1px solid #63bed0;width:318px;height:130px;padding:5px 8px;position:absolute;top:566px;right:5px}.ok-playing-view .ok-online-list b{font-size:14px}.ok-playing-view .ok-online-list small{font-size:10px}.ok-playing-view .ok-sidebar{background:0 0;border:0}}.ok-turn-clock{flex-shrink:0;align-items:center;min-height:14px;margin-left:52px;display:inline-flex;position:relative}.ok-own-discard{text-shadow:none;line-height:0;position:absolute;bottom:0;right:calc(100% + 9px)}.ok-own-discard .ok-tile-face{width:36px;height:50px}.ok-own-discard .ok-tile-face strong{font-size:23px}.ok-seat.seat-1 .ok-discard-mini{top:10px;left:calc(100% + 10px)}.ok-seat.seat-2 .ok-discard-mini,.ok-seat.seat-3 .ok-discard-mini{transform-origin:100% 0;top:10px;left:auto;right:calc(100% + 10px)}@media (max-width:560px){.ok-turn-clock{margin-left:auto}.ok-own-discard{right:calc(100% + 7px)}.ok-own-discard .ok-tile-face{width:29px;height:41px}.ok-own-discard .ok-tile-face strong{font-size:20px}.ok-seat.seat-1 .ok-discard-mini{top:5px;left:calc(100% + 4px)}.ok-seat.seat-2 .ok-discard-mini,.ok-seat.seat-3 .ok-discard-mini{top:5px;left:auto;right:calc(100% + 4px)}.ok-game-status>span:first-child{max-width:calc(100% - 82px)}}.ok-rack .ok-tile,.ok-app .ok-draw-stack,.ok-take-discard{touch-action:none;-webkit-user-select:none;user-select:none}.ok-take-discard[aria-disabled=false]{cursor:grab}.ok-take-discard:focus-visible{outline:2px solid #ffed98}.ok-empty-discard{background:#054c3566;border:1px dashed #ebd69b88;border-radius:3px;justify-content:center;align-items:center;width:36px;height:50px;display:flex}.ok-empty-discard>span{text-align:center;color:#e2dcb7;font-size:9px;line-height:1.3}.ok-dragging-hand .ok-own-discard{outline-offset:3px;outline:3px solid #ffe787;box-shadow:0 0 14px #ffda5277}.ok-dragging-draw .ok-rack{outline-offset:2px;outline:3px solid #ffe787}.ok-own-discard>*{pointer-events:none}@media (max-width:560px){.ok-empty-discard{width:29px;height:41px}.ok-empty-discard>span{font-size:8px}}.ok-rack{scrollbar-width:thin;scrollbar-color:#d5ab69 #65401e;overflow:auto hidden}.ok-rack-tiles{grid-template-rows:61px 61px;grid-template-columns:repeat(13,minmax(0,1fr));position:relative}.ok-rack .ok-slot-empty{width:100%;min-width:0;height:61px;box-shadow:none;cursor:pointer;background:0 0;border:1px dashed #e7bd741c;border-radius:2px;padding:0}.ok-rack .ok-slot-empty:hover{background:#ffe4ac1c;border-color:#ebc88a99}.ok-rack .ok-slot-empty:focus-visible{outline-offset:-2px;outline:2px solid #ffe18b}.ok-rack .ok-empty-rack{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ok-dragging-hand .ok-slot-empty,.ok-dragging-draw .ok-slot-empty{border-color:#e6ce7855}@media (max-width:800px){.ok-rack-tiles{grid-template-columns:repeat(13,minmax(0,1fr));min-width:390px}}@media (max-width:560px){.ok-rack-tiles{grid-template-rows:48px 48px;gap:10px 2px}.ok-rack .ok-slot-empty{height:48px}.ok-rack{padding-bottom:8px}.ok-rack .ok-tile-face strong{font-size:20px}}.ok-welcome{border:3px solid #e8a443}.ok-welcome-art{border:6px solid #e8a443;box-shadow:0 0 0 6px #785027,inset 0 0 0 5px #274c2a}.ok-entry select{color:#163c46;width:100%;min-height:40px;font:inherit;background:#fff;border:1px solid #91c3cd;border-radius:2px;padding:8px 10px}.ok-entry form .ok-bot-trap{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ok-avatar img{object-fit:cover;border-radius:2px;width:100%;height:100%;display:block}.ok-revealed>div{grid-template-columns:repeat(13,minmax(0,1fr));gap:5px 2px;display:grid}.ok-revealed-slot{min-width:0;min-height:32px;display:block}.ok-revealed-slot .ok-tile-face{width:100%;max-width:32px;height:42px}.ok-revealed-slot .ok-tile-face strong{font-size:20px}.ok-revealed-slot .ok-tile-face small{font-size:9px}.ok-dragging-hand .ok-draw-stack{outline-offset:5px;outline:3px dashed #ffe381}.ok-dragging-hand .ok-draw-stack span{font-size:0}.ok-dragging-hand .ok-draw-stack span:after{content:"Bitirmek için bırak";font-size:10px}.ok-main-panel:has(.ok-revealed) .ok-start{z-index:9;top:130px}@media (max-width:560px){.ok-revealed{left:65px;right:8px}.ok-revealed-slot .ok-tile-face{height:32px;padding:3px 0}.ok-revealed-slot .ok-tile-face strong{font-size:13px}.ok-revealed-slot .ok-tile-face small{font-size:7px}.ok-revealed>div{gap:4px 1px}}.ok-rack-tools .ok-sort-buttons{grid-template-columns:1fr;gap:4px;display:grid}.ok-rack-tools .ok-sort-runs{color:#fff;text-shadow:0 1px #87430a;background:linear-gradient(#ffad3b,#d86a08);border-color:#ffd28a}.ok-rack-tools .ok-sort-pairs{color:#fff;text-shadow:0 1px #245e19;background:linear-gradient(#65c64d,#238b27);border-color:#b3e89c}.ok-rack-tools .ok-self-seat{flex-direction:column;align-items:center;gap:1px;width:100%;margin:6px 0 0;padding:4px 2px;display:flex;position:relative;top:auto;left:auto;transform:none}.ok-self-seat .ok-avatar{border-width:2px;width:48px;height:54px;padding:2px}.ok-self-seat b,.ok-self-seat small{max-width:100%}@media (max-width:560px){.ok-rack-tools{align-items:center;top:411px}.ok-rack-tools .ok-sort-buttons{gap:5px;display:flex!important}.ok-rack-tools .ok-sort-buttons button{padding:7px 10px;font-size:11px}.ok-rack-tools .ok-self-seat{text-align:left;grid-template-columns:30px minmax(0,1fr);column-gap:5px;width:145px;margin:0;padding:3px;flex-wrap:initial!important;display:grid!important}.ok-self-seat .ok-avatar{grid-row:span 2;width:28px;height:32px;padding:1px}.ok-self-seat b{font-size:10px}.ok-self-seat small{font-size:8px}}.ok-avatar{position:relative;overflow:visible}.ok-avatar>svg.ok-avatar-timer{pointer-events:none;z-index:2;fill:none;stroke-width:3px;stroke-linecap:round;border:0;width:calc(100% + 12px);height:calc(100% + 12px);position:absolute;inset:-6px;overflow:visible}.ok-timer-track{stroke:#072d38aa}.ok-timer-progress{stroke:#43ddff;transition:stroke-dasharray .1s linear}.is-discard .ok-timer-progress{stroke:#ffac38}.ok-create{flex-wrap:wrap;align-items:end}.ok-create>input{align-self:stretch;min-width:120px}.ok-create label{gap:3px;font-size:10px;display:grid}.ok-create select{color:#174450;background:#fff;border:1px solid #62c2d5;border-radius:3px;padding:4px;font-size:12px}@media (max-width:560px){.ok-create>input{flex-basis:100%}.ok-create>button{flex:1}.ok-avatar>svg.ok-avatar-timer{width:calc(100% + 8px);height:calc(100% + 8px);inset:-4px}}.ok-online-list>div{background:#65cbea12;border:1px solid #79d5f0;border-radius:6px;gap:7px;margin:5px 1px;padding:7px 6px}.ok-online-list small{overflow-wrap:anywhere}.ok-create label{color:#e2f8ff;min-width:104px;font-size:11px}.ok-create select{border-color:#9de3f2;min-height:32px}.ok-game-status{justify-content:flex-end}.ok-seat.seat-1 .ok-discard-mini,.ok-seat.seat-2 .ok-discard-mini,.ok-seat.seat-3 .ok-discard-mini{transform-origin:100%;line-height:0;top:41.5px;transform:translateY(-50%)scale(.88)}.ok-seat.seat-1 .ok-discard-mini{transform-origin:0}@media (max-width:800px){.ok-seat.seat-1 .ok-discard-mini,.ok-seat.seat-2 .ok-discard-mini,.ok-seat.seat-3 .ok-discard-mini{top:37px;transform:translateY(-50%)scale(.65)}}@media (max-width:560px){.ok-seat.seat-1 .ok-discard-mini,.ok-seat.seat-2 .ok-discard-mini,.ok-seat.seat-3 .ok-discard-mini{top:32px;transform:translateY(-50%)scale(.6)}}.ok-lobby-view .ok-salon-heading{flex-wrap:wrap;gap:8px;height:auto;min-height:40px;margin-bottom:12px;padding:8px 9px}.ok-lobby-view .ok-live-count{line-height:1.5}@media (min-width:801px){.ok-playing-view .ok-layout{position:relative}.ok-playing-view .ok-sidebar>.ok-panel-title{height:27px;top:calc(100% + 1px)}.ok-playing-view .ok-sidebar>.ok-online-list{top:calc(100% + 28px)}}.ok-seat.seat-2:has(.ok-empty-avatar){justify-content:center;align-items:center;display:flex}.ok-center:has(.ok-ready-message){width:100%;top:40%;left:50%;transform:translate(-50%,-50%)}.ok-ready-message{text-align:center;flex-direction:column;align-items:center;gap:18px;width:100%;display:flex}.ok-ready-message .ok-start{flex:none;margin:0;position:static;transform:none}@media (min-width:801px){.ok-playing-view .ok-layout{grid-template-columns:minmax(0,1fr) 160px;padding-right:3px}.ok-playing-view .ok-sidebar{padding-right:0}}@media (min-width:561px){.ok-rack-tools{top:286px}}.ok-topbar nav>.ok-create-trigger{background:linear-gradient(#65c74e,#218c29);border-color:#9ce18b;min-width:115px}.ok-create-dialog{color:#fff;background:#205f70;border:3px solid #65c8dc;border-radius:12px;width:min(440px,100vw - 32px);max-height:calc(100dvh - 40px);padding:26px;overflow:auto;box-shadow:0 18px 60px #001b33aa}.ok-create-dialog::backdrop{background:#001821ba}.ok-create-dialog h2{margin:0 34px 8px 0;font-size:23px}.ok-create-dialog>p{color:#d2edf1;font-size:13px}.ok-create-modal-form{grid-template-columns:1fr 1fr;gap:16px;padding:14px 0 0;display:grid}.ok-create-modal-form .ok-create-name,.ok-create-modal-form>button{grid-column:1/-1}.ok-create-modal-form label{gap:7px;min-width:0;font-size:13px}.ok-create-modal-form input,.ok-create-modal-form select{width:100%;min-height:40px}.ok-create-modal-form>button{min-height:42px;background:linear-gradient(#65c74e,#218c29)!important}.ok-app .ok-create-close{color:#fff;background:#d83936;border:2px solid #ffb0ab;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;font-size:24px;line-height:1;transition:transform .25s;display:grid;position:absolute;top:12px;right:12px}.ok-app .ok-create-close:hover{transform:rotate(90deg)}.ok-create-dialog .ok-create-error{color:#ffe0db}@media (max-width:560px){.ok-topbar nav>.ok-create-trigger{min-width:0;padding:6px;font-size:11px}.ok-create-dialog{padding:20px}.ok-create-modal-form{gap:12px}}@media (prefers-reduced-motion:reduce){.ok-app .ok-create-close{transition:none}}.ok-bottom-row{min-width:0;margin:0 5px}.ok-bottom-row>.ok-chat{width:100%;margin:0}.ok-players-panel{background:#306e7e;border:1px solid #63bed0;border-radius:5px;min-width:0;overflow:hidden}.ok-players-panel>.ok-panel-title{height:27px;margin:0;padding:4px 9px}.ok-players-panel>.ok-online-list{height:auto;min-height:128px;max-height:400px;padding:5px 8px;overflow:auto}.ok-playing-view .ok-sidebar-note{display:none}@media (min-width:561px){.ok-playing-view .ok-bottom-row{grid-template-columns:minmax(0,1fr) 185px;align-items:start;gap:8px;display:grid}.ok-playing-view .ok-bottom-row>.ok-chat{width:100%;margin:0}}@media (min-width:801px){.ok-playing-view .ok-bottom-row{grid-template-columns:minmax(0,1fr) 318px}}@media (max-width:560px){.ok-bottom-row{margin:0 3px}.ok-bottom-row>.ok-players-panel{margin-top:8px}}.ok-playing-view .ok-salon-heading{gap:8px;height:auto;min-height:42px;padding:5px 9px}.ok-playing-view .ok-salon-heading h1{color:#073d50;text-shadow:none;text-transform:none;white-space:normal;overflow-wrap:anywhere;background:linear-gradient(#86d9ed,#49b3d1);border:1px solid #b5edfa;border-radius:9px;max-width:100%;padding:7px 13px;font-size:14px;line-height:1.25;display:inline-block;box-shadow:inset 0 1px #d5f7ff80,0 2px 3px #00303d30}@media (max-width:560px){.ok-playing-view .ok-salon-heading{flex-wrap:wrap;padding:5px}.ok-playing-view .ok-salon-heading h1{padding:6px 10px;font-size:12px}.ok-mini-seat{flex-direction:column;justify-content:center;align-items:center;width:48px;display:flex}.ok-mini-seat.pos-1{left:82%}.ok-mini-seat.pos-3{left:18%}.ok-app .ok-mini-seat>button{justify-content:center;align-items:center;width:44px;min-height:28px;padding:0;font-size:0;line-height:1;display:flex}.ok-mini-seat button small{font-size:12px;line-height:1;display:block}.ok-mini-seat>small{max-width:100%}.ok-playing-view .ok-main-panel{height:590px}.ok-rack{height:249px;padding:4px 5px 8px;top:278px;left:9px;right:9px;overflow:hidden}.ok-rack-tiles{grid-template-rows:repeat(4,48px);grid-template-columns:repeat(7,minmax(0,1fr));gap:10px 3px;min-width:0}.ok-rack:before{z-index:0;height:7px;top:52px;box-shadow:0 58px #a3682b,0 116px #a3682b}.ok-rack-tools{top:538px;left:9px;right:9px}.ok-mini-seat.pos-0{top:132px;left:50%}.ok-mini-seat.pos-2{top:30px;left:50%}.ok-mini-seat.pos-1{top:81px;left:min(100% - 25px,50% + 62px)}.ok-mini-seat.pos-3{top:81px;left:max(25px,50% - 62px)}.ok-mini-table:before{left:50%;transform:translate(-50%)}.ok-mini-table .ok-table-number{top:81px;left:50%;transform:translate(-50%,-50%)}.ok-rack:before{height:123px;box-shadow:none;z-index:0;background:repeating-linear-gradient(#f4cb81 0,#a3682b 3px,#6b411e 7px,#0000 7px 58px);top:52px}}.ok-create-modal-form .ok-stake-note{color:#d9f3eb;grid-column:1/-1;margin:0;font-size:12px;line-height:1.5}.ok-wallet-score{float:right;color:#d0f6a7;margin:2px 0 0 6px;font-size:10px}.ok-match-result{background:#245b48;border:1px solid #ffe287;border-radius:6px;margin:8px 5px;padding:12px;font-size:13px}.ok-match-result p{margin:7px 0}.ok-match-result strong{color:#ffdf72;margin-left:10px}.ok-seat>.ok-avatar+b{margin-top:8px}.ok-seat>small{text-overflow:ellipsis;margin-top:3px;line-height:1.4}.ok-seat.seat-2{grid-template-columns:65px minmax(0,1fr);column-gap:9px;width:164px}.ok-seat.seat-2>.ok-avatar+b{align-self:end;margin-top:0}.ok-seat.seat-2>small{white-space:normal;align-self:start}.ok-rack-tools .ok-self-seat{row-gap:3px;padding-bottom:7px}.ok-mini-seat>.ok-avatar+small{margin-top:5px}@media (max-width:800px){.ok-seat.seat-2{grid-template-columns:54px minmax(0,1fr);width:145px}}@media (max-width:560px){.ok-seat.seat-2{grid-template-columns:50px minmax(0,1fr);column-gap:8px;width:137px}.ok-rack-tools .ok-self-seat{gap:2px 8px;width:151px;padding:3px}.ok-self-seat>.ok-avatar+b,.ok-self-seat>small{margin-top:0}}.ok-rewards-bar{background:linear-gradient(120deg,#084959,#002632);border:1px solid #32889a;border-radius:7px;grid-template-columns:minmax(0,1fr) 290px;gap:12px;margin-bottom:7px;padding:12px;display:grid;box-shadow:inset 0 1px #78cbda33}.ok-gift-area{min-width:0}.ok-gift-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px;display:flex}.ok-gift-heading>span{letter-spacing:1.3px;color:#ffe5a3;font-size:11px;font-weight:800}.ok-gift-heading>small{color:#a9ced3;font-size:10px}.ok-gift-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.ok-gift-card{background:linear-gradient(120deg,#76501e,#3c3925);border:1px solid #bc984e;border-radius:7px;grid-template-columns:36px minmax(0,1fr);gap:8px;min-width:0;padding:10px;display:grid}.ok-gift-time{background:linear-gradient(120deg,#1a6061,#154048);border-color:#418e93}.ok-gift-icon{text-align:center;filter:drop-shadow(0 2px 2px #0005);align-self:center;font-size:27px}.ok-gift-copy{min-width:0}.ok-gift-copy h2{color:#fff2cf;margin:0 0 3px;font-size:12px;line-height:1.4}.ok-gift-copy p{color:#e1e9df;margin:0 0 5px;font-size:10px;line-height:1.4}.ok-gift-status{color:#c3d4d1;font-size:9px}.ok-gift-card>button{background:linear-gradient(#d49d43,#94601c);border-color:#d7b778;grid-column:1/-1;padding:5px 8px;font-size:10px}.ok-gift-time>button{background:linear-gradient(#3b9390,#246562);border-color:#77b8ad}.ok-gift-card>button:disabled{opacity:.75}.ok-gift-progress{background:#092e35;border-radius:8px;height:5px;margin:5px 0 3px;overflow:hidden;box-shadow:inset 0 1px 2px #0005}.ok-gift-progress>span{background:#f4c366;width:0;height:100%;display:block}.ok-radio-panel{background:linear-gradient(135deg,#072e3d,#001d29);border:1px solid #347e92;border-radius:7px;flex-direction:column;justify-content:space-between;min-width:0;padding:11px;display:flex;box-shadow:inset 0 1px #b9e9f012}.ok-radio-heading{justify-content:space-between;align-items:center;gap:7px;display:flex}.ok-radio-heading strong{letter-spacing:.8px;color:#7ad4e5;font-size:11px}.ok-radio-heading>span{color:#b5ccd1;white-space:nowrap;background:#25424b;border-radius:10px;padding:3px 6px;font-size:9px}.ok-radio-now{align-items:center;gap:10px;margin:12px 0;display:flex}.ok-radio-disc{color:#f2c975;background:repeating-radial-gradient(#062630 0 3px,#153744 4px 5px);border:3px solid #234e5c;border-radius:50%;outline:1px solid #56909c;flex-shrink:0;place-items:center;width:43px;height:43px;font-size:24px;display:grid}.ok-radio-now>div:not(.ok-radio-bars){gap:4px;min-width:0;display:grid}.ok-radio-now small{letter-spacing:1px;color:#91b4be;font-size:8px}.ok-radio-now b{font-size:12px}.ok-radio-now span:not(.ok-radio-disc){color:#a6c8d0;font-size:10px}.ok-radio-bars{align-items:center;gap:3px;height:25px;margin-left:auto;display:flex}.ok-radio-bars i{background:#3f7783;border-radius:2px;width:3px;height:9px}.ok-radio-bars i:nth-child(2n){height:19px}.ok-radio-bars i:nth-child(3){height:25px}.ok-radio-controls{align-items:center;gap:8px;display:flex}.ok-radio-controls .ok-radio-play{border-radius:50%;flex-shrink:0;width:29px;height:29px;padding:0;font-size:11px}.ok-radio-controls>label{color:#b8d2d9;flex:1;align-items:center;gap:5px;min-width:0;font-size:9px;display:flex}.ok-radio-controls input{accent-color:#65bed0;width:100%;min-width:0}.ok-radio-controls .ok-radio-request{white-space:nowrap;background:linear-gradient(#bd8540,#8a5821);border-color:#b79862;padding:6px 8px;font-size:10px}.ok-radio-controls button:disabled{opacity:.65}@media (max-width:800px){.ok-rewards-bar{grid-template-columns:minmax(0,1fr) 245px;gap:8px;padding:9px}.ok-gift-heading>small{display:none}.ok-gift-card{grid-template-columns:27px minmax(0,1fr);gap:6px;padding:8px}.ok-gift-icon{font-size:23px}.ok-gift-copy h2{font-size:11px}.ok-radio-panel{padding:9px}}@media (max-width:560px){.ok-rewards-bar{grid-template-columns:1fr;gap:10px;padding:8px}.ok-gift-heading>small{font-size:9px;display:block}.ok-gift-heading>span{font-size:10px}.ok-gift-card{grid-template-columns:27px minmax(0,1fr);padding:9px}.ok-radio-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:12px;display:grid}.ok-radio-heading{grid-column:1/-1}.ok-radio-now{gap:8px;margin:10px 0 0}.ok-radio-disc{width:32px;height:32px;font-size:19px}.ok-radio-bars{display:none}.ok-radio-now b{font-size:10px}.ok-radio-controls{gap:6px;margin-top:10px}.ok-radio-controls>label{display:none}.ok-radio-controls .ok-radio-request{flex:1}}.ok-salon-loading{text-align:center;background:radial-gradient(#116171 0%,#063c4a 48%,#002d3a 100%);border:1px solid #357b88;border-radius:8px;place-items:center;min-height:440px;padding:40px 20px;display:grid}.ok-loading-content{flex-direction:column;align-items:center;max-width:340px;display:flex}.ok-loading-emblem{place-items:center;width:140px;height:140px;margin-bottom:25px;display:grid;position:relative}.ok-loading-orbit{border:2px solid #78dfdf;border-color:#78dfdf #e5bd6f #66c9d321 #66c9d321;border-radius:50%;animation:2s linear infinite ok-loading-spin;position:absolute;inset:0;box-shadow:0 0 24px #52d1d314}.ok-loading-emblem:after{content:"";border:1px dashed #86ced32b;border-radius:50%;position:absolute;inset:10px}.ok-loading-tiles{z-index:1;align-items:center;gap:5px;display:flex}.ok-loading-tiles>span{color:#bf352c;background:linear-gradient(135deg,#fff7d3,#e6d49f);border:1px solid #d7be7c;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:30px;height:46px;font-size:23px;font-weight:800;display:flex;transform:rotate(-10deg);box-shadow:0 4px #a68b52,0 8px 12px #001b3555}.ok-loading-tiles>span:nth-child(2){color:#194e69;transform:translateY(-7px)}.ok-loading-tiles>span:nth-child(3){transform:rotate(10deg)}.ok-loading-tiles i{background:currentColor;border-radius:50%;width:4px;height:4px}.ok-loading-label{letter-spacing:2.5px;color:#e7c98e;font-size:10px;font-weight:700}.ok-salon-loading h2{color:azure;margin:12px 0 8px;font-size:24px;line-height:1.3}.ok-salon-loading p{color:#afd0d5;margin:0;font-size:12px;line-height:1.6}.ok-loading-dots{gap:7px;margin-top:23px;display:flex}.ok-loading-dots i{background:#6ed6df;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite ok-loading-pulse}.ok-loading-dots i:nth-child(2){animation-delay:.18s}.ok-loading-dots i:nth-child(3){animation-delay:.36s}@keyframes ok-loading-spin{to{transform:rotate(360deg)}}@keyframes ok-loading-pulse{0%,70%,to{opacity:.3;transform:translateY(0)}35%{opacity:1;transform:translateY(-5px)}}@media (max-width:560px){.ok-salon-loading{min-height:350px;padding:30px 16px}.ok-loading-emblem{width:116px;height:116px;margin-bottom:20px}.ok-salon-loading h2{font-size:21px}}@media (prefers-reduced-motion:reduce){.ok-loading-orbit,.ok-loading-dots i{animation:none}.ok-loading-dots i{opacity:.7}}.ok-101 .ok-rack{height:219px}.ok-101 .ok-rack-tiles{grid-template-rows:repeat(3,58px)}.ok-101 .ok-rack:before{height:76px;box-shadow:none;background:repeating-linear-gradient(#f4cb81 0,#a3682b 3px,#6b411e 7px,#0000 7px 67px);top:62px}.ok-101.ok-playing-view .ok-main-panel{height:545px}.ok-101-table-options{text-align:center;color:#22475d;background:#fff3c2;border-radius:3px;padding:3px;font-size:9px;position:absolute;bottom:5px;left:6px;right:6px}.ok-101 .ok-table-card footer{bottom:27px}.ok-101 .ok-table-card{height:278px}.ok-101-meld-panel{background:#075565;border:1px solid #61bbcb;border-radius:7px;margin:8px 4px;padding:14px}.ok-101-meld-panel header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.ok-101-meld-panel h2{margin:0;font-size:16px}.ok-101-meld-panel header>span{color:#bfe6ed;font-size:11px}.ok-101-meld-panel p{color:#c3e2e5;font-size:11px;line-height:1.6}.ok-101-actions{flex-wrap:wrap;gap:7px;margin:13px 0;display:flex}.ok-101-actions button,.ok-101-actions select{border-radius:4px;padding:7px;font-size:11px}.ok-101-actions select{color:#163b48;background:#e8f6f8;border:1px solid #75b9c9}.ok-101-open-groups,.ok-101-pending{flex-wrap:wrap;gap:10px;display:flex}.ok-101-open-groups article,.ok-101-pending>div{background:#093f48;border:1px solid #4e93a0;border-radius:5px;max-width:100%;padding:8px}.ok-101-open-groups article>small{margin-bottom:6px;font-size:10px;display:block}.ok-101-open-groups article>div,.ok-101-pending>div{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.ok-101-open-groups article>div>button{opacity:1;background:0 0;border:0;padding:0}.ok-101-meld-panel .ok-tile-face{width:28px;height:39px}.ok-101-meld-panel .ok-tile-face strong{font-size:21px}.ok-101-meld-panel .ok-tile-face small{font-size:8px}.ok-101-open-groups article>button{margin-top:7px;padding:4px 8px;font-size:10px}.ok-101-pending{margin-bottom:12px}.ok-101-pending b{margin-right:4px;font-size:10px}.ok-101-meld-panel details{margin-top:10px;font-size:12px}@media (max-width:800px){.ok-101 .ok-rack{height:202px}.ok-101 .ok-rack-tiles{grid-template-rows:repeat(3,53px)}}@media (max-width:560px){.ok-101 .ok-table-card{height:221px}.ok-101.ok-playing-view .ok-main-panel{height:720px}.ok-101 .ok-rack{height:365px}.ok-101 .ok-rack-tiles{grid-template-rows:repeat(6,48px)}.ok-101 .ok-rack:before{background:repeating-linear-gradient(#f4cb81 0,#a3682b 3px,#6b411e 7px,#0000 7px 58px);height:297px;top:52px}.ok-101 .ok-rack-tools{top:660px}.ok-101-meld-panel{padding:10px}.ok-101-table-options{font-size:8px}}.ok-101-score-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:12px;display:grid}.ok-101-score-strip>span{color:#ffe4a1;background:#003b49;border:1px solid #438893;border-radius:5px;padding:9px;font-size:12px}.ok-101-score-strip b{color:#d6f2f4;white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px;font-size:11px;display:block;overflow:hidden}.ok-101-score-strip small{color:#93c5cf;margin-top:4px;font-size:9px;display:block}@media (max-width:560px){.ok-101-score-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}