/* Website UI: translucent lapis glass, opaque content, restrained gold actions.
   Website direction requested 23 September; supersedes warm game-panel surfaces. */
body.creative-site.premium-site{
 --ag-panel:linear-gradient(145deg,rgba(32,61,120,.22),rgba(9,18,34,.55));
 --ui-panel:rgba(19,33,57,.35);
 --glass-border:rgba(222,210,184,.16);
 --glass-shadow:inset 0 1px 0 rgba(255,255,255,.065),0 16px 44px rgba(0,0,0,.13);
}
/* Surfaces share an optical treatment instead of opaque brown rectangles. */
body.creative-site.premium-site :is(.area-grid,.feature-grid,.research-grid,.resource-grid) article,
body.creative-site.premium-site :is(.unit-card,.enemy-card,.legal-card,.feedback-form,.deletion-form,.press-ai-card,.press-fact,.press-panel,.press-contact-card,.press-media-card,.soundtrack-album,.soundtrack-theme-listen,.terms-summary,.signup-panel,.cg-values article,.cg-studio-games .cg-values>a){
 background:var(--ag-panel);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
body.creative-site.premium-site :is(.feedback-checks>div,.signup-panel .release-card,.artifact-modal-panel,.official-theme-player,.version-one-banner){background:var(--ag-panel);border:1px solid var(--glass-border);border-radius:14px;box-shadow:var(--glass-shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:var(--ag-ivory)}
body.creative-site.premium-site :is(.feedback-checks>div,.signup-panel .release-card){font-weight:600}
body.creative-site.premium-site .feedback-checks>div{display:flex;align-items:center;gap:14px;min-height:76px}
body.creative-site.premium-site .feedback-checks>div:before{content:"";width:5px;height:5px;flex:none;border-radius:50%;background:var(--ag-title);box-shadow:0 0 12px #d2a13a35}
/* Action system. The approved studio opening keeps its existing controls. */
body.creative-site.premium-site :is(a.button,a.cg-button,button.button):not(:where(.pm-hero *)){
 position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:56px;padding:16px 25px;
 border:1px solid rgba(222,210,184,.55);border-bottom-color:rgba(184,135,32,.55);border-radius:8px;
 background:linear-gradient(115deg,rgba(255,255,255,.18),transparent 35%,rgba(255,255,255,.07) 70%,transparent),linear-gradient(180deg,color-mix(in srgb,#D2A13A 84%,#DED2B8),#D2A13A 42%,#B88720);
 color:#24180A;box-shadow:inset 0 1px 0 #fff6,inset 0 -1px 0 #24180a33,0 5px 16px #0003;
 font:700 12px/1.4 Cinzel,serif;letter-spacing:.055em;text-align:center;text-decoration:none;text-shadow:none;
 transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease;filter:none;
}
body.creative-site.premium-site :is(a.button,a.cg-button,button.button):not(:where(.pm-hero *)):before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 20%,#ffffff26 50%,transparent 80%);transform:translateX(-120%);transition:transform .45s ease;pointer-events:none}
body.creative-site.premium-site :is(a.button,a.cg-button,button.button):not(:where(.pm-hero *)):hover{transform:translateY(-2px);filter:none;border-color:var(--ag-ivory);box-shadow:inset 0 1px #fff6,0 8px 24px #0005,0 0 22px #d2a13a0d}
body.creative-site.premium-site :is(a.button,a.cg-button,button.button):not(:where(.pm-hero *)):hover:before{transform:translateX(120%)}
body.creative-site.premium-site :is(a.button,a.cg-button,button.button):not(:where(.pm-hero *)):active{transform:translateY(1px);box-shadow:inset 0 2px 5px #0003}
body.creative-site.premium-site :is(a.button,a.cg-button,button.button):not(:where(.pm-hero *)):focus-visible{outline:2px solid var(--ag-ivory);outline-offset:5px;box-shadow:0 0 0 4px var(--ag-night)}
body.creative-site.premium-site :is(.button.secondary,.cg-button.pm-secondary,.cg-button.cg-light):not(:where(.pm-hero *)){
 color:var(--ag-ivory);background:linear-gradient(125deg,#203d783d,#203d7810);border-color:#ded2b83d;box-shadow:inset 0 1px #ffffff12,0 5px 18px #0002;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
}
body.creative-site.premium-site :is(.button.secondary,.cg-button.pm-secondary,.cg-button.cg-light):not(:where(.pm-hero *)):hover{background-color:#203d784d;border-color:#d2a13a99;box-shadow:inset 0 1px #ffffff1f,0 8px 26px #0004}
body.creative-site.premium-site :is(a.button,a.cg-button)>span[aria-hidden=true]:not(:where(.pm-hero *)){width:24px;height:24px;display:inline-grid;place-items:center;border:1px solid currentColor;border-radius:50%;font:600 17px/1 EBGaramond,serif;flex-shrink:0;opacity:.85}
body.creative-site.premium-site :is(button.button:disabled,.button[aria-disabled=true]){opacity:.45;box-shadow:none;transform:none;cursor:not-allowed}
body.creative-site.premium-site :is(.social-link,.music-toggle,.soundtrack-listen-link,.press-copy-button){background:#203d7826;border:1px solid var(--glass-border);border-radius:8px;box-shadow:inset 0 1px #ffffff0d;backdrop-filter:blur(12px);min-height:44px;color:var(--ag-ivory)}
body.creative-site.premium-site :is(.social-link,.music-toggle,.soundtrack-listen-link,.press-copy-button):hover{border-color:#d2a13a99;background:#203d784d}
body.creative-site.premium-site .music-toggle[aria-pressed=true]{border-color:var(--ag-title);color:var(--ag-title)}
body.creative-site.premium-site :is(input,textarea,select){background:rgba(9,18,34,.58);border:1px solid var(--glass-border);border-radius:8px;box-shadow:inset 0 1px 4px #0002}
body.creative-site.premium-site :is(input,textarea):focus{outline:2px solid var(--ag-title);outline-offset:3px;background:rgba(9,18,34,.86)}
/* Puzzle: a cool, cinematic opening. Original civilization artwork stays intact. */
body.creative-site.premium-site.authentic-puzzle main{background:radial-gradient(ellipse 75% 14% at 90% 22%,#203d7826,transparent),radial-gradient(ellipse 70% 14% at 0% 63%,#203d7820,transparent)}
body.creative-site.premium-site.authentic-puzzle .hero{position:relative;isolation:isolate;min-height:780px;padding-block:60px 80px;gap:8%;grid-template-columns:1.2fr .8fr;background:var(--ag-night);overflow:hidden}
body.creative-site.premium-site.authentic-puzzle .hero:before{display:block;content:"";position:absolute;inset:0;z-index:-2;background:url('/assets/backgrounds/greece.webp') right 38%/72% auto no-repeat}
body.creative-site.premium-site.authentic-puzzle .hero:after{display:block;content:"";position:absolute;inset:0;z-index:-1;opacity:1;background:linear-gradient(90deg,var(--ag-night) 10%,rgba(6,11,22,.86) 36%,rgba(6,11,22,.1) 74%),linear-gradient(0deg,var(--ag-night),transparent 38%);pointer-events:none}
body.creative-site.premium-site.authentic-puzzle .hero-content{position:relative;z-index:1}
body.creative-site.premium-site.authentic-puzzle .hero h1 .puzzle-official-logo{width:116px}
body.creative-site.premium-site.authentic-puzzle .hero-copy{font-size:clamp(38px,4.2vw,60px);max-width:18ch;color:var(--ag-ivory);margin:24px 0;line-height:1.13}
body.creative-site.premium-site.authentic-puzzle .hero-copy em{color:var(--ag-title);font-family:inherit;font-size:inherit;font-weight:inherit;white-space:normal}
body.creative-site.premium-site.authentic-puzzle .auth-hero-description{font-size:23px;max-width:36ch}
body.creative-site.premium-site.authentic-puzzle .hero-media.auth-puzzle-cover{width:260px;max-width:100%;padding:13px 13px 16px;border:1px solid #ded2b83b;border-radius:25px;background:linear-gradient(140deg,#ded2b812,#203d781c);backdrop-filter:blur(16px);box-shadow:inset 0 1px #ffffff14,0 35px 80px #0008;transform:rotate(3deg)}
body.creative-site.premium-site.authentic-puzzle .auth-puzzle-cover img{border:1px solid #ffffff1f;border-radius:14px;box-shadow:none}
body.creative-site.premium-site.authentic-puzzle .auth-puzzle-cover figcaption{font-size:14px;padding-top:12px;color:var(--ag-ivory)}
body.creative-site.premium-site.authentic-puzzle .hero-actions{gap:20px;align-items:center}
body.creative-site.premium-site.authentic-puzzle .hero-playstore-badge{width:180px}
body.creative-site.premium-site.authentic-puzzle .hero-socials :is(a,button){padding:9px 14px;border:1px solid var(--glass-border);font-size:13px;min-height:44px}
body.creative-site.premium-site.authentic-puzzle :is(.section,.trust-strip){scroll-margin-top:106px}
body.creative-site.premium-site.authentic-puzzle .trust-strip{position:relative;border-block:1px solid var(--glass-border);border-radius:16px;margin-top:0;padding:27px 0;background:linear-gradient(100deg,#203d781c,transparent);box-shadow:inset 0 1px #ffffff08}
body.creative-site.premium-site.authentic-puzzle .trust-strip strong{font-size:36px}
body.creative-site.premium-site.authentic-puzzle .section-heading{max-width:840px}
body.creative-site.premium-site.authentic-puzzle .section-heading h2{font-size:clamp(30px,3.4vw,48px)}
body.creative-site.premium-site.authentic-puzzle .section-heading p:not(.eyebrow){max-width:66ch;font-size:22px;line-height:1.55}
body.creative-site.premium-site.authentic-puzzle .puzzle-screenshot-gallery{max-width:1040px;padding:40px 6%;gap:8%;border:1px solid var(--glass-border);border-radius:20px;background:radial-gradient(ellipse at 50% 50%,#203d783b,transparent 75%);box-shadow:inset 0 1px #ffffff0a}
body.creative-site.premium-site.authentic-puzzle .puzzle-screenshot-gallery figure{background:none;box-shadow:none;border:0;margin:0}
body.creative-site.premium-site.authentic-puzzle .puzzle-screenshot-gallery img{max-height:440px;border-radius:14px;box-shadow:0 20px 40px #0006;border:1px solid #ded2b826}
body.creative-site.premium-site.authentic-puzzle .puzzle-screenshot-gallery figcaption{font-size:19px;padding-top:20px;color:var(--ag-ivory)}
/* Regional cards reveal their artwork through cool glass, keeping text opaque. */
body.creative-site.premium-site.authentic-puzzle .area-grid{gap:20px}
body.creative-site.premium-site.authentic-puzzle .area-grid article{position:relative;isolation:isolate;overflow:hidden;min-height:270px;padding:30px;display:flex;flex-direction:column;background:rgba(9,18,34,.4);backdrop-filter:none;box-shadow:var(--glass-shadow)}
body.creative-site.premium-site.authentic-puzzle .area-grid article:before{content:"";position:absolute;inset:0;z-index:-2;background:var(--area-art) center 54%/cover}
body.creative-site.premium-site.authentic-puzzle .area-grid article:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(130deg,rgba(6,13,27,.91),rgba(6,13,27,.58)),linear-gradient(0deg,#060d1bde,transparent);pointer-events:none}
body.creative-site.premium-site.authentic-puzzle .area-grid article:nth-child(1){--area-art:url('/assets/backgrounds/egypt.webp')}
body.creative-site.premium-site.authentic-puzzle .area-grid article:nth-child(2){--area-art:url('/assets/backgrounds/babylonians.webp')}
body.creative-site.premium-site.authentic-puzzle .area-grid article:nth-child(3){--area-art:url('/assets/backgrounds/greece.webp')}
body.creative-site.premium-site.authentic-puzzle .area-grid article:nth-child(4){--area-art:url('/assets/backgrounds/persia.webp')}
body.creative-site.premium-site.authentic-puzzle .area-grid article:nth-child(5){--area-art:url('/assets/backgrounds/maya_empire.webp')}
body.creative-site.premium-site.authentic-puzzle .area-grid article:nth-child(6){--area-art:url('/assets/backgrounds/classic_feudal_japan.webp')}
body.creative-site.premium-site.authentic-puzzle .area-grid article>span{font:600 16px/1 EBGaramond,serif;letter-spacing:.1em;color:var(--ag-title);margin-bottom:26px}
body.creative-site.premium-site.authentic-puzzle .area-grid h3{font-size:23px;color:var(--ag-ivory);max-width:21ch;line-height:1.25}
body.creative-site.premium-site.authentic-puzzle .area-grid p{font-size:20px;line-height:1.45;margin-bottom:24px}
body.creative-site.premium-site.authentic-puzzle .area-grid strong{font:600 16px/1.5 EBGaramond,serif;margin-top:auto;border-top:1px solid var(--glass-border);padding-top:15px}
body.creative-site.premium-site.authentic-puzzle .world-explorer{grid-template-columns:1fr 1fr;gap:32px}
body.creative-site.premium-site.authentic-puzzle .world-grid{gap:12px}
body.creative-site.premium-site.authentic-puzzle .world-card{min-height:188px;border:1px solid var(--glass-border);border-radius:10px;background-color:transparent;padding-top:86px;box-shadow:0 7px 22px #0003;transition:transform .2s,border-color .2s,box-shadow .2s}
body.creative-site.premium-site.authentic-puzzle .world-card :is(span,small){background:rgba(6,13,27,.68);backdrop-filter:blur(8px);color:var(--ag-ivory)}
body.creative-site.premium-site.authentic-puzzle .world-card span{font:700 12px/1.45 Cinzel,serif;padding:12px 10px 4px}
body.creative-site.premium-site.authentic-puzzle .world-card small{font:600 15px/1.4 EBGaramond,serif;padding:0 10px 12px}
body.creative-site.premium-site.authentic-puzzle .world-card:is(:hover,.is-active){border-color:var(--ag-title);box-shadow:0 0 0 1px #d2a13a33,0 10px 25px #0004;filter:none}
body.creative-site.premium-site.authentic-puzzle .world-card:focus-visible{outline:2px solid var(--ag-ivory);outline-offset:3px}
body.creative-site.premium-site.authentic-puzzle .world-preview{background:var(--ag-panel);border:1px solid var(--glass-border);border-radius:18px;box-shadow:var(--glass-shadow);backdrop-filter:blur(20px)}
body.creative-site.premium-site.authentic-puzzle .world-preview-image{height:300px;background-image:linear-gradient(0deg,rgba(6,13,27,.36),transparent 60%),var(--preview-image)}
body.creative-site.premium-site.authentic-puzzle .world-preview-content{padding:28px;background:transparent}
body.creative-site.premium-site.authentic-puzzle .artifact-chip{background:#203d7814;border:1px solid var(--glass-border);border-radius:12px;box-shadow:inset 0 1px #ffffff08;transition:background .2s,border-color .2s,transform .2s}
body.creative-site.premium-site.authentic-puzzle .artifact-chip:hover{background:#203d7842;border-color:var(--ag-title);transform:translateY(-3px)}
body.creative-site.premium-site.authentic-puzzle .artifact-chip:focus-visible{outline:2px solid var(--ag-title);outline-offset:4px}
body.creative-site.premium-site.authentic-puzzle .puzzle-soundtrack-teaser{background:radial-gradient(ellipse at 0 50%,#203d783b,transparent 70%),var(--ag-panel);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--glass-shadow);padding:55px;gap:55px}
body.creative-site.premium-site.authentic-puzzle .puzzle-soundtrack-teaser h2{font-size:clamp(29px,3.1vw,44px)}
body.creative-site.premium-site.authentic-puzzle .official-theme-player{padding:18px;gap:20px;background:#00000012;box-shadow:none}
body.creative-site.premium-site audio{color-scheme:dark}
body.creative-site.premium-site.authentic-puzzle .signup-panel{grid-template-columns:1.1fr .9fr;gap:55px;padding:50px;background:radial-gradient(ellipse at 80% 0,#203d7838,transparent 65%),var(--ag-panel)}
body.creative-site.premium-site.authentic-puzzle .signup-panel h2{font-size:clamp(32px,3.4vw,46px)}
body.creative-site.premium-site.authentic-puzzle .signup-panel .release-card{padding:28px;background:rgba(32,61,120,.09);box-shadow:none}
body.creative-site.premium-site.authentic-puzzle .release-card strong{font-size:26px;line-height:1.25}
body.creative-site.premium-site .artifact-modal-panel{background:rgba(9,18,34,.88);box-shadow:inset 0 1px #ffffff12,0 30px 100px #0009}
body.creative-site.premium-site .artifact-modal-close{border:1px solid var(--glass-border);border-radius:50%;width:44px;height:44px;background:#203d7838;color:var(--ag-ivory)}
@media(max-width:1100px){
 body.creative-site.premium-site.authentic-puzzle .area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.creative-site.premium-site.authentic-puzzle .world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.creative-site.premium-site.authentic-puzzle .signup-panel{gap:30px;padding:32px}
 body.creative-site.premium-site.authentic-puzzle .puzzle-soundtrack-teaser{gap:30px;padding:35px}
}
@media(max-width:900px){
 body.creative-site.premium-site.authentic-puzzle .hero{grid-template-columns:1fr;min-height:0;padding:45px 24px 55px;gap:40px}
 body.creative-site.premium-site.authentic-puzzle .hero:before{background-size:auto 100%;background-position:64% center}
 body.creative-site.premium-site.authentic-puzzle .hero:after{background:linear-gradient(90deg,#060b16de,#060b1670),linear-gradient(0deg,var(--ag-night),transparent 40%)}
 body.creative-site.premium-site.authentic-puzzle .hero h1 .puzzle-official-logo{width:90px}
 body.creative-site.premium-site.authentic-puzzle .hero-copy{font-size:clamp(36px,9vw,52px);max-width:15ch}
 body.creative-site.premium-site.authentic-puzzle .auth-hero-description{font-size:21px}
 body.creative-site.premium-site.authentic-puzzle .hero-media.auth-puzzle-cover{width:210px;transform:rotate(2deg)}
 body.creative-site.premium-site.authentic-puzzle .hero-actions{gap:12px;flex-wrap:wrap}
 body.creative-site.premium-site.authentic-puzzle .hero-actions .button{padding:14px 17px;min-height:50px;font-size:11px}
 body.creative-site.premium-site.authentic-puzzle .hero-playstore-badge{width:155px}
 body.creative-site.premium-site.authentic-puzzle .trust-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 0;padding:25px 0}
 body.creative-site.premium-site.authentic-puzzle .trust-strip>div:nth-child(2){border-right:0}
 body.creative-site.premium-site.authentic-puzzle .trust-strip strong{font-size:30px}
 body.creative-site.premium-site.authentic-puzzle .trust-strip span{font-size:16px}
 body.creative-site.premium-site.authentic-puzzle .puzzle-screenshot-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:24px 14px;border-radius:14px;max-width:100%}
 body.creative-site.premium-site.authentic-puzzle .puzzle-screenshot-gallery img{max-height:none;border-radius:6px}
 body.creative-site.premium-site.authentic-puzzle .puzzle-screenshot-gallery figcaption{font-size:15px;padding-top:14px;line-height:1.35}
 body.creative-site.premium-site.authentic-puzzle .area-grid{grid-template-columns:1fr;gap:16px}
 body.creative-site.premium-site.authentic-puzzle .area-grid article{min-height:250px;padding:25px}
 body.creative-site.premium-site.authentic-puzzle .world-explorer{grid-template-columns:1fr;gap:24px}
 body.creative-site.premium-site.authentic-puzzle .world-card{min-height:175px}
 body.creative-site.premium-site.authentic-puzzle .world-preview{position:static;min-height:0}
 body.creative-site.premium-site.authentic-puzzle .world-preview-image{height:235px}
 body.creative-site.premium-site.authentic-puzzle .world-preview-content{padding:20px}
 body.creative-site.premium-site.authentic-puzzle .world-preview h3{font-size:28px}
 body.creative-site.premium-site.authentic-puzzle .preview-artifacts{gap:8px}
 body.creative-site.premium-site.authentic-puzzle .artifact-chip{padding:10px 5px;min-width:0}
 body.creative-site.premium-site.authentic-puzzle .artifact-chip img{width:70px;height:70px}
 body.creative-site.premium-site.authentic-puzzle .artifact-chip span{font-size:14px;overflow-wrap:anywhere}
 body.creative-site.premium-site.authentic-puzzle .puzzle-soundtrack-teaser{grid-template-columns:1fr;padding:26px;gap:28px}
 body.creative-site.premium-site.authentic-puzzle .puzzle-soundtrack-teaser>img{max-width:220px;margin:auto}
 body.creative-site.premium-site.authentic-puzzle .official-theme-player{padding:14px;display:block}
 body.creative-site.premium-site.authentic-puzzle .official-theme-player audio{width:100%;margin-top:14px;min-width:0}
 body.creative-site.premium-site.authentic-puzzle .signup-panel{grid-template-columns:1fr;gap:26px;padding:24px}
 body.creative-site.premium-site.authentic-puzzle .signup-panel .release-card{padding:22px}
 body.creative-site.premium-site.authentic-puzzle .release-card strong{font-size:23px}
 body.creative-site.premium-site.authentic-puzzle .feedback-checks{grid-template-columns:1fr 1fr;gap:12px}
 body.creative-site.premium-site.authentic-puzzle .feedback-checks>div{padding:16px;font-size:18px;gap:10px}
 body.creative-site.premium-site :is(a.button,a.cg-button,button.button):not(:where(.pm-hero *)){max-width:100%;font-size:11px;gap:14px;padding:15px 20px}
}
@media(prefers-reduced-motion:reduce){body.creative-site.premium-site :is(a.button,a.cg-button,button.button):before{transition:none;display:none}}
@media(forced-colors:active){body.creative-site.premium-site :is(.button,.cg-button,.world-card,.artifact-chip){border:1px solid ButtonText}}