@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.hidden{display:none}}*{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}:root{--bg:#fff;--box-bg-1:#e6e6e6;--box-bg-2:#d5d5d5;--button-bg:#c9c9c9;--button-hover:#a0ca78;--tipp-hover:#d7d7d7;--tipp-selected:#b6e3ff;--draw-button-hover:#8ab760;--correct:#9cff9c;--wrong:#f58f8f;--text:black}@media(prefers-color-scheme:dark){:root{--bg:#141414;--box-bg-1:#282828;--box-bg-2:#383838;--button-bg:#474747;--button-hover:#a0c87a81;--tipp-hover:#505050;--tipp-selected:#009dff4d;--draw-button-hover:#4b9c00;--correct:#7aff7a5a;--wrong:#c838389e;--text:white}}body{background-color:var(--bg);color:var(--text);overflow-y:scroll}h1{text-align:center;color:var(--draw-button-hover);margin-block:2rem;font-size:40px}main{flex-direction:column;align-items:center;gap:2rem;padding:1rem 3rem;display:flex}#lotto-tipus{background-color:var(--box-bg-1);border-radius:20px;grid-template-areas:"tipus-title tipus-title""otos hatos";justify-items:center;gap:.8rem;width:17rem;padding:1rem;display:none}#lotto-tipus h3{text-align:center;grid-area:tipus-title;margin-top:-.3rem;font-size:22px}#lotto-tipus button{background-color:var(--button-bg);color:var(--text);cursor:pointer;border:none;border-radius:10px;width:100%;padding:.4rem 1.2rem;font-size:18px;font-weight:700;transition:all .3s}#lotto-tipus button:hover{background-color:var(--button-hover)}#lotto-tipus.show{display:grid}#lotto-button-5{grid-area:otos}#lotto-button-6{grid-area:hatos}#nyeremenyek{background-color:var(--box-bg-1);border-radius:20px;flex-direction:column;gap:1rem;width:17rem;padding:1rem;display:none;position:relative}#nyeremenyek h3{text-align:center;font-size:25px}#nyeremenyek.show{display:flex}#nyeremeny-scroll{width:100%;overflow-x:hidden}#scroll-pages,#statistic-scroll-pages{flex-direction:row;width:200%;display:flex}.scroll-page{flex-direction:column;gap:1rem;display:flex}.slide-button,.slide-statistic-button{background-color:var(--button-bg);cursor:pointer;z-index:10;border-radius:20px;padding:.2rem .53rem;font-size:20px;transition:all .3s;position:absolute;top:1.45rem}.slide-button:hover,.slide-statistic-button:hover{background-color:var(--button-hover)}.slide-button.disable,.slide-statistic-button.disable{color:gray}.slide-button.disable:hover,.slide-statistic-button.disable:hover{background-color:var(--button-bg);cursor:default}#button-slide-left{left:1rem}#button-slide-right{right:1rem}#scroll-pages.slide-right,#statistic-scroll-pages.slide-right{animation:.3s ease-in alternate forwards fromRight}#scroll-pages.slide-left,#statistic-scroll-pages.slide-left{animation:.3s ease-in alternate forwards fromLeft}@keyframes fromRight{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes fromLeft{0%{transform:translate(-50%)}to{transform:translate(0)}}.card{background-color:var(--box-bg-2);border-radius:15px;grid-template-areas:"img title title""img p p";align-items:center;gap:.8rem;padding:1rem;display:grid}.card img{filter:drop-shadow(0 0 4px #000);grid-area:img;max-height:5rem}.card h4{grid-area:title;justify-self:end;margin:0;padding:0;font-size:20px}.card p{grid-area:p;justify-self:end;margin:0;padding:0}.card:hover{background-color:var(--button-hover)}#statistics-container{background-color:var(--box-bg-1);border-radius:20px;flex-direction:column;width:100%;max-width:fit-content;height:auto;max-height:4.3rem;padding:1rem;transition:all .5s;display:none;overflow-y:hidden}#statistics-container h3{text-align:center;border-bottom:3px solid var(--box-bg-2);padding-bottom:1rem;font-size:25px;transition:all .5s}#statistics-container.open{height:auto;max-height:500rem}#statistics-container.open h3{padding-bottom:.4rem}#statistics-container.open #statistics-open-button{transform:rotate(-180deg)}#statistics-open-button{cursor:pointer;transition:all .3s}#statistics-open-button:hover{color:var(--button-hover)}#statistics-container.show{display:flex}#statistic-main{flex-direction:column;gap:1rem;padding-top:1rem;display:flex;position:relative}#statistic-nav{background-color:var(--box-bg-2);border-radius:15px;flex-direction:row;justify-content:center;padding:.5rem;display:flex;position:relative}.slide-statistic-button{background-color:var(--tipp-hover);justify-content:center;align-items:center;width:1.5rem;height:1.5rem;padding:0;display:flex}#button-statistic-left{top:13px;left:1rem}#button-statistic-right{top:13px;right:1rem}#lotto-scroll{height:33px;overflow-y:hidden}.md-overflow{overflow-x:auto}#statistic-scroll{flex-direction:row;gap:2rem;width:457px;display:flex;overflow-x:hidden}#statistic-scroll .scroll-page{flex-direction:column;display:flex}#statistic-scroll-page-1,#statistic-scroll-page-2{min-width:457px}.chart{align-items:end;gap:1rem;height:100%;min-height:15rem;display:flex}.assignments{grid-template-rows:auto;height:100%;margin:0;padding:0;display:grid}.assignments p{text-align:right;align-self:end;margin:0;padding:0}.chart-element{background-color:var(--correct);border-radius:10px 10px 0 0;width:4rem;min-height:2px;box-shadow:0 -5px 10px #00000027}.chart-title{gap:1rem;width:100%;max-width:457px;padding-left:calc(8.63px + 1rem);display:flex}.chart-title p{text-align:center;width:4rem}#chart-title-1,#chart-title-2{max-width:437px}#statistic-other{flex-direction:row;width:100%;margin-top:1rem;display:flex;position:relative}#rounds{background-color:var(--box-bg-2);border-radius:10px;gap:.3rem;padding:.3rem .8rem;font-size:20px;display:flex}#rounds-scroll{height:24px;overflow:hidden}#rounds-scroll-items.slide-top,#lotto-scroll-items.slide-top{animation:.3s ease-in alternate forwards fromTop}#rounds-scroll-items.slide-bottom,#lotto-scroll-items.slide-bottom{animation:.3s ease-in alternate forwards fromBottom}@keyframes fromTop{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes fromBottom{0%{transform:translateY(-50%)}to{transform:translateY(0)}}#clear{background-color:var(--button-bg);color:var(--text);cursor:pointer;border:none;border-radius:10px;padding:.3rem .5rem;font-size:18px;font-weight:700;transition:all .3s;position:absolute;bottom:0;right:0}#clear:hover{background-color:var(--button-hover)}#tipp-container{background-color:var(--box-bg-1);border-radius:20px;padding:1rem;display:none}#tipp-container.show{display:block}.tipp-grid{background-color:var(--button-bg);border-radius:15px;grid-template-columns:repeat(9,1fr);gap:.25rem;padding:.25rem;display:grid}.tipp-button{text-align:center;background-color:var(--box-bg-1);color:var(--text);cursor:pointer;border:none;padding:.6rem;font-size:20px;transition:all .2s}.tipp-button:first-child{border-top-left-radius:12px}.tipp-button:nth-child(9){border-top-right-radius:12px}.tipp-button.tp-45:nth-child(37),.tipp-button.tp-90:nth-child(82){border-bottom-left-radius:12px}.tipp-button:last-child{border-bottom-right-radius:12px}.tipp-button:hover{background-color:var(--tipp-hover)}.tipp-button.selected{background-color:var(--tipp-selected)}.tipp-button.selected.correct{background-color:var(--correct)}.tipp-button.selected.wrong{background-color:var(--wrong)}#draw-container{background-color:var(--box-bg-1);border-radius:20px;grid-template-areas:"d-title d-title d-title""dnc dnc d-button";gap:1rem;min-height:10rem;padding:1rem;display:none}#draw-container h3{text-align:center;grid-area:d-title;font-size:30px}#draw-container.show{display:grid}#drawn-number-container{grid-area:dnc;justify-content:center;place-self:center;align-items:center;gap:2rem;margin-left:.1rem;display:flex}.draw-p{text-align:center;border-bottom:2px solid;min-width:30px;padding-inline:1rem;font-size:25px}#draw-button{background-color:var(--button-hover);width:fit-content;height:2rem;color:var(--text);cursor:pointer;border:none;border-radius:15px;grid-area:d-button;align-self:center;margin-top:-5rem;margin-left:2rem;padding-inline:1rem;font-size:18px;font-weight:700;transition:all .3s}#draw-button:hover{background-color:var(--draw-button-hover)}#draw-button.hidden{display:none}#result{background-color:var(--button-bg);border-radius:10px;width:fit-content;height:fit-content;padding:.4rem .7rem;font-size:25px;display:none}#result.show{display:block}#prize-container{background-color:var(--box-bg-1);aspect-ratio:1;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:auto;padding:1rem;display:none}#prize-container h3{font-size:30px}#prize-container h4{font-size:22px}#prize-container img{filter:drop-shadow(0 0 5px #000);height:10rem}#prize-container.show{display:flex}#new-game{color:var(--text);background-color:var(--button-bg);border-radius:10px;padding:.3rem 1rem;font-size:18px;font-weight:700;text-decoration:none;transition:all .3s;display:none}#new-game:hover{background-color:var(--button-hover)}#new-game:hover i{animation:.3s linear alternate forwards rotate}@keyframes rotate{to{transform:rotate(360deg)}}#new-game.show{display:block}#mute-button{background-color:var(--box-bg-2);aspect-ratio:1;cursor:pointer;border-radius:20px;justify-content:center;align-items:center;width:3rem;font-size:22px;transition:all .3s;display:flex;position:fixed;bottom:3rem;right:3rem}#mute-button:hover{background-color:var(--correct)}#alert-container{-webkit-backdrop-filter:blur(.13rem);backdrop-filter:blur(.13rem);justify-content:center;align-items:center;width:100vw;height:100vh;display:none;position:fixed;top:0}#alert-container.show{display:flex}#alert{background-color:var(--box-bg-1);border-radius:20px;flex-direction:column;align-items:center;gap:.5rem;width:20rem;min-height:8rem;padding:1rem;display:flex;position:relative;box-shadow:0 0 20px #0000002a}#alert h2{color:#cad800;filter:drop-shadow(0 0 1.5px #000)}#alert p{text-align:center}#alert-button{background-color:var(--button-bg);color:var(--text);cursor:pointer;border:none;border-radius:10px;padding:.3rem 1rem;font-size:18px;font-weight:700;transition:all .3s;position:absolute;bottom:1rem}#alert-button:hover{background-color:var(--tipp-hover)}@media screen and (max-width:700px){#statistic-other{flex-direction:column;gap:.5rem}#rounds{justify-content:center}#clear{position:unset}.tipp-grid{grid-template-columns:repeat(5,1fr)}.tipp-button.tp-90:nth-child(82),.tipp-button.tp-45:nth-child(37),.tipp-button:nth-child(9){border-radius:0}.tipp-button:nth-child(5){border-top-right-radius:12px}.tipp-button.tp-45:nth-child(41),.tipp-button.tp-90:nth-child(86){border-bottom-left-radius:12px}#draw-container{flex-flow:column wrap;gap:1.2rem;width:auto;max-width:100%;display:none}#draw-container.show{display:flex}#drawn-number-container{flex-wrap:wrap}#draw-button{margin:0}#result{text-align:center;width:auto}#mute-button{bottom:1rem;right:1rem}}