.cgh{--cream: #f2f3da;--paper: #fffef4;--raised: #e9e8c6;--wood: #8b4513;--wood-light: #a0522d;--wood-dark: #654321;--ink: #2b1b10;--muted: #66553f;--x: #2196f3;--o: #d32f2f;--grey: #5b6072;--tile-blue: #8fb3bf;--tile-orange: #efa95b;--tile-coral: #ee8c66;--tile-sage: #a5c3a9;--line: rgba(101, 67, 33, .18);--shadow: 0 1px 0 rgba(101, 67, 33, .06), 0 30px 60px -32px rgba(101, 67, 33, .55);--sans: Inter, "Avenir Next", "Segoe UI", system-ui, sans-serif;--mono: "Roboto Mono", "SF Mono", ui-monospace, Menlo, monospace;--ease: cubic-bezier(.16, 1, .3, 1);--max: 1160px;--pad: clamp(16px, 4vw, 48px);min-height:100vh;background:var(--cream);color:var(--ink);font:400 18px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}.cgh *,.cgh *:before,.cgh *:after{box-sizing:border-box}.cgh h1,.cgh h2,.cgh h3{margin:0;font-family:var(--sans);font-weight:800;color:var(--ink);letter-spacing:-.025em;text-wrap:balance}.cgh p{margin:0;text-wrap:pretty}.cgh a{color:inherit}.cgh img{display:block;max-width:100%;height:auto}.cgh ul,.cgh ol{margin:0;padding:0;list-style:none}.cgh figure{margin:0}.cgh section{width:min(100% - var(--pad) * 2,var(--max));margin:0 auto}.cgh section[id],.cgh article[id]{scroll-margin-top:96px}.cgh .cgh-kicker{font:500 13px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#93482a;margin-bottom:16px}.cgh .cgh-nw{white-space:nowrap}.cgh .cgh-meta{font:500 13px/1.5 var(--mono);color:var(--muted)}.cgh .cgh-bar{position:sticky;top:14px;z-index:20;padding:0 var(--pad)}.cgh .cgh-bar-inner{max-width:var(--max);margin:0 auto;height:60px;padding:0 10px 0 12px;display:flex;align-items:center;gap:20px;background:color-mix(in srgb,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 30px -22px #6543218c}.cgh .cgh-brand{display:flex;align-items:center;gap:10px;min-width:0;text-decoration:none;font:800 18px/1 var(--sans);letter-spacing:-.02em;color:var(--wood);white-space:nowrap}.cgh .cgh-brand img{flex:none;transition:transform .6s var(--ease)}.cgh .cgh-brand:hover img{transform:rotate(-8deg) scale(1.06)}.cgh .cgh-nav{display:flex;gap:2px;margin-left:auto}.cgh .cgh-nav a{padding:8px 12px;border-radius:10px;text-decoration:none;font-weight:600;font-size:15px;color:var(--muted);transition:background-color .2s,color .2s}.cgh .cgh-nav a:hover{background:#65432112;color:var(--ink)}.cgh .cgh-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 22px;border-radius:12px;border:1px solid var(--wood);text-decoration:none;text-align:center;font:600 16px/1.2 var(--sans);transition:transform .5s var(--ease),box-shadow .5s var(--ease),background-color .2s}.cgh .cgh-btn:hover{transform:translateY(-2px)}.cgh .cgh-btn:active{transform:translateY(0) scale(.985);transition-duration:.12s}.cgh .cgh-btn svg{transition:transform .5s var(--ease)}.cgh .cgh-btn:hover svg{transform:translate(3px)}.cgh .cgh-btn-primary{background:var(--wood);color:#fff;box-shadow:0 14px 28px -18px #654321f2}.cgh .cgh-btn-primary:hover{box-shadow:0 20px 34px -18px #654321f2}.cgh .cgh-btn-ghost{background:transparent;color:var(--wood)}.cgh .cgh-btn-ghost:hover{background:#8b45130f}.cgh .cgh-btn-small{flex:none;min-height:40px;padding:0 16px;border-radius:10px;background:var(--wood);color:#fff;font-size:15px}.cgh .cgh-btn-big{min-height:58px;padding:0 28px;font-size:18px;border-radius:14px}.cgh .cgh-hero{display:grid;grid-template-columns:minmax(0,11fr) minmax(0,9fr);gap:clamp(40px,6vw,88px);align-items:center;padding:clamp(56px,8vw,104px) 0 0}.cgh .cgh-hero h1{font-size:clamp(40px,5.6vw,70px);line-height:1.04;letter-spacing:-.035em}.cgh .cgh-lede{margin-top:26px;max-width:600px;font-size:clamp(17px,1.6vw,20px);color:var(--muted)}.cgh .cgh-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.cgh .cgh-hero-copy>.cgh-meta{margin-top:16px}.cgh .cgh-hero-stage{position:relative;padding:clamp(22px,4vw,44px);border-radius:36px;background:var(--raised)}.cgh .cgh-hero-stage:before,.cgh .cgh-hero-stage:after{content:"";position:absolute;width:22%;aspect-ratio:1;border-radius:18px;z-index:0}.cgh .cgh-hero-stage:before{top:-18px;right:-14px;background:var(--tile-orange);border-radius:18px 30px 18px 18px}.cgh .cgh-hero-stage:after{bottom:56px;left:-16px;background:var(--tile-sage);border-radius:18px 18px 18px 30px}.cgh .cgh-live{position:relative;z-index:1;max-width:440px;margin:0 auto}.cgh .cgh-board{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:3%;padding:4%;aspect-ratio:1;border-radius:18px;background-color:var(--wood-light);background-image:linear-gradient(45deg,rgba(255,255,255,.1) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.1) 75%,transparent 75%,transparent);background-size:48px 48px;box-shadow:var(--shadow)}.cgh .cgh-cell{display:grid;place-items:center;border-radius:10px;background:var(--wood);box-shadow:inset 0 2px 6px #0000002e,0 1px #ffffff14}.cgh .cgh-piece{--pc: var(--x);position:relative;display:block;width:64%;aspect-ratio:1;filter:drop-shadow(0 3px 3px rgba(0,0,0,.25))}.cgh .cgh-x:before,.cgh .cgh-x:after{content:"";position:absolute;left:0;top:50%;width:100%;height:18%;border-radius:5px;background:var(--pc);transform:translateY(-50%) rotate(45deg);transition:background-color .5s var(--ease)}.cgh .cgh-x:after{transform:translateY(-50%) rotate(-45deg)}.cgh .cgh-o{--pc: var(--o);border-radius:50%;border:solid var(--pc);border-width:clamp(5px,1.5vw,9px);transition:border-color .5s var(--ease)}.cgh .cgh-piece.is-oldest{--pc: var(--grey)}.cgh .cgh-piece.is-gone{visibility:hidden}.cgh .cgh-winline{position:absolute;inset:4%;width:92%;height:92%;pointer-events:none;overflow:visible}.cgh .cgh-winline line{stroke:#fff6dc;stroke-width:9;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;opacity:.92}.cgh .cgh-live figcaption{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px;font:500 13px/1.4 var(--mono);color:var(--muted)}.cgh .cgh-live-tag{color:var(--wood-light);text-transform:uppercase;letter-spacing:.08em}.cgh .cgh-live-note{display:inline-block}.cgh .cgh-why{max-width:860px;padding:clamp(88px,11vw,140px) 0 clamp(24px,4vw,48px);text-align:center}.cgh .cgh-statement{font:700 clamp(24px,3.1vw,36px)/1.3 var(--sans);letter-spacing:-.02em}.cgh .cgh-games{display:grid;gap:clamp(64px,9vw,112px);padding:clamp(48px,7vw,88px) 0 0}.cgh .cgh-section-head{text-align:center}.cgh .cgh-section-head h2,.cgh .cgh-film h2{font-size:clamp(32px,4vw,52px);line-height:1.08}.cgh .cgh-game{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(32px,6vw,88px);align-items:center}.cgh .cgh-game.flip{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.cgh .cgh-game.flip .cgh-game-copy{order:2}.cgh .cgh-game h3{font-size:clamp(28px,3.3vw,42px);line-height:1.1}.cgh .cgh-game-copy>p:not(.cgh-kicker):not(.cgh-game-links){margin-top:18px;color:var(--muted)}.cgh .cgh-game ul{margin-top:22px;display:grid;gap:10px}.cgh .cgh-game li{position:relative;padding-left:30px;font-weight:600;font-size:16px}.cgh .cgh-game li:before,.cgh .cgh-game li:after{content:"";position:absolute;left:3px;top:.74em;width:14px;height:3px;border-radius:2px;background:var(--x);transform:rotate(45deg)}.cgh .cgh-game li:after{transform:rotate(-45deg)}.cgh .cgh-game li:nth-child(2n):before{left:2px;top:.3em;width:16px;height:16px;border-radius:50%;background:none;border:3px solid var(--o);transform:none}.cgh .cgh-game li:nth-child(2n):after{display:none}.cgh .cgh-game-links{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:26px}.cgh .cgh-game-links a{font-weight:600;font-size:16px;color:var(--wood);text-decoration-thickness:1.5px;text-underline-offset:4px}.cgh .cgh-game-links a span{display:inline-block;transition:transform .5s var(--ease)}.cgh .cgh-game-links a:hover span{transform:translate(3px)}.cgh .cgh-game-shot{max-width:460px;justify-self:center;width:100%}.cgh .cgh-game-shot img{border-radius:22px;box-shadow:var(--shadow);transition:transform .9s var(--ease),box-shadow .9s var(--ease)}.cgh .cgh-game-shot:hover img{transform:translateY(-4px) rotate(-.6deg);box-shadow:0 1px #6543210f,0 40px 70px -34px #65432199}.cgh .cgh-modes{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:clamp(88px,11vw,136px) 0 0}.cgh .cgh-mode{padding:24px;border-radius:22px;background:var(--paper);border:1px solid var(--line)}.cgh .cgh-mode:before{content:"";display:block;width:34px;height:34px;margin-bottom:18px;border-radius:9px 9px 9px 16px;background:var(--tone)}.cgh .cgh-tone-blue{--tone: var(--tile-blue)}.cgh .cgh-tone-orange{--tone: var(--tile-orange)}.cgh .cgh-tone-coral{--tone: var(--tile-coral)}.cgh .cgh-tone-sage{--tone: var(--tile-sage)}.cgh .cgh-mode h3{font-size:20px;letter-spacing:-.015em;margin-bottom:6px}.cgh .cgh-mode p{color:var(--muted);font-size:16px}.cgh .cgh-film{padding:clamp(96px,12vw,150px) 0 0;text-align:center}.cgh .cgh-film h2{margin-bottom:34px}.cgh .cgh-film-frame{position:relative;overflow:hidden;border-radius:26px;background:var(--wood-dark);box-shadow:var(--shadow);aspect-ratio:16 / 9}.cgh .cgh-film-frame iframe{display:block;width:100%;height:100%;border:0}.cgh .cgh-film-facade{position:absolute;inset:0;width:100%;padding:0;border:0;background:none;cursor:pointer}.cgh .cgh-film-facade img{width:100%;height:100%;object-fit:cover;object-position:top;filter:saturate(.9) brightness(.9);transition:transform 1.2s var(--ease),filter .6s var(--ease)}.cgh .cgh-film-facade:hover img{transform:scale(1.02);filter:none}.cgh .cgh-film-play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:var(--wood);color:#fff;box-shadow:0 20px 40px -16px #2b1b10cc;transition:transform .5s var(--ease)}.cgh .cgh-film-play svg{margin-left:4px}.cgh .cgh-film-facade:hover .cgh-film-play{transform:scale(1.08)}.cgh .cgh-film-note{margin-top:14px;font-size:14px;color:var(--muted)}.cgh .cgh-film-note a{color:var(--wood);text-underline-offset:3px}.cgh .cgh-story{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,6vw,80px);align-items:start;margin-top:clamp(96px,12vw,150px);padding:clamp(28px,5vw,60px);border-radius:32px;background:var(--raised)}.cgh .cgh-story h2{font-size:clamp(28px,3.2vw,40px);line-height:1.1}.cgh .cgh-story-head>p:not(.cgh-kicker){margin-top:18px;color:var(--muted)}.cgh .cgh-stack{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.cgh .cgh-stack li{padding:5px 12px;border-radius:999px;background:var(--paper);border:1px solid var(--line);font:500 13px/1.4 var(--mono);color:var(--wood-dark)}.cgh .cgh-steps{display:grid;gap:14px}.cgh .cgh-steps li{position:relative;padding:22px 22px 22px 78px;border-radius:20px;background:var(--paper);border:1px solid var(--line)}.cgh .cgh-step-n{position:absolute;left:20px;top:20px;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--wood);font:800 20px/1 var(--sans);color:var(--x)}.cgh .cgh-steps li:nth-child(2) .cgh-step-n{color:#ff6b6b}.cgh .cgh-steps h3{font-size:19px;letter-spacing:-.01em;margin-bottom:6px}.cgh .cgh-steps p{font-size:16px;color:var(--muted)}.cgh .cgh-faq{max-width:820px;padding:clamp(96px,12vw,150px) 0 0}.cgh .cgh-faq h2{font-size:clamp(32px,4vw,52px);margin-bottom:28px;text-align:center}.cgh .cgh-faq-list{border-top:1px solid var(--line)}.cgh .cgh-faq details{border-bottom:1px solid var(--line)}.cgh .cgh-faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 4px;cursor:pointer;list-style:none;font:600 19px/1.35 var(--sans)}.cgh .cgh-faq summary::-webkit-details-marker{display:none}.cgh .cgh-faq summary:after{content:"";flex:none;width:12px;height:12px;border-right:2px solid var(--wood-light);border-bottom:2px solid var(--wood-light);transform:translateY(-3px) rotate(45deg);transition:transform .5s var(--ease)}.cgh .cgh-faq details[open] summary:after{transform:translateY(2px) rotate(-135deg)}.cgh .cgh-faq details p{padding:0 4px 24px;color:var(--muted);max-width:680px}.cgh .cgh-final{display:grid;justify-items:center;gap:18px;text-align:center;color:#fff6e6;margin-top:clamp(96px,12vw,150px);padding:clamp(48px,7vw,88px) var(--pad);border-radius:36px;background-color:var(--wood);background-image:linear-gradient(45deg,rgba(255,255,255,.06) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.06) 50%,rgba(255,255,255,.06) 75%,transparent 75%,transparent);background-size:64px 64px}.cgh .cgh-final img{border-radius:16px}.cgh .cgh-final h2{color:#fff6e6;font-size:clamp(40px,5.4vw,68px);line-height:1}.cgh .cgh-final>p:not(.cgh-meta){font-size:19px;color:#fff6e6eb}.cgh .cgh-final .cgh-btn-primary{margin-top:8px;background:var(--cream);color:var(--wood);border-color:var(--cream);box-shadow:0 18px 34px -18px #0009}.cgh .cgh-final .cgh-meta{color:#fff6e6eb}.cgh .cgh-footer{width:min(100% - var(--pad) * 2,var(--max));margin:0 auto;padding:40px 0 48px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:15px;color:var(--muted)}.cgh .cgh-footer a{color:var(--ink);text-underline-offset:3px}.cgh .cgh-footer-links{display:flex;gap:18px}.cgh .cgh-word{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}.cgh .cgh-word>span{display:inline-block}@media (prefers-reduced-motion: no-preference){.cgh .cgh-word>span{animation:cgh-rise 1s var(--ease) var(--d, 0ms) backwards}.cgh [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease) var(--d, 0ms),transform .9s var(--ease) var(--d, 0ms)}.cgh [data-reveal=scale]{transform:translateY(20px) scale(.965)}.cgh [data-reveal][data-shown]{opacity:1;transform:none}.cgh .cgh-piece{animation:cgh-place .55s var(--ease) backwards}.cgh .cgh-piece.is-gone{visibility:visible;animation:cgh-vanish .5s var(--ease) forwards}.cgh .cgh-piece.is-win{animation:cgh-place .55s var(--ease) backwards,cgh-win .7s var(--ease) .3s}.cgh .cgh-winline line{animation:cgh-draw .7s var(--ease) .15s backwards}.cgh .cgh-live-note{animation:cgh-note .5s var(--ease) backwards}}@keyframes cgh-rise{0%{transform:translateY(108%)}}@keyframes cgh-place{0%{opacity:0;transform:scale(.4) rotate(-12deg)}}@keyframes cgh-vanish{to{opacity:0;transform:scale(.2)}}@keyframes cgh-win{40%{transform:scale(1.14)}}@keyframes cgh-draw{0%{stroke-dashoffset:1}}@keyframes cgh-note{0%{opacity:0;transform:translateY(6px)}}.cgh a:focus-visible,.cgh summary:focus-visible,.cgh button:focus-visible{outline:2px solid var(--wood-light);outline-offset:3px;border-radius:6px}.cgh .cgh-final a:focus-visible{outline-color:var(--cream)}@media (max-width: 920px){.cgh .cgh-hero{grid-template-columns:1fr}.cgh .cgh-hero-stage{max-width:520px;width:100%;justify-self:center}.cgh .cgh-game,.cgh .cgh-game.flip,.cgh .cgh-story{grid-template-columns:1fr}.cgh .cgh-game.flip .cgh-game-copy{order:0}.cgh .cgh-modes{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.cgh{font-size:17px}.cgh .cgh-nav{display:none}.cgh .cgh-bar-inner{justify-content:space-between;gap:10px}.cgh .cgh-brand{font-size:16px}.cgh .cgh-hero-stage{border-radius:26px}.cgh .cgh-hero-stage:before{right:-6px}.cgh .cgh-hero-stage:after{left:-6px}.cgh .cgh-modes{grid-template-columns:1fr}.cgh .cgh-steps li{padding:20px 18px 20px 70px}.cgh .cgh-step-n{left:16px}.cgh .cgh-film-play{width:64px;height:64px;margin:-32px 0 0 -32px}.cgh .cgh-footer{flex-direction:column}}
