/* Képes játékok */
.game.ng-card{padding-top:0;overflow:hidden}
.ng-card-cover{display:block;width:calc(100% + 56px);max-width:none;height:255px;object-fit:cover;margin:0 -28px 24px;border-bottom:1px solid #ad9271;position:relative;z-index:1}
.game.ng-card:before{display:none}
.game.ng-card:after{z-index:2}
.game.ng-card:nth-child(4n+1){--card-accent:#895037;--card-paper:#f9e3bc}
.game.ng-card:nth-child(4n+2){--card-accent:#2e666b;--card-paper:#e0eeea}
.game.ng-card:nth-child(4n+3){--card-accent:#863e4b;--card-paper:#f4deda}
.game.ng-card:nth-child(4n){--card-accent:#5b613b;--card-paper:#e9ecd6}
.ng-play{max-width:1000px}.ng-play h2:focus{outline:none}
.ng-hero{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;background:#f3e8d3;border:1px solid #b5a080;margin:0 0 26px;aspect-ratio:3/2;box-shadow:3px 4px 0 #dccdb3}
.ng-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0}
.ng-image-choice{background:#fff8e9;border:1px solid #b5a080;padding:0;color:#613e34;box-shadow:4px 5px 0 #d6c4a5;transition:transform .15s;text-align:left;overflow:hidden}
.ng-image-choice:hover{transform:translateY(-3px)}
.ng-choice-art{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.ng-image-choice>span{display:block;padding:17px 13px;font-size:20px;font-weight:bold}
.ng-question{padding:20px 22px;background:#e0ece7;border-left:4px solid #347378;margin:22px 0}.ng-question p{margin-bottom:0}
.ng-feedback{border:1px solid #b5a080;margin:28px 0;padding:16px}.ng-feedback legend{padding:0 8px;font-size:17px}.ng-feedback .button{margin:5px;font-size:14px}.ng-feedback [aria-pressed="true"]{background:#285d60;color:white}
.ng-object-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
.ng-object{padding:18px 12px;background:#f0e3c9;border:1px solid #aa916e;min-height:78px;color:#3e352c;font-size:17px}
.ng-object small{display:block;font:14px system-ui,sans-serif;margin-top:8px}.ng-object.is-selected{background:#d7e9e2;border:2px solid #347378;color:#244d50}.ng-object:disabled{opacity:.5;cursor:default}
.ng-counter{font-weight:bold;color:#285d60!important}.ng-ranking{padding-left:25px}.ng-ranking li{padding:12px 0;border-bottom:1px solid #d7c4a5}.ng-ranking li>span{display:inline-block;min-width:160px}.ng-ranking li>div{display:inline-flex;gap:10px}.ng-ranking .button{font-size:14px;padding:8px 14px;min-height:44px}
.ng-mixer{padding:24px 20px;background:#e2eae3;border:1px solid #99aba0;box-shadow:4px 5px 0 #d1c2a9;margin:25px 0}.ng-track{display:grid;grid-template-columns:130px minmax(0,1fr) 35px;gap:16px;align-items:center;padding:17px 0;border-bottom:1px solid #acbeb1}.ng-track:last-child{border:0}.ng-track label{font-weight:bold;font-size:16px}.ng-track input{width:100%;min-width:0;min-height:44px;accent-color:#75413a;cursor:pointer}.ng-track output{font:700 20px system-ui,sans-serif;text-align:center;color:#75413a}
#ng-share{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:700px){.ng-choices{grid-template-columns:1fr;gap:22px}.ng-choice-art{aspect-ratio:3/2;max-height:350px}.ng-image-choice>span{font-size:22px}.ng-hero{max-height:300px}.ng-object-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ng-track{grid-template-columns:1fr 34px;gap:8px}.ng-track label{grid-column:1/-1}.ng-mixer{padding:14px}.ng-ranking li>span{display:block;margin-bottom:8px}.ng-feedback .button{margin:5px 0;width:100%}}
@media(max-width:640px){.ng-card-cover{width:calc(100% + 48px);margin:0 -24px 23px;height:250px}.game.ng-card{padding-top:0}}
@media(prefers-reduced-motion:reduce){.ng-image-choice{transition:none}.ng-image-choice:hover{transform:none}}

.ng-bag-summary{padding:20px;background:#e0ece7;border:1px solid #9db9ac;margin:22px 0}.ng-bag-summary>strong{font-size:16px}.ng-bag-summary ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:15px 0 0}.ng-bag-summary li{padding:12px;background:#fff9ee;border:1px solid #b8ae98;display:flex;gap:9px;align-items:flex-start}.ng-bag-summary li[aria-current="step"]{outline:2px solid #347378;outline-offset:1px}.ng-bag-summary li>span{color:#75413a;font-weight:bold}.ng-bag-summary small{display:block;font:13px/1.45 system-ui,sans-serif;color:#595449;margin-top:7px}.ng-bag-results{list-style:none;padding:0}.ng-bag-results li{padding:22px;background:#f3e8d3;border-left:4px solid #347378;margin:16px 0}.ng-bag-results h3{font-size:24px}.ng-bag-results p{margin-bottom:0}.answers [aria-pressed="true"]{background:#d7e9e2;border-color:#347378}@media(max-width:640px){.ng-bag-summary{padding:14px}.ng-bag-summary ol{grid-template-columns:1fr}.ng-bag-summary li{padding:10px}.ng-bag-summary small{margin-top:3px}}

.ng-trail{padding:18px 22px;background:#e0ece7;border:1px solid #9db9ac;margin:22px 0;font-size:16px;line-height:1.6}.ng-trail ol{padding-left:22px;margin:12px 0 0}.ng-trail li{padding:8px 4px}.ng-trail li[aria-current="step"]{color:#285d60;background:#fff9ee}.ng-trail p{margin-bottom:0}

/* Halloween: visible teaser, game remains outside the public directory. */
.game.halloween-feature{grid-column:1/-1;display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,1.05fr);gap:0;padding:0;background:#251f21;border-color:#987858;box-shadow:6px 7px 0 #c5b292}
.game.halloween-feature:after{border-color:#dab78366;inset:10px}
.halloween-feature .ng-card-cover{width:100%;height:auto;margin:0;object-fit:contain;align-self:center;border:0;aspect-ratio:1}
.halloween-copy{padding:clamp(24px,4vw,44px);align-self:center;min-width:0}
.halloween-feature .index{color:#f2cb94;background:#443027;border-color:#957653;font-size:14px;letter-spacing:.06em}
.halloween-feature h2{color:#f3d2a1;max-width:none;font-size:clamp(29px,3.5vw,43px);line-height:1.2}
.halloween-feature p{color:#ece0d0;max-width:none;font-size:17px;line-height:1.65}
.halloween-feature p.small{font-size:14px;color:#d3c2ae}
.halloween-feature .halloween-status{font:600 14px/1.5 system-ui,sans-serif;color:#f0ba7a;margin:0 0 16px}
.halloween-feature .halloween-play-button{opacity:1;background:#483b36;border-color:#a58864;color:#edcfaa;cursor:pointer;box-shadow:none;width:100%;transform:none;filter:none;font-size:16px;text-align:center}
.halloween-feature #sally-play-note{margin:14px 0 0}
@media(max-width:760px){.game.halloween-feature{grid-template-columns:1fr}.halloween-feature .ng-card-cover{width:100%;height:auto;margin:0;max-height:none}.halloween-copy{padding:25px}.halloween-feature h2{font-size:32px}}