
.detail-main{max-width:1160px;margin:30px auto 80px;padding:0 20px;min-height:65vh}
.detail-main h1{font-size:clamp(1.7rem,4vw,2.5rem);margin:18px 0}.detail-crumb{font-size:.9rem;color:#5a6382;margin:15px 0}.detail-crumb a{color:#365d9d}
.detail-nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.detail-nav a{font-weight:700;text-decoration:none;color:#364465}
.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px;margin:25px 0}
.detail-card{display:flex;flex-direction:column;align-items:stretch;gap:10px;border:2px solid #e5e5f5;border-radius:20px;background:#fff;padding:16px;text-decoration:none;color:#283653;box-shadow:0 8px 22px #24204a10}
.detail-card:hover{border-color:#9276e6;transform:translateY(-2px)}.detail-card img{height:170px;width:100%;object-fit:contain}.detail-card strong{font-size:1.06rem}.detail-card small{line-height:1.45;color:#66718c}.detail-card em{font-size:.87rem;font-style:normal;color:#6345b7;font-weight:800}.game-emoji{font-size:3.3rem}
.play-card{background:white;border:2px solid #e6e3f6;border-radius:22px;padding:24px;margin:22px 0;box-shadow:0 8px 22px #20204010}.play-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.answer-grid button,.paint-actions button,.play-toolbar button{border:2px solid #d6d1ef;border-radius:14px;padding:14px;background:#f8f6ff;cursor:pointer;font:inherit}.answer-grid button:hover{border-color:#8568da}.answer-grid button:disabled{opacity:.7;cursor:default}.answer-grid button.correct{background:#d6f9e1;border-color:#35a65d}.answer-grid button.wrong{background:#ffe2e2;border-color:#e27272}
#gameFeedback{font-weight:800;min-height:30px}.play-hint{color:#66718c}
.paint-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:22px}.paint-palette{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:16px}.paint-palette button{width:42px;height:42px;border:2px solid #aaa;border-radius:50%;cursor:pointer}.paint-palette button.active{outline:3px solid #323249;outline-offset:3px}.paint-surface{width:100%;background:#fff;border:1px solid #ececec;border-radius:15px;overflow:hidden}.paint-surface svg{display:block;width:100%;height:auto;max-height:650px;touch-action:manipulation}.paint-surface [data-paintable="true"]{cursor:pointer}.paint-actions{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.paint-sidebar{background:#f8f6ff;padding:20px;border-radius:20px;align-self:start}.paint-sidebar h2{font-size:1.25rem}
/* The homepage is a landing page, not a continuous playable mega-page. */
.page-home #oyunlar .progress-wrap,.page-home #oyunlar .voice-tools,.page-home #oyunlar #gamePanel,.page-home #boyama .panel,.page-home #muzik,.page-home #masal,.page-home #basari,.page-home #ebeveyn{display:none!important}
.page-home #oyunlar .tile-card .tile{pointer-events:none}.page-home #oyunlar .detail-link{display:block;padding:8px 12px;background:#f2eaff;border-radius:10px}
@media(max-width:700px){.paint-layout{grid-template-columns:1fr}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.detail-card{padding:10px}.detail-card img{height:120px}.answer-grid{grid-template-columns:1fr}.detail-nav{gap:8px}.detail-nav a{font-size:.85rem}}
@media print{header,footer,.detail-crumb,.paint-palette,.paint-actions,.paint-sidebar{display:none!important}.paint-layout{display:block}.play-card{border:none;box-shadow:none}.paint-surface{border:none}}

.page-home #oyunlar,.page-home #boyama,.page-home .coloring-seo-links{display:none!important}
.category-hub{max-width:1160px;margin:25px auto;padding:10px 20px}
