:root{--cpc-ink:#1b1c1a;--cpc-accent:#d5f062;--cpc-on-ink:#fff;--cpc-paper:#f4f3ed;--cpc-line:#d6d6cd;--cpc-muted:#73756e;font-family:Arial,Helvetica,sans-serif;color:var(--cpc-ink);background:var(--cpc-paper)}
*,*:before,*:after{-moz-box-sizing:border-box;box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
img{max-width:100%}
[hidden]{display:none!important}
.cpc-wrap{width:min(100% - 64px,1280px);margin-inline:auto}
.cpc-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cpc-header{position:relative;z-index:20;background:var(--cpc-ink);color:var(--cpc-on-ink);border-bottom:1px solid #ffffff26}
.cpc-topbar{min-height:78px;display:grid;grid-template-columns:1fr auto 260px;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;gap:34px}
.cpc-brand{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;gap:10px;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;font-size:23px;font-weight:900;letter-spacing:-.065em;overflow-wrap:anywhere}
.cpc-brand-mark{display:grid;grid-template-columns:repeat(2,10px);gap:3px;-webkit-transform:rotate(-11deg);transform:rotate(-11deg);-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;flex:none}
.cpc-brand-mark i{width:10px;height:10px;background:var(--cpc-accent);display:block}
.cpc-brand-mark i:nth-child(2){border-radius:100% 0 0 0}
.cpc-brand-mark i:nth-child(3){border-radius:0 0 100% 0}
.cpc-nav{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;gap:26px;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.13em;white-space:nowrap}
.cpc-nav a:first-child{color:var(--cpc-accent)}
.cpc-nav button{border:0;color:inherit;background:none;text-transform:inherit;font-weight:inherit;font-size:inherit;letter-spacing:inherit;padding:0}
.cpc-nav a:hover,.cpc-nav button:hover{color:var(--cpc-accent)}
.cpc-search{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;background:#333530;height:40px;padding:0 12px;color:#ced0c7;min-width:0}
.cpc-search>span{font-size:19px;line-height:1;margin-right:7px}
.cpc-search input{border:0;outline:0;background:none;color:#fff;width:100%;min-width:0;font-size:12px}
.cpc-search input::-webkit-input-placeholder{color:#b5b7ad}
.cpc-search input::-moz-placeholder{color:#b5b7ad}
.cpc-search input::placeholder{color:#b5b7ad}
.cpc-search button{border:0;background:none;color:var(--cpc-accent);font-size:18px;line-height:1}
.cpc-menu{position:absolute;top:100%;left:0;right:0;background:#30322e;box-shadow:0 16px 25px #0003;padding:18px 0}
.cpc-menu-inner{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:8px}
.cpc-genre-link{display:inline-block;border:1px solid #7b7d73;padding:9px 12px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.cpc-menu .cpc-genre-link:hover{background:var(--cpc-accent);color:var(--cpc-ink);border-color:var(--cpc-accent)}
.cpc-footer{background:var(--cpc-ink);color:#deded7;padding:36px 0 30px}
.cpc-footer-main{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;gap:20px}
.cpc-footer .cpc-brand{font-size:21px;color:#fff}
.cpc-footer nav{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;gap:24px;text-transform:uppercase;letter-spacing:.1em;font-size:10px}
.cpc-footer nav a:hover{color:var(--cpc-accent)}
.cpc-footer p{font-size:11px;color:#a3a59b;line-height:1.5;margin:20px 0 0}
.cpc-ad-frame{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;margin:16px auto;max-width:100%;min-height:0}
.cpc-ad-label{text-align:center;color:#8d8f88;font-size:9px;letter-spacing:.16em;margin-bottom:6px}
.cpc-ad-slot{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;max-width:300px;min-height:250px;width:100%;margin:auto;background:#e5e5e0;border:1px solid #d0d0ca}
.cpc-home-main>.ad-container:first-child{background:var(--cpc-ink);padding:16px 0;margin:0 auto}
.cpc-home-main>.ad-container:first-child .cpc-ad-slot{background:#30322e;border-color:#4b4d47}
.cpc-home-main>.ad-container:first-child .cpc-ad-label{color:#a9aca2}
.cpc-lazy-image{opacity:0;-webkit-transition:opacity .25s ease;transition:opacity .25s ease}
.cpc-image-loaded{opacity:1}
.cpc-image-error{opacity:0}
.cpc-game{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;text-align:left;color:inherit;padding:0;display:block;width:100%;min-width:0;position:relative}
.cpc-game-visual{display:block;position:relative;aspect-ratio:1.12;overflow:hidden;background:#c4c6ba}
.cpc-game-visual img{display:block;width:100%;height:100%;object-fit:cover;-webkit-transition:opacity .25s ease,-webkit-transform .3s ease;transition:opacity .25s ease,-webkit-transform .3s ease;transition:transform .3s ease,opacity .25s ease;transition:transform .3s ease,opacity .25s ease,-webkit-transform .3s ease}
.cpc-game:hover .cpc-game-visual img{-webkit-transform:scale(1.06);transform:scale(1.06)}
.cpc-game-copy{display:block;padding:10px 18px 0 0;min-width:0}
.cpc-game-copy strong{display:block;font-size:15px;letter-spacing:-.035em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cpc-game-copy small{display:block;color:var(--cpc-muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cpc-game-arrow{position:absolute;right:0;bottom:22px;font-size:12px}
.cpc-game-strip{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;gap:13px;background:#383a33;color:#fff;padding:9px}
.cpc-game-strip .cpc-game-visual{width:72px;height:72px;aspect-ratio:1;-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;flex:none}
.cpc-game-strip .cpc-game-copy{padding:0;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;flex:1}
.cpc-game-strip .cpc-game-copy strong{font-size:14px}
.cpc-game-strip .cpc-game-copy small{color:#c0c6a9}
.cpc-game-strip .cpc-game-arrow{position:static;color:var(--cpc-accent);padding:0 7px;font-size:17px}
.cpc-game-poster .cpc-game-visual{aspect-ratio:1}
.cpc-game-poster .cpc-game-copy{position:absolute;left:0;right:0;bottom:0;padding:32px 13px 13px;background:-webkit-gradient(linear,left top, left bottom,from(transparent),to(#000c));background:-webkit-linear-gradient(transparent,#000c);background:linear-gradient(transparent,#000c);color:#fff}
.cpc-game-poster .cpc-game-copy small{color:var(--cpc-accent)}
.cpc-game-poster .cpc-game-arrow{right:12px;bottom:13px;color:var(--cpc-accent)}
.cpc-solid-button{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;gap:30px;border:1px solid var(--cpc-accent);background:var(--cpc-accent);color:var(--cpc-ink);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;padding:14px 16px;min-height:46px}
.cpc-solid-button:hover{-webkit-filter:brightness(.95);filter:brightness(.95)}
.cpc-outline-button{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;gap:10px;border:1px solid currentColor;background:transparent;color:inherit;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;padding:12px 15px;min-height:42px}
.cpc-outline-button:hover{background:var(--cpc-accent);color:var(--cpc-ink);border-color:var(--cpc-accent)}
.cpc-link{font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;white-space:nowrap;padding-bottom:4px;border-bottom:1px solid currentColor}
.cpc-link:hover{color:#859c27}
.cpc-link span{margin-left:12px}
.cpc-overline{font-size:10px;letter-spacing:.22em;font-weight:900;text-transform:uppercase;color:#66724b}
.cpc-section-head{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:end;-webkit-align-items:end;-moz-box-align:end;align-items:end;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;gap:20px;margin-bottom:23px}
.cpc-section-head h2{font-size:clamp(26px,3.2vw,46px);letter-spacing:-.065em;line-height:1;margin:8px 0 0;text-transform:uppercase}
.cpc-tile-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.cpc-strip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cpc-feature-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
:focus-visible{outline:3px solid #a6d228;outline-offset:3px}
button:active,a:active{-webkit-transform:translateY(1px);transform:translateY(1px)}
@media(max-width:1050px){.cpc-wrap{width:min(100% - 40px,1280px)}.cpc-topbar{grid-template-columns:1fr auto;gap:12px;padding:14px 0}.cpc-search{grid-column:1/-1;grid-row:2}.cpc-tile-grid,.cpc-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cpc-strip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.cpc-wrap{width:-webkit-calc(100% - 28px);width:calc(100% - 28px)}.cpc-topbar{grid-template-columns:1fr auto;gap:11px;padding:15px 0}.cpc-brand{font-size:21px}.cpc-nav{gap:12px;font-size:9px;letter-spacing:.02em}.cpc-nav button{display:none}.cpc-search{height:39px}.cpc-menu-inner{max-height:50vh;overflow:auto}.cpc-footer-main{display:block}.cpc-footer nav{margin-top:25px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.cpc-section-head{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;margin-bottom:16px}.cpc-section-head h2{font-size:27px}.cpc-link{font-size:9px;letter-spacing:.02em}.cpc-link span{margin-left:3px}.cpc-tile-grid,.cpc-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 11px}.cpc-strip-grid{grid-template-columns:1fr;gap:8px}.cpc-game-copy strong{font-size:13px}.cpc-game-copy small{font-size:9px}.cpc-game-strip .cpc-game-visual{width:61px;height:61px}.cpc-game-strip .cpc-game-copy strong{font-size:13px}.cpc-ad-frame{margin:16px auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-transition-duration:.01ms!important;transition-duration:.01ms!important}}

.cpc-opening{background:var(--cpc-paper)}.cpc-hero{background:var(--cpc-ink);color:var(--cpc-on-ink);overflow:hidden}.cpc-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:30px;min-height:486px}.cpc-hero-copy{padding:50px 0 56px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;align-items:flex-start}.cpc-hero-eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--cpc-accent);font-weight:800;margin:0}.cpc-hero h1{font-size:clamp(64px,7.8vw,116px);line-height:.85;letter-spacing:-.09em;text-transform:uppercase;margin:37px 0 28px;font-weight:900}.cpc-hero h1 span{color:var(--cpc-accent)}.cpc-hero-description{max-width:370px;color:#c2c4ba;font-size:15px;line-height:1.6;margin:0}.cpc-hero .cpc-solid-button{margin-top:28px}.cpc-hero-art{position:relative;padding:32px 0 31px;display:grid;grid-template-columns:1.35fr .75fr;grid-template-rows:1fr 1fr;gap:10px;min-width:0}.cpc-hero-art:before{content:"";position:absolute;inset:16px -100vw 16px 16px;background:#262824;z-index:0}.cpc-hero-poster{position:relative;z-index:1;overflow:hidden;border:0;padding:0;background:#43443d;color:#fff;text-align:left;min-width:0}.cpc-hero-poster-lead{grid-row:span 2}.cpc-hero-poster img{display:block;width:100%;height:100%;object-fit:cover;-webkit-transition:opacity .25s ease,-webkit-transform .3s ease;transition:opacity .25s ease,-webkit-transform .3s ease;transition:transform .3s ease,opacity .25s ease;transition:transform .3s ease,opacity .25s ease,-webkit-transform .3s ease}.cpc-hero-poster:hover img{-webkit-transform:scale(1.04);transform:scale(1.04)}.cpc-hero-poster:after{content:"";position:absolute;inset:42% 0 0;background:-webkit-gradient(linear,left top, left bottom,from(transparent),to(#000b));background:-webkit-linear-gradient(transparent,#000b);background:linear-gradient(transparent,#000b)}.cpc-hero-poster-caption{position:absolute;z-index:2;left:18px;right:10px;bottom:17px;font-size:22px;font-weight:900;line-height:1;letter-spacing:-.04em;text-shadow:0 2px 10px #000}.cpc-hero-poster-caption small{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--cpc-accent);margin-bottom:7px}.cpc-hero-poster:not(.cpc-hero-poster-lead) .cpc-hero-poster-caption{font-size:15px;left:12px;bottom:11px}.cpc-hero-poster:not(.cpc-hero-poster-lead) small{font-size:8px;margin-bottom:5px}.cpc-jump{background:#d9ec80;color:#20211c}.cpc-jump-inner{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;gap:10px;min-height:63px;overflow:auto;white-space:nowrap}.cpc-jump strong{font-size:11px;letter-spacing:.15em;text-transform:uppercase;margin-right:20px}.cpc-jump a{font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.08em;border:1px solid #2225;padding:9px 13px}.cpc-jump a:hover{background:var(--cpc-ink);color:#fff}.cpc-home-band{padding-top:42px;padding-bottom:50px}.cpc-home-dark{background:#262824;color:#fff}.cpc-home-dark .cpc-overline{color:var(--cpc-accent)}.cpc-home-dark .cpc-link:hover{color:var(--cpc-accent)}.cpc-home-dark + .ad-container{background:#262824}.cpc-home-dark + .ad-container .cpc-ad-slot{background:#393b35;border-color:#55574f}.cpc-puzzle-band{background:#e9eae2}.cpc-casual-band{background:#f4f3ed}.cpc-discover-band{background:#e5e7dd}.cpc-home-note{font-size:13px;color:#62665b;margin:38px 0 0;line-height:1.6}.cpc-home-band .cpc-tile-grid .cpc-game:nth-child(n+21){display:none}@media(max-width:1050px){.cpc-hero-grid{min-height:410px}.cpc-hero h1{font-size:clamp(59px,8vw,90px)}.cpc-feature-grid .cpc-game:nth-child(n+7){display:none}}@media(max-width:480px){.cpc-hero-grid{display:block;min-height:0}.cpc-hero-copy{padding:34px 0 29px}.cpc-hero h1{font-size:66px;line-height:.86;margin:22px 0 17px}.cpc-hero-description{font-size:13px;max-width:330px}.cpc-hero .cpc-solid-button{margin-top:19px}.cpc-hero-art{height:195px;padding:0 0 15px;grid-template-columns:1.1fr .8fr;gap:7px}.cpc-hero-art:before{inset:-8px -30px 0}.cpc-hero-poster-caption{font-size:16px;bottom:10px;left:10px}.cpc-hero-poster:not(.cpc-hero-poster-lead) .cpc-hero-poster-caption{font-size:11px;left:7px;bottom:6px}.cpc-hero-poster-caption small{font-size:8px}.cpc-jump-inner{min-height:56px}.cpc-jump strong{margin-right:4px;-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;flex:none}.cpc-jump a{font-size:10px;padding:8px 10px}.cpc-home-band{padding-top:31px;padding-bottom:35px}.cpc-puzzle-band .cpc-game:nth-child(n+7),.cpc-casual-band .cpc-game:nth-child(n+7),.cpc-discover-band .cpc-game:nth-child(n+9),.cpc-home-dark .cpc-game:nth-child(n+7){display:none}.cpc-home-note{font-size:12px;margin-top:25px}}

