@font-face{font-family:Nunito;font-weight:400;src:url(../fonts/Nunito-Regular-hu.ttf)format("truetype");font-display:swap}@font-face{font-family:Nunito;font-weight:800;src:url(../fonts/Nunito-ExtraBold-hu.ttf)format("truetype");font-display:swap}@font-face{font-family:"Baloo 2";font-weight:700;src:url(../fonts/Baloo2-Bold-hu.ttf)format("truetype");font-display:swap}:root{--bg:#fff9ef;--text:#2b2a33;--primary:#e4572e;--secondary:#2e86ab;--accent:#f2b134;--surface:#fff;--border:#e8dfcf;--radius:14px;--gutter:16px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);margin:0;font:400 1rem/1.55 Nunito,system-ui,sans-serif;overflow-x:hidden}h1,h2,h3{margin:0 0 .5em;font-family:"Baloo 2",Nunito,sans-serif;font-weight:700;line-height:1.2}h1{color:var(--primary);font-size:clamp(1.7rem,5vw,2.4rem)}h2{margin-top:1.4em;font-size:1.35rem}h3{font-size:1.15rem}p{margin:0 0 1em}a{color:var(--secondary)}:focus-visible{outline:3px solid var(--secondary);outline-offset:2px}main{max-width:1100px;padding:8px var(--gutter) 48px;margin:0 auto}.lead{max-width:60ch;font-size:1.1rem}.note{color:#5b5963;font-size:.9rem}.error{color:#b3261e;font-weight:800}.site-header{padding:10px var(--gutter);background:var(--surface);border-bottom:2px solid var(--border);flex-wrap:wrap;align-items:center;gap:4px 20px;display:flex}.brand{color:var(--primary);align-items:center;min-height:44px;font:700 1.4rem "Baloo 2",sans-serif;text-decoration:none;display:inline-flex}.site-header ul{flex-wrap:wrap;gap:2px 6px;margin:0;padding:0;list-style:none;display:flex}.site-header nav a{min-height:44px;color:var(--text);border-radius:22px;align-items:center;padding:0 12px;font-weight:800;text-decoration:none;display:inline-flex}.site-header nav a:hover{background:var(--bg)}.site-header nav a.active{background:var(--accent)}.btn{cursor:pointer;border:2px solid #0000;border-radius:22px;justify-content:center;align-items:center;min-height:44px;padding:0 20px;font:800 1rem Nunito,sans-serif;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--secondary)}.actions{flex-wrap:wrap;gap:10px;margin-bottom:8px;display:flex}.hero{align-items:center;gap:24px;padding:24px 0;display:grid}.sample{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);justify-content:center;align-items:flex-end;gap:8px;padding:16px;display:flex}.sample svg{flex:1 1 0;min-width:0;max-height:150px}@media (width>=760px){.hero{grid-template-columns:1fr 1fr}}.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:16px;margin:0 0 16px;padding:0;list-style:none;display:grid}.card,.set{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);flex-direction:column;align-items:flex-start;padding:16px;display:flex}.card svg{width:96px;height:96px;margin-bottom:8px}.card p{flex:1}.sets{gap:16px;margin:0;padding:0;list-style:none;display:grid}.set h2{margin-top:0}.game-layout{gap:20px;display:grid}@media (width>=900px){.game-layout{grid-template-columns:340px 1fr;align-items:start}.preview-panel{position:sticky;top:8px}}.panel{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);min-width:0;padding:16px}.panel h2{margin-top:0}.field{border:0;flex-direction:column;gap:4px;min-width:0;margin:0 0 14px;padding:0;display:flex}.field>label,.field>.label,legend{padding:0;font-weight:800}.field-check{align-items:center;gap:10px;min-height:44px;display:flex}.field-check input{width:22px;height:22px;accent-color:var(--primary);flex:none}.checks{gap:0;display:grid}input[type=text],input[type=number],select{border:2px solid var(--border);min-height:44px;font:inherit;color:inherit;background:#fff;border-radius:10px;width:100%;padding:0 12px}.stepper{align-items:center;gap:8px;display:flex}.stepper .btn{flex:none;width:44px;padding:0;font-size:1.3rem}.stepper input{text-align:center}.code{background:var(--bg);border-radius:8px;align-self:flex-start;padding:6px 10px;font-family:ui-monospace,monospace;font-weight:700}.status{min-height:1.6em}.thumbs{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.thumb{border:2px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.thumb:hover{border-color:var(--secondary)}.page-canvas{background:#fff;width:100%;height:auto;display:block}.thumb-n{background:var(--accent);border-radius:12px;padding:0 8px;font-size:.85rem;font-weight:800;position:absolute;bottom:6px;right:6px}.preview-large{justify-items:start;gap:8px;margin-bottom:16px;display:grid}.preview-large .page-canvas{border:2px solid var(--border);max-width:640px}.prose{max-width:70ch}.credits{padding-left:1.2em}.credits li{margin-bottom:.5em}.field.field-check{flex-direction:row;align-items:center}