@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Inter:wght@400;500;600;700;800;900&display=swap";.kokem-watermark-page{isolation:isolate;min-height:65vh;position:relative}.animated-watermark{pointer-events:none;z-index:0;isolation:isolate;border-radius:16px;position:absolute;inset:0;overflow:hidden}.animated-watermark img{object-fit:cover;object-position:center 35%;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity 2s ease-in-out;position:absolute;inset:0}.animated-watermark img.active{opacity:1}.kokem-watermark-page>:not(.animated-watermark){z-index:1;position:relative}.kokem-watermark-page .hero{background:0 0}.kokem-watermark-page .heroCopy,.kokem-watermark-page .hero p,.kokem-watermark-page .availabilityChoice{color:var(--ink)}.kokem-watermark-page .hero em,.kokem-watermark-page .hero .eyebrow{color:var(--red)}.kokem-watermark-page .hero .ghost{color:var(--ink);border-color:var(--line);background:#fff}.notificationPrompt{border:1px solid var(--line);background:#fff;border-radius:16px;margin:20px 0;padding:16px}@media (prefers-reduced-motion:reduce){.animated-watermark img{transition:none}}.legalPage{max-width:820px;padding:0 20px}.legalPage article{overflow-wrap:anywhere;font-size:16px;line-height:1.75}.legalPage h1{margin:24px 0 16px;font-family:DM Serif Display,Georgia,serif;font-size:clamp(30px,5vw,48px);line-height:1.2}.legalPage h2{margin:32px 0 10px;font-size:22px;line-height:1.4}.legalPage p{color:#40363b}.legalPage a,.legalNotice a,.legalSettings a,.legalFooter a{color:#a70e20;text-underline-offset:3px;text-decoration:underline}.legalPage a,.legalSettings a,.legalFooter a,.legalSecondary{align-items:center;min-height:44px;padding-block:6px;display:inline-flex}.legalPage a:focus-visible,.legalNotice a:focus-visible,.legalSettings a:focus-visible,.legalFooter a:focus-visible{outline-offset:3px;border-radius:3px;outline:3px solid #a70e20}.legalToolbar,.legalSettings nav,.legalPageLinks,.legalFooter{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.legalLanguage{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;font-size:14px;display:flex}.legalLanguage select{width:auto;max-width:100%;min-height:44px}.legalNotice{text-align:start;margin:16px 0;font-size:14px;line-height:1.6}.legalNotice p{margin:0}.legalNotice p a{padding:10px 0;display:inline}.legalSecondary{font-size:13px}.legalFallback,.legalContactPending{background:#fff5f7;border:1px solid #e6c9d0;border-radius:12px;padding:12px 16px}.legalDate{font-size:14px}.legalSettings{border-block:1px solid var(--line);margin:24px 0;padding:18px 0}.legalSettings h2{font-size:18px}.legalPageLinks{border-top:1px solid var(--line);margin-top:32px;padding-top:16px}.legalFooter{justify-content:center;margin-top:12px;font-size:13px}.discoveryRadius{border:1px solid var(--line);background:#fff;border-radius:14px;width:100%;min-width:0;margin-block:16px;padding:14px 18px}.discoveryRadius legend{padding-inline:6px;font-weight:600}.discoveryRadius input[type=range]{min-height:44px;accent-color:var(--red)}.oauthOptions{margin-top:16px}.oauthOptions>button{margin:5px}body{color:var(--ink);background:#fff;margin:0;font-family:Inter,Arial;overflow-x:hidden}body:after{content:"♥  ○  ×  ?  🎮  ♥  ○  ×";z-index:-1;letter-spacing:40px;color:#d9152406;white-space:nowrap;font-size:80px;animation:22s linear infinite drift;position:fixed;inset:30% -10%;transform:rotate(-7deg)}button{font:inherit}main{max-width:1220px;margin:auto;padding:0 28px 50px}header{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border-bottom:1px solid #efdaddd9;align-items:center;gap:28px;height:78px;display:flex;position:sticky;top:0}.brand{min-width:44px;min-height:44px;color:var(--ink);white-space:nowrap;flex-shrink:0;align-items:center;gap:9px;font-size:20px;font-weight:900;text-decoration:none;display:inline-flex}.brand img{object-fit:contain;width:36px;height:36px;display:block}.brand:focus-visible{outline:3px solid var(--red);outline-offset:4px;border-radius:3px}.brand b,.hero em{color:var(--red)}.mainNav{flex:1;justify-content:center;align-items:center;gap:4px;display:flex}.mainNav button{color:#6d5c5f;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:6px;padding:12px 11px;font-size:13px;font-weight:700;transition:all .22s;display:flex}.mainNav svg{width:15px}.mainNav button:hover{color:var(--red);background:#fff0f1;transform:scale(1.1)translateY(-2px)}.mainNav .on{color:var(--red);background:#fff3f4}.me{align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.avatar{background:linear-gradient(135deg, var(--red), #ff6570);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:900;display:grid;box-shadow:0 7px 20px #d9152433}.hero{background:linear-gradient(90deg,#1e0508c7,#1e050842,#1e05080d),url(https://images.unsplash.com/photo-1529333166437-7750a6dd5a70?auto=format&fit=crop&w=1800&q=85) 50% 38%/cover;border-radius:0 0 24px 24px;align-items:center;min-height:520px;padding:58px;animation:.8s both heroIn;display:flex;position:relative;overflow:hidden}.heroCopy{z-index:2;color:#fff;max-width:620px;position:relative}.eyebrow{letter-spacing:2.4px;color:var(--red);font-size:11px;font-weight:900}.hero .eyebrow{color:#ffd4d8}.hero h1,.page>h1,.profileTop h1{letter-spacing:-2px;margin:14px 0;font-family:DM Serif Display,serif;font-size:clamp(46px,6vw,76px);font-weight:400;line-height:.98}.hero em{color:#ffb3ba;font-style:italic}.hero p{color:#fff4f5;max-width:520px;font-size:17px;line-height:1.65}.heroActions{gap:10px;margin-top:28px;display:flex}.primary,.ghost,.filter,.challengeButton{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:12px 17px;font-weight:800;transition:all .22s;display:inline-flex}.primary,.challengeButton{background:var(--red);color:#fff;box-shadow:0 8px 24px #d9152438}.primary:hover,.challengeButton:hover{transform:scale(1.07)translateY(-2px);box-shadow:0 12px 30px #d9152452}.ghost{color:#fff;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#ffffff21;border:1px solid #ffffff80}.ghost:hover,.filter:hover{transform:scale(1.06)}.heroActions svg,.primary svg,.filter svg,.challengeButton svg{width:17px}.discoverHead{justify-content:space-between;align-items:end;margin:34px 0 16px;display:flex}.discoverHead h2{margin:0;font-family:DM Serif Display;font-size:36px}.discoverHead p,.muted{color:var(--muted)}.filter{border:1px solid var(--line);color:var(--ink);background:#fff}.availableBanner{color:#8f1520;background:#fff2f3;border:1px solid #ffcbd0;border-radius:13px;margin-bottom:16px;padding:13px 16px;animation:.3s pop}.liveDot{background:var(--red);border-radius:50%;width:9px;height:9px;margin-right:7px;animation:1.3s infinite pulse;display:inline-block;box-shadow:0 0 0 5px #d915241a}.profileGrid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.profileCard{border:1px solid var(--line);background:#fff;border-radius:15px;transition:all .25s;animation:.55s both rise;overflow:hidden;box-shadow:0 10px 30px #4a14190f}.profileCard:hover{transform:translateY(-7px)scale(1.018);box-shadow:0 17px 42px #d9152424}.pic{height:250px;position:relative;overflow:hidden}.pic img{object-fit:cover;width:100%;height:100%;transition:all .5s}.profileCard:hover img{transform:scale(1.06)}.available,.matchPct{border-radius:999px;padding:6px 8px;font-size:9px;font-weight:900;position:absolute;top:11px}.available{color:var(--red);background:#ffffffeb;left:10px}.matchPct{background:var(--red);color:#fff;right:10px}.cardBody{padding:13px}.cardBody h3{margin:0 0 6px;font-family:DM Serif Display;font-size:22px}.cardBody p{color:#776467;align-items:center;gap:4px;margin:6px 0;font-size:11px;display:flex}.cardBody p svg{width:12px}.cardBody .likes{min-height:28px}.cardActions{gap:7px;margin-top:11px;display:flex}.round{border:1px solid var(--line);width:38px;color:var(--red);cursor:pointer;background:#fff;border-radius:50%;font-size:20px;transition:all .2s}.round:hover{transform:scale(1.13)}.challengeButton{border-radius:9px;flex:1;padding:9px}.page{max-width:980px;margin:48px auto;animation:.4s both rise}.page>h1{font-size:58px}.profileTop{border-bottom:1px solid var(--line);align-items:center;gap:34px;padding:25px 0 36px;display:flex}.bigAvatar{color:#fff;background:linear-gradient(135deg,#b90e1b,#ff6b76);border-radius:50%;place-items:center;width:170px;height:170px;font-size:64px;font-weight:900;display:grid;position:relative}.bigAvatar button{width:40px;height:40px;color:var(--red);background:#fff;border:0;border-radius:50%;position:absolute;bottom:13px;right:5px;box-shadow:0 6px 20px #0002}.profileTop p{color:var(--muted);align-items:center;gap:5px;display:flex}.profileTop p svg{width:16px}.details{grid-template-columns:1fr 1fr;gap:14px;margin-top:24px;display:grid}.details>div{border:1px solid var(--line);background:snow;border-radius:16px;padding:22px}.details p{color:var(--muted);line-height:1.6}.photoSlots{gap:8px;display:flex}.photoSlots span{width:54px;height:65px;color:var(--red);border:1px dashed #d9aeb2;border-radius:8px;place-items:center;font-size:25px;display:grid}.gameGrid{grid-template-columns:repeat(2,1fr);gap:10px;margin:25px 0;display:grid}.gameGrid button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:13px;align-items:center;gap:15px;padding:18px;transition:all .2s;display:flex}.gameGrid button:hover{background:#fff6f7;border-color:#ee9ca4;transform:scale(1.03)}.gameGrid b{color:var(--red);font-size:11px}.gameGrid .selected{border-color:var(--red);background:#fff0f1}.challenge,.matchBox{background:#fff5f6;border:1px solid #ffc8cd;border-radius:16px;margin-top:18px;padding:22px}.matchBox{text-align:center}.matchBox>svg{width:45px;height:45px;color:var(--red);animation:1s infinite heartbeat}.spots{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.spots span{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px}.matchList>div{border-bottom:1px solid var(--line);align-items:center;gap:15px;padding:16px 0;display:flex}.matchList img{object-fit:cover;border-radius:50%;width:70px;height:70px}.matchList section{flex:1}.matchList h3,.matchList p{margin:4px}.matchList p{color:var(--muted);font-size:13px}.chatPage{border:1px solid var(--line);border-radius:18px;padding:24px}.chathead{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:15px;display:flex}.chathead h3{margin:0}.chathead span{color:var(--muted);font-size:12px}.messages{min-height:330px;padding:24px 0}.messages p{border-radius:15px;max-width:70%;padding:12px 15px}.system{color:#9a1320;text-align:center;background:#fff0f1;margin:auto}.mine{background:var(--red);color:#fff;margin-left:auto}.composer{gap:8px;display:flex}.composer input{border:1px solid var(--line);border-radius:999px;outline:none;flex:1;padding:14px 18px}.composer input:focus{border-color:var(--red)}.composer button{background:var(--red);color:#fff;border:0;border-radius:50%;width:48px}.settings{border-top:1px solid var(--line)}.setting{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:20px 4px;display:flex}.setting b{font-size:14px}.setting p{color:var(--muted);margin:5px 0;font-size:12px}.setting>svg{color:var(--red)}.setting>div{flex:1}.setting input{width:100%}.toggle{cursor:pointer;background:#ddd;border:0;border-radius:99px;width:46px;height:26px;position:relative}.toggle span{background:#fff;border-radius:50%;width:20px;height:20px;transition:all .2s;position:absolute;top:3px;left:3px}.toggle.yes{background:var(--red)}.toggle.yes span{left:23px}footer{text-align:center;color:#9b8588;margin-top:50px;font-size:11px}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes heartbeat{50%{transform:scale(1.16)}}@keyframes pulse{50%{opacity:.45}}@keyframes drift{to{transform:translate(12%)rotate(-7deg)}}@keyframes heroIn{0%{opacity:.2;transform:scale(.99)}to{opacity:1;transform:none}}@media (width<=900px){header{gap:8px}.brand{font-size:15px}.mainNav button{padding:10px;font-size:0}.mainNav button svg{width:18px}.profileGrid{grid-template-columns:repeat(2,1fr)}.hero{padding:35px}.details{grid-template-columns:1fr}}@media (width<=560px){main{padding:0 14px}.me span{display:none}.hero{min-height:480px;padding:25px}.heroActions{flex-direction:column;align-items:flex-start}.profileGrid{grid-template-columns:1fr 1fr;gap:8px}.pic{height:190px}.cardBody p.likes{display:none}.page>h1{font-size:45px}.gameGrid{grid-template-columns:1fr}.profileTop{flex-direction:column;align-items:flex-start}.bigAvatar{width:130px;height:130px}.matchList>div{flex-wrap:wrap;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;animation:none!important}}button,input,select,textarea{font:inherit}button{min-height:44px}button:disabled{cursor:not-allowed;opacity:.55;transform:none!important}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #ec8290}label{flex-direction:column;gap:8px;font-size:13px;font-weight:600;display:flex}input,select,textarea{border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);background:#fff;border-radius:10px;padding:12px}textarea{resize:vertical;min-height:100px}form{gap:18px;display:grid}.auth{border:1px solid var(--line);background:var(--cream);border-radius:24px;max-width:540px;padding:36px}.auth>button{margin:15px 8px 0 0}.auth h1{font-size:52px}.notice{overflow-wrap:anywhere;background:#fff3f4;border:1px solid #f1b2ba;border-radius:12px;padding:16px}.notice button{margin-left:15px}.error{color:#98101d}.saving{border:1px solid var(--line);z-index:40;background:#fff;border-radius:20px;padding:10px 20px;position:fixed;top:80px;right:20px}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.profileForm{margin-top:28px}.profileForm fieldset{border:1px solid var(--line);border-radius:14px;padding:18px}.profileForm legend{font-size:14px;font-weight:700}.choices{flex-wrap:wrap;gap:10px;display:flex}.choices label{border:1px solid var(--line);cursor:pointer;border-radius:999px;flex-direction:row;align-items:center;min-height:44px;padding:9px 12px;font-size:12px}.choices input{width:18px;height:18px;accent-color:var(--red)}.realPhotos{flex-wrap:wrap;margin:20px 0}.realPhotos img{object-fit:cover;border-radius:12px;width:100px;height:120px}.upload{max-width:480px}.availableStrip{scroll-snap-type:x mandatory;gap:16px;padding:10px 4px 20px;display:flex;overflow-x:auto}.availableStrip .profileCard{scroll-snap-align:start;flex:0 0 240px}.availableStrip .pic{height:215px}.availabilityChoice{color:#fff}.availabilityChoice select{max-width:240px}.heroActions{flex-wrap:wrap;align-items:end}.availableBanner{margin-top:20px}.availableBanner button{margin-left:12px}.safety{gap:12px;margin-top:8px;display:flex}.safety button{color:var(--muted);background:0 0;border:0;padding:5px;font-size:12px}.cardBody .challengeButton{width:100%}.actions{flex-wrap:wrap;gap:12px;display:flex}.challenge>button{margin:5px 8px 5px 0}.gameGrid small,.spots small{color:var(--muted);margin-top:7px;font-size:11px;display:block}.board{gap:6px;max-width:450px;margin:24px auto;display:grid}.board button{aspect-ratio:1;color:var(--red);background:#fff;border:1px solid #dba5ac;border-radius:8px;font-size:30px;font-weight:800}.board button:disabled{opacity:1}.board3{max-width:300px}.board3 button{font-size:48px}.board9 button{min-width:0;min-height:0;padding:0;font-size:20px}.dateForm{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.dateInvite{border:1px solid var(--line);border-radius:14px;margin-top:14px;padding:18px}.spots .sponsored{background:#fff5db;border:2px solid #be8c32}.conversationList{gap:10px;margin-bottom:20px;padding-bottom:6px;display:flex;overflow-x:auto}.messages{max-height:55vh;overflow-y:auto}.messages p{overflow-wrap:anywhere;white-space:pre-wrap}.theirs{background:#fff3f4}.composer{display:flex}.composer button{flex-shrink:0}.modalBackdrop{z-index:70;background:#25151799;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:min(500px,100%);padding:26px}.empty{border:1px dashed var(--line);color:var(--muted);border-radius:16px;padding:30px}.setting>label{flex:1}.settings>.filter{margin:18px 10px 0 0}.chathead{background:#fff;position:sticky;top:78px}.matchPct{top:auto;bottom:10px}@media (width<=900px){.mainNav button{flex-direction:column;gap:4px;font-size:11px}.brand{font-size:14px}header{justify-content:space-between}.me.filter{padding:9px;font-size:12px}}@media (width<=640px){main{padding:0 16px 100px}header{height:66px}.brand{font-size:17px}.mainNav{border-top:1px solid var(--line);padding:8px 3px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:50;background:#fffefef5;gap:0;position:fixed;bottom:0;left:0;right:0}.mainNav button{border-radius:10px;flex:1;min-height:50px;padding:7px 2px;font-size:10px}.mainNav svg{width:20px;height:20px}.hero{min-height:510px;padding:27px 22px}.hero h1{font-size:49px}.hero p{font-size:15px}.heroActions{align-items:stretch;gap:12px;width:100%}.heroActions>*{width:100%}.availabilityChoice select{max-width:none}.profileGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pic{height:210px}.cardBody h3{font-size:22px}.cardBody{padding:11px}.cardBody p{font-size:11px}.safety{gap:8px}.formGrid{grid-template-columns:1fr}.page{margin:30px auto}.page>h1{font-size:42px}.auth{padding:25px 20px}.auth>button{width:100%;margin:12px 0 0}.gameGrid{grid-template-columns:1fr}.chatPage{padding:16px}.chathead{top:66px}.messages p{max-width:88%}.board9{gap:3px}.board9 button{border-radius:4px;font-size:18px}.challenge{padding:16px}.availableStrip .profileCard{flex-basis:230px}}@media (width<=380px){.profileGrid{grid-template-columns:1fr}.pic{height:320px}.hero h1{font-size:43px}}.boardViewport{padding:4px;overflow-x:auto}.board9{min-width:444px}.board9 button{min-height:44px}.boardHint{color:var(--muted);font-size:12px}@media (width<=640px){header{-webkit-backdrop-filter:none;backdrop-filter:none}}.bigAvatar{flex-shrink:0}.bigAvatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.profileTop>div{min-width:0}.profileTop h1{overflow-wrap:anywhere}.stone{border-radius:50%;width:70%;height:70%;margin:auto;display:block;box-shadow:inset -3px -4px 5px #0003,1px 2px 4px #0002}.stoneX{background:radial-gradient(circle at 30% 25%,#ff7784,#d91524 70%)}.stoneO{background:radial-gradient(circle at 30% 25%,#8b787d,#251517 70%)}.dateInvite form{margin-top:18px}.accountForm,.filterPanel,.socialFeed{border:1px solid var(--line);border-radius:16px;margin:24px 0;padding:20px}.accountForm form,.filterPanel form{max-width:760px}.filterPanel fieldset{border:1px solid var(--line);border-radius:12px;margin:16px 0}.gallery{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin:20px 0;display:grid}.gallery article{border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:8px;padding:12px;display:flex}.gallery img{object-fit:cover;border-radius:10px;width:100%;height:200px}.gallery button{min-height:44px;margin:0;font-size:11px}.postCard{border:1px solid var(--line);overflow-wrap:anywhere;border-radius:16px;margin:20px 0;padding:18px}.postHeader{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.postCard>p{white-space:pre-wrap}.postMedia{object-fit:contain;background:snow;border-radius:12px;width:100%;max-height:440px}.feedMedia .postMedia{max-height:min(44vh,440px);display:block}.feedMedia audio{height:0}.feedAudioLabel{text-align:center;background:#fff4f5;border-radius:12px;padding:24px;font-size:24px}.feedPlayback{align-items:center;gap:8px;padding:8px 0;display:flex}.feedPlayback button{min-height:44px;padding:8px 12px}.feedSeek{flex:1;min-width:32px}.feedSeek input{width:100%}.srOnly{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.postOptions{margin-inline-start:auto}.postOptions summary{border:1px solid var(--line);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:28px;list-style:none;display:flex}.postOptions summary::-webkit-details-marker{display:none}.postOptions summary:focus-visible{outline:3px solid var(--red);outline-offset:3px}.postOptions[open]{order:3;width:100%}.postOptions[open] summary{margin-inline-start:auto}.postOptionsMenu{gap:8px;padding:12px 0;display:grid}.postOptionsMenu button{text-align:start;white-space:normal}.repostLabel{color:var(--red);font-weight:700}.recipientList{flex-wrap:wrap;gap:10px;max-height:200px;margin:20px 0;display:flex;overflow:auto}.sharedPost{border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:10px;margin-top:10px;padding:12px;display:flex}.sharedPost .postMedia{max-height:200px}.statsGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.statCard{border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:10px;padding:16px;display:flex}.statCard strong{color:var(--red);font-size:26px}.statCard span{font-size:12px}.historyRow{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:14px;padding:14px 0;display:flex}.players{justify-content:center;align-items:center;gap:16px;display:flex}.players>div{text-align:center;flex-direction:column;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.players img{object-fit:cover;border-radius:50%;width:60px;height:60px}.players span{font-size:12px}.strategyBoard{border:2px solid var(--deep);grid-template-columns:repeat(8,minmax(0,1fr));width:min(100%,480px);margin:20px auto;display:grid}.strategyBoard button{aspect-ratio:1;color:#251517;border:0;border-radius:0;min-width:0;min-height:0;padding:0;font-size:clamp(25px,7vw,46px);position:relative}.strategyBoard button:disabled{opacity:1}.lightSquare{background:#fff1db}.darkSquare{background:#cf9797}.strategyBoard .selectedSquare{box-shadow:inset 0 0 0 3px #d91524}.strategyBoard .possibleSquare{box-shadow:inset 0 0 0 4px #2b7c5b}.checker{color:#fff;border-radius:50%;place-items:center;width:76%;height:76%;margin:auto;font-size:25px;display:grid;box-shadow:inset 0 -4px 4px #0004,0 2px 4px #0004}.redChecker{background:#d91524}.blackChecker{background:#251517}.modal{max-height:88dvh;overflow-y:auto}.modal button{min-height:44px}.messages>div{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:14px;max-width:80%;margin:10px 0;padding:12px 16px}.messages>.mine{margin-left:auto}.messages>.system{text-align:center;max-width:100%}.safety button{min-height:44px}.installFlow{text-align:center;margin:20px auto}.connectionStatus{color:#65535a;overflow-wrap:anywhere;background:#faf7f8;border:1px solid #e9e1e4;font-size:14px}.profileFields{border:0;min-width:0;margin:0;padding:0}.profileFields:disabled input,.profileFields:disabled textarea,.profileFields:disabled select{opacity:1;color:#594950;background:#faf7f8}.deviceLocation{overflow-wrap:anywhere;border:1px solid #e9e1e4;border-radius:16px;margin-block:16px;padding:12px 16px}.deviceLocation p{font-size:14px;line-height:1.5}.deviceLocation button{min-height:44px;margin:4px}.strategyBoard,.board{direction:ltr}[dir=rtl] .messages>.mine{margin-left:0;margin-right:auto}[dir=rtl] input[type=email],[dir=rtl] input[type=password],[dir=rtl] input[type=date]{text-align:end;direction:ltr}@media (width<=640px){.socialFeed,.filterPanel,.accountForm,.postCard{padding:12px}.postHeader small{width:100%}.strategyBoard button{font-size:clamp(24px,8vw,40px)}.messages>div{max-width:92%}.players{gap:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}:root{--red:#e9142b;--deep:#b30b20;--ink:#151827;--muted:#7b849b;--cream:#f5f6fa;--line:#edf0f5}body{background:#f5f6fa}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}.workspaceHeader{border:0;flex-wrap:wrap;gap:20px;height:auto;min-height:72px;padding:10px 0}.workspaceHeader .brand{color:var(--red);font-size:22px}.workspaceHeader .mainNav{flex-basis:100%;order:4;padding:0}.workspaceHeader .mainNav button{min-height:44px;position:relative}.workspaceHeader .mainNav .on{background:#fff0f3}.workspaceHeader .mainNav .on:after{content:"";background:var(--red);border-radius:9px;height:3px;position:absolute;bottom:0;left:30%;right:30%}.headerSearch{border:1px solid var(--line);min-width:0;min-height:44px;color:var(--muted);background:#fff;border-radius:30px;flex-direction:row;flex:1;align-items:center;gap:8px;margin:0;padding:0 14px;display:flex;box-shadow:0 3px 14px #15182706}.headerSearch input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:none;padding:8px 0;font-size:14px}.headerSearch input::-webkit-search-cancel-button{display:none}.headerIcons{align-items:center;gap:8px;display:flex}.iconButton,.headerProfile{min-width:44px;min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:inline-flex;position:relative}.iconButton:hover{color:var(--red);background:#fff0f3}.iconButton svg{width:22px;height:22px}.iconButton:focus-visible,.headerProfile:focus-visible,.postAction:focus-visible{outline:2px solid var(--red);outline-offset:3px}.headerProfile{background:#fff;width:44px;height:44px;padding:0;font-weight:700}.headerProfile img{object-fit:cover;border-radius:50%;width:38px;height:38px}.notificationBadge{background:var(--red);color:#fff;border:2px solid #fff;border-radius:20px;padding:2px 4px;font-size:10px;position:absolute;top:1px;right:1px}.headerNotificationPanel{z-index:60;background:#fff;border-radius:20px;width:min(350px,100vw - 24px);padding:12px;position:absolute;top:100%;right:0;box-shadow:0 10px 50px #15182720}.headerNotificationPanel>.iconButton{float:right}.headerNotificationPanel .notificationPrompt{border:0;margin:0;padding:0}.discoverPage{padding-top:8px}.discoverLayout{grid-template-columns:minmax(0,3fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}.discoverMain,.availablePanel{min-width:0}.socialFeed{background:0 0;border:0;margin:0;padding:0}.feedToolbar{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.feedToolbar h2{margin:0;font-family:Inter,Arial,sans-serif;font-size:18px}.feedTools{align-items:center;gap:6px;display:flex}.feedTools .primary{min-height:40px;padding:8px 16px;font-size:12px}.postCard{background:#fff;border:0;border-radius:18px;min-width:0;margin:0 0 6px;padding:10px 12px 6px;box-shadow:0 3px 18px #15182706}.postHeader{margin-bottom:8px;display:block}.postAuthor{text-align:start;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.postAuthor>span:last-child{min-width:0}.postAuthor b{overflow-wrap:anywhere;font-size:15px;display:block}.postAuthor small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.postAvatar{width:44px;height:44px;color:var(--red);background:#fff0f3;border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid;overflow:hidden}.postAvatar img{object-fit:cover;width:100%;height:100%}.postAvatar.small{width:30px;height:30px}.postCaption{color:var(--ink);overflow-wrap:anywhere;margin:6px 0;font-size:14px;line-height:1.5}.postCaption:empty{display:none}.postPortrait,.feedMedia .postMedia.postPortrait{aspect-ratio:9/16;object-fit:cover;width:100%;max-width:calc(56.25svh - 93.375px);height:auto;max-height:none;box-shadow:none;background:#f5f6fa;border:0;border-radius:0;margin:0 auto;padding:0;display:block}.feedMediaPortrait{width:100%;min-width:0}.postActionRow{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:0;width:100%;margin-top:4px;display:grid}.postAction{min-width:0;min-height:44px;color:var(--ink);cursor:pointer;white-space:nowrap;background:0 0;border:0;justify-content:center;align-items:center;gap:5px;padding:8px 2px;font-size:12px;transition:color .2s,transform .2s;display:flex}.postAction svg{flex-shrink:0;width:21px;height:21px}.postAction.active{color:var(--red)}.postAction:active{transform:scale(.9)}.postActionRow .postOptions{width:100%;min-width:0;margin:0}.postActionRow .postOptions summary{width:100%;height:44px;font-size:inherit;border:0;border-radius:0}.postOptions summary svg{width:22px;height:22px}.postActionRow .postOptions[open] summary{grid-area:1/5;margin:0}.postOptionsMenu{background:#f5f6fa;border-radius:12px;grid-area:2/1/auto/-1;padding:10px}.postOptionsMenu button{min-height:44px;padding:10px 12px;font-size:12px}.postEdit label{font-size:13px}.postEdit button{font-size:12px}.sharedPost .postMedia.postPortrait{max-height:none}.repostLabel{font-size:12px}.availablePanel{background:#fff;border:0;border-radius:18px;padding:12px;position:sticky;top:134px;box-shadow:0 3px 18px #15182706}.availableHeading{align-items:center;padding:4px 0 12px;display:flex}.availableHeading h2{overflow-wrap:anywhere;align-items:center;gap:6px;min-width:0;margin:0;font-family:Inter,Arial,sans-serif;font-size:17px;display:flex}.availableHeading .liveDot{background:#0bc447;flex-shrink:0;width:9px;height:9px;margin:0}.availableList{scrollbar-width:thin;grid-template-columns:minmax(0,1fr);gap:10px;max-height:calc(100svh - 292px);padding:3px 2px 8px;display:grid;overflow-y:auto}.availableTile{width:100%;min-width:0;color:var(--ink);cursor:pointer;background:#fff;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:5px 5px 8px;display:flex;box-shadow:0 2px 8px #1518270d}.availableTile:hover{background:#fff0f3}.availableTile:focus-visible,.availableMore:focus-visible{outline:2px solid var(--red);outline-offset:2px}.availableTile .availableAvatar{aspect-ratio:1;border-radius:9px;width:100%;height:auto;font-size:24px;overflow:hidden}.availableTile .availableAvatar img{border-radius:9px;width:100%;height:100%;position:absolute;inset:0}.availableTile .availableAvatar i{top:0;bottom:auto;width:13px;height:13px;inset-inline-end:0}.availableTile>b{text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0;font-size:13px;font-weight:600;line-height:1.3;display:block;overflow:hidden}.availableMore{width:100%;min-width:0;min-height:44px;color:var(--ink);cursor:pointer;background:#f5f6fa;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:10px 6px;font-size:12px;line-height:1.4;display:flex}.availableMore svg{color:var(--red);flex-shrink:0}.availableMore span{overflow-wrap:anywhere;min-width:0}.availableEmpty{grid-column:1/-1}.availableUser{justify-content:space-between;align-items:center;gap:5px;margin:12px 0;display:flex}.availablePerson{text-align:start;min-width:0;color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex}.availablePerson>span:last-child{min-width:0}.availablePerson b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;display:block;overflow:hidden}.availablePerson small{color:var(--muted);font-size:11px}.availableAvatar{width:44px;height:44px;color:var(--red);background:#fff0f3;border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid;position:relative}.availableAvatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.availableAvatar i{bottom:0;background:#0bc447;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;inset-inline-end:0}.interestButton{width:36px;height:44px;color:var(--red);cursor:pointer;background:#fff0f3;border:0;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.availableEmpty{color:var(--muted);overflow-wrap:anywhere;font-size:12px;line-height:1.5}.availablePagination{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.availablePagination button,.availableRetry{min-width:0;min-height:44px;color:var(--ink);cursor:pointer;overflow-wrap:anywhere;background:#f5f6fa;border:0;border-radius:10px;flex:1;padding:6px;font-size:11px;line-height:1.4}.availablePagination button:disabled{opacity:.45;cursor:default}.availablePagination button:focus-visible,.availableRetry:focus-visible{outline:2px solid var(--red);outline-offset:2px}.availableDialog .availableUser.full .availablePerson{flex:1}.availableDialog .availableUser.full .availablePerson b{font-size:15px}.availableDialog{max-height:80svh;overflow:auto}.peopleBrowse{padding-top:12px}.peopleBrowse .discoverHead h2{font:700 20px Inter,Arial,sans-serif}.peopleBrowse .discoverHead p{font-size:13px}.peopleBrowse>.filterPanel{border:0;margin:8px 0 16px;padding:0}.peopleBrowse>.filterPanel>.filter{background:#fff;align-items:center;gap:6px;min-height:44px;padding:8px 14px;font-size:12px;display:inline-flex}.peopleBrowse>.filterPanel>.filter svg{width:18px;height:18px}.peopleBrowse>.filterPanel form{background:#fff;border-radius:14px;margin-top:8px;padding:14px}.peopleBrowse .profileGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.peopleBrowse .actions button{font-size:12px}.savedPostsSection{margin:24px 0}.savedPostsSection>summary{cursor:pointer;padding:16px 0;font-weight:700}.savedFeed{max-width:700px;margin:auto}.kokem-watermark-page:has(.modalBackdrop){z-index:80}:is(.modalBackdrop:has(.postSheet),.modalBackdrop:has(.availableDialog)),.memberActionBackdrop{z-index:90}.memberActionMenu{width:min(440px,100vw - 24px)}.memberActionMenu .sheetHeading h2{overflow-wrap:anywhere}.memberActionChoices{gap:10px;margin:18px 0;display:grid}.memberActionChoice .filter{text-align:start;align-items:center;gap:10px;width:100%;font-size:15px;display:flex}.memberActionChoice p{color:var(--muted);margin:5px 8px 0;font-size:12px;line-height:1.45}.memberActionMenu .safety{justify-content:flex-end;margin-top:12px}.memberProfilePhotos{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:12px 0;display:grid}.memberProfilePhotos img{aspect-ratio:1;object-fit:cover;border:0;border-radius:12px;width:100%;display:block}.postSheet{flex-direction:column;width:min(560px,100vw - 24px);max-height:88svh;display:flex;overflow:auto}.sheetHeading{justify-content:space-between;align-items:center;gap:8px;display:flex}.sheetHeading h2{margin:0;font:700 20px Inter,Arial,sans-serif}.postLink{overflow-wrap:anywhere;align-items:start;gap:8px;font-size:12px;display:flex}.shareChoices{gap:8px;display:grid}.shareChoices .filter{color:var(--ink);justify-content:center;align-items:center;gap:8px;font-size:14px;text-decoration:none;display:flex}.shareChoices svg{width:18px;height:18px}.commentList{min-height:100px;max-height:50svh;overflow-y:auto}.commentItem{border-bottom:1px solid var(--line);gap:8px;padding:12px 0;display:flex}.commentItem.reply{margin-inline-start:30px}.commentContent{flex:1;min-width:0}.commentContent b{font-size:13px}.commentContent time{color:var(--muted);font-size:10px;display:block}.commentContent p{color:var(--ink);overflow-wrap:anywhere;margin:6px 0;font-size:14px}.commentActions{align-items:center;gap:10px;display:flex}.commentActions button{min-height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;font-size:11px;display:flex}.commentActions .active{color:var(--red)}.commentComposer label{font-size:12px}.commentComposer textarea{min-height:64px}.commentComposer button{font-size:13px}.replyContext{justify-content:space-between;align-items:center;padding:8px 0;font-size:12px;display:flex}@media (width<=767px){main{padding-inline:10px}.workspaceHeader{flex-wrap:nowrap;gap:8px;height:64px;min-height:64px;padding:6px 0}.workspaceHeader .brand{gap:5px;font-size:16px}.workspaceHeader .brand img{width:30px;height:30px}.workspaceHeader .mainNav{inset-inline:0;z-index:50;border-top:1px solid var(--line);padding:5px 0 calc(6px + env(safe-area-inset-bottom));background:#ffffffed;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;display:grid;position:fixed;bottom:0}.workspaceHeader .mainNav button{overflow-wrap:anywhere;border-radius:0;flex-direction:column;gap:4px;min-width:0;min-height:48px;padding:5px 1px;font-size:9px;line-height:1.15;display:flex}.workspaceHeader .mainNav button:hover{transform:none}.workspaceHeader .mainNav svg{width:21px;height:21px}.headerSearch{gap:4px;padding:0 8px}.headerSearch input{font-size:11px}.headerSearch>svg{flex-shrink:0;width:16px}.headerIcons{gap:0}.headerIcons .iconButton{min-width:44px;padding:5px}.headerIcons .iconButton svg{width:19px;height:19px}.headerProfile{width:44px;min-width:44px}.headerProfile img{width:30px;height:30px}.discoverLayout{gap:8px}.postCard{border-radius:14px;margin-bottom:4px;padding:8px 8px 3px}.postAuthor{gap:6px}.postAvatar{width:30px;height:30px}.postAuthor b{font-size:12px}.postAuthor small{font-size:9px;line-height:1.4}.postCaption{margin:4px 0;font-size:12px}.postAction{gap:2px;min-height:42px;font-size:10px}.postAction svg{width:18px;height:18px}.postActionRow .postOptions summary{height:42px}.postOptions summary svg{width:18px;height:18px}.postOptionsMenu{padding:6px}.postOptionsMenu button{min-height:40px;padding:8px;font-size:11px}.availablePanel{border-radius:14px;padding:6px;top:72px}.availableHeading{justify-content:center;padding:4px 0 10px}.availableHeading h2{gap:3px;font-size:10px}.availableHeading .liveDot{width:6px;height:6px}.availableList{gap:8px;max-height:calc(100svh - 226px)}.availableTile{border-radius:10px;gap:5px;padding:4px 3px 6px}.availableTile>b{font-size:10px}.availableTile .availableAvatar{border-radius:7px;font-size:20px}.availableTile .availableAvatar img{border-radius:7px}.availableTile .availableAvatar i{width:11px;height:11px}.availableMore{flex-direction:column;gap:4px;margin-top:6px;padding:8px 3px;font-size:9px}.availablePagination button,.availableRetry{flex-basis:100%;font-size:9px}.availableUser{flex-direction:column;gap:2px;margin:8px 0}.availablePerson{text-align:center;flex-direction:column;gap:3px;width:100%}.availablePerson b{font-size:9px}.availablePerson small{display:none}.availableAvatar{width:34px;height:34px}.interestButton{background:0 0;width:44px;height:44px;min-height:44px}.availableEmpty{font-size:9px}.availableDialog .availableUser.full{flex-direction:row}.availableDialog .availableUser.full .availablePerson{text-align:start;flex-direction:row}.availableDialog .availableUser.full .availablePerson small{display:block}.peopleBrowse .profileGrid{grid-template-columns:minmax(0,1fr)}.feedToolbar h2{font-size:13px}.feedTools .iconButton{min-width:28px}.feedTools .primary{padding:8px;font-size:9px}.postSheet{width:100%;max-height:88svh;padding-bottom:calc(16px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;margin:0}.modalBackdrop:has(.postSheet){align-items:flex-end;padding:0}}@media (width>=1024px){.availableList{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=350px){.workspaceHeader .brand span{display:none}.headerSearch input{font-size:10px}.availableHeading h2{font-size:9px}.postAction{gap:1px;font-size:9px}}@media (prefers-reduced-motion:reduce){.postAction{transition:none}}.requiredMark{color:var(--red,#df1028);font-weight:700}.requiredFieldsHint{color:var(--muted,#68616a);font-size:.85rem}[hidden],.keptScreen[hidden]{display:none!important}.backButton{align-items:center;gap:6px;display:inline-flex}.workspaceHeader .workspaceBack{background:#fff;border-radius:50%;flex:0 0 44px;width:44px;height:44px;padding:10px}.workspaceBack span{display:none}@media (width<=600px){.workspaceHeader .brand span{display:none}}.mediaViewerBackdrop{z-index:1500;background:#080808f5;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.mediaViewer{place-items:center;width:100%;height:100%;display:grid;position:relative}.mediaViewer .viewerClose{z-index:2;color:#111;background:#fff;position:absolute;top:0;right:0}.mediaViewer img,.mediaViewer video{object-fit:contain;max-width:100%;max-height:calc(100dvh - 80px)}.mediaOpen{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0}.mediaOpen .postMedia{display:block}:root{--kokem-red:var(--red);--kokem-red-dark:#c9001e;--kokem-red-soft:#fff0f2;--kokem-pink:#fbe5e9;--kokem-background:#f5f6fa;--kokem-white:#fff;--kokem-text:#151827;--kokem-secondary:#747989;--kokem-border:#e5e7ed;--kokem-green:#13c76a;--kokem-shadow:0 4px 18px #0f14230f}.workspaceShell{padding:0 12px calc(82px + env(safe-area-inset-bottom));max-width:1180px;color:var(--kokem-text);margin:auto;font-family:Inter,Arial,sans-serif}.kokemApp{width:100%;max-width:1180px;min-height:100dvh;padding:0}.kokemApp>footer{margin:0;padding:10px 12px;font-size:10px}.workspaceShell h1,.workspaceShell h2,.workspaceShell h3,.detailedProfile,.fullscreenGame,.gameInviteModal,.gameSummary{font-family:Inter,Arial,sans-serif}.workspaceHeader{height:calc(58px + env(safe-area-inset-top));min-height:58px;padding:env(safe-area-inset-top) 12px 0;border-bottom:1px solid var(--kokem-border);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;flex-wrap:nowrap;gap:10px;margin:0 -12px}.workspaceHeader .workspaceBack{width:44px;height:44px;box-shadow:none;background:0 0;flex:0 0 44px;padding:10px;position:static}.workspaceHeader .brand{justify-content:center;gap:0;width:44px;min-width:44px;height:44px;padding:0;display:flex}.workspaceHeader .brand img{width:32px;height:32px}.workspaceHeader .brand span{display:none}.workspaceHeader .headerSearch{border:1px solid var(--kokem-border);height:38px;min-height:38px;box-shadow:none;gap:6px;padding:0 10px}.headerSearch>svg{flex-shrink:0;width:17px;height:17px}.headerSearch input{height:36px;padding:0;font-size:12px}.headerIcons{flex-shrink:0;width:44px}.headerProfile img{border:2px solid var(--kokem-red);width:36px;height:36px}.headerProfile>span{border:2px solid var(--kokem-red);border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.workspaceHeader .mainNav{z-index:100;border-top:1px solid var(--kokem-border);width:100%;max-width:1180px;padding:0 0 env(safe-area-inset-bottom);background:#fff;flex-basis:auto;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0 auto;display:grid;position:fixed;inset:auto 0 0}.workspaceHeader .mainNav button{color:#66666d;overflow-wrap:anywhere;border:0;border-radius:0;flex-direction:column;justify-content:center;gap:4px;min-width:0;height:60px;min-height:60px;padding:5px 1px;font-size:10px;font-weight:500;line-height:1.2;display:flex;position:relative}.workspaceHeader .mainNav button svg{flex-shrink:0;width:23px;height:23px}.workspaceHeader .mainNav button:hover{transform:none}.workspaceHeader .mainNav button.on{color:var(--kokem-red);background:var(--kokem-red-soft);font-weight:700}.workspaceHeader .mainNav .on:after{border-radius:3px;height:3px;bottom:3px;left:30%;right:30%}.navBadge{background:var(--kokem-red);color:#fff;border-radius:999px;min-width:17px;min-height:17px;padding:2px 4px;font-size:10px;line-height:13px;position:absolute;top:1px;right:18%}.workspaceShell.immersive .mainNav{display:none}.accountSignOut{align-items:center;gap:8px;margin:12px 0;display:inline-flex}.discoverPage{background:#f7e6e9;min-height:calc(100dvh - 118px);margin:0 -12px;padding:8px 8px 12px}.discoverLayout{grid-template-columns:minmax(0,1fr) 92px;gap:8px}.feedToolbar{gap:4px;min-height:48px;margin-bottom:0}.feedToolbar h2{font-size:14px;font-weight:800}.feedTools{gap:2px}.feedTools .iconButton{width:44px;min-width:44px;min-height:44px;padding:10px}.feedTools .primary{white-space:normal;border-radius:999px;max-width:140px;min-height:44px;padding:10px 12px;font-size:11px;font-weight:700;line-height:1.2}.postCard{box-shadow:var(--kokem-shadow);border-radius:17px;margin-bottom:8px;padding:10px 10px 0}.postAuthor{gap:8px;min-height:44px}.postAuthor b{font-size:13px;font-weight:700}.postAuthor small{margin-top:3px;font-size:10px;line-height:1.3}.postCaption{font-size:13px;line-height:1.35}.postCard img.postPortrait{aspect-ratio:auto;object-fit:contain;border:0;border-radius:0;width:100%;max-width:100%;height:auto}.postActionRow{justify-content:space-between;align-items:center;gap:0;margin:0;padding:4px 0;display:flex}.postAction{flex:1;gap:2px;min-height:44px;padding:10px 0;font-size:10px}.postActionRow .postOptions{flex:1;width:auto}.postActionRow .postOptions summary{min-width:44px}.postActionRow .postOptions[open]{display:block}.postOptionsMenu{z-index:20;width:min(230px,100vw - 48px);box-shadow:var(--kokem-shadow);position:absolute;right:0}.availablePanel{width:92px;box-shadow:none;border-radius:16px;flex-direction:column;max-height:calc(100dvh - 138px);padding:5px;display:flex;top:66px}.availableHeading{padding:6px 0 8px}.availableHeading h2{gap:4px;font-size:11px;font-weight:700}.availableHeading .liveDot{background:var(--kokem-green);width:7px;height:7px}.availableList{scrollbar-width:thin;grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;align-content:start;gap:8px;min-height:80px;max-height:none;padding:0;overflow-y:auto}.availableTile{border-radius:12px;gap:4px;padding:4px;box-shadow:0 2px 6px #15182708}.availableTile>b{flex-shrink:0;font-size:10px;line-height:1.3}.availableTile .availableAvatar{border-radius:9px}.availableTile .availableAvatar i{top:2px;background:var(--kokem-green);border-width:2px;width:13px;height:13px;inset-inline-end:2px}.availablePagination{flex-wrap:nowrap}.availablePagination button{padding:4px 1px;font-size:10px}.availableMore{flex-shrink:0;gap:3px;min-height:44px;margin-top:5px;padding:4px;font-size:10px}.availableMore svg{width:15px}.peopleBrowse{margin-top:12px;padding:12px}.peopleBrowse h2{font-size:17px}.peopleBrowse p{font-size:12px}.gamesPage{background:var(--kokem-background)}.gamesHub{width:100%;max-width:760px;min-height:calc(100dvh - 234px - env(safe-area-inset-bottom) - env(safe-area-inset-top));margin:auto;padding:10px 0 20px}.gamesAccordion{border:1px solid var(--kokem-border);background:#fff;border-radius:15px;margin-bottom:10px;transition:background .2s,border-color .2s;overflow:hidden}.gamesAccordion.expanded{background:#fff5f6;border-color:#ffc1cb}.gamesAccordionTrigger{text-align:start;width:100%;min-height:70px;color:var(--kokem-text);background:0 0;border:0;align-items:center;gap:10px;padding:12px 14px;display:flex}.gamesAccordionTrigger>svg:first-child{color:var(--kokem-red);flex:0 0 32px}.gamesAccordionTrigger>span{flex:1;min-width:0}.gamesAccordionTrigger b{text-transform:uppercase;font-size:14px;font-weight:800;line-height:1.2;display:block}.gamesAccordionTrigger small{color:var(--kokem-secondary);margin-top:3px;font-size:11px;line-height:1.3;display:block}.gamesAccordionTrigger>svg:last-child{flex:0 0 20px}.expanded .gamesAccordionTrigger>svg:last-child{color:var(--kokem-red)}.gamesAccordionTrigger:hover{transform:none}.gamesAccordionTrigger:focus-visible{outline:2px solid var(--kokem-red);outline-offset:-3px}.gamesAccordionContent{padding:0 8px 8px;animation:.2s ease-out accordionIn}@keyframes accordionIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.gamesHub .gameGrid,.gamesHub .statsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0;display:grid}.gamesHub .gameGrid button{border:1px solid var(--kokem-border);min-width:0;min-height:45px;color:var(--kokem-text);text-align:start;box-shadow:none;background:#fff;border-radius:12px;align-items:center;gap:7px;padding:7px;display:flex}.gameGrid button>b{background:var(--kokem-pink);width:25px;height:25px;color:var(--kokem-red);border-radius:50%;flex:0 0 25px;place-items:center;padding:0;font-size:11px;font-weight:800;display:grid}.gameGrid button>svg{flex:0 0 19px}.gameGrid button>span{overflow-wrap:anywhere;min-width:0;font-size:11px;font-weight:700;line-height:1.2}.gameGrid button small{font-size:10px;display:block}.gamesHub .statCard{border:1px solid var(--kokem-border);background:#fff;border-radius:12px;flex-direction:column;gap:0;min-height:112px;padding:11px;display:flex}.statCard>b{font-size:12px;font-weight:800}.statCard>strong{color:var(--kokem-red);margin-top:8px;font-size:25px;font-weight:800}.statCard>span{font-size:10px;line-height:1.4}.historyFilter{margin:0 0 7px;display:block;position:relative}.historyFilter select{border:1px solid var(--kokem-border);appearance:none;background:#fff;border-radius:999px;width:100%;height:36px;padding:6px 32px 6px 14px;font-size:11px}.historyFilter>svg{pointer-events:none;position:absolute;top:9px;right:12px}.historyRow{text-align:start;width:100%;min-height:46px;color:var(--kokem-text);background:#fff;border:0;border-radius:10px;align-items:center;gap:8px;margin:0 0 6px;padding:8px 10px;display:flex}.historyRow>span{flex:1;min-width:0}.historyRow strong{overflow-wrap:anywhere;font-size:11px;font-weight:500;display:block}.historyRow small{color:var(--kokem-secondary);margin-top:3px;font-size:10px;display:block}.historyRow>svg{flex:0 0 18px}.resultBadge{white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800}.resultBadge.win{color:#07864b;background:#dff8ed}.resultBadge.loss{color:#c9001e;background:#ffe5e9}.resultBadge.draw{color:#151827;background:#e8e9ed}.challengeTabs{gap:6px;margin:0 0 8px;display:flex}.challengeTabs button{color:#505564;background:#f1f2f5;border:0;border-radius:999px;flex:1;min-width:0;min-height:44px;padding:6px;font-size:11px}.challengeTabs .on{background:var(--kokem-red);color:#fff}.hubChallenge{background:#fff;border-radius:11px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:7px;padding:9px;display:flex}.challengeAvatar{background:var(--kokem-red-soft);width:36px;height:36px;color:var(--kokem-red);border-radius:50%;flex:0 0 36px;place-items:center;display:grid;overflow:hidden}.challengeAvatar img{object-fit:cover;width:100%;height:100%}.challengeDescription{flex:1;min-width:70px}.challengeDescription b{overflow-wrap:anywhere;font-size:12px;display:block}.challengeDescription span{font-size:10px;line-height:1.3;display:block}.challengeDescription small{color:var(--kokem-secondary);font-size:9px;display:block}.challengeStatus{background:#f1f2f5;border-radius:8px;padding:5px 7px;font-size:10px}.status-pending{color:var(--kokem-red-dark);background:#ffe5e9}.status-playing,.status-accepted{color:#07864b;background:#dff8ed}.challengeButtons{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.challengeButtons button{border-radius:8px;min-height:44px;padding:6px 9px;font-size:10px}.hubEmpty{color:var(--kokem-secondary);padding:8px;font-size:12px}.modalBackdrop{z-index:2200}.gameInviteModal{border-radius:18px;width:min(100%,480px);padding:16px}.gameInviteModal h2{align-items:center;gap:8px;font-size:19px;display:flex}.opponentSearch{align-items:center;gap:8px;margin:10px 0;display:flex}.opponentSearch input{border-radius:999px;width:100%;min-width:0;font-size:13px}.opponentList{max-height:46dvh;overflow:auto}.opponentList article{align-items:center;gap:8px;padding:8px 0;display:flex}.opponentList b{overflow-wrap:anywhere;flex:1;min-width:0;font-size:13px}.opponentList button{padding:8px 12px;font-size:12px}.detailedProfile{z-index:1600;overscroll-behavior:contain;background:var(--kokem-background);width:100%;position:fixed;inset:0;overflow-y:auto}.profileHero{width:100%;max-width:520px;height:clamp(280px,38dvh,420px);margin:auto;position:relative}.profileGallery{scroll-snap-type:x mandatory;scrollbar-width:none;direction:ltr;gap:0;width:100%;height:100%;margin:0;display:flex;overflow:auto hidden}.profileGallery::-webkit-scrollbar{display:none}.profileGallery img,.profileHeroFallback{object-fit:cover;object-position:center;scroll-snap-align:start;border-radius:0;flex:0 0 100%;width:100%;max-width:none;height:100%}.profileHeroFallback{color:var(--kokem-red);background:linear-gradient(135deg,#fbe5e9,#fff0f2);place-items:center;font-size:80px;display:grid}.heroControl{top:calc(env(safe-area-inset-top) + 12px);color:#fff;background:#0007;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute}.heroBack{left:14px}.heroOptions{right:14px}.galleryDots{bottom:20px;justify-content:center;display:flex;position:absolute;inset-inline:0}.galleryDots button{background:0 0;border:0;place-items:center;width:20px;min-width:20px;height:44px;padding:0;display:grid}.galleryDots i{background:#ffffff70;border-radius:50%;width:6px;height:6px}.galleryDots [aria-current=true] i{background:#fff}.profileInformation{background:#fff;border-radius:24px 24px 0 0;width:100%;max-width:520px;min-height:calc(62dvh + 18px);margin:-18px auto 0;padding:18px 20px 160px;position:relative}.profileHandle{background:#d3d4d7;border-radius:999px;width:28px;height:3px;margin:-10px auto 10px;display:block}.profileInformation h1{color:#111;margin:0;font-size:22px;font-weight:800;line-height:1.3}.profileOnlineDot{background:var(--kokem-green);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-inline-start:6px;display:inline-block}.profileOnline{margin:0;font-size:11px}.compatibilityCard{background:#fdedef;border-radius:12px;align-items:center;gap:12px;width:100%;min-height:48px;margin-top:12px;padding:10px 12px;display:flex}.compatibilityCard>svg{color:var(--kokem-red);flex-shrink:0}.compatibilityCard strong{color:#740b1b;font-size:12px;font-weight:700;display:block}.compatibilityCard small{color:#505564;margin-top:2px;font-size:10px;display:block}.profileBiography{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:16px;font-size:13px;line-height:1.35}.profileDetailRows{margin:16px 0 0}.profileDetailRows>div{grid-template-columns:22px 92px minmax(0,1fr);align-items:start;gap:8px;min-height:30px;font-size:11px;line-height:1.35;display:grid}.profileDetailRows svg{color:#444}.profileDetailRows dt{font-weight:700}.profileDetailRows dd{overflow-wrap:anywhere;margin:0}.profileActionBar{bottom:0;width:100%;max-width:520px;padding:8px 24px calc(12px + env(safe-area-inset-bottom));z-index:20;background:#fffffff5;justify-content:space-evenly;gap:12px;margin:auto;display:flex;position:fixed;inset-inline:0}.profileAction{color:#111;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;padding:0;display:flex}.profileAction>span{border-radius:50%;place-items:center;width:62px;height:62px;display:grid;box-shadow:0 4px 15px #0000001f}.ignoreAction>span{color:var(--kokem-red);background:#fff}.messageAction>span{background:var(--kokem-red);color:#fff}.profileAction b{font-size:11px;font-weight:700}.messageProfileAction{flex-direction:column;align-items:center;max-width:180px;display:flex}.messageProfileAction>small{text-align:center;color:var(--kokem-secondary);margin-top:5px;font-size:10px;line-height:1.2}.profileAction:disabled{opacity:.5;cursor:default}.fullscreenGame{z-index:1600;background:var(--kokem-background);padding:env(safe-area-inset-top) 12px env(safe-area-inset-bottom);flex-direction:column;display:flex;position:fixed;inset:0;overflow:auto}.fullscreenGame>header{border-bottom:1px solid var(--kokem-border);background:#fff;align-items:center;gap:10px;height:58px;min-height:58px;padding:0;display:flex;position:static}.fullscreenGame>header h1{margin:0;font-size:19px;font-weight:800}.fullscreenPlayers{justify-content:center;align-items:center;gap:12px;padding:10px 0;font-size:12px;display:flex}.fullscreenPlayers>div{align-items:center;gap:6px;min-width:0;max-width:43%;display:flex}.fullscreenPlayers b{overflow-wrap:anywhere;font-size:12px}.fullscreenGameContent{width:100%;max-width:760px;min-height:0;margin:0 auto}.fullscreenGameContent p{margin:8px 0;font-size:12px}.fullscreenGameContent>h2{display:none}.fullscreenGame .strategyBoard,.fullscreenGame .board{aspect-ratio:1;width:min(100%,100dvh - 340px,540px);margin:8px auto}.fullscreenGame .strategyBoard button{font-size:clamp(18px,7vw,42px)}.chessPiece.whitePiece{color:#fff8eb;text-shadow:1px 0 #26364a,-1px 0 #26364a,0 1px #26364a,0 -1px #26364a}.chessPiece.blackPiece{color:#142639}.fullscreenGame .boardViewport{padding:0;overflow:visible}.fullscreenGame .board9{gap:2px;min-width:0}.fullscreenGame .board button{aspect-ratio:1;min-height:0;padding:0}.fullscreenGame .boardHint{display:none}.fullscreenGame .actions{justify-content:center;gap:6px}.fullscreenGame .actions button{min-height:44px;padding:8px 12px;font-size:12px}.playerStatsDisclosure{margin:4px 0;font-size:11px}.playerStatsDisclosure summary{cursor:pointer;min-height:28px}.playerStatsDisclosure h3{font-size:14px}@media (width<=359px){.workspaceShell{padding-inline:8px}.workspaceHeader{gap:4px;margin-inline:-8px;padding-inline:6px}.discoverPage{margin-inline:-8px}.discoverLayout{grid-template-columns:minmax(0,1fr) 76px;gap:6px}.availablePanel{width:76px}.feedToolbar h2{font-size:12px}.feedTools .primary{max-width:94px;padding:8px;font-size:10px}.feedTools .iconButton{width:44px;min-width:44px}.postCard{padding-inline:6px}.postAction,.postActionRow .postOptions summary{min-width:0}.postAction svg{width:18px}.gamesAccordionTrigger{gap:7px;padding:12px 10px}.gamesAccordionTrigger b{font-size:12px}.gamesAccordionTrigger small{font-size:10px}.gamesHub .gameGrid,.gamesHub .statsGrid{grid-template-columns:minmax(0,1fr)}.profileInformation{padding-inline:16px}.profileDetailRows>div{grid-template-columns:20px 82px minmax(0,1fr);gap:6px}}@media (width>=768px){.discoverLayout{grid-template-columns:minmax(0,1fr) 116px}.availablePanel{width:116px}.availableTile>b{font-size:11px}.discoverMain{width:100%;max-width:760px;margin:auto}}@media (prefers-reduced-motion:reduce){.gamesAccordionContent{animation:none}.gamesAccordion{transition:none}}:root{--red:#e60023;--kokem-red:#e60023;--kokem-red-dark:#c90020;--kokem-red-light:#ffe8ec;--kokem-background:#f5f6fa;--kokem-surface:#fff;--kokem-text:#111827;--kokem-muted:#747989;--kokem-border:#e8eaf0;--kokem-online:#08c878;--kokem-radius:14px;--kokem-header-layer:20;--kokem-nav-layer:30;--kokem-view-layer:100;--kokem-modal-layer:200}*{box-sizing:border-box}.kokemApp,.workspaceShell{max-width:1200px;color:var(--kokem-text);font-family:Inter,Arial,sans-serif}.workspaceShell{padding-bottom:calc(82px + env(safe-area-inset-bottom))}.workspaceShell h1,.settingsHub h1,.compactTitle h1,.conversationList h1{margin:8px 0 12px;font-family:inherit;font-size:20px;line-height:1.3}.compactHeader{height:calc(58px + env(safe-area-inset-top));z-index:var(--kokem-header-layer);background:var(--kokem-surface);position:sticky;top:0}.compactHeader .brand{width:44px;min-width:44px}.compactHeader .brand img{width:36px;height:36px}.compactHeader .headerSearch{background:var(--kokem-surface);height:36px;min-height:36px}.compactHeader .headerSearch input{height:34px;font-size:12px}.compactHeader .headerIcons{gap:2px;width:auto;display:flex}.compactHeader .headerProfile{width:44px;height:44px}.compactHeader .headerProfile img,.compactHeader .headerProfile>span{width:34px;height:34px}.clearHeaderSearch{background:0 0;border:0;flex-shrink:0;place-items:center;width:30px;min-height:30px;padding:0;display:grid}.notificationBell{color:var(--kokem-text);position:relative}.notificationBell>b{background:var(--kokem-red);color:#fff;border-radius:999px;min-width:15px;height:15px;padding:1px 3px;font-size:9px;position:absolute;top:2px;right:1px}.workspaceHeader .mainNav,.mainNav.compactNav{width:100%;max-width:1200px;z-index:var(--kokem-nav-layer);padding:0 0 env(safe-area-inset-bottom);background:var(--kokem-surface);border-top:1px solid var(--kokem-border);grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:auto;display:grid;position:fixed;inset:auto 0 0}.workspaceHeader .mainNav button,.mainNav.compactNav button{min-width:0;height:64px;min-height:64px;color:var(--kokem-muted);background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px 1px;font-size:10px;font-weight:500;display:flex;position:relative}.workspaceHeader .mainNav button.on,.mainNav.compactNav button.on{color:var(--kokem-red);background:0 0;font-weight:700}.workspaceHeader .mainNav button svg,.mainNav.compactNav button svg{width:21px;height:21px}.workspaceHeader .mainNav .on:after,.mainNav.compactNav .on:after{content:"";background:var(--kokem-red);border-radius:3px;width:32px;height:3px;position:absolute;bottom:3px;left:calc(50% - 16px)}.navBadge{right:12%}.compactNav button:hover{transform:none}.compactTitle{justify-content:space-between;align-items:center;gap:8px;display:flex}.discoverPage{background:var(--kokem-background)}.postCard{background:var(--kokem-surface);border-radius:14px;margin-bottom:10px}.feedToolbar{top:calc(58px + env(safe-area-inset-top));z-index:var(--kokem-header-layer);background:var(--kokem-background);gap:6px;min-height:44px;margin:0 0 8px;position:sticky}.feedToolbar h2{margin:0;font-family:inherit;font-size:18px;font-weight:700}.newPostButton{width:44px;min-width:44px;height:44px;color:var(--kokem-red);background:0 0;border:0;place-items:center;padding:7px;display:grid}.newPostButton>span{background:var(--kokem-surface);border-radius:9px;place-items:center;width:30px;height:30px;display:grid;box-shadow:0 2px 8px #1118270a}.postAvatar{width:32px;height:32px}.postAction svg{width:19px;height:19px}.postCard img.postPortrait{border-radius:5px}.feedSkeleton{background:var(--kokem-surface);border-radius:14px;grid-template-columns:32px 1fr;gap:10px;min-height:300px;padding:12px;display:grid}.feedSkeleton i,.feedSkeleton span,.feedSkeleton>div{background:var(--kokem-border);border-radius:8px;animation:1.5s ease-in-out infinite alternate skeletonPulse}.feedSkeleton i{border-radius:50%;height:32px}.feedSkeleton span{width:60%;height:20px}.feedSkeleton>div{grid-column:1/-1}@keyframes skeletonPulse{to{opacity:.35}}.modalBackdrop,.mediaViewerBackdrop{z-index:var(--kokem-modal-layer)}.postOptionsMenu.contextSheet{z-index:auto;background:var(--kokem-surface);border-radius:16px;width:min(300px,100vw - 32px);padding:10px;position:relative;inset:auto}.contextSheet .filter{text-align:start;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px;font-size:13px;display:flex}.contextCancel{background:var(--kokem-red-light);width:100%;min-height:38px;color:var(--kokem-red-dark);border:0;border-radius:10px;margin-top:8px}.availablePanel{max-height:calc(100dvh - 146px);top:66px}.availableAvatar i{background:var(--kokem-online)!important}.availablePagination button{place-items:center;min-height:30px;display:grid}@media (width>=768px){.discoverLayout{grid-template-columns:minmax(0,1fr) 105px}.availablePanel{width:105px}}.compactConnections{max-width:800px;margin:auto}.compactConnection{background:var(--kokem-surface);border:1px solid var(--kokem-border);border-radius:14px;margin-bottom:8px;padding:12px}.connectionIdentity{align-items:center;gap:8px;min-height:46px;display:flex}.identityLink{text-align:start;min-width:0;color:var(--kokem-text);background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:0;display:flex}.identityLink>span:last-child{flex:1;min-width:0}.identityLink b{overflow-wrap:anywhere;font-size:16px;display:block}.identityLink small{color:var(--kokem-muted);font-size:11px;line-height:1.3;display:block}.identityLink em,.onlineLabel{color:#057d4d;background:#e5fff2;border-radius:999px;width:fit-content;margin-top:3px;padding:2px 6px;font-size:11px;font-style:normal;display:block}.compactAvatar{background:var(--kokem-red-light);color:var(--kokem-red);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid;position:relative}.compactAvatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.compactAvatar i{background:var(--kokem-online);border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.compactMessage{border-radius:999px;min-height:34px;padding:6px 12px;font-size:12px}.connectionFavorite{background:var(--kokem-red-light);width:36px;min-width:36px;height:44px;color:var(--kokem-red);border:0;border-radius:50%;place-items:center;padding:0;display:grid}.connectionFavorite.on{background:#ffd3dc}.connectionActions{flex-wrap:wrap;justify-content:space-between;gap:4px;margin-top:8px;display:flex}.connectionActions button{min-width:40px;min-height:44px;color:var(--kokem-text);background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:3px;padding:0;display:flex}.connectionActions button>span{background:var(--kokem-surface);border:1px solid var(--kokem-border);border-radius:50%;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 2px 7px #11182709}.connectionActions small{color:var(--kokem-muted);max-width:72px;font-size:9px;line-height:1.15}.connectionDates{margin-top:8px;font-size:12px}.connectionDates summary{cursor:pointer;min-height:28px}.chatPage{max-width:800px;margin:auto;padding:0;display:block}.conversationList{background:var(--kokem-surface);border:0;padding:0;display:block}.conversationList h1{padding:8px 12px}.conversationRow{border-bottom:1px solid var(--kokem-border);min-height:72px;padding:0 12px;position:relative}.conversationOpen{text-align:start;width:100%;min-height:72px;color:var(--kokem-text);background:0 0;border:0;border-radius:0;align-items:center;gap:10px;padding:10px 0;display:flex}.conversationOpen>span:nth-child(2){flex:1;min-width:0}.conversationOpen b{font-size:14px;display:block}.conversationOpen small{white-space:nowrap;text-overflow:ellipsis;color:var(--kokem-muted);margin-top:4px;font-size:12px;display:block;overflow:hidden}.conversationOpen aside{color:var(--kokem-muted);flex-direction:column;align-items:end;gap:5px;font-size:10px;display:flex}.unreadCount{color:#fff;background:var(--kokem-red);border-radius:999px;place-items:center;min-width:18px;height:18px;padding:1px 4px;font-style:normal;display:grid}.turnPill{color:#fff;background:#7765f7;border:0;border-radius:999px;align-items:center;gap:3px;min-height:24px;padding:3px 8px;font-size:10px;display:flex;position:absolute;bottom:6px;right:12px}.compactConversation{top:0;bottom:calc(64px + env(safe-area-inset-bottom));background:var(--kokem-background);width:100%;max-width:1200px;z-index:var(--kokem-view-layer);padding:env(safe-area-inset-top) 0 0;flex-direction:column;margin:auto;display:flex;position:fixed;inset-inline:0}.conversationHeader{border-bottom:1px solid var(--kokem-border);background:var(--kokem-surface);align-items:center;gap:8px;height:60px;min-height:60px;margin:0;padding:0 10px;display:flex;position:static}.conversationHeader .brand{width:34px;min-width:34px}.conversationHeader .brand img{width:30px;height:30px}.conversationMember{text-align:start;min-width:0;color:var(--kokem-text);background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:0;display:flex}.conversationMember b{font-size:15px}.conversationMember small{color:var(--kokem-muted);font-size:11px;display:block}.compactConversation .messages{overscroll-behavior:contain;flex-direction:column;flex:1;gap:6px;height:auto;min-height:0;max-height:none;margin:0;padding:12px;display:flex;overflow-y:auto}.messageBubble{width:fit-content;max-width:78%;color:var(--kokem-text);touch-action:pan-y pinch-zoom;border-radius:14px;flex-shrink:0;padding:9px 11px 4px;transition:transform .1s}.messageBubble.mine{background:#fce2e9;align-self:flex-end}.messageBubble.theirs{background:#f0f1f5;align-self:flex-start}.messageBubble.system{max-width:100%;color:var(--kokem-muted);text-align:center;background:0 0;align-self:center;font-size:11px}.messageBubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.4}.messageBubble footer{color:var(--kokem-muted);justify-content:flex-end;align-items:center;gap:8px;margin:2px 0 0;padding:0;font-size:10px;display:flex}.messageReply{width:28px;height:24px;min-height:24px;color:var(--kokem-muted);background:0 0;border:0;place-items:center;padding:0;display:grid}.messageBubble blockquote{background:#ffffff70;border-inline-start:3px solid #7765f7;border-radius:6px;margin:0 0 7px;padding:5px 8px;font-size:11px}.messageBubble blockquote b,.messageBubble blockquote span{overflow-wrap:anywhere;display:block}.messageBubble blockquote span{max-height:44px;overflow:hidden}.messageBubble .postMedia{max-width:100%}.olderMessages{align-self:center}.chatComposerArea{background:var(--kokem-surface);border-top:1px solid var(--kokem-border);flex-shrink:0;padding:6px 10px}.compactConversation .composer{border:0;align-items:center;gap:5px;min-height:48px;margin:0;padding:0;display:flex}.composer input:not([type=file]){background:var(--kokem-surface);border-radius:999px;flex:1;width:auto;min-width:0;height:38px;padding:8px 10px;font-size:13px}.composer button{width:38px;min-width:38px;height:44px;min-height:44px;color:var(--kokem-muted);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.composer button[type=submit],.composer button:not([type]){color:#fff;background:var(--kokem-red);height:38px;min-height:38px}.replyPreview{background:#f5f5f7;border-inline-start:3px solid #7765f7;border-radius:10px;align-items:center;gap:8px;min-height:46px;max-height:56px;margin-bottom:5px;padding:6px 8px;display:flex}.replyPreview>span{flex:1;min-width:0}.replyPreview b,.replyPreview small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.replyPreview b{font-size:12px}.replyPreview small{font-size:11px}.replyPreview button{flex-shrink:0}.emojiChoices{justify-content:space-around;display:flex}.emojiChoices button{background:0 0;border:0;min-height:44px;padding:6px}.settingsHub{width:100%;max-width:760px;margin:auto}.settingsList{gap:6px;display:grid}.settingsListItem{border:1px solid var(--kokem-border);background:var(--kokem-surface);width:100%;min-height:64px;color:var(--kokem-text);text-align:start;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex}.settingsListItem>span{flex:1;min-width:0}.settingsListItem b{font-size:14px;display:block}.settingsListItem small{color:var(--kokem-muted);margin-top:3px;font-size:11px;line-height:1.3;display:block}.settingsListItem svg{flex-shrink:0}.settingsListItem:nth-child(6)>svg:first-child{color:var(--kokem-red)}.settingsDetail{background:var(--kokem-surface);border-radius:14px;padding:12px}.settingsDetail h2{font-family:inherit;font-size:16px}.settingsDetail .settings{display:block}.settingsDetail .setting{padding:12px 0}.settingsDetail .setting b{font-size:13px}.settingsDetail .setting p{font-size:11px}.settingsDetail .accountForm{border:0;padding:0}.settingsDetail .accountForm>h2{display:none}.appearanceChoices{gap:10px;display:grid}.appearanceChoices label{align-items:center;gap:10px;min-height:44px;font-size:14px;display:flex}.supportHelp summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:13px}.supportHelp p{font-size:13px}.installPage{text-align:center;max-width:440px;margin:auto;padding:12px}.installPage h2{font-size:22px}.installPage p{font-size:13px}.installLogo{width:80px;margin:auto;position:relative}.installLogo svg{color:var(--kokem-online);background:#fff;border-radius:50%;position:absolute;bottom:0;right:-2px}.installLogo img{border-radius:14px}.installBenefits{margin:16px 0}.installBenefits p{text-align:start;background:var(--kokem-background);border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex}.installBenefits svg{color:var(--kokem-online);flex-shrink:0}.installNow{border-radius:24px;width:100%;max-width:340px;min-height:46px}.installSteps{text-align:start;gap:14px;margin:20px 0;padding:0;list-style:none;display:grid}.installSteps li{align-items:center;gap:12px;display:flex}.installSteps li>b{background:var(--kokem-red);color:#fff;border-radius:50%;flex:0 0 26px;place-items:center;width:26px;height:26px;font-size:12px;display:grid}.installSteps svg{flex-shrink:0}.installSteps strong{font-size:13px;display:block}.installSteps small{color:var(--kokem-muted);margin-top:3px;font-size:11px;line-height:1.35;display:block}.gamesAccordion{border-radius:12px;margin-bottom:8px}.gamesAccordionTrigger{gap:8px;min-height:52px;padding:10px 12px}.gamesAccordionTrigger b{text-transform:none;font-size:13px}.gamesAccordionTrigger small{display:none}.gamesAccordionTrigger>svg:first-child{flex-basis:20px;width:20px;height:20px}.gamesAccordionTrigger>svg:last-child{flex-basis:17px;width:17px;height:17px}.fullscreenGame,.detailedProfile{z-index:var(--kokem-view-layer)}.fullscreenGame{padding:0 12px calc(84px + env(safe-area-inset-bottom))}.fullscreenGame>.compactHeader{padding:env(safe-area-inset-top) 12px 0;height:calc(58px + env(safe-area-inset-top));flex-shrink:0;min-height:58px;margin:0 -12px}.gameTitle{justify-content:space-between;align-items:center;width:100%;max-width:760px;min-height:48px;margin:0 auto;display:flex}.gameTitle h1{margin:0;font-family:inherit;font-size:19px}.gameTitle>div{display:flex}.fullscreenPlayers{background:var(--kokem-surface);border-radius:14px;width:100%;max-width:760px;min-height:82px;margin:0 auto 8px;padding:10px 12px}.fullscreenPlayers .challengeAvatar{width:42px;height:42px}.fullscreenPlayers small{color:var(--kokem-muted);margin-top:5px;font-size:11px;display:block}.gameTurnBanner{background:var(--kokem-surface);border-radius:12px;min-height:58px;margin:8px 0;padding:10px 12px}.gameTurnBanner.myTurn{background:var(--kokem-red-light)}.gameTurnBanner b{font-size:14px;display:block}.gameTurnBanner small{margin-top:3px;font-size:11px;display:block}.fullscreenGame .board3{gap:6px;width:min(100%,330px,100dvh - 360px)}.fullscreenGame .board3 button{border:1px solid var(--kokem-border);background:var(--kokem-surface);border-radius:10px;font-size:clamp(30px,11vw,52px);font-weight:700}.fullscreenGame .board3 button.markX{color:var(--kokem-red);background:#ffe8ec}.fullscreenGame .board3 button.markO{color:#1674ea;background:#e4efff}.board button.lastMove{outline-offset:-3px;outline:2px solid #7765f7;animation:.15s movePop}@keyframes movePop{0%{transform:scale(.92)}to{transform:scale(1)}}.gameControls{justify-content:center;margin-top:12px;display:flex}.gameControls button{min-height:44px;color:var(--kokem-red);border-color:var(--kokem-red-light);align-items:center;gap:8px;font-size:13px;display:flex}.gameRematch{margin:12px auto;display:block}.fullscreenGame .matchBox{padding:12px}.fullscreenGame .matchBox h2{font-family:inherit;font-size:18px}.compactConversation.keyboardOpen .compactNav{display:none}.compactProfile{padding-bottom:calc(84px + env(safe-area-inset-bottom));background:var(--kokem-background)}.compactProfile>.compactHeader{margin:0}.compactProfileContent{width:100%;max-width:760px;margin:auto;padding:10px 12px}.profileBanner{background:linear-gradient(120deg,var(--kokem-red-light),var(--kokem-surface));border-radius:14px 14px 0 0;width:100%;height:120px;overflow:hidden}.profileBanner img{object-fit:cover;width:100%;height:100%}.compactProfileIdentity{background:var(--kokem-surface);align-items:center;gap:8px;padding:12px 10px;display:flex}.compactProfileIdentity>span:nth-child(2){flex:1;min-width:0}.compactProfileIdentity h1{overflow-wrap:anywhere;margin:0;font-family:inherit;font-size:17px;line-height:1.2}.compactProfileIdentity .compactMessage{padding-inline:10px;font-size:11px}.compactProfile .connectionActions{background:var(--kokem-surface);margin:0;padding:4px 10px 10px}.compactProfile .profileInformation{border-radius:0 0 14px 14px;width:100%;max-width:none;min-height:0;margin:0;padding:12px}.compactProfile .compatibilityCard{margin:0}.compactProfile .profileBiography{margin:12px 0;font-size:13px}.compactProfile .profileDetailRows>div{grid-template-columns:20px 94px minmax(0,1fr)}.profilePhotosDisclosure{background:var(--kokem-surface);border-radius:14px;margin-top:10px;padding:12px}.profilePhotosDisclosure summary{cursor:pointer;min-height:32px;font-size:13px}.profilePhotosDisclosure .profileGallery{height:300px}.profileGalleryIndex{text-align:center;padding:6px;font-size:11px}.compactOwnProfile{max-width:760px;margin:auto}.compactOwnProfile .profileTop{background:var(--kokem-surface);border-radius:14px;align-items:center;gap:10px;padding:12px}.compactOwnProfile .bigAvatar{width:42px;min-width:42px;height:42px}.compactOwnProfile .profileTop h1{margin:0;font-family:inherit;font-size:17px}.compactOwnProfile .profileTop .eyebrow{display:none}.compactOwnProfile .profileTop p{margin:4px 0;font-size:11px}.ownProfileSummary{background:var(--kokem-surface);border-radius:14px;margin:10px 0;padding:12px}.ownProfileSummary p{white-space:pre-wrap;font-size:13px}.ownProfileSummary dl{margin:0}.ownProfileSummary dl>div{grid-template-columns:100px minmax(0,1fr);gap:10px;margin-bottom:8px;font-size:12px;display:grid}.ownProfileSummary dt{font-weight:700}.ownProfileSummary dd{overflow-wrap:anywhere;margin:0}.ownProfilePhotos{background:var(--kokem-surface);border-radius:14px;margin:10px 0;padding:12px}.ownProfilePhotos summary{cursor:pointer;min-height:36px;font-size:13px}@media (width<=374px){.compactProfileIdentity{flex-wrap:wrap}.compactProfileIdentity>span:nth-child(2){min-width:100px}}@media (prefers-reduced-motion:reduce){.board button.lastMove{animation:none}}html[data-kokem-theme=dark]{--kokem-background:#11151e;--kokem-surface:#1b2230;--kokem-text:#f3f4f8;--kokem-muted:#b2b9c8;--kokem-border:#344055;--kokem-red-light:#3e2430;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-kokem-theme=dark] body{background:var(--kokem-background);color:var(--kokem-text)}html[data-kokem-theme=dark] .kokemApp .page,html[data-kokem-theme=dark] .workspaceHeader,html[data-kokem-theme=dark] .gamesAccordion,html[data-kokem-theme=dark] .gameGrid button,html[data-kokem-theme=dark] .statCard,html[data-kokem-theme=dark] .historyRow,html[data-kokem-theme=dark] .hubChallenge,html[data-kokem-theme=dark] .availablePanel,html[data-kokem-theme=dark] .availableTile,html[data-kokem-theme=dark] .modal,html[data-kokem-theme=dark] .profileInformation,html[data-kokem-theme=dark] .profileActionBar{background:var(--kokem-surface);color:var(--kokem-text)}html[data-kokem-theme=dark] input,html[data-kokem-theme=dark] textarea,html[data-kokem-theme=dark] select{background:var(--kokem-surface);color:var(--kokem-text);border-color:var(--kokem-border)}html[data-kokem-theme=dark] .messageBubble.theirs{background:#293345}html[data-kokem-theme=dark] .messageBubble.mine{background:#512d40}html[data-kokem-theme=dark] .replyPreview{background:#263143}html[data-kokem-theme=dark] .profileInformation h1{color:var(--kokem-text)}@media (width<=374px){.compactHeader{gap:4px;padding-inline:6px}.compactHeader .headerSearch{padding-inline:7px}.compactHeader .headerSearch input{font-size:11px}.compactHeader .headerIcons{gap:0}.compactNav button span{font-size:9px}.connectionIdentity{gap:5px}.identityLink b{font-size:14px}.compactMessage{padding:6px 9px}.connectionFavorite{width:30px;min-width:30px}.feedToolbar h2{font-size:16px}.connectionActions small{font-size:8px}}@media (prefers-reduced-motion:reduce){.feedSkeleton i,.feedSkeleton span,.feedSkeleton>div{animation:none}.messageBubble{transition:none}}:root{--ink:var(--kokem-text);--muted:var(--kokem-muted);--line:var(--kokem-border);--cream:var(--kokem-background);--kokem-secondary:var(--kokem-muted);--kokem-white:var(--kokem-surface)}.workspaceHeader .mainNav,.mainNav.compactNav{grid-template-columns:repeat(5,minmax(0,1fr))}.workspaceHeader .mainNav .on:after,.mainNav.compactNav .on:after{width:28px;left:calc(50% - 14px)}.feedToolbar{min-height:52px;box-shadow:none!important;background:0 0!important;border:0!important}.feedToolbar h2{font-size:20px}.newPostButton{width:42px;min-width:42px;height:42px;padding:0}.newPostButton>span{background:var(--kokem-surface);border-radius:12px;width:40px;height:40px}.newPostButton svg{width:24px;height:24px}.availablePanel{min-height:min(650px,100dvh - 146px)}.availableList{flex:1;gap:10px}.availableSentinel{height:1px}.availableTile{color:var(--kokem-text)}.availableTile>b{font-size:11px}.chatPage.keptScreen{animation:none!important;transform:none!important}.compactConversation{flex-direction:column;overflow:hidden;display:flex!important}.compactConversation .messages{flex:1 1 0;height:auto;min-height:0;max-height:none;padding:12px;overflow-y:auto}.compactConversation .messages .messageBubble{margin:0;padding:9px 11px 4px}.compactConversation .messages p{background:0 0;border-radius:0;max-width:none;margin:0;padding:0}.conversationBack{color:var(--kokem-text);flex-shrink:0}.chatComposerArea{flex:none}.compactConversation .composer{min-height:56px}.composer .mediaPicker{background:var(--kokem-background);border:1px solid var(--kokem-border);color:var(--kokem-text);width:36px;min-width:36px;height:36px;min-height:36px}.messageDate{color:var(--kokem-muted);background:0 0;align-self:center;font-size:11px;max-width:none!important;margin:4px 0!important;padding:3px 8px!important}.messageBubble footer .delivery{font-size:9px}.conversationEmpty{text-align:center;color:var(--kokem-muted);margin:auto;padding:16px;font-size:13px}.chatCompatibility{color:var(--kokem-muted);margin:4px 0;font-size:12px}.attachmentOptions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.attachmentOptions button{background:var(--kokem-background);min-height:52px;color:var(--kokem-text);border:1px solid var(--kokem-border);border-radius:12px;justify-content:center;align-items:center;gap:8px;display:flex}.attachmentPreview{background:var(--kokem-background);border-radius:12px;max-height:260px;padding:8px;overflow:auto}.attachmentPreview img,.attachmentPreview video{border-radius:8px;max-width:100%;max-height:150px;margin:auto;display:block}.attachmentPreview audio{max-width:100%}.attachmentPreview small{overflow-wrap:anywhere;padding:5px;display:block}.attachmentPreview .actions{justify-content:flex-end}.attachmentPreview .actions button{min-height:36px;font-size:12px}html[data-kokem-theme=dark]{--kokem-background:#0b1018;--kokem-surface:#192230;--kokem-text:#f8fafc;--kokem-muted:#b9c2cf;--kokem-border:#334155;--kokem-red:#ff2447;--red:#ff2447;--kokem-red-light:#402331;--kokem-red-dark:#ff8196}html[data-kokem-theme=dark] :is(.postCard,.postAvatar,.profileTop,.ownProfileSummary,.ownProfilePhotos,.profilePhotosDisclosure,.compatibilityCard,.filterPanel form,.commentPanel,.commentItem,.sharePanel,.accountForm,.discoveryRadius,.notificationPrompt,.settingsDetail,.contextSheet,.modal,.matchBox,.players,.resultCard,.date,.auth,.installFlow){background:var(--kokem-surface);color:var(--kokem-text);border-color:var(--kokem-border)}html[data-kokem-theme=dark] :is(.filter,.ghost,.postOptions summary,.iconButton,.availableTile,.availablePerson,.postAuthor,.postCaption,.postAction,.commentContent p,.commentActions button,.profileDetailRows svg,.profileAction,.legalPage,.historyFilter,.settingsListItem,.headerSearch input,.gameGrid button,.statCard span,.connectionActions button,.setting b,.player,.field){color:var(--kokem-text)}html[data-kokem-theme=dark] :is(.postAction.active,.commentActions .active){color:var(--kokem-red)}html[data-kokem-theme=dark] :is(.postAuthor small,.postHeader time,.postHeader small,.commentContent time,.messageBubble time,.conversationMember small,.conversationOpen small,.connectionIdentity small,.settingsListItem small){color:var(--kokem-muted)}html[data-kokem-theme=dark] :is(.filter,.ghost,.field,.historyFilter select,.challengeTabs button,.challengeStatus,.compatibilityCard,.legalLanguage select,.headerProfile){background:var(--kokem-surface);border-color:var(--kokem-border)}html[data-kokem-theme=dark] :is(.compatibilityCard strong,.compatibilityCard small,.profileInformation h1,.profileAction,.contextCancel){color:var(--kokem-text)}html[data-kokem-theme=dark] .compactConversation .messageBubble.theirs{background:#202c3b}html[data-kokem-theme=dark] .compactConversation .messageBubble.mine{background:#512d40}html[data-kokem-theme=dark] .messageBubble blockquote{background:#202c3b}.dateSeparator{color:var(--kokem-muted)}@media (width<=374px){.feedToolbar h2{font-size:19px}.compactNav button span{font-size:10px}}.modalBackdrop.photoCropBackdrop{z-index:1000}.modal.photoCropDialog{text-align:start;width:min(100%,440px);max-height:calc(100dvh - 40px);overflow-y:auto}.photoCropDialog h2{margin:0 0 8px}.photoCropDialog>p{margin:8px 0 14px}.photoCropViewport{aspect-ratio:1;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#f3f3f3;width:min(100%,320px);margin:0 auto;position:relative;overflow:hidden}.photoCropViewport:active{cursor:grabbing}.photoCropViewport:focus-visible{outline-offset:3px;outline:3px solid #d91429}.photoCropViewport img{object-fit:fill;pointer-events:none;border:0;border-radius:0;max-width:none;position:absolute}.photoCropSliders{border:0;gap:10px;margin:14px 0;padding:0;display:grid}.photoCropSliders label{gap:4px;font-size:14px;font-weight:600;display:grid}.photoCropSliders input{accent-color:#d91429;width:100%;padding:0}.photoCropActions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.photoCropActions button{margin:0}.photoCropSaveHint{opacity:.75;font-size:13px}.profilePhotoDraft{align-items:center;gap:12px;margin:12px 0;display:flex}.profilePhotoDraft img{aspect-ratio:1;object-fit:cover;width:120px;max-width:40%}@media (width<=480px){.modal.photoCropDialog{padding:18px}.photoCropViewport{width:min(100%,280px)}}