:root{--yellow:#facc15}body{background:linear-gradient(27deg,#020024,#061979 56%);background-size:contain;background-epeat:no-repeat;height:100vh}.white{color:#fff}.centered{display:flex;justify-content:center;align-items:center;height:100%;flex-direction:column}h1{text-align:center;color:#fff}.answer-container{display:grid;grid-template-columns:1fr;grid-template-areas:"a" "b" "c" "d";grid-gap:16px;gap:16px;margin:2rem auto;@media (min-width:768px){grid-template-areas:"a b" "c d"}}.grid-area-A{grid-area:a}.grid-area-B{grid-area:b}.grid-area-C{grid-area:c}.grid-area-D{grid-area:d}@media (min-width:768px){.answer-container{grid-template-columns:1fr 1fr;max-width:1200px}}.answer-option{min-width:400px;display:flex;align-items:center;justify-content:flex-start;background-color:#07153f;color:#fff;padding:1rem 3rem;font-size:2rem;font-weight:700;border:3px solid var(--yellow);border-radius:30px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 8px rgba(0,0,0,.3)}.answer-letter{color:var(--yellow);margin-right:.5rem}.answer-option.correct{background-color:#16a34a!important;border-color:#10b981}.answer-option.marked{background-color:#ff7506;border-color:#10b981}.answer-text{pointer-events:none}table.vote-result{min-width:300px;border-collapse:collapse;margin:2rem auto}table.vote-result td{border:1px solid #fff}table.vote-result tr.vote-percent-bar-row td{height:300px;vertical-align:bottom;align-text:center;text-align:center}table.vote-result tr.vote-percent-bar-row .vote-percent-bar{background-color:var(--yellow);width:20px;margin:0 auto}table.vote-result .abcd-row{color:#fff;font-weight:700;font-size:3rem;& td{padding:1rem 3rem}}table.vote-result .count-row{color:#fff;font-weight:700;font-size:2rem;& td{padding:1rem 3rem}}.levels-table{width:100%;color:var(--yellow);font-size:1.75rem;td{padding:.2rem 1rem}.levelRow{td:first-child{text-align:right;padding-right:1rem;border-top-left-radius:50px;border-bottom-left-radius:50px}td:nth-child(2){border-top-right-radius:50px;border-bottom-right-radius:50px}&.currentLevelRow{background-color:orange;color:#fff}}}.main-screen{display:grid;grid-template-areas:"topleft topright" "bottomleft bottomright";grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;.kozonseg{grid-area:topleft}.kozonseg,.progress{display:flex;justify-content:center}.progress{grid-area:topright}.question{grid-column:span 2;display:block;grid-row-start:bottomleft;grid-row-end:bottomright}}.qrcodeContainer{padding:2rem;background-color:#fff;margin-bottom:2rem}.qrcodeContainer--display-lobby{margin:0;width:100%;height:100%;display:flex;justify-content:center;svg{height:100%;width:auto}}.main-screen.qrFullScreen{grid-template-columns:1fr auto;.kozonseg{height:100vh;grid-row:span 2;grid-area:topleft;.qrcodeContainer-parent{width:100%}.qrcodeContainer{width:100%;height:calc(100% - 40px);svg{width:100%;height:calc(100% - 10px)}}}.progress{display:none}.question{grid-area:topright;grid-row:span 2;padding:2rem;.answer-container{grid-template-columns:1fr;grid-template-areas:"a" "b" "c" "d"}}}.status-container{background:#000;border-radius:50px;padding:3rem 2rem}.hints{display:flex;.hint{width:100px;margin:1rem}.hint-container{position:relative}.hint-container.used:after{content:"✕";color:red;position:absolute;font-size:100px;left:22px}}.joined-users-list{margin-top:2rem;list-style-type:none;color:#fff;font-weight:600;font-size:2rem;justify-content:center;align-items:center;justify-items:center;gap:1rem}ul.pre-game-winners{list-style-type:none;font-size:2rem;text-align:center;li:first-of-type{color:var(--yellow);font-size:5rem}}.winners-container{justify-content:flex-start}.display-lobby{display:grid;grid-template-columns:2fr 1fr;.qr-and-title-container{height:100vh;display:grid;grid-template-rows:auto 1fr;grid-template-columns:1fr}}.main-logo{max-width:calc(100% - 50px)}.nickname-input-container{text-align:center;--error-color:red;--error-color-light:#ffa2a2;input{display:block;margin:1rem auto 0;padding:1rem;font-size:1.5rem;border-radius:50px;&.has-error{border-color:var(--error-color);background-color:var(--error-color-light)}}.validation-error{color:var(--error-color-light);text-align:center;font-size:1.2rem}button{font-size:1rem;padding:1rem;border-radius:50px;margin-top:1rem}}.pre-game-question-container{h1{font-size:2rem}.answer-container{.answer-option{font-size:1.3rem;display:block;min-width:auto}}}.kozonseg-joined-lobby-users{font-size:1rem;text-align:center}.highlight-color{color:var(--yellow)}.page_page__Qh1V8{--gray-rgb:0,0,0;--gray-alpha-200:rgba(var(--gray-rgb),0.08);--gray-alpha-100:rgba(var(--gray-rgb),0.05);--button-primary-hover:#383838;--button-secondary-hover:#f2f2f2;display:grid;grid-template-rows:20px 1fr 20px;align-items:center;justify-items:center;min-height:100svh;padding:80px;grid-gap:64px;gap:64px;font-family:var(--font-geist-sans)}@media (prefers-color-scheme:dark){.page_page__Qh1V8{--gray-rgb:255,255,255;--gray-alpha-200:rgba(var(--gray-rgb),0.145);--gray-alpha-100:rgba(var(--gray-rgb),0.06);--button-primary-hover:#ccc;--button-secondary-hover:#1a1a1a}}.page_main__sD2nx{display:flex;flex-direction:column;gap:32px;grid-row-start:2}.page_main__sD2nx ol{font-family:var(--font-geist-mono);padding-left:0;margin:0;font-size:14px;line-height:24px;letter-spacing:-.01em;list-style-position:inside}.page_main__sD2nx li:not(:last-of-type){margin-bottom:8px}.page_main__sD2nx code{font-family:inherit;background:var(--gray-alpha-100);padding:2px 4px;border-radius:4px;font-weight:600}.page_ctas__jyKHp{display:flex;gap:16px}.page_ctas__jyKHp a{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:128px;height:48px;padding:0 20px;border:1px solid transparent;transition:background .2s,color .2s,border-color .2s;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:20px;font-weight:500}a.page_primary__Ls1TE{background:var(--foreground);color:var(--background);gap:8px}a.page_secondary__UDn6I{border-color:var(--gray-alpha-200);min-width:180px}.page_footer__qqHYC{grid-row-start:3;display:flex;gap:24px}.page_footer__qqHYC a{display:flex;align-items:center;gap:8px}.page_footer__qqHYC img{flex-shrink:0}@media (hover:hover) and (pointer:fine){a.page_primary__Ls1TE:hover{background:var(--button-primary-hover);border-color:transparent}a.page_secondary__UDn6I:hover{background:var(--button-secondary-hover);border-color:transparent}.page_footer__qqHYC a:hover{text-decoration:underline;text-underline-offset:4px}}@media (max-width:600px){.page_page__Qh1V8{padding:32px 32px 80px}.page_main__sD2nx{align-items:center}.page_main__sD2nx ol{text-align:center}.page_ctas__jyKHp{flex-direction:column}.page_ctas__jyKHp a{font-size:14px;height:40px;padding:0 16px}a.page_secondary__UDn6I{min-width:auto}.page_footer__qqHYC{flex-wrap:wrap;align-items:center;justify-content:center}}@media (prefers-color-scheme:dark){.page_logo__7TPub{filter:invert()}}.page_voteUrl___F_O_{color:#fff;font-weight:600;font-size:2rem}