/* Cold Cathode Games. The website follows the approved visual concept. */
html { scroll-behavior: smooth; }
body { margin: 0; background: #0b1013; }
a:focus-visible { outline: 2px solid #b6f8ef; outline-offset: 4px; }
.skip-link { position: absolute; top: -60px; left: 16px; z-index: 10; padding: 9px 14px; background: #b6f8ef; color: #0b1013; font: 700 14px/1.2 Arial, sans-serif; }
.skip-link:focus { top: 16px; }

#ccg-concept{--ccg-ink:#111619;--ccg-deep:#0b1013;--ccg-paper:#e5e7e2;--ccg-muted:#aeb9b8;--ccg-cool:#b6f8ef;--ccg-warm:#ffae77;--ccg-rule:rgba(220,237,233,.19);color:#eff1eb;background:var(--ccg-deep);font:400 16px/1.55 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;width:100%;overflow:hidden}
#ccg-concept *{box-sizing:border-box}
#ccg-concept a{color:inherit}
#ccg-concept .ccg-top{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:78px;padding:19px clamp(24px,4vw,54px);border-bottom:1px solid var(--ccg-rule);position:relative;z-index:3}
#ccg-concept .ccg-brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:15px;line-height:1.1}
#ccg-concept .ccg-mark{display:flex;gap:5px;align-items:center;height:32px}
#ccg-concept .ccg-mark i{display:block;width:4px;height:30px;background:var(--ccg-cool);border-radius:4px;box-shadow:0 0 8px var(--ccg-cool),0 0 22px rgba(182,248,239,.6)}
#ccg-concept .ccg-mark i:last-child{height:23px;background:var(--ccg-warm);box-shadow:0 0 8px var(--ccg-warm),0 0 18px rgba(255,174,119,.52)}
#ccg-concept .ccg-top-right{display:flex;align-items:center;gap:34px;color:#b8c3c1;font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em;text-transform:uppercase}
#ccg-concept .ccg-top-right span:first-child{color:#edf0e9}
#ccg-concept .ccg-hero{min-height:630px;position:relative;padding:clamp(70px,10vw,130px) clamp(24px,6vw,84px) 85px;overflow:hidden;background:radial-gradient(circle at 78% 48%,rgba(135,220,214,.09),transparent 40%),linear-gradient(145deg,#131a1c,#0b1013 70%)}
#ccg-concept .ccg-grid{position:absolute;inset:0;opacity:.24;background-image:linear-gradient(var(--ccg-rule) 1px,transparent 1px),linear-gradient(90deg,var(--ccg-rule) 1px,transparent 1px);background-size:92px 92px;mask-image:linear-gradient(90deg,transparent,black 46%)}
#ccg-concept .ccg-glow{position:absolute;right:-6%;top:-8%;width:48%;height:116%;background:radial-gradient(ellipse at 48% 42%,rgba(167,246,234,.28),transparent 58%),radial-gradient(ellipse at 74% 68%,rgba(255,174,119,.13),transparent 46%);filter:blur(22px);pointer-events:none}
#ccg-concept .ccg-tube{position:absolute;right:17%;top:4%;width:13px;height:82%;border-radius:12px;background:linear-gradient(90deg,#79b7ad,#f7fffa 37%,#d7fff7 70%,#8ecfc7);box-shadow:0 0 8px #dcfff6,0 0 35px rgba(182,248,239,.8),0 0 95px rgba(117,227,214,.4),-24px 0 75px rgba(117,227,214,.14);transform:rotate(10deg)}
#ccg-concept .ccg-tube:after{content:"";position:absolute;left:-4px;bottom:-22px;width:21px;height:27px;border-radius:3px;background:#3d4545}
#ccg-concept .ccg-tube-warm{right:10%;top:20%;height:61%;width:8px;transform:rotate(10deg);background:linear-gradient(90deg,#a87655,#fff1d8,#ffbe88);box-shadow:0 0 8px #ffd2aa,0 0 33px rgba(255,176,117,.7),0 0 100px rgba(255,151,80,.34)}
#ccg-concept .ccg-hero-content{position:relative;z-index:2;width:min(72%,760px)}
#ccg-concept .ccg-kicker{display:flex;align-items:center;gap:12px;margin:0 0 28px;color:var(--ccg-cool);font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.2em;text-transform:uppercase}
#ccg-concept .ccg-kicker:before{content:"";width:32px;height:1px;background:currentColor}
#ccg-concept h1{font:850 clamp(66px,10vw,132px)/.82 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;letter-spacing:-.085em;text-transform:uppercase;margin:0 0 0 -7px;max-width:810px}
#ccg-concept h1 span{display:block}
#ccg-concept h1 span:nth-child(2){color:var(--ccg-cool);text-shadow:0 0 33px rgba(182,248,239,.13)}
#ccg-concept .ccg-games{display:block;margin:24px 0 44px;font:700 clamp(21px,2.7vw,34px)/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.55em;text-transform:uppercase;color:#dde9e4}
#ccg-concept .ccg-tagline{max-width:510px;margin:0;color:#dde5de;font-size:clamp(18px,2vw,24px);line-height:1.32;font-weight:500}
#ccg-concept .ccg-tagline em{font-style:normal;color:var(--ccg-warm)}
#ccg-concept .ccg-hero-index{position:absolute;right:clamp(24px,4vw,54px);bottom:29px;color:#aeb9b8;font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em;text-transform:uppercase}
#ccg-concept .ccg-principle{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:end;padding:66px clamp(24px,6vw,84px) 72px;background:var(--ccg-paper);color:var(--ccg-ink)}
#ccg-concept .ccg-section-label{margin:0 0 22px;color:#597774;font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;text-transform:uppercase}
#ccg-concept .ccg-principle h2{max-width:800px;margin:0;font-size:clamp(34px,4.3vw,62px);line-height:.98;letter-spacing:-.065em;font-weight:800}
#ccg-concept .ccg-principle p:last-child{max-width:390px;margin:0;font-size:17px;line-height:1.5;color:#455351}
#ccg-concept .ccg-project{padding:72px clamp(24px,6vw,84px) 85px;background:#13191b}
#ccg-concept .ccg-project-top{display:flex;justify-content:space-between;gap:20px;margin-bottom:24px;border-top:1px solid var(--ccg-rule);padding-top:18px;color:#aeb9b8;font:700 11px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em;text-transform:uppercase}
#ccg-concept .ccg-project-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(24px,5vw,64px);align-items:center}
#ccg-concept .ccg-project h2{margin:0 0 18px;font-size:clamp(40px,5vw,68px);letter-spacing:-.07em;line-height:1.02}
#ccg-concept .ccg-project p{max-width:360px;color:#b6c0bd;margin:0 0 24px}
#ccg-concept .ccg-project .ccg-project-status{margin:0 0 14px;color:var(--ccg-warm);font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.17em;text-transform:uppercase}
#ccg-concept .ccg-link{display:inline-block;border-bottom:1px solid var(--ccg-warm);padding:4px 0 8px;color:#f0ede7;text-decoration:none;font:700 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase}
#ccg-concept .ccg-image{position:relative;min-height:360px;margin:0;overflow:hidden;background:#242929}
#ccg-concept .ccg-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% center}
#ccg-concept .ccg-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,11,13,.45),transparent 45%)}
#ccg-concept .ccg-image figcaption{position:absolute;right:15px;bottom:13px;z-index:1;padding:5px 7px;background:#111619;color:#d6d6cf;font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase}
#ccg-concept .ccg-foot{display:flex;justify-content:space-between;gap:20px;padding:28px clamp(24px,6vw,84px);border-top:1px solid var(--ccg-rule);background:#0d1214;color:#aeb9b8;font:700 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:760px){#ccg-concept .ccg-top-right{gap:0}#ccg-concept .ccg-top-right span:first-child{display:none}#ccg-concept .ccg-hero{min-height:610px;padding:95px 24px 70px}#ccg-concept .ccg-hero-content{width:100%}#ccg-concept h1{font-size:clamp(52px,12vw,90px)}#ccg-concept .ccg-games{font-size:20px;letter-spacing:.42em}#ccg-concept .ccg-tube{right:12%;opacity:.55}#ccg-concept .ccg-tube-warm{right:4%;opacity:.55}#ccg-concept .ccg-principle,#ccg-concept .ccg-project-grid{grid-template-columns:1fr;gap:24px}#ccg-concept .ccg-principle{padding-block:50px}#ccg-concept .ccg-project{padding-block:55px}#ccg-concept .ccg-image{min-height:280px}}
@media(max-width:450px){#ccg-concept .ccg-brand{font-size:12px;gap:10px}#ccg-concept .ccg-top-right{font-size:9px}#ccg-concept .ccg-hero{min-height:560px;padding-top:90px}#ccg-concept h1{font-size:clamp(48px,11vw,62px);letter-spacing:-.09em}#ccg-concept .ccg-games{letter-spacing:.35em}#ccg-concept .ccg-tagline{font-size:18px;max-width:270px}#ccg-concept .ccg-tube{right:9%;width:9px;opacity:.38}#ccg-concept .ccg-tube-warm{right:2%;opacity:.38}#ccg-concept .ccg-project h2{font-size:44px}#ccg-concept .ccg-foot{display:block}#ccg-concept .ccg-foot span{display:block}#ccg-concept .ccg-foot span+span{margin-top:7px}}

#ccg-concept .ccg-not-found { min-height: 65vh; display: grid; align-content: center; padding: 72px clamp(24px,6vw,84px); }
#ccg-concept .ccg-not-found h1 { font-size: clamp(52px,10vw,110px); }
#ccg-concept .ccg-not-found p { max-width: 36rem; color: #b6c0bd; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }