/* ChatPlay: a curated programme, with illustrated stages and a searchable library. */
body{margin:0}.cp-hub{max-width:1420px;margin:auto;padding:35px 38px 0}.cp-intro{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:30px}.cp-intro h1{font-size:46px;line-height:1.12;letter-spacing:-1.8px;margin:12px 0}.cp-intro p{color:#bfaacb;font-size:14px;margin:0}.cp-mobile-break{display:none}.cp-studio-link{display:flex;align-items:center;gap:10px;color:#e1c6f5;text-decoration:none;border:1px solid #664478;border-radius:9px;padding:13px 17px;font-size:12px;background:#24162f}.cp-spotlights{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.cp-spotlight{position:relative;display:block;overflow:hidden;border:1px solid #704d7c;border-radius:17px;color:#fff!important;text-decoration:none;isolation:isolate;transition:transform .2s,border-color .2s}.cp-spotlight:hover{transform:translateY(-3px);border-color:#ca98f3}.cp-spotlight>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;transition:transform .6s}.cp-spotlight:hover>img{transform:scale(1.035)}.cp-spotlight-main{min-height:450px;padding:32px;display:flex;align-items:end;background:#130d21}.cp-spotlight-main>img{object-position:58% center}.cp-feature-label{position:absolute;top:28px;left:30px;font-size:9px;letter-spacing:.12em;font-weight:750;border:1px solid #aa93534f;color:#ffe7a9;background:#2a2043bb;padding:8px 11px;border-radius:5px}.cp-feature-copy{position:relative;max-width:360px;text-shadow:0 2px 12px #080413}.cp-feature-meta{font-size:9px;letter-spacing:.1em;color:#f0d7ab;font-weight:650}.cp-feature-copy h2{font-size:52px;line-height:.99;letter-spacing:-2px;margin:14px 0}.cp-feature-copy p{font-size:13px;line-height:1.7;color:#ebdced;margin:15px 0 20px}.cp-feature-cta{display:inline-flex;align-items:center;gap:22px;font-size:12px;font-weight:700;color:#f8e5ff;padding:11px 14px;border-radius:8px;background:#281536eb;border:1px solid #c798f180}.cp-spotlight-main .cp-feature-cta{background:#ecd3a1;color:#271b30;border-color:#ffe5b9;text-shadow:none}.cp-spotlight-main .cp-feature-cta img{filter:none}.cp-side-features{display:grid;gap:20px;grid-template-rows:1fr 1fr}.cp-side-features .cp-spotlight{padding:25px;display:flex;align-items:center;min-height:215px}.cp-side-features .cp-feature-copy{max-width:280px}.cp-side-features h2{font-size:31px;letter-spacing:-1px;margin:10px 0}.cp-side-features p{font-size:11px;margin:9px 0 15px}.cp-side-features .cp-feature-meta{font-size:8px;letter-spacing:.07em}.cp-side-features .cp-feature-cta{font-size:10px;padding:8px 11px;gap:14px}.cp-city>img{object-position:60% center}.cp-words>img{object-position:64% center}.cp-hub-strip{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;padding:22px 5px;border-bottom:1px solid #46304e;font-size:11px;color:#bba7c6;margin-bottom:46px}.cp-hub-strip>span{display:flex;align-items:center;gap:10px}.cp-hub-strip .live{color:#8ce8b4}.cp-catalog-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 25px}.cp-catalog-title h2{font-size:31px;letter-spacing:-1px;line-height:1.15;margin:9px 0 0}.cp-catalog-title>span{font-size:11px;color:#baa4cc}.cp-catalog-tools{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:23px}.cp-category-tabs{display:flex;gap:6px;flex-wrap:wrap}.cp-category-tabs button{font:500 11px Inter,sans-serif;border:1px solid transparent;border-radius:7px;padding:11px 13px;background:transparent;color:#b7a2c6;cursor:pointer;min-height:42px}.cp-category-tabs button[aria-pressed=true]{background:#382247;border-color:#76538c;color:#f4e2ff}.cp-search{display:flex;gap:8px;align-items:center;background:#1c1226;border:1px solid #573960;border-radius:8px;padding:0 12px}.cp-search input{background:transparent;border:0;outline:0;font:12px Inter,sans-serif;color:#f2e7fa;padding:12px 0;width:150px;min-height:43px}.cp-search:focus-within{outline:2px solid #c99bed;outline-offset:2px}.cp-game-catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.cp-game-row{display:grid;grid-template-columns:1fr 24px;position:relative;gap:18px;color:#f4e7fc;text-decoration:none;padding:23px 20px;border:1px solid #4c3159;border-radius:12px;background:#1b1226;min-height:236px;transition:background .2s,transform .2s,border-color .2s}.cp-game-row[hidden]{display:none}.cp-game-row:hover{background:#281934;transform:translateY(-3px);border-color:#9870b2}.cp-game-symbol{width:52px;height:52px;display:grid;place-items:center;border:1px solid #845ca0;background:#352045;border-radius:14px}.cp-game-row[data-game-category=cografya] .cp-game-symbol{background:#173734;border-color:#387467}.cp-game-row[data-game-category=bilgi] .cp-game-symbol{background:#3e2c24;border-color:#856045}.cp-game-row[data-game-category=sosyal] .cp-game-symbol{background:#372944;border-color:#705790}.cp-game-arrow{grid-column:2;grid-row:1;align-self:center;opacity:.65}.cp-game-content{grid-column:1/-1}.cp-game-meta{font-size:9px;color:#c5a7d6;line-height:1.6}.cp-game-row h3{font-size:19px;letter-spacing:-.5px;margin:10px 0}.cp-game-row p{font-size:11px;line-height:1.7;color:#b8a4c5;margin:0}#cpGameEmpty{padding:40px;text-align:center;color:#bba7c7;border:1px dashed #654471;border-radius:12px}.cp-setup{display:grid;grid-template-columns:1fr 1.25fr;gap:70px;border:1px solid #5b3d6c;background:#201429;border-radius:17px;padding:43px;margin-top:50px}.cp-setup h2{font-size:34px;line-height:1.15;letter-spacing:-1.2px;margin:15px 0 24px}.cp-setup a{display:inline-flex;align-items:center;gap:16px;color:#d6a9f6;font-size:12px;text-decoration:none}.cp-setup ol{list-style:none;margin:0;padding:0}.cp-setup li{display:flex;gap:23px;margin-bottom:22px}.cp-setup li:last-child{margin:0}.cp-setup li>span{font-size:24px;color:#b988d4;font-weight:300}.cp-setup h3{font-size:14px;margin:2px 0 7px}.cp-setup p{font-size:12px;color:#b9a3c9;line-height:1.8;margin:0}.sj-footer{max-width:1344px}
@media(max-width:1100px){.cp-hub{padding:28px 25px 0}.cp-intro h1{font-size:39px}.cp-spotlights{grid-template-columns:1.1fr 1fr;gap:15px}.cp-spotlight-main{padding:25px;min-height:440px}.cp-feature-copy h2{font-size:45px}.cp-game-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-game-row{min-height:200px}.cp-catalog-tools{align-items:start}.cp-search input{width:125px}}
@media(max-width:700px){.cp-hub{padding:24px 16px 0}.cp-intro{display:block;margin-bottom:24px}.cp-intro h1{font-size:36px;letter-spacing:-1.4px}.cp-mobile-break{display:block}.cp-intro p{font-size:12px;line-height:1.7}.cp-studio-link{margin-top:18px;display:inline-flex;font-size:11px;padding:11px 14px}.cp-spotlights{grid-template-columns:1fr}.cp-spotlight-main{min-height:400px;padding:25px}.cp-feature-label{left:23px;top:23px;font-size:8px}.cp-spotlight-main>img{object-position:58% center}.cp-feature-copy h2{font-size:46px}.cp-side-features{gap:15px;grid-template-columns:1fr;grid-template-rows:auto}.cp-side-features .cp-spotlight{min-height:215px;padding:23px}.cp-side-features .cp-feature-copy{max-width:220px}.cp-side-features h2{font-size:30px}.cp-hub-strip{display:grid;gap:15px;margin-bottom:30px;font-size:10px}.cp-catalog-title{display:block}.cp-catalog-title h2{font-size:29px;margin-bottom:15px}.cp-catalog-tools{flex-direction:column;gap:14px}.cp-category-tabs{gap:3px}.cp-category-tabs button{padding:9px 10px;font-size:10px}.cp-search{width:100%}.cp-search input{width:100%}.cp-game-catalog{gap:12px}.cp-game-row{display:block;padding:17px 14px;min-height:250px}.cp-game-symbol{width:44px;height:44px;margin-bottom:18px}.cp-game-symbol img{width:25px;height:25px}.cp-game-arrow{position:absolute;right:15px;top:30px;width:16px}.cp-game-meta{font-size:8px}.cp-game-row h3{font-size:17px;line-height:1.15;margin:10px 0}.cp-game-row p{font-size:10px;line-height:1.7}.cp-setup{grid-template-columns:1fr;gap:30px;padding:27px 24px;margin-top:30px}.cp-setup h2{font-size:31px}.cp-setup li{gap:17px}.cp-setup p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.cp-spotlight,.cp-spotlight>img,.cp-game-row{transition:none}.cp-spotlight:hover,.cp-spotlight:hover>img,.cp-game-row:hover{transform:none}}