/* Copyright (c) 2026 RubiksCu.be. All rights reserved. Proprietary code: you may not copy, redistribute, modify, decompile or reverse engineer this file, in whole or in part, without written permission. Terms: https://rubikscu.be/terms/ */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:#fff;color:#1d1d1f;font:17px/1.6 -apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#1565d8;text-decoration:none}
a:hover{color:#0f4fae;text-decoration:underline}
img,svg{max-width:100%;height:auto;vertical-align:middle}
h1,h2,h3,h4{line-height:1.25;margin:0 0 .5em;font-weight:700;letter-spacing:-.01em}
h1{font-size:2rem}
h2{font-size:1.5rem;margin-top:1.8em}
h3{font-size:1.2rem;margin-top:1.4em}
p,ul,ol{margin:0 0 1.1em}
ul,ol{padding-left:1.4em}
li{margin:0 0 .35em}
hr{border:0;border-top:1px solid #e6e6ea;margin:2em 0}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
code,.mono{font-family:Consolas,"SF Mono",Menlo,monospace}
.rejtett{display:none!important}
.csakMobil{display:none}
.kozepre{text-align:center}
.jobbra{float:right;margin:0 0 1em 1.2em}
.balra{float:left;margin:0 1.2em 1em 0}
.jegyzet{font-size:.88rem;color:#6b6b70}
.frissitve{font-size:.85rem;color:#6b6b70;margin-top:2.5em;border-top:1px solid #e6e6ea;padding-top:1em}
.gomb,.gombFo,.gombHalvany{display:inline-block;vertical-align:middle;padding:9px 18px;border-radius:8px;border:1px solid #e6e6ea;background:#fff;color:#1d1d1f;font-weight:600;line-height:1.3;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .1s;user-select:none;-webkit-user-select:none}
.gomb:hover{background:#f6f6f8;border-color:#d4d4da;color:#1d1d1f;text-decoration:none}
.gombFo{background:#1565d8;border-color:#1565d8;color:#fff}
.gombFo:hover{background:#0f4fae;border-color:#0f4fae;color:#fff;text-decoration:none}
.gombHalvany{border-color:transparent;background:transparent;color:#1565d8}
.gombHalvany:hover{background:#eef4fd;text-decoration:none}
.gomb:active,.gombFo:active,.gombHalvany:active{transform:translateY(1px)}
.gomb[disabled],.gombFo[disabled]{opacity:.45;cursor:default;transform:none}
.gombKicsi{padding:5px 11px;font-size:.88rem;border-radius:7px}
.gomb:focus-visible,.gombFo:focus-visible,.gombHalvany:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #9dc1f5;outline-offset:2px}
.fejlec{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid #e6e6ea;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.fejlecBelso{max-width:1240px;margin:0 auto;padding:0 16px;height:56px;line-height:56px;position:relative}
.logo{display:inline-block;vertical-align:middle;color:#1d1d1f;font-weight:800;font-size:1.2rem;letter-spacing:-.02em;text-decoration:none;line-height:56px}
.logo:hover{text-decoration:none;color:#1d1d1f}
.logo img{vertical-align:middle;margin:-4px 8px 0 0}
.logo b{color:#fff;text-shadow:2px 2px 0 #037548,-2px 2px 0 #037548,2px -2px 0 #037548,-2px -2px 0 #037548,-2px 0 0 #037548,2px 0 0 #037548,0 -2px 0 #037548,0 2px 0 #037548;font-weight:800;margin-left:.14em}
.foMenu .ikon{width:18px;height:18px;margin:0 6px 0 0;vertical-align:-4px;stroke-width:1.9}
.mozdChip{display:inline-block;vertical-align:top;font-family:Consolas,"SF Mono",Menlo,monospace;font-size:1rem;padding:4px 5px 2px;margin:0 4px 4px 0;border-radius:6px;background:#f6f6f8;border:1px solid #e6e6ea;text-align:center;line-height:1}
.mozdChip i{display:block;font-style:normal;font-weight:700;font-size:.9rem;line-height:1.3}
.tabla.jelTabla th,.tabla.jelTabla td{text-align:center;vertical-align:middle}
.jelTabla .mozdChip{display:table;margin:0 auto 6px}
.tabla.kozepTabla th,.tabla.kozepTabla td{text-align:center;vertical-align:middle}
.kozepTabla .mozdChip{margin:2px}
@media (max-width:640px){.tabla.kozepTabla th,.tabla.kozepTabla td{padding:6px 3px;font-size:.8rem}.kozepTabla .mozdChip{margin:0}.tabla.mozdTabla tr:nth-child(n) td{background:none}.tabla.mozdTabla .lejatszo{margin:0 auto}.mozdTabla thead{display:none}.mozdTabla,.mozdTabla tbody,.mozdTabla tr{display:block}.mozdTabla tr{font-size:0;margin:0 0 10px;border:1px solid #e6e6ea;border-radius:8px}.tabla.mozdTabla td{display:inline-block;vertical-align:middle;width:33.33%;border:0;padding:6px 2px;font-size:1rem}.tabla.mozdTabla td:first-child{width:50%;text-align:right;padding:8px}.tabla.mozdTabla td:nth-child(2){width:50%;text-align:left;padding:8px;font-weight:700}}
a.mozdChip{color:#1d1d1f}
a.mozdChip:hover{border-color:#1565d8;color:#1565d8;text-decoration:none}
.kartya .mozdSor{overflow:hidden;margin:12px 0 0;font-size:0}
.kartya .darabKep{float:left;margin:0 16px 4px 0}
.kartya .darabKep~p{overflow:hidden}
@media (max-width:640px){.jelTabla thead{display:none}.jelTabla,.jelTabla tbody,.jelTabla tr{display:block}.jelTabla tr{font-size:0;margin:0 0 10px;border:1px solid #e6e6ea;border-radius:8px;overflow:hidden}.tabla.jelTabla td{display:inline-block;vertical-align:top;width:33.33%;border:0;padding:8px 4px 10px;font-size:.9rem;line-height:1.35}.tabla.jelTabla tr td{background:none}.tabla.jelTabla td:first-child{width:44px;padding:8px 0;text-align:right;font-size:1.1rem}.tabla.jelTabla td:nth-child(2){width:calc(100% - 44px);padding:8px 10px;text-align:left;font-size:1rem;font-weight:700}.tabla.jelTabla td:first-child,.tabla.jelTabla td:nth-child(2){background:#f6f6f8}}
p,li,td,h1,h2,h3,summary,figcaption{text-wrap:pretty}
.tabla.jeloles td{vertical-align:middle}
.tabla.jeloles td:first-child{font-family:Consolas,"SF Mono",Menlo,monospace;font-size:1.1rem;white-space:nowrap}
.tabla.jeloles td:last-child{white-space:nowrap}
@media (max-width:640px){.jeloles thead,.algTabla thead{display:none}.jeloles,.jeloles tbody,.jeloles tr,.algTabla,.algTabla tbody,.algTabla tr{display:block}.jeloles tr,.algTabla tr{font-size:0;margin:0 0 10px;border:1px solid #e6e6ea;border-radius:8px;overflow:hidden}.tabla.jeloles td,.tabla.algTabla td{display:block;border:0;padding:8px 10px;font-size:.95rem;text-align:center;white-space:normal}.tabla.jeloles tr:nth-child(n) td,.tabla.algTabla tr:nth-child(n) td{background:none}.tabla.jeloles td:first-child{display:inline-block;width:56px;font-size:1.1rem}.tabla.jeloles td:nth-child(2){display:inline-block;width:calc(100% - 56px);text-align:left;font-weight:700}.tabla.jeloles tr:nth-child(n) td:first-child,.tabla.jeloles tr:nth-child(n) td:nth-child(2),.tabla.algTabla tr:nth-child(n) td:first-child{background:#f6f6f8}.tabla.algTabla td:first-child{text-align:left;font-weight:700}.tabla.algTabla td:nth-child(2){text-align:left}.tabla.algTabla td:nth-child(4){padding-top:0;color:#6b6b70}.algTabla td:nth-child(4)::before{content:"Moves: "}}
.menuKapcsolo{position:absolute;opacity:0;width:0;height:0}
.menuGomb{display:none;position:absolute;right:10px;top:8px;width:40px;height:40px;border-radius:8px;cursor:pointer;line-height:0}
.menuGomb b{display:block;width:22px;height:2px;background:#1d1d1f;margin:7px auto 0;border-radius:2px;transition:transform .2s,opacity .2s}
.menuGomb b:first-child{margin-top:12px}
.foMenu{float:right;font-size:0}
.foMenu a{display:inline-block;vertical-align:middle;font-size:1rem;line-height:56px;padding:0 13px;color:#1d1d1f;font-weight:600;position:relative}
.foMenu a:hover{color:#1565d8;text-decoration:none}
.foMenu a.aktiv{color:#1565d8}
.foMenu a.aktiv:after{content:"";position:absolute;left:13px;right:13px;bottom:0;height:3px;background:#1565d8;border-radius:3px 3px 0 0}
.morzsa{max-width:1240px;margin:0 auto;padding:12px 16px 0;font-size:.85rem;color:#6b6b70}
.morzsa span{margin:0 2px}
.tartalom{display:block;min-height:60vh}
.tartalomBelso{max-width:1240px;margin:0 auto;padding:24px 16px 40px;font-size:0}
.foOszlop{display:inline-block;vertical-align:top;width:calc(100% - 330px);font-size:17px}
.foOszlop:only-child{width:100%}
.oldalsav{display:inline-block;vertical-align:top;width:300px;margin-left:30px;font-size:17px;position:sticky;top:72px}
.oldalsav .reklamTorony{margin-top:0}
.cikk{max-width:780px}
.cikk h1{margin-bottom:.4em}
.bevezeto{font-size:1.15rem;color:#3a3a40;margin-bottom:1.5em}
.leiras{color:#6b6b70;font-size:1.02rem;margin:-.5em 0 1.3em}
#adPanel{display:none;margin:150px 0 0}
@media (min-width:1100px){#adPanel{display:block}}
.cikk img{border-radius:8px}
.tipp,.figyelem{border-radius:10px;padding:14px 18px 14px 50px;margin:1.3em 0;position:relative;background:#eef4fd;border:1px solid #d6e4fb}
.tipp:before,.figyelem:before{position:absolute;left:16px;top:13px;font-size:1.3rem;line-height:1.4}
.tipp:before{content:"\1F4A1"}
.figyelem{background:#fff4e5;border-color:#fde1b8}
.figyelem:before{content:"\26A0\FE0F"}
.tipp p:last-child,.figyelem p:last-child{margin-bottom:0}
.tablaGorgeto{overflow-x:auto;margin:1.3em 0;-webkit-overflow-scrolling:touch}
.tabla{border-collapse:collapse;width:100%;font-size:.95rem;background:#fff}
.tabla th,.tabla td{border:1px solid #e6e6ea;padding:9px 12px;text-align:left;vertical-align:top}
.tabla th{background:#f6f6f8;font-weight:700}
.tabla tr:nth-child(even) td{background:#fbfbfc}
@media (max-width:640px){.tabla th,.tabla td{padding:7px 5px;font-size:.85rem}.tabla .algoritmus{white-space:normal}}
.algoritmus{display:inline-block;font-family:Consolas,"SF Mono",Menlo,monospace;font-size:.95em;background:#f6f6f8;border:1px solid #e6e6ea;border-radius:6px;padding:2px 9px;white-space:normal;max-width:100%;color:#1d1d1f;line-height:1.5}
a.algoritmus:hover{border-color:#1565d8;color:#1565d8;text-decoration:none;background:#eef4fd}
.kiemeles{text-align:center;margin:1.4em 0;padding:18px;background:#f6f6f8;border-radius:10px}
.kiemeles .algoritmus{font-size:1.35rem;padding:6px 18px;background:#fff;white-space:normal;line-height:1.5;max-width:100%}
.kartyaSor{font-size:0;margin:0 -8px 1em}
.kartya{display:inline-block;vertical-align:top;width:calc(100% - 16px);margin:0 8px 16px;font-size:16px;border:1px solid #e6e6ea;border-radius:10px;padding:16px;background:#fff;overflow:hidden}
.kartya h3{margin-top:0;font-size:1.05rem}
.kartya .lejatszo.kicsi{float:left;margin:0 16px 4px 0}
.kartya p:last-child{margin-bottom:0}
.kep{margin:1.4em 0;text-align:center}
.kep img{max-width:100%}
.kep .kepernyo{border:1px solid #e6e6ea}
.kep figcaption{font-size:.88rem;color:#6b6b70;margin-top:.5em}
.kepJobbra{float:right;margin:0 0 .8em 1.2em;max-width:42%}
.kepBalra{float:left;margin:0 1.2em .8em 0;max-width:42%}
.listaPipa{list-style:none;padding-left:0}
.listaPipa li{padding-left:1.7em;position:relative}
.listaPipa li:before{content:"\2713";position:absolute;left:.2em;color:#1f9d55;font-weight:700}
.gyikLista{margin-top:2.5em}
.gyik{border:1px solid #e6e6ea;border-radius:10px;margin:0 0 10px;padding:0 18px;background:#fff}
.gyik summary{cursor:pointer;font-weight:600;padding:13px 0;list-style:none;position:relative;padding-right:30px}
.gyik summary::-webkit-details-marker{display:none}
.gyik summary:after{content:"+";position:absolute;right:2px;top:10px;font-size:1.4rem;color:#6b6b70;font-weight:400}
.gyik[open] summary:after{content:"\2013"}
.gyik p{margin:0 0 14px;color:#3a3a40}
.lepes{position:relative;padding:22px 0 10px 64px;margin:2em 0;border-top:1px solid #e6e6ea}
.lepesSzam{position:absolute;left:0;top:22px;width:46px;height:46px;line-height:46px;text-align:center;border-radius:50%;background:#1565d8;color:#fff;font-weight:800;font-size:1.3rem}
.lepes h2{margin-top:0;line-height:46px}
.lepesLinkek{margin-top:1.4em}
.lepesLinkek .gomb{margin-right:8px}
.lepesKesz{margin:1em 0 0;font-size:.95rem;color:#6b6b70}
.lepesKesz input{width:18px;height:18px;vertical-align:-3px;margin-right:6px;accent-color:#1565d8}
.lepesKesz.kesz{color:#1f9d55}
.gyakorlas{margin:1.2em 0}
.haladas{height:10px;background:#f0f0f3;border-radius:10px;margin:1.4em 0;overflow:hidden}
.haladas span{display:block;height:100%;width:0;background:#1f9d55;border-radius:10px;transition:width .4s}
.jelolesGomb{display:inline-block;min-width:44px;padding:6px 10px;margin:0 6px 6px 0;text-align:center;border:1px solid #e6e6ea;border-radius:8px;font-family:Consolas,"SF Mono",Menlo,monospace;font-weight:700;color:#1d1d1f;background:#fff}
.jelolesGomb:hover{border-color:#1565d8;color:#1565d8;text-decoration:none}
.video{position:relative;background:#111;border-radius:10px;overflow:hidden;padding-top:56.25%;margin:1.3em 0}
.video iframe,.video .videoGomb{position:absolute;left:0;top:0;width:100%;height:100%;border:0}
.video .videoGomb{background:#1d1d1f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 48'%3E%3Cpath d='M66.5 7.7c-.8-2.9-3-5.2-5.9-6C55.4 0 34 0 34 0S12.6 0 7.4 1.7c-2.9.8-5.1 3.1-5.9 6C0 13 0 24 0 24s0 11 1.5 16.3c.8 2.9 3 5.2 5.9 6C12.6 48 34 48 34 48s21.4 0 26.6-1.7c2.9-.8 5.1-3.1 5.9-6C68 35 68 24 68 24s0-11-1.5-16.3z' fill='%23c41e3a'/%3E%3Cpath d='M45 24L27 14v20z' fill='%23fff'/%3E%3C/svg%3E") center/80px no-repeat;color:#fff;font-weight:600;padding-top:120px;cursor:pointer}
.reklam{display:block;margin:28px auto;background:transparent;text-align:center;position:relative;border-radius:6px}
.reklam:has(ins[data-ad-status^=unfill]){display:none}
.reklam ins{vertical-align:top}
.reklamKicsi{width:300px;min-height:100px}
.reklamKozepes{width:300px;min-height:250px}
.reklamTorony{width:300px;min-height:600px}
.reklamSzeles{width:100%;max-width:800px;min-height:280px}
.lablec{background:#f6f6f8;border-top:1px solid #e6e6ea;margin-top:40px;font-size:.88rem;color:#6b6b70;position:relative}
.lablecBelso{max-width:1240px;margin:0 auto;padding:28px 16px 36px}
.lablecLinkek{font-size:0;margin-bottom:1.2em}
.lablecLinkek a{display:inline-block;font-size:.92rem;font-weight:600;color:#1d1d1f;margin:0 18px 8px 0}
.lablecLinkek a:hover{color:#1565d8}
.felGomb{position:fixed;right:18px;bottom:18px;width:48px;height:48px;padding:3px;border-radius:9px;background:#1d1d1f;box-shadow:0 2px 10px rgba(0,0,0,.18);opacity:0;pointer-events:none;transition:opacity .2s,transform .15s;z-index:40;font-size:0;line-height:0;overflow:hidden}
.felGomb i{display:inline-block;width:12px;height:12px;margin:1px;border-radius:2px;vertical-align:top}
.felGomb .szinU{background:#fff}.felGomb .szinR{background:#c41e3a}.felGomb .szinF{background:#009e60}.felGomb .szinD{background:#ffd500}.felGomb .szinL{background:#ff5800}.felGomb .szinB{background:#0051ba}
.felGomb .felTolt{position:absolute;left:0;top:0;right:0;height:100%;background:rgba(29,29,31,.78);transition:height .1s linear}
.felGomb .felNyil{position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-4px 0 0 -6px;border-left:3px solid #fff;border-top:3px solid #fff;transform:rotate(45deg);filter:drop-shadow(0 0 2px rgba(0,0,0,.7))}
.felGomb.lathato{opacity:1;pointer-events:auto}
.felGomb:hover{transform:translateY(-2px)}
.ikon{display:inline-block;width:17px;height:17px;vertical-align:-3px;margin:0 7px 0 -2px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gombKicsi .ikon{width:15px;height:15px;margin-right:5px;vertical-align:-3px}
.csakIkon{padding-left:12px;padding-right:12px}
.csakIkon .ikon{margin:0;vertical-align:-4px}
.kockaTer{position:relative;width:100%;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;--s:60px}
.kockaTer.forgatas{cursor:grabbing}
.kockaSzinpad{position:absolute;left:0;top:0;width:100%;height:100%;perspective:1400px;perspective-origin:50% 50%}
.kockaForgo{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;transition:none}
.kiskocka{position:absolute;left:0;top:0;width:var(--s);height:var(--s);margin:calc(var(--s)/-2) 0 0 calc(var(--s)/-2);transform-style:preserve-3d}
.lap{position:absolute;left:0;top:0;width:var(--s);height:var(--s);background:#15151a;border-radius:3%;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.lapU{transform:rotateX(90deg) translateZ(calc(var(--s)/2))}
.lapD{transform:rotateX(-90deg) translateZ(calc(var(--s)/2))}
.lapF{transform:translateZ(calc(var(--s)/2))}
.lapB{transform:rotateY(180deg) translateZ(calc(var(--s)/2))}
.lapR{transform:rotateY(90deg) translateZ(calc(var(--s)/2))}
.lapL{transform:rotateY(-90deg) translateZ(calc(var(--s)/2))}
.matrica{border:calc(var(--s)*.055) solid #15151a;cursor:pointer;transition:opacity .25s}
.matrica:after{content:attr(data-l);display:none;position:absolute;left:0;top:0;width:100%;height:100%;line-height:calc(var(--s)*.89);text-align:center;font-weight:800;font-size:calc(var(--s)*.38);color:rgba(0,0,0,.55)}
.betuk .matrica:after{display:block}
.szinU{background:#fff}
.szinR{background:#c41e3a}
.szinF{background:#009e60}
.szinD{background:#ffd500}
.szinL{background:#ff5800}
.szinB{background:#0051ba}
.szinX{background:#c9c9cf}
.szinS{background:#55555c}
.matrica.halvany{filter:saturate(.08) brightness(.95) contrast(.45)}
.kiemelt{border-color:#1565d8;animation:villog 1s ease-in-out infinite alternate}
@keyframes villog{from{border-color:#1565d8}to{border-color:#9dc1f5}}
.munkapad{max-width:1240px;margin:0 auto;padding:16px 16px 0;font-size:0}
.foCim{font-size:1.75rem;margin:0 0 .2em}
.alCim{color:#6b6b70;margin:0 0 .6em;font-size:1.02rem}
.konfettiTer{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;pointer-events:none}
.miniOra{font-family:Consolas,"SF Mono",Menlo,monospace;font-size:clamp(56px,9vw,96px);line-height:1.1;text-align:center;padding:18px 10px;margin:0 0 10px;background:#f6f6f8;border-radius:12px;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:none;font-weight:700;letter-spacing:-.02em;transition:color .1s}
.miniOra.tart{color:#c41e3a}
.miniOra.kesz{color:#1f9d55}
.lepesek{padding-left:1.4em}
.lepesek li{margin:0 0 .5em}
.lepesek .lepesKep{width:35px;height:40px;margin:0 10px 0 4px;vertical-align:middle}
.lepesek .gombHalvany{margin-left:4px}
.jatekTest .tartalomBelso{padding-top:16px}
.jatekAlg{position:absolute;left:16px;right:16px;top:60px;background:#fff;border:1px solid #e6e6ea;border-radius:10px;padding:10px;z-index:6;max-width:560px;margin:0 auto}
.idoFej{padding-bottom:0}
.idoFej .foCim,.idoFej .alCim{font-size:1.4rem;display:block}
.idoFej .alCim{font-size:.95rem}
.munkapadKocka{display:inline-block;vertical-align:top;width:52%;font-size:17px;position:relative}
.munkapadKocka.ragad{position:sticky;z-index:5}
.munkapadPanel{display:inline-block;vertical-align:top;width:48%;padding-left:28px;font-size:17px}
.nagyKocka{width:100%;padding-top:92%;position:relative}
.nagyKocka .kockaTer{position:absolute;left:0;top:0;width:100%;height:100%}
.modSav{font-size:0;border:1px solid #e6e6ea;border-radius:10px;padding:4px;background:#f6f6f8;margin-bottom:18px}
.modSav button{display:inline-block;width:25%;font-size:1rem;font-weight:700;padding:9px 0;border:0;border-radius:8px;background:transparent;color:#6b6b70;transition:background .15s,color .15s}
.modSav button:hover{color:#1d1d1f}
.modSav button.aktiv{background:#fff;color:#1565d8;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.modSav button span{display:block;font-size:.72rem;font-weight:500;color:#9a9aa0}
.modPanel{display:none}
.modPanel.aktiv{display:block}
.vezerlo{font-size:0;margin:0 -4px 12px}
.vezerlo .gomb,.vezerlo .gombFo,.vezerlo .gombHalvany{margin:0 4px 8px;font-size:.95rem}
.szamlalo{font-size:.92rem;color:#6b6b70;margin:4px 0 10px}
.szamlalo b{color:#1d1d1f;font-weight:700;font-family:Consolas,"SF Mono",Menlo,monospace}
.uzenet{background:#eef4fd;border-radius:10px;padding:12px 16px;margin:0 0 12px;font-size:.95rem;display:none}
.uzenet.lathato{display:block}
.uzenet.siker{background:#e8f7ee}
.uzenet.hiba{background:#fdecef}
.tippDoboz{background:#fff8e1;border:1px solid #fde1b8;border-radius:10px;padding:12px 16px;margin:0 0 12px;font-size:.95rem;display:none}
.tippDoboz.lathato{display:block}
.tippDoboz b{display:block;margin-bottom:4px}
.tippDoboz .algoritmus{margin:6px 6px 0 0}
.beallitasok{border-top:1px solid #e6e6ea;margin-top:8px;padding-top:12px;font-size:.92rem}
.beallitasok label{display:inline-block;margin:0 16px 8px 0;cursor:pointer}
.beallitasok input[type=checkbox]{accent-color:#1565d8;vertical-align:-2px;margin-right:4px}
.beallitasok select{padding:4px 8px;border:1px solid #e6e6ea;border-radius:6px;background:#fff}
.algBevitel{font-size:0;margin-bottom:12px}
.algBevitel input{display:inline-block;vertical-align:middle;width:calc(100% - 96px);font-size:1rem;padding:9px 12px;border:1px solid #e6e6ea;border-radius:8px 0 0 8px;font-family:Consolas,"SF Mono",Menlo,monospace}
.algBevitel button{display:inline-block;vertical-align:middle;width:48px;height:44px;font-size:1.1rem;border:1px solid #e6e6ea;border-left:0;background:#fff;color:#1565d8}
.algBevitel button:last-child{border-radius:0 8px 8px 0}
.algBevitel button:hover{background:#eef4fd}
.lepesLista{font-size:0;margin:8px 0 12px;line-height:1}
.lepesLista .algoritmus{font-size:1rem;margin:0 6px 6px 0;cursor:pointer;transition:background .15s,border-color .15s;padding:4px 5px 2px;text-align:center;line-height:1;vertical-align:top}
.mozdIkon{display:block;width:50px;height:50px;margin:0 auto 2px}
.mozdKep{position:relative;background:url(/img/notation-sprite.webp) no-repeat;background-size:600% 200%}
.mozdSor{font-size:0;margin:0 0 1em}
.kviz .mozdSor{text-align:center}
.fuggetlen{margin:0 0 1.3em;padding:12px 16px;border:1px solid #e6e6ea;border-left:4px solid #1565d8;border-radius:8px;background:#f6f6f8;font-size:.92rem;line-height:1.5;color:#3a3a40}
.fuggetlen b{color:#1d1d1f}
.mozdKep b{position:absolute;right:-4px;top:-4px;width:14px;height:14px;border-radius:50%;background:#fff;border:1.5px solid #1565d8;color:#1565d8;font:700 9px/11px Arial,sans-serif;text-align:center}
.mozdIkon rect{fill:#fff;stroke:#9a9aa0;stroke-width:1}
.mozdIkon rect.on{fill:#cfe0fb}
.mozdIkon .nyil{fill:#1565d8;stroke:#1565d8;stroke-width:2.6;stroke-linecap:round;fill-opacity:1}
.mozdIkon .nyil line,.mozdIkon .nyil path{fill:none}
.mozdIkon .nyil .ketto{fill:#fff;stroke-width:1.6}
.mozdIkon .nyil text{font:700 8px Arial,sans-serif;stroke:none}
.lepesLista .algoritmus i,.lejatszo .mozdulatok span i{display:block;font-style:normal;font-weight:700;font-size:1rem;line-height:1.3}
.lepesLista .algoritmus.aktiv .mozdIkon rect,.lejatszo .mozdulatok span.aktiv .mozdIkon rect{stroke:#5a8fe0}
.szeg{display:inline-block;height:1em;width:.6em;vertical-align:-.08em;margin:0 .015em}
.szeg rect,.szeg circle{fill:currentColor;opacity:0}
.szeg rect.on,.szeg circle{opacity:1}
.szegPont{width:.25em}
.szegKoz{display:inline-block;width:.3em}
.szegSzoveg{font-size:.6em;vertical-align:.12em;margin:0 .05em}
.lepesLista .algoritmus.aktiv{background:#1565d8;border-color:#1565d8;color:#fff}
.lepesLista .algoritmus.kesz{opacity:.5}
.lepesLista .lepesCim{display:block;font-size:.8rem;font-weight:700;color:#6b6b70;margin:8px 0 4px;text-transform:uppercase;letter-spacing:.04em}
.lepesLista .lepesCim:first-child{margin-top:0}
.lejatszoVezerlo{font-size:0;margin:0 0 10px}
.lejatszoVezerlo button{display:inline-block;vertical-align:middle;width:44px;height:40px;margin-right:6px;border:1px solid #e6e6ea;border-radius:8px;background:#fff;font-size:1.05rem;color:#1d1d1f}
.lejatszoVezerlo button:hover{background:#f6f6f8;border-color:#d4d4da}
.lejatszoVezerlo button.fo{background:#1565d8;border-color:#1565d8;color:#fff;width:56px}
.lejatszoVezerlo .sebesseg{display:inline-block;vertical-align:middle;font-size:.85rem;color:#6b6b70;margin-left:6px}
.lejatszoVezerlo .sebesseg select{padding:3px 6px;border:1px solid #e6e6ea;border-radius:6px;background:#fff}
.lejatszoInfo{font-size:.95rem;color:#3a3a40;min-height:1.6em;margin-bottom:8px}
#solutionInfo{min-height:3.4em;margin:12px 0 0}
.lejatszoInfo b{font-family:Consolas,"SF Mono",Menlo,monospace;font-size:1.1rem;color:#1565d8}
.paletta{font-size:0;margin:0 0 12px}
.paletta button{display:inline-block;vertical-align:middle;width:40px;height:40px;margin:0 8px 8px 0;border:3px solid #15151a;border-radius:8px;cursor:pointer;transition:transform .1s}
.paletta button.aktiv{transform:scale(1.15);box-shadow:0 0 0 3px #fff,0 0 0 5px #1565d8}
.paletta .torles{background:#c9c9cf}
.halo{width:100%;max-width:400px;margin:0 auto 12px}
.halo svg{width:100%;height:auto;display:block}
.halo rect[data-i]{cursor:pointer}
.halo rect.kiemelt{stroke:#1565d8;stroke-width:3}
.nezetValaszto{font-size:0;margin-bottom:12px}
.nezetValaszto button{display:inline-block;font-size:.88rem;padding:6px 14px;border:1px solid #e6e6ea;background:#fff;margin-right:-1px;color:#6b6b70;font-weight:600}
.nezetValaszto button:first-child{border-radius:8px 0 0 8px}
.nezetValaszto button:last-child{border-radius:0 8px 8px 0}
.nezetValaszto button.aktiv{background:#1565d8;border-color:#1565d8;color:#fff;position:relative;z-index:1}
.haladasSav{height:6px;background:#f0f0f3;border-radius:6px;overflow:hidden;margin:8px 0}
.haladasSav span{display:block;height:100%;width:0;background:#1565d8;transition:width .2s}
.lejatszo{margin:1.3em 0;padding:12px;border:1px solid #e6e6ea;border-radius:10px;background:#fff;font-size:0}
.lejatszo .lejatszoKocka{display:inline-block;vertical-align:top;width:170px;height:170px;position:relative;font-size:17px}
.lejatszo .lejatszoJobb{display:inline-block;vertical-align:top;width:calc(100% - 170px);padding-left:14px;font-size:16px}
.lejatszo .lejatszoCim{font-weight:700;margin:0 0 6px;font-size:.95rem}
.lejatszo .mozdulatok{font-size:0;margin:0 0 8px;line-height:1}
.lejatszo .mozdulatok>span{display:inline-block;vertical-align:top;font-family:Consolas,"SF Mono",Menlo,monospace;font-size:1rem;padding:4px 5px 2px;margin:0 4px 4px 0;border-radius:6px;background:#f6f6f8;border:1px solid #e6e6ea;text-align:center;line-height:1;cursor:pointer;transition:background .15s,color .15s}
.lejatszo .mozdulatok>span.aktiv{background:#1565d8;border-color:#1565d8;color:#fff}
.lejatszo .mozdulatok>span.kesz{opacity:.55}
.lejatszo .lejatszoGombok{font-size:0}
.lejatszo .lejatszoGombok button{display:inline-block;vertical-align:middle;width:38px;height:34px;margin:0 4px 4px 0;border:1px solid #e6e6ea;border-radius:7px;background:#fff;font-size:.95rem;color:#1d1d1f}
.lejatszo .lejatszoGombok button:hover{background:#f6f6f8;border-color:#d4d4da}
.lejatszo .lejatszoGombok button.fo{background:#1565d8;border-color:#1565d8;color:#fff;width:48px}
.lejatszo .lejatszoGombok a{display:inline-block;vertical-align:middle;font-size:.82rem;margin-left:4px}
.lejatszo .lejatszoGombok select{font-size:.82rem;padding:3px 4px;border:1px solid #e6e6ea;border-radius:6px;background:#fff;margin:0 0 4px 2px;vertical-align:middle}
.lejatszo.kicsi{display:inline-block;width:auto;padding:6px;margin:0;vertical-align:middle}
.lejatszo.kicsi .lejatszoKocka{width:132px;height:132px}
.lejatszo.kicsi .lejatszoGombok button{width:29px;height:28px;margin:0 2px 2px 0;font-size:.8rem}
.lejatszo.kicsi .lejatszoGombok button.fo{width:35px}
.lejatszo.kicsi .lejatszoJobb{display:block;width:auto;padding:6px 0 0;text-align:center}
.lejatszo.kicsi .mozdulatok{display:none}
.lejatszo.kicsi .lejatszoGombok a,.lejatszo.kicsi .lejatszoGombok select{display:none}
.lejatszo .algoritmus{font-size:1rem}
.lejatszo.kesz .algoritmus{display:none}
.ertesites{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#1d1d1f;color:#fff;padding:12px 20px;border-radius:10px;font-size:.95rem;opacity:0;transition:opacity .25s,transform .25s;z-index:100;pointer-events:none;max-width:90%}
.ertesites.lathato{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.ertesites button{background:transparent;border:0;color:#9dc1f5;font-weight:700;margin-left:12px;padding:0}
.konfetti{position:absolute;width:10px;height:14px;top:-20px;opacity:0;animation:konfettiEs 1.6s ease-out forwards;pointer-events:none;border-radius:2px}
@keyframes konfettiEs{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(420px) rotate(720deg)}}
body.fut .elhalvanyul{opacity:.06;pointer-events:none;transition:opacity .2s}
.elhalvanyul{transition:opacity .3s}
.kviz{margin:2em 0;padding:20px;border:1px solid #e6e6ea;border-radius:10px;background:#fbfbfc}
.kviz h2{margin-top:0}
#quizCube,#contactCube{width:220px;height:220px;margin:0 auto 12px;position:relative}
#quizButtons,#contactButtons{font-size:0;text-align:center}
#quizButtons button,#contactButtons button{display:inline-block;min-width:52px;margin:0 5px 8px;padding:8px 10px;border:1px solid #e6e6ea;border-radius:8px;background:#fff;font-family:Consolas,"SF Mono",Menlo,monospace;font-weight:700;font-size:1rem}
#quizButtons button:hover,#contactButtons button:hover{border-color:#1565d8;color:#1565d8}
#quizButtons .gombFo,#contactButtons .gombFo{background:#1565d8;border-color:#1565d8;color:#fff;font-family:inherit}
#quizButtons .gombFo:hover,#contactButtons .gombFo:hover{background:#0f4fae;border-color:#0f4fae;color:#fff}
#quizButtons .gombHalvany,#contactButtons .gombHalvany{border-color:transparent;background:transparent;color:#1565d8;font-family:inherit;font-weight:600}
#contactButtons .gombHalvany{font-family:inherit;font-weight:600;font-size:.9rem}
#contactPuzzle{position:relative;overflow:hidden}
#contactReveal{text-align:center;margin:4px 0 6px}
.emailCim{font-size:1.35rem;font-weight:700;word-break:break-all}
#quizButtons button.jo{background:#e8f7ee;border-color:#1f9d55}
#quizButtons button.rossz{background:#fdecef;border-color:#c41e3a}
.teljesKepernyo .fejlec,.teljesKepernyo .lablec,.teljesKepernyo .morzsa{display:none}
.jatekOldal{position:relative;height:calc(100vh - 100px);height:calc(100dvh - 100px);max-height:660px;min-height:400px;margin:0 0 28px;border:1px solid #e6e6ea;border-radius:12px;background:#fff}
.jatekOldal:fullscreen{height:100vh;max-height:none;margin:0;border:0;border-radius:0}
.jatekOldal .kockaTer{position:absolute;left:0;top:44px;bottom:70px;width:100%;height:auto;transition:top .2s}
.jatekSav{position:absolute;left:0;right:0;bottom:12px;text-align:center;font-size:0;z-index:5;pointer-events:none}
.jatekSav .gomb,.jatekSav .gombFo{pointer-events:auto;margin:0 4px 6px;font-size:.95rem;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.jatekInfo{position:absolute;left:16px;top:12px;font-size:.9rem;color:#6b6b70;z-index:5}
.jatekInfo b{font-family:Consolas,"SF Mono",Menlo,monospace;color:#1d1d1f}
.jatekUzenet{position:absolute;left:50%;top:14px;transform:translateX(-50%);background:#fff;border:1px solid #e6e6ea;border-radius:10px;padding:10px 18px;box-shadow:0 2px 10px rgba(0,0,0,.08);font-size:.95rem;z-index:6;display:none;max-width:90%}
.jatekUzenet.lathato{display:block}
.elsoTipp{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.92);border-radius:12px;padding:14px 20px;text-align:center;font-size:.95rem;box-shadow:0 4px 16px rgba(0,0,0,.1);z-index:7;pointer-events:none}
.elsoTipp svg{display:block;margin:0 auto 6px;animation:kezMozog 1.4s ease-in-out infinite alternate}
@keyframes kezMozog{from{transform:translateX(-18px)}to{transform:translateX(18px)}}
.hirSav{margin:16px 0 0;font-size:.92rem;color:#6b6b70}
.jogiOldal .cikk{max-width:720px}
.urlap label{display:block;font-weight:600;margin:14px 0 4px}
.urlap input[type=text],.urlap input[type=email],.urlap textarea{width:100%;max-width:520px;padding:10px 12px;border:1px solid #e6e6ea;border-radius:8px;background:#fff}
.urlap textarea{min-height:160px}
.urlap .gombFo{margin-top:16px}
@media print{.fejlec,.lablec,.morzsa,.oldalsav,.reklam,.lejatszo .lejatszoGombok,.lepesKesz,.gyakorlas,.video,.gyikLista,.felGomb,.ertesites,.munkapad{display:none!important}.foOszlop{width:100%!important}.lejatszo .lejatszoKocka{display:none}.lejatszo .lejatszoJobb{width:100%;padding:0}.lejatszo.kesz .algoritmus{display:inline-block}body{font-size:12px}.lepes{padding-left:0;page-break-inside:avoid}.lepesSzam{position:static;display:inline-block;width:28px;height:28px;line-height:28px;font-size:1rem;margin-right:8px}}
@media (max-width:1099px){.foOszlop{width:100%}.oldalsav{width:100%;margin:24px 0 0;text-align:center}.reklamTorony{display:none}.csakMobil{display:block}}
@media (max-width:900px){.munkapadKocka,.munkapadPanel{width:100%;padding-left:0}.munkapadPanel{margin-top:14px}.nagyKocka{padding-top:80%;max-width:520px;margin:0 auto}}
@media (max-width:820px){.reklamSzeles{min-height:300px}}
@media (max-width:760px){.menuGomb{display:block}.foMenu{display:none;position:absolute;left:0;right:0;top:56px;background:#fff;border-bottom:1px solid #e6e6ea;padding:6px 10px 10px;float:none}.foMenu a{display:block;line-height:44px;padding:0 10px}.foMenu a.aktiv:after{display:none}.menuKapcsolo:checked~.foMenu{display:block}.menuKapcsolo:checked+.menuGomb b:first-child{transform:translateY(9px) rotate(45deg)}.menuKapcsolo:checked+.menuGomb b:nth-child(2){opacity:0}.menuKapcsolo:checked+.menuGomb b:last-child{transform:translateY(-9px) rotate(-45deg)}h1{font-size:1.6rem}h2{font-size:1.3rem}.lepes{padding-left:0;padding-top:16px}.lepesSzam{position:static;display:inline-block;width:34px;height:34px;line-height:34px;font-size:1rem;margin:0 8px 8px 0;vertical-align:middle}.lepes h2{display:inline;line-height:1.3;vertical-align:middle}.kepJobbra,.kepBalra{float:none;display:block;margin:0 auto 1em;max-width:70%}.lejatszo .lejatszoKocka{width:130px;height:130px}.lejatszo .lejatszoJobb{width:calc(100% - 130px);padding-left:10px}}
@media (max-width:480px){.lejatszo .lejatszoKocka{display:block;margin:0 auto}.lejatszo .lejatszoJobb{display:block;width:100%;padding:10px 0 0}.modSav button{font-size:.9rem}.modSav button span{display:none}.reklamKicsi,.reklamTorony{max-width:100%}.paletta button{width:calc((100% - 42px)/7);max-width:40px;height:auto;aspect-ratio:1;margin-right:6px}}
.idoEszkoz{display:block;max-width:1132px;margin:0 auto;padding:0 16px}
.keveres{font-size:0;margin:0 0 16px}
.keveresBal,.keveresKep{display:inline-block;vertical-align:middle;font-size:17px;box-sizing:border-box}
.keveresBal{width:calc(100% - 200px);padding-right:20px}
.keveresKep{width:200px;text-align:center;min-height:150px}
.keveresKep svg{max-width:100%;height:auto}
.keveresSzoveg{font:500 clamp(18px,2.6vw,26px)/1.5 Consolas,"SF Mono",Menlo,monospace;margin:0 0 10px;word-spacing:4px;overflow-wrap:break-word;min-height:3em;transition:opacity .2s}
.keveresSzoveg.tolt{opacity:.4}
.keveresGombok{font-size:0}
.keveresGombok .gomb,.keveresGombok .gombFo{font-size:15px;margin:0 8px 8px 0}
.oraTer{display:block;background:#f6f6f8;border-radius:10px;padding:28px 16px 20px;text-align:center;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:none;outline:none}
.oraTer:focus-visible{box-shadow:0 0 0 3px #1565d8}
.ora{font:700 clamp(64px,14vw,140px)/1.1 Consolas,"SF Mono",Menlo,monospace;color:#1d1d1f;letter-spacing:-.02em;font-variant-numeric:tabular-nums;transition:color .15s}
.oraTer.vizsgal .ora{color:#6b6b70}
.oraTer.tart .ora{color:#c41e3a}
.oraTer.kesz .ora{color:#1f9d55}
.ora.ujRekord{animation:ujRekord 2.4s ease-out}
@keyframes ujRekord{0%,60%{color:#1565d8}to{color:#1d1d1f}}
.oraTipp{margin:8px 0 0;font-size:14px;color:#6b6b70;min-height:22px}
.idoSor{margin:20px 0 10px;font-size:0}
.idoSor>*{font-size:15px;vertical-align:middle;margin:0 8px 8px 0}
.idoMezo{display:inline-block;font:inherit;font-size:15px;line-height:1.3;padding:8px 10px;border:1px solid #e6e6ea;border-radius:8px;background:#fff;color:#1d1d1f;max-width:100%;box-sizing:border-box}
.idoMezo:focus{outline:none;border-color:#1565d8;box-shadow:0 0 0 3px rgba(21,101,216,.2)}
.idoEszkoz .beallitasok{background:#f6f6f8;border-radius:10px;padding:14px 16px 4px;margin:0 0 16px;font-size:15px}
.beallitasSor{font-size:0;margin:0 0 6px}
.beallitasSor>*{font-size:15px;vertical-align:middle;margin:0 18px 10px 0}
.beallitasSor .idoMezo{margin-left:6px}
.beallitasSor input[type=number]{width:90px}
.idoFajlGomb{position:relative;overflow:hidden;cursor:pointer}
.idoFajl{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0}
.idoFajlGomb:focus-within{box-shadow:0 0 0 3px rgba(21,101,216,.3)}
.idoSugo{font-size:14px;margin:6px 0 10px}
.idoAlso{font-size:0;margin-top:8px}
.idoBal,.idoJobb{display:inline-block;vertical-align:top;font-size:17px;box-sizing:border-box}
.idoBal{width:62%;padding-right:28px}
.idoJobb{width:38%}
.idoCim{font-size:18px;margin:18px 0 8px}
.idoLista{font-size:0;min-height:40px}
.idoChip{display:inline-block;font:15px/1 Consolas,"SF Mono",Menlo,monospace;padding:7px 10px;margin:0 6px 6px 0;border:1px solid #e6e6ea;border-radius:8px;background:#fff;color:#1d1d1f;cursor:pointer;transition:border-color .15s,background .15s}
.idoChip:hover,.idoChip.aktiv{border-color:#1565d8}
.idoChip.aktiv{background:#eaf1fc}
.idoChip.dnf{color:#c41e3a}
.idoChip.legjobb{border-color:#1f9d55;background:#e8f7ee;color:#157a41}
.idoChip.legrosszabb{border-color:#e8a0aa;background:#fdecef;color:#a1131f}
.idoChip:focus-visible{outline:2px solid #1565d8;outline-offset:1px}
.idoTobb,.idoUres{font-size:15px;display:block;margin:4px 0}
.idoPanel{display:block;font-size:15px;background:#f6f6f8;border-radius:10px;padding:12px 14px 4px;margin:2px 0 10px}
.idoPanelCim{margin:0 0 6px}
.idoPanelCim b{font:700 18px Consolas,"SF Mono",Menlo,monospace}
.idoPanelKeveres{font:15px/1.5 Consolas,"SF Mono",Menlo,monospace;margin:0 0 8px;overflow-wrap:break-word}
.idoPanelSor{font-size:0;margin:0 0 8px}
.idoPanelSor>*{font-size:14px;vertical-align:middle;margin:0 6px 4px 0}
.idoPanelSor .idoMezo{width:100%;margin:0}
.idoPanelSor .gomb.aktiv{border-color:#1565d8;background:#eaf1fc;color:#1565d8}
.idoTorol{color:#c41e3a}
.statisztika{background:#f6f6f8;border-radius:10px;padding:8px 14px;font-size:15px;min-height:326px}
#trendChart{min-height:220px}
#histChart{min-height:180px}
#sessionSelect{min-width:180px}
.statSor{font-size:0;padding:5px 0;border-bottom:1px solid #e6e6ea}
.statSor:last-child{border-bottom:0}
.statCimke,.statErtek{display:inline-block;vertical-align:middle;font-size:15px}
.statCimke{width:40%;color:#6b6b70}
.statErtek{width:30%;text-align:right;font-family:Consolas,"SF Mono",Menlo,monospace;font-variant-numeric:tabular-nums}
.statFej .statErtek{font:600 12px/1.6 -apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#6b6b70;text-transform:uppercase;letter-spacing:.04em}
.diagram{display:block;width:100%;overflow:hidden;margin:0 0 8px}
.diagram svg{display:block;max-width:100%;height:auto}
.diagram .pont{cursor:pointer}
.idoEszkoz .halvany{color:#6b6b70}
.ertesitesGomb{display:inline-block;margin-left:14px;background:none;border:0;color:#8fbcff;font:inherit;font-weight:600;cursor:pointer;padding:0}
@media (max-width:820px){.keveresBal,.keveresKep,.idoBal,.idoJobb{width:100%;padding:0}.keveresKep{margin-top:8px;min-height:135px}.keveresKep svg{max-width:180px}.keveresSzoveg{min-height:4.5em}.oraTer{padding:20px 10px 16px;min-height:160px}}
@media (prefers-reduced-motion:reduce){.ora,.oraTer,.ertesites,.elhalvanyul,.idoChip{transition:none}.ora.ujRekord{animation:none}}