*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#183d6f url('/jatek/assets/images/felulet/menu_hatter_01.webp') center/cover no-repeat;font:16px Arial;color:#fff}main{display:grid;min-height:100vh;place-items:center;padding:40px}.panel{position:relative;width:min(500px,100%);padding:35px;border:4px solid #ffd35d;border-radius:28px;background:#173b71ed;box-shadow:0 12px 0 #0c2242,0 25px 55px #0008;text-align:center}.rangJelzo{--haladas:0;position:absolute;top:-72px;right:-72px;display:grid;place-items:center;width:144px;height:144px;padding:12px;border-radius:50%;background:conic-gradient(#ffcf4d calc(var(--haladas)*1%),#487fc6 0);box-shadow:0 5px #0b2245;color:#fff;text-align:center}.rangJelzo:before{position:absolute;inset:10px;content:"";border:4px solid #0b2b57;border-radius:50%;background:#173b71}.rangJelzo>*{position:relative;z-index:1}.rangJelzo span{margin-top:5px;font-size:13px;font-weight:900;letter-spacing:.08em}.rangJelzo b{margin:-12px 0;font-size:48px;line-height:1;text-shadow:0 4px #0b2245}.rangJelzo small{font-size:11px;font-weight:bold}.rangJelzo small{display:flex;align-items:center;gap:3px}.rangJelzo em{display:inline;color:#ffcf4d;font-size:16px;font-style:normal;text-shadow:0 2px #0b2245}.presztizsCsillag{position:absolute;z-index:2;left:50%;top:50%;color:#ffcf4d;font-size:18px;font-style:normal;text-shadow:0 2px #0b2245;transform:rotate(var(--szog)) translateY(-67px) rotate(calc(-1 * var(--szog)))}.logo{display:flex;justify-content:center;margin:0 0 12px}.logo picture{display:block}.logo img{display:block;width:200px;max-width:100%;height:auto}.panel h1{margin:8px 0;font-size:45px;text-shadow:0 4px #0b2245}.panel>p{color:#dceeff}.jatekgomb,.jatekgomb *,.kilepes{-webkit-user-select:none;user-select:none}.jatekgomb,.kilepes{display:flex;align-items:center;gap:16px;margin:25px 0 16px;padding:16px 20px;border:3px solid;border-radius:18px;color:#fff;text-decoration:none;box-shadow:0 6px 0 #0006}.jatekgomb{border-color:#1855b5;background:#3285ef}.jatekgomb:hover,.kilepes:hover{filter:brightness(1.1);transform:translateY(-2px)}.jatekgomb svg{width:46px;height:46px;flex:0 0 46px}.jatekgomb span{text-align:left}.jatekgomb b{display:block;font-size:25px}.jatekgomb small{font-weight:bold}.kilepes{justify-content:center;margin:0;border-color:#8f251e;background:#e94b43;font-size:19px;font-weight:900}.kilepes svg{width:29px;height:29px;flex:0 0 29px}@media(max-width:700px){main{display:none}body:before{content:'Laptop vagy asztali gép szükséges.';display:grid;place-items:center;min-height:100vh;padding:30px;background:#102544;text-align:center;font-weight:bold}}

.informacioOldal{background:#183d6f url('/jatek/assets/images/felulet/hatter-info.webp') center/cover no-repeat}.informacioOldal main{padding:28px}.informacioPanel{width:min(820px,100%);height:min(820px,calc(100vh - 56px));padding:26px 30px;display:flex;flex-direction:column}.informacioPanel h1{font-size:42px}.informacioTartalom{min-height:0;flex:1;overflow-y:auto;margin:10px -10px 20px 0;padding:2px 22px 4px 4px;text-align:left;scrollbar-color:#ffcf4d #0b2245;scrollbar-width:auto}.informacioTartalom::-webkit-scrollbar{width:18px}.informacioTartalom::-webkit-scrollbar-track{border:3px solid #0b2245;border-radius:12px;background:#204f8c;box-shadow:inset 0 0 0 2px #75cfff}.informacioTartalom::-webkit-scrollbar-thumb{border:3px solid #0b2245;border-radius:12px;background:linear-gradient(90deg,#ffd966,#ffb72d);box-shadow:inset 0 0 0 2px #fff3a5}.informacioTartalom section{margin:0 0 14px;padding:15px 18px;border:2px solid #4d82c4;border-radius:14px;background:rgba(10,42,85,.68);box-shadow:inset 0 1px #9ee2ff33}.informacioTartalom h2{margin:0 0 7px;color:#ffdc5a;font-size:21px}.informacioTartalom p{margin:0;color:#eef7ff;line-height:1.48}.visszaGomb{display:block;flex:0 0 auto;padding:14px;border:3px solid #8ed6ff;border-radius:15px;background:#286cc0;color:#fff;font-size:17px;font-weight:900;text-decoration:none;box-shadow:0 5px #0b2245}.visszaGomb:hover{filter:brightness(1.1);transform:translateY(-1px)}