main.jatekoldal{position:relative;overflow:hidden;background:var(--color-parchment);background-image:radial-gradient(rgba(43,33,24,.035) 1px,transparent 1px);background-size:18px 18px}.jatekoldal .dossier-section{position:relative}.jatekoldal .section-label{display:inline-flex;align-items:center;gap:var(--space-2);margin:0;color:var(--color-seal-red);font-size:var(--text-small);font-weight:700;letter-spacing:.08em;line-height:1.4;text-transform:uppercase}.jatekoldal .section-label::before{width:10px;height:10px;border:1px solid var(--color-wax-dark);background:var(--color-seal-red);content:"";transform:rotate(45deg)}.jatekoldal .hero-dossier{padding-block:clamp(3.5rem,8vw,6rem) var(--space-8)}.jatekoldal .hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-6);align-items:center}.jatekoldal .hero-copy{display:grid;min-width:0;gap:var(--space-4);align-content:center}.jatekoldal .hero-copy>*{min-width:0;margin:0}.jatekoldal .hero-copy .display-title{max-width:610px;font-size:clamp(2.875rem,5.8vw,4.25rem)}.jatekoldal .hero-lead{max-width:610px;font-size:var(--text-lead);line-height:1.5}.jatekoldal .hero-mission{display:grid;grid-template-columns:26px minmax(0,1fr);gap:var(--space-3);max-width:610px;padding:var(--space-4);border:var(--border-thin);border-left:4px solid var(--color-map-ochre);background:var(--color-stat-parchment)}.jatekoldal .hero-mission svg{width:26px;height:26px;color:var(--color-map-ochre)}.jatekoldal .hero-mission strong{display:block;margin-bottom:var(--space-1);font-family:var(--font-heading);font-size:1.1rem}.jatekoldal .hero-mission p{margin:0}.jatekoldal .hero-actions{display:grid;gap:var(--space-2);justify-items:start}.jatekoldal .hero-actions .button{margin:0}.jatekoldal .external-note{margin:0;color:var(--color-ink-muted);font-size:.875rem;line-height:1.5}.jatekoldal .external-icon{width:1em;height:1em;flex:0 0 1em}.jatekoldal .page-jump{color:var(--color-wax-dark);font-weight:700}.jatekoldal .hero-plate{min-width:0;margin:0}.jatekoldal .hero-image-wrap,.jatekoldal .route-image-wrap,.jatekoldal .progress-image-wrap{width:100%;overflow:hidden;border:2px solid var(--color-wax-dark);border-radius:var(--radius-sheet);background:var(--color-paper-light);box-shadow:var(--shadow-paper)}.jatekoldal .hero-image-wrap{aspect-ratio:4/3;padding:8px}.jatekoldal .hero-image-wrap img{width:100%;height:100%;object-fit:cover;object-position:center right}.jatekoldal .section-intro{max-width:700px}.jatekoldal .section-intro--wide{max-width:720px}.jatekoldal .section-intro p{max-width:700px}.jatekoldal .mechanics-section{padding-block:var(--space-8)}.jatekoldal .mechanic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);margin-top:var(--space-6)}.jatekoldal .mechanic-card{display:grid;grid-template-rows:auto auto 1fr;min-width:0;padding:var(--space-5);border:var(--border-thin);border-top:3px solid var(--color-wax-dark);border-radius:var(--radius-panel);background:var(--color-stat-parchment);gap:var(--space-3)}.jatekoldal .mechanic-card>*{min-width:0;margin:0}.jatekoldal .mechanic-mark{display:flex;width:38px;height:38px;border:1px solid var(--color-wax-dark);border-radius:50%;background:var(--color-paper-light);font-family:var(--font-heading);font-size:1.2rem;align-items:center;justify-content:center}.jatekoldal .mechanic-card:nth-child(2) .mechanic-mark{color:var(--color-seal-red)}.jatekoldal .mechanic-card:nth-child(3) .mechanic-mark{color:var(--color-map-ochre)}.jatekoldal .route-section{padding-block:var(--space-8)}.jatekoldal .route-layout{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-6);align-items:start}.jatekoldal .route-copy{display:grid;min-width:0;gap:var(--space-5)}.jatekoldal .route-copy>*{min-width:0;margin:0}.jatekoldal .route-copy>p{max-width:600px}.jatekoldal .route-steps{display:grid;gap:var(--space-4)}.jatekoldal .route-step{display:grid;grid-template-columns:34px minmax(0,1fr);gap:var(--space-3);min-width:0;padding-top:var(--space-4);border-top:1px solid var(--color-rule-tan)}.jatekoldal .route-step>*{min-width:0}.jatekoldal .step-number{display:flex;width:32px;height:32px;border:1px solid var(--color-wax-dark);border-radius:50%;background:var(--color-paper-light);font-family:var(--font-heading);font-weight:700;align-items:center;justify-content:center}.jatekoldal .route-step:nth-child(2) .step-number{border-color:var(--color-map-ochre);color:var(--color-map-ochre)}.jatekoldal .route-step h3,.jatekoldal .route-step p{max-width:580px}.jatekoldal .route-step h3{margin-top:0}.jatekoldal .route-callout{margin:0;padding:var(--space-3) var(--space-4);border-left:3px solid var(--color-seal-red);background:var(--color-paper-light);font-weight:700}.jatekoldal .route-plate{display:grid;min-width:0;gap:var(--space-3);margin:0}.jatekoldal .route-image-wrap{aspect-ratio:16/9;padding:8px}.jatekoldal .route-image-wrap img{width:100%;height:100%;object-fit:cover}.jatekoldal .route-plate figcaption,.jatekoldal .progress-plate figcaption{margin:0;color:var(--color-ink-muted);font-size:.875rem;line-height:1.5}.jatekoldal .challenge-section{padding-block:var(--space-8)}.jatekoldal .challenge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-6)}.jatekoldal .challenge-card{display:grid;min-width:0;padding:var(--space-4);border:var(--border-thin);border-radius:var(--radius-panel);background:var(--color-stat-parchment);gap:var(--space-3);align-content:start}.jatekoldal .challenge-card>*{min-width:0;margin:0}.jatekoldal .challenge-card .meta{margin:0;color:var(--color-seal-red)}.jatekoldal .challenge-question{padding-top:var(--space-3);border-top:1px solid var(--color-rule-tan);font-weight:700}.jatekoldal .challenge-card .card-link{align-self:end}.jatekoldal .progress-section{padding-block:var(--space-8)}.jatekoldal .progress-layout{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-6);align-items:start}.jatekoldal .progress-copy{display:grid;min-width:0;gap:var(--space-5)}.jatekoldal .progress-copy>*{min-width:0;margin:0}.jatekoldal .progress-copy p{max-width:660px}.jatekoldal .progress-copy h3{margin-bottom:0}.jatekoldal .progress-aside{display:grid;min-width:0;gap:var(--space-5)}.jatekoldal .checklist-panel{display:grid;min-width:0;padding:var(--space-5);border:var(--border-thin);border-radius:var(--radius-panel);background:var(--color-stat-parchment);gap:var(--space-3)}.jatekoldal .checklist-panel>*{min-width:0;margin:0}.jatekoldal .checklist-panel ul{display:grid;margin:0;padding:0;list-style:none}.jatekoldal .checklist-panel li{display:grid;min-height:48px;padding:var(--space-3) 0;border-top:1px solid var(--color-rule-tan);grid-template-columns:24px minmax(0,1fr);gap:var(--space-2);align-items:center}.jatekoldal .checklist-panel li::before{content:"?";font-family:var(--font-heading);font-size:1.2rem;color:var(--color-seal-red);text-align:center}.jatekoldal .progress-plate{display:grid;min-width:0;gap:var(--space-3);margin:0}.jatekoldal .progress-image-wrap{aspect-ratio:3/2;padding:8px}.jatekoldal .progress-image-wrap img{width:100%;height:100%;object-fit:cover}.jatekoldal .beginner-section{padding-block:var(--space-8)}.jatekoldal .beginner-notes{display:grid;gap:var(--space-4);margin-top:var(--space-6)}.jatekoldal .beginner-note{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,4fr) minmax(0,6fr);gap:var(--space-5);min-width:0;padding:var(--space-5);border:var(--border-thin);border-radius:var(--radius-panel);background:var(--color-stat-parchment);align-items:start}.jatekoldal .beginner-note>*{min-width:0;margin:0}.jatekoldal .note-number{font-family:var(--font-heading);font-size:var(--text-stat);line-height:1;color:var(--color-seal-red)}.jatekoldal .beginner-note h3{margin:0}.jatekoldal .beginner-note p{max-width:600px}.jatekoldal .beginner-link{display:inline-block;margin-top:var(--space-5);font-weight:700}.jatekoldal .faq-section{padding-block:var(--space-8)}.jatekoldal .faq-layout{position:relative}.jatekoldal .faq-intro{max-width:720px}.jatekoldal .faq-panel{display:grid;width:min(100%,760px);margin-top:var(--space-6);border:2px solid var(--color-wax-dark);border-radius:var(--radius-sheet);background:var(--color-stat-parchment);box-shadow:var(--shadow-paper)}.jatekoldal .faq-panel details{min-width:0;border-bottom:1px solid var(--color-rule-tan)}.jatekoldal .faq-panel details:last-child{border-bottom:0}.jatekoldal .faq-panel summary{display:grid;min-height:56px;padding:var(--space-4);color:var(--color-wax-dark);font-weight:700;cursor:pointer;grid-template-columns:minmax(0,1fr) 24px;gap:var(--space-3);align-items:center;list-style:none}.jatekoldal .faq-panel summary::-webkit-details-marker{display:none}.jatekoldal .faq-panel summary::after{content:"+";font-family:var(--font-heading);font-size:1.5rem;line-height:1;text-align:center}.jatekoldal .faq-panel details[open] summary{border-bottom:1px solid var(--color-rule-tan);background:var(--color-paper-light)}.jatekoldal .faq-panel details[open] summary::after{content:"−"}.jatekoldal .faq-answer{display:grid;gap:var(--space-3);padding:var(--space-4)}.jatekoldal .faq-answer>*{margin:0}.jatekoldal .faq-links{display:flex;flex-wrap:wrap;gap:var(--space-3)}.jatekoldal .faq-links>*{min-width:0}.jatekoldal .faq-route-decoration{position:absolute;top:64px;right:6%;width:220px;height:90px;border-top:2px dashed var(--color-map-ochre);border-right:2px dashed var(--color-map-ochre);opacity:.7;transform:rotate(-8deg);pointer-events:none}.jatekoldal .guide-section{padding-block:var(--space-8)}.jatekoldal .guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);margin-top:var(--space-6)}.jatekoldal .guide-card{display:grid;min-width:0;padding:var(--space-5);border:var(--border-thin);border-radius:var(--radius-panel);background:var(--color-stat-parchment);gap:var(--space-3);align-content:start}.jatekoldal .guide-card>*{min-width:0;margin:0}.jatekoldal .guide-card:nth-child(4){grid-column:1 / span 1}.jatekoldal .guide-links{display:grid;gap:var(--space-2);margin-top:auto}.jatekoldal .guide-links a{display:flex;min-height:44px;padding:var(--space-2) var(--space-3);border-bottom:2px solid transparent;color:var(--color-wax-dark);font-weight:700;text-decoration:none;align-items:center}.jatekoldal .guide-links a:hover{border-bottom-color:var(--color-seal-red);background:var(--color-paper-light)}.jatekoldal .final-section{padding-block:var(--space-8) var(--space-9)}.jatekoldal .final-panel{position:relative;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);min-width:0;padding:calc(var(--space-5) + 4px);border:2px solid var(--color-wax-dark);border-radius:var(--radius-sheet);background:var(--color-stat-parchment);box-shadow:var(--shadow-paper)}.jatekoldal .final-panel::after{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid var(--color-wax-dark);content:"";pointer-events:none}.jatekoldal .final-copy{position:relative;z-index:1;display:grid;min-width:0;max-width:700px;gap:var(--space-4)}.jatekoldal .final-copy>*{min-width:0;margin:0}.jatekoldal .final-copy h2{font-size:clamp(1.6875rem,3vw,2rem)}.jatekoldal .final-cta{justify-self:start;margin-top:var(--space-2)}.jatekoldal .final-route{position:relative;min-width:0}.jatekoldal .final-route::before{position:absolute;top:25%;right:14%;width:65%;height:38%;border-top:3px dashed var(--color-map-ochre);border-right:3px dashed var(--color-map-ochre);content:"";transform:rotate(-12deg)}.jatekoldal .final-route::after{position:absolute;right:11%;bottom:30%;width:18px;height:18px;border:2px solid var(--color-seal-red);background:var(--color-paper-light);content:"";transform:rotate(45deg)}
@media (max-width:1040px){.jatekoldal .challenge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jatekoldal .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jatekoldal .guide-card:nth-child(4){grid-column:2 / span 1}}
@media (max-width:860px){.jatekoldal .hero-grid,.jatekoldal .route-layout,.jatekoldal .progress-layout{grid-template-columns:minmax(0,1fr)}.jatekoldal .hero-copy{align-content:start}.jatekoldal .hero-plate{width:100%}.jatekoldal .route-plate{width:100%}.jatekoldal .progress-aside{grid-template-columns:minmax(0,1fr)}.jatekoldal .final-panel{grid-template-columns:minmax(0,1fr)}.jatekoldal .final-route{display:none}}
@media (max-width:820px){.jatekoldal .mechanic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jatekoldal .mechanic-card:nth-child(3){grid-column:1 / span 2}}
@media (max-width:760px){.jatekoldal .beginner-note{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-3)}.jatekoldal .note-number{grid-row:1 / span 2}.jatekoldal .beginner-note p{grid-column:2}.jatekoldal .faq-route-decoration{display:none}}
@media (max-width:640px){.jatekoldal .hero-dossier{padding-block:var(--space-7) var(--space-7)}.jatekoldal .hero-grid,.jatekoldal .route-layout,.jatekoldal .progress-layout{gap:var(--space-5)}.jatekoldal .hero-copy .display-title{font-size:clamp(2.5rem,11vw,2.875rem)}.jatekoldal .hero-actions{justify-items:stretch}.jatekoldal .hero-actions .button{width:100%;min-height:3rem}.jatekoldal .mechanics-section,.jatekoldal .route-section,.jatekoldal .challenge-section,.jatekoldal .progress-section,.jatekoldal .beginner-section,.jatekoldal .faq-section,.jatekoldal .guide-section{padding-block:var(--space-7)}.jatekoldal .mechanic-grid,.jatekoldal .challenge-grid,.jatekoldal .guide-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-4)}.jatekoldal .mechanic-card:nth-child(3),.jatekoldal .guide-card:nth-child(4){grid-column:1}.jatekoldal .mechanic-card,.jatekoldal .challenge-card,.jatekoldal .guide-card{padding:var(--space-4)}.jatekoldal .beginner-note{grid-template-columns:minmax(0,1fr);padding:var(--space-4);gap:var(--space-3)}.jatekoldal .note-number{grid-row:auto}.jatekoldal .beginner-note p{grid-column:auto}.jatekoldal .faq-panel{margin-top:var(--space-5)}.jatekoldal .faq-panel summary{min-height:52px;padding:var(--space-3)}.jatekoldal .faq-answer{padding:var(--space-4)}.jatekoldal .final-section{padding-block:var(--space-7)}.jatekoldal .final-panel{padding:var(--space-4)}.jatekoldal .final-cta{width:100%;min-height:3rem}.jatekoldal .section-intro,.jatekoldal .section-intro--wide,.jatekoldal .faq-intro{max-width:none}}
