/* GamesFree coloring pages — deliberately scoped to the page template. */
.gf-real-coloring{--gf-orange:#ff9800;--gf-orange-dark:#e86600;--gf-ink:#100e15;--gf-panel:#1b1721;--gf-line:#3c3445;--gf-text:#f7f4fa;--gf-muted:#bcb2c7;background:radial-gradient(circle at 12% 4%,rgba(255,136,0,.11),transparent 27%),#09080d;color:var(--gf-text);padding:42px 22px 76px}
.gf-real-coloring *{box-sizing:border-box}.gf-real-coloring__inner{max-width:1600px;margin:auto}.gf-real-coloring__hero{min-height:158px;display:flex;align-items:center;justify-content:space-between;gap:32px;overflow:hidden;position:relative;padding:25px 42px;border:1px solid #544556;border-radius:24px;background:linear-gradient(118deg,#221b2b 0%,#17121c 56%,#24190f 100%);box-shadow:0 22px 45px rgba(0,0,0,.28)}
.gf-real-coloring__hero>div:first-child{position:relative;z-index:1;max-width:none}.gf-real-coloring__hero p,.gf-real-gallery header p,.gf-real-studio header p{margin:0 0 8px;color:var(--gf-orange);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.gf-real-coloring__hero h1{margin:0;font-size:clamp(30px,3.35vw,50px);line-height:1.05;color:#fff;white-space:nowrap}.gf-real-coloring__hero span{display:block;max-width:820px;margin-top:10px;color:#d6cfda;font-size:14px;line-height:1.45}.gf-real-coloring__hero-art{height:118px;width:190px;flex:0 0 190px;position:relative;background:radial-gradient(circle at 48% 50%,rgba(255,154,0,.42),transparent 21%),radial-gradient(circle at 54% 50%,rgba(0,226,212,.3),transparent 36%)}.gf-real-coloring__hero-art i{display:block;position:absolute;border:3px solid var(--gf-orange);border-radius:50%;opacity:.8}.gf-real-coloring__hero-art i:first-child{width:72px;height:72px;left:59px;top:23px}.gf-real-coloring__hero-art i:nth-child(2){width:116px;height:116px;left:38px;top:2px;opacity:.3}.gf-real-coloring__hero-art i:last-child{width:170px;height:170px;left:10px;top:-26px;opacity:.12}
.gf-real-coloring__categories{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:14px;margin:24px 0}.gf-real-category{min-height:215px;overflow:hidden;position:relative;padding:0 0 13px;border:1px solid var(--gf-line);border-radius:18px;background:var(--gf-panel);color:var(--gf-text);text-align:left;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.gf-real-category:hover,.gf-real-category:focus-visible,.gf-real-category.is-active{border-color:var(--gf-orange);box-shadow:0 10px 24px rgba(0,0,0,.25);transform:translateY(-3px);outline:none}.gf-real-category img{width:100%;height:130px;display:block;object-fit:contain;object-position:center;background:#fff;filter:saturate(.85)}.gf-real-category strong,.gf-real-category span{display:block;padding:0 13px}.gf-real-category strong{margin-top:11px;font-size:13px;line-height:1.2}.gf-real-category span{margin-top:1px;color:var(--gf-orange);font-size:10px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.gf-real-category[data-accent="blue"]{--gf-orange:#65c9ff}.gf-real-category[data-accent="pink"]{--gf-orange:#f48fb1}.gf-real-category[data-accent="green"]{--gf-orange:#6ad59b}.gf-real-category[data-accent="yellow"]{--gf-orange:#f7d652}.gf-real-category[data-accent="purple"]{--gf-orange:#c0a0ff}.gf-real-category[data-accent="teal"]{--gf-orange:#5cd9d1}
.gf-real-gallery,.gf-real-studio{padding:27px;border:1px solid #403747;border-radius:24px;background:#141119;box-shadow:0 14px 34px rgba(0,0,0,.2)}.gf-real-gallery header,.gf-real-studio>header{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid #362f3c}.gf-real-gallery h2,.gf-real-studio h2{margin:0;font-size:30px;color:#fff}.gf-real-gallery header>span{color:#c9bdcf;font-size:14px}.gf-real-gallery__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:22px}.gf-real-page-card{overflow:hidden;padding:0;border:1px solid #403847;border-radius:17px;background:#211c26;color:#fff;text-align:left;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.gf-real-page-card:hover,.gf-real-page-card:focus-visible{transform:translateY(-4px);border-color:var(--gf-orange);box-shadow:0 12px 24px rgba(0,0,0,.27);outline:none}.gf-real-page-card>span{display:flex;align-items:center;justify-content:center;height:218px;background:linear-gradient(145deg,#faf9f7,#dad6d0);overflow:hidden}.gf-real-page-card img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .25s ease}.gf-real-page-card:hover img{transform:scale(1.035)}.gf-real-page-card strong,.gf-real-page-card small{display:block;padding:0 16px}.gf-real-page-card strong{margin-top:14px;font-size:16px;line-height:1.2}.gf-real-page-card small{padding-bottom:15px;margin-top:8px;color:var(--gf-orange);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.gf-real-page-card small b{float:right;font-size:18px;line-height:10px}
.gf-real-studio{margin-top:26px}.gf-real-studio[hidden],.gf-real-gallery[hidden]{display:none}.gf-real-studio>header button{display:grid;width:38px;height:38px;place-items:center;border:1px solid #514658;border-radius:50%;background:#27202c;color:#fff;font-size:25px;cursor:pointer}.gf-real-studio__layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px;margin-top:24px}.gf-real-canvas{position:relative;width:min(100%,620px);aspect-ratio:1000/1414;margin:auto;overflow:hidden;border:1px solid #63576b;border-radius:16px;background:#fff;box-shadow:0 20px 40px rgba(0,0,0,.33);touch-action:none}.gf-real-canvas canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.gf-real-canvas canvas[data-coloring-art]{pointer-events:none;mix-blend-mode:multiply}.gf-real-studio aside{align-self:start;padding:20px;border:1px solid #3c3444;border-radius:17px;background:#211c27}.gf-real-studio aside h3{margin:0 0 16px;color:#fff;font-size:19px}.gf-real-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.gf-real-swatch{width:100%;aspect-ratio:1;border:3px solid transparent;border-radius:50%;background:var(--swatch);cursor:pointer}.gf-real-swatch.is-active{border-color:#fff;box-shadow:0 0 0 2px var(--swatch)}.gf-real-studio label{display:grid;grid-template-columns:1fr 42px;gap:10px;align-items:center;margin:20px 0 12px;color:#eae1ed;font-weight:700;font-size:13px}.gf-real-studio label input{grid-column:1/2;width:100%;accent-color:var(--gf-orange)}.gf-real-studio label output{grid-column:2;grid-row:1/3;padding:7px 0;border-radius:9px;background:#302936;color:#fff;text-align:center}.gf-real-studio aside>button{width:100%;margin-top:10px;padding:12px;border:1px solid #54485c;border-radius:11px;background:#29222f;color:#fff;font-weight:800;cursor:pointer}.gf-real-studio aside>.gf-real-download{border:0;background:linear-gradient(135deg,var(--gf-orange-dark),var(--gf-orange));color:#180d02}.gf-real-studio aside>p{margin:16px 0 0;color:#b9adbf;font-size:12px;line-height:1.45}
.gf-real-info,.gf-real-faq{margin-top:26px;padding:34px;border:1px solid #403747;border-radius:24px;background:linear-gradient(125deg,#18131d,#15121a);box-shadow:0 14px 34px rgba(0,0,0,.2)}.gf-real-info__intro{max-width:780px}.gf-real-info p,.gf-real-faq header p{margin:0 0 9px;color:var(--gf-orange);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.gf-real-info h2,.gf-real-faq h2{margin:0;color:#fff;font-size:clamp(27px,3vw,39px);line-height:1.1}.gf-real-info__intro>span{display:block;margin-top:14px;color:#cfc5d4;font-size:16px;line-height:1.6}.gf-real-info__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:27px}.gf-real-info__steps article{position:relative;padding:21px 19px 19px;border:1px solid #3d3445;border-radius:17px;background:#211b26}.gf-real-info__steps b{display:grid;width:31px;height:31px;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ffb300,#ff6b00);color:#201004;font-size:14px}.gf-real-info__steps h3{margin:15px 0 6px;color:#fff;font-size:17px}.gf-real-info__steps p{margin:0;color:#c8bdcf;font-size:14px;line-height:1.5}.gf-real-faq header{padding-bottom:21px;border-bottom:1px solid #362f3c}.gf-real-faq__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:22px}.gf-real-faq details{padding:0 18px;border:1px solid #3f3647;border-radius:14px;background:#201b25}.gf-real-faq summary{padding:17px 22px 17px 0;color:#fff;font-weight:800;cursor:pointer;list-style:none}.gf-real-faq summary::-webkit-details-marker{display:none}.gf-real-faq summary:after{content:'+';float:right;color:var(--gf-orange);font-size:22px;line-height:14px}.gf-real-faq details[open] summary:after{content:'–'}.gf-real-faq details p{margin:0 0 18px;color:#cbbfce;font-size:14px;line-height:1.55}
@media(max-width:1180px){.gf-real-coloring__categories{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.gf-real-coloring{padding:28px 15px 54px}.gf-real-coloring__hero{padding:28px;min-height:auto}.gf-real-coloring__hero-art{display:none}.gf-real-coloring__categories{grid-template-columns:repeat(3,minmax(0,1fr))}.gf-real-gallery__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gf-real-studio__layout{grid-template-columns:1fr}.gf-real-studio aside{width:min(100%,620px);margin:auto}.gf-real-info__steps,.gf-real-faq__list{grid-template-columns:1fr}}
@media(max-width:580px){.gf-real-coloring__hero{border-radius:20px;padding:24px}.gf-real-coloring__hero h1{font-size:34px;white-space:normal}.gf-real-coloring__hero span{font-size:14px}.gf-real-coloring__categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gf-real-category{min-height:174px}.gf-real-category img{height:101px}.gf-real-gallery,.gf-real-studio,.gf-real-info,.gf-real-faq{padding:18px;border-radius:19px}.gf-real-gallery header{align-items:start;flex-direction:column}.gf-real-gallery h2,.gf-real-studio h2{font-size:24px}.gf-real-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.gf-real-page-card>span{height:166px}.gf-real-page-card strong,.gf-real-page-card small{padding-left:12px;padding-right:12px}.gf-real-page-card strong{font-size:14px}.gf-real-info h2,.gf-real-faq h2{font-size:26px}.gf-real-info__intro>span{font-size:14px}}