.home-layout{max-width:var(--page-max);gap:var(--sp-6);grid-template-columns:minmax(0,1fr);display:grid}.game,.intro{width:100%;max-width:var(--content-max);margin-inline:auto}@media (width>=64rem){.home-layout{column-gap:var(--sp-7);grid-template-columns:minmax(0,1fr) 300px;align-items:start}.game,.intro{grid-column:1;margin-inline:0 auto}.ad-slot{grid-area:1/2/span 2;position:sticky;top:5rem}}.game-root{min-height:35rem}@media (width>=40rem){.game-root{min-height:29rem}}.game-root__loading{padding-block:var(--sp-6);color:var(--c-ink-soft)}.game-error{justify-items:start;gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--r-panel);background:var(--c-error-bg);display:grid}.game-bar{align-items:center;gap:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-5);grid-template-columns:auto 1fr;grid-template-areas:"selection selection""round progress";display:grid}.game-bar>.selection{grid-area:selection}.game-bar>.round-chip{grid-area:round}.game-bar>.progress{grid-area:progress}@media (width>=40rem){.game-bar{grid-template-columns:minmax(0,auto) auto 1fr;grid-template-areas:"selection round progress"}}.selection{align-items:center;column-gap:var(--sp-3);min-width:0;min-height:var(--tap-min);padding:var(--sp-1) var(--sp-3);border:1.5px solid var(--c-edge);border-radius:var(--r-control);background:var(--c-surface);cursor:pointer;text-align:left;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"level action""topic action";display:grid}.selection:hover{border-color:var(--c-ink)}.selection__level{color:var(--c-ink-soft);font-size:var(--fs-sm);font-weight:var(--fw-medium);white-space:nowrap;text-overflow:ellipsis;grid-area:level;overflow:hidden}.selection__topic{font-weight:var(--fw-bold);overflow-wrap:anywhere;grid-area:topic;line-height:1.25}.selection__action{grid-area:action}.round-chip{min-height:var(--tap-min);padding:var(--sp-1) var(--sp-3);border:1.5px solid var(--c-edge);border-radius:var(--r-pill);background:var(--c-surface-sunk);color:var(--c-ink);font-weight:var(--fw-medium);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer}.round-chip:hover{border-color:var(--c-ink)}.selection__action{color:var(--c-primary);font-size:var(--fs-sm);text-underline-offset:.18em;text-decoration:underline}.progress{justify-items:end;gap:var(--sp-1);flex-shrink:0;display:grid}.progress__text{font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}.progress__bar{gap:3px;display:flex}.progress__seg{background:var(--c-line);border-radius:3px;width:8px;height:6px}.progress__seg.is-done{background:var(--c-ink-soft)}.progress__seg.is-current{background:var(--c-primary);width:16px}.board{gap:var(--sp-5);display:grid}.board__prompt{font-size:var(--fs-lg);font-weight:var(--fw-medium);text-wrap:balance;line-height:1.35}.answer{--row:3.25rem;padding:var(--sp-3) var(--sp-4) var(--sp-2);border:1.5px solid var(--c-line);border-radius:var(--r-panel);background:var(--c-surface)}.answer__line{min-height:calc(var(--row) * 2 - .5rem);background-image:repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--row) - .25rem - 2px), var(--c-line) calc(var(--row) - .25rem - 2px), var(--c-line) calc(var(--row) - .25rem));flex-wrap:wrap;align-content:flex-start;align-items:flex-end;gap:.5rem .4rem;display:flex}.answer__hint{min-height:2.75rem;color:var(--c-ink-soft);flex:1;align-self:flex-start;align-items:center;display:flex}.answer__tail{white-space:nowrap;align-items:flex-end;display:inline-flex}.answer__end{min-height:2.75rem;font-size:var(--fs-md);font-weight:var(--fw-bold);align-items:center;margin-left:-.15rem;display:flex}.pool{flex-wrap:wrap;justify-content:center;gap:.5rem .4rem;display:flex}.card{min-height:2.75rem;min-width:var(--tap-min);border:1.5px solid var(--c-edge);border-radius:var(--r-tile);background:var(--c-surface);box-shadow:var(--shadow-tile);color:var(--c-ink);font-size:var(--fs-md);font-weight:var(--fw-medium);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);align-items:center;gap:.3rem;padding:.3rem .8rem .35rem;line-height:1.2;display:inline-flex}.card:hover:not(:disabled){border-color:var(--c-ink)}.card:active:not(:disabled){transform:translateY(1px)}.card:focus-visible{border-radius:var(--r-tile);box-shadow:var(--focus-ring)}.card:disabled{cursor:default}.card.is-used{border-style:dashed;border-color:var(--c-line);box-shadow:none;color:#0000;background:0 0}.card--placed.is-new{animation:card-drop var(--dur-base) var(--ease-out)}@keyframes card-drop{0%{transform:translateY(-6px)scale(.96)}}.answer__line.is-solved .card--placed{border-color:var(--c-success);background:var(--c-success-bg);color:var(--c-ink)}.card.is-wrong{border-color:var(--c-error);background:var(--c-error-bg);border-width:2px}.card.is-wrong [lang=en]{-webkit-text-decoration:underline wavy var(--c-error);text-decoration:underline wavy var(--c-error);text-underline-offset:.25em;text-decoration-thickness:1.5px}.card.is-wrong .icon{width:.9rem;height:.9rem;color:var(--c-error);stroke-width:3px}.card--static{cursor:default}.answer__line.is-revealed .card--static{border-color:var(--c-primary);box-shadow:none;border-style:dashed}.board__status:empty{display:none}.board__status{align-items:flex-start;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-control);display:flex}.board__status.is-success{background:var(--c-success-bg);color:var(--c-success)}.board__status.is-error{background:var(--c-error-bg);color:var(--c-error)}.board__status.is-info{border:1.5px solid var(--c-line);background:var(--c-surface);color:var(--c-ink)}.board__status.is-info .icon{color:var(--c-primary)}.icon{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:1.4rem;height:1.4rem}.board__actions{gap:var(--sp-2);display:grid}.board__actions>.btn{width:100%}.board__help{justify-content:center;gap:var(--sp-2);display:flex}@media (width>=30rem){.board__actions{flex-wrap:wrap;align-items:center;display:flex}.board__actions>.btn{width:auto}.board__help{margin-left:auto}}.picker__group{gap:var(--sp-2);border:0;min-width:0;padding:0;display:grid}.picker__group legend{margin-bottom:var(--sp-2);font-weight:var(--fw-bold);padding:0}.picker__levels,.picker__topics{gap:var(--sp-2);display:grid}.option--topic{padding-block:var(--sp-2);align-items:center}.option--topic .option__body{justify-content:space-between;align-items:baseline;gap:0 var(--sp-3);flex-wrap:wrap;flex:1;display:flex}.option__meta{color:var(--c-ink-soft);font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.option--level .option__meta{margin-top:var(--sp-1);font-weight:var(--fw-medium)}.picker__guest{color:var(--c-ink-soft);font-size:var(--fs-sm)}.option{align-items:flex-start;gap:var(--sp-3);min-height:var(--tap-min);padding:var(--sp-2) var(--sp-3);border:1.5px solid var(--c-edge);border-radius:var(--r-control);background:var(--c-surface);cursor:pointer;display:flex}.option:has(input:checked){border-color:var(--c-primary);box-shadow:inset 0 0 0 1px var(--c-primary)}.option:has(input:focus-visible){box-shadow:var(--focus-ring)}.option input{width:1.2rem;height:1.2rem;accent-color:var(--c-primary);flex-shrink:0;margin-top:.15rem}.option input:focus-visible{box-shadow:none}.option__body{gap:.15rem;display:grid}.option__title{align-items:center;gap:var(--sp-2);font-weight:var(--fw-medium);display:flex}.option__code{border-radius:var(--r-pill);background:var(--c-ink);color:var(--c-paper);font-size:var(--fs-sm);font-weight:var(--fw-bold);padding:0 .5rem}.option__desc{color:var(--c-ink-soft);font-size:var(--fs-sm)}.picker__note{padding:var(--sp-3) var(--sp-4);border-left:4px solid var(--c-highlight);border-radius:var(--r-control);background:var(--c-surface)}.round-end{justify-items:center;gap:var(--sp-3);padding:var(--sp-6) var(--sp-4);border:1.5px solid var(--c-line);border-radius:var(--r-panel);background:var(--c-surface);text-align:center;display:grid}.round-end__title{font-size:var(--fs-lg)}.round-end__title:focus-visible{border-radius:var(--r-tile)}.round-end__score{align-items:baseline;gap:.2rem;line-height:1;display:flex}.round-end__num{font-size:4.5rem;font-weight:var(--fw-bold)}.round-end__sep,.round-end__den{font-size:var(--fs-2xl);font-weight:var(--fw-medium);color:var(--c-ink-soft)}.round-end__summary{font-size:var(--fs-md)}.round-end__failed{color:var(--c-ink-soft)}.round-end__actions{gap:var(--sp-2);width:100%;max-width:22rem;margin-top:var(--sp-3);display:grid}.round-end__complete{max-width:28rem;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-control);background:var(--c-success-bg);color:var(--c-success);font-weight:var(--fw-bold)}.round-end__invite{margin-top:var(--sp-3);color:var(--c-ink-soft)}.ad-slot{width:100%;max-width:var(--content-max);border-radius:var(--r-control);background:var(--c-surface-sunk);height:100px;margin-inline:auto;position:relative;overflow:hidden}.ad-slot:empty:before{content:"Reklam";color:var(--c-ink-soft);font-size:var(--fs-sm);place-items:center;display:grid;position:absolute;inset:0}@media (width>=64rem){.ad-slot{width:300px;height:600px;margin:0}}.intro{color:var(--c-ink)}.intro h2{margin-bottom:var(--sp-3)}.intro h3{margin-top:var(--sp-5);margin-bottom:var(--sp-2);font-size:var(--fs-base)}.intro p+p{margin-top:var(--sp-3)}.intro ol{padding-left:1.25rem}.intro li+li{margin-top:var(--sp-1)}.intro__samples,.intro__links{padding-left:1.25rem}.intro__samples li+li{margin-top:var(--sp-2)}.intro__samples [lang=en]{font-weight:var(--fw-medium)}.intro__tr{color:var(--c-ink-soft)}.intro__links{gap:var(--sp-1) var(--sp-4);display:grid}@media (width>=40rem){.intro__links{grid-template-columns:repeat(2,minmax(0,1fr))}}.intro__links li+li{margin-top:0}.intro__more{margin-top:var(--sp-5)}.intro dt{font-weight:var(--fw-bold)}.intro dd{margin:0 0 var(--sp-2);color:var(--c-ink-soft)}.board__report,.board__share{min-height:var(--tap-min);color:var(--c-ink-soft);font-size:var(--fs-sm);font-weight:var(--fw-regular)}.board__footer{justify-content:space-between;align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.board__report{margin-left:auto}.board__share{align-items:center;gap:var(--sp-2);display:inline-flex}.board__share svg{flex:none}.report__sentence{padding:var(--sp-3) var(--sp-4);border-left:4px solid var(--c-line);border-radius:var(--r-control);background:var(--c-surface)}.report__counter{color:var(--c-ink-soft);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;justify-self:end}.chooser{grid-template-rows:auto 1fr;width:min(56rem,100% - 1rem);height:min(48rem,100dvh - 1rem);display:none;overflow:hidden}.chooser[open]{display:grid}.chooser--rounds{width:min(34rem,100% - 1rem);height:fit-content;max-height:calc(100dvh - 1rem)}.chooser__head{align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-4);border-bottom:1px solid var(--c-line);background:var(--c-paper);display:flex}.chooser__title{min-width:0;font-size:var(--fs-lg);flex:1;line-height:1.2}.chooser__title:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--r-tile);outline:none}.chooser__back,.chooser__close{min-width:var(--tap-min);min-height:var(--tap-min);padding:0 var(--sp-2);border-radius:var(--r-control);color:var(--c-primary);font:inherit;font-weight:var(--fw-medium);cursor:pointer;background:0 0;border:0}.chooser__close{color:var(--c-ink);font-size:1.75rem;line-height:1}.chooser__back:hover,.chooser__close:hover{background:var(--c-surface-sunk)}.chooser__body{align-content:start;gap:var(--sp-4);padding:var(--sp-4);overscroll-behavior:contain;display:grid;overflow-y:auto}.chooser__status{justify-items:start;gap:var(--sp-3);color:var(--c-ink-soft);display:grid}.chooser__note{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-control);background:var(--c-surface-sunk);font-size:var(--fs-sm)}.chooser__guest{color:var(--c-ink-soft);font-size:var(--fs-sm)}.thumb{aspect-ratio:4/3;border-radius:var(--r-tile);background:var(--thumb-bg,var(--c-surface-sunk));place-items:center;display:grid;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.thumb__initial{color:var(--c-ink);font-size:var(--fs-2xl);font-weight:var(--fw-bold);opacity:.55}.thumb--row{flex-shrink:0;width:5.5rem}.thumb--row .thumb__initial{font-size:var(--fs-lg)}.thumb--t0{--thumb-bg:color-mix(in srgb, #2142b5 22%, var(--c-surface))}.thumb--t1{--thumb-bg:color-mix(in srgb, #1b7340 22%, var(--c-surface))}.thumb--t2{--thumb-bg:color-mix(in srgb, #b3261e 18%, var(--c-surface))}.thumb--t3{--thumb-bg:color-mix(in srgb, #c99a00 26%, var(--c-surface))}.thumb--t4{--thumb-bg:color-mix(in srgb, #6b3fa0 20%, var(--c-surface))}.thumb--t5{--thumb-bg:color-mix(in srgb, #00838f 22%, var(--c-surface))}.cat-grid,.sub-list,.round-grid{margin:0;padding:0;list-style:none}.cat-grid{gap:var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=40rem){.cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=52rem){.cat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.cat-card{gap:var(--sp-1);width:100%;height:100%;padding:var(--sp-2) var(--sp-2) var(--sp-3);border:1.5px solid var(--c-line);border-radius:var(--r-control);background:var(--c-surface);color:var(--c-ink);font:inherit;text-align:left;cursor:pointer;display:grid}.cat-card:hover{border-color:var(--c-edge)}.cat-card:focus-visible,.sub-row:focus-visible,.round-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.cat-card.is-current,.sub-row.is-current{border-color:var(--c-primary);box-shadow:inset 0 0 0 1px var(--c-primary)}.cat-card__name{margin-top:var(--sp-1);font-weight:var(--fw-bold);overflow-wrap:anywhere;line-height:1.25}.cat-card__meta{color:var(--c-ink-soft);font-size:var(--fs-sm)}.sub-list{gap:var(--sp-2);display:grid}@media (width>=40rem){.sub-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.sub-row{align-items:center;gap:var(--sp-3);width:100%;height:100%;min-height:var(--tap-min);padding:var(--sp-2);border:1.5px solid var(--c-line);border-radius:var(--r-control);background:var(--c-surface);color:var(--c-ink);font:inherit;text-align:left;cursor:pointer;display:flex}.sub-row:hover{border-color:var(--c-edge)}.sub-row__text{flex:1;gap:.15rem;min-width:0;display:grid}.sub-row__name{font-weight:var(--fw-bold);overflow-wrap:anywhere;line-height:1.25}.sub-row__meta{color:var(--c-ink-soft);font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.sub-row__current{color:var(--c-primary);font-weight:var(--fw-medium)}.badge-done{border-radius:var(--r-pill);background:var(--c-success-bg);color:var(--c-success);font-size:var(--fs-sm);font-weight:var(--fw-bold);white-space:nowrap;flex-shrink:0;padding:.1rem .5rem}.rounds__summary{color:var(--c-ink-soft)}.round-grid{gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(3.25rem,1fr));display:grid}.round-btn{border:1.5px solid var(--c-edge);border-radius:var(--r-control);background:var(--c-surface);width:100%;min-height:3.25rem;color:var(--c-ink);font:inherit;font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;cursor:pointer;place-items:center;display:grid;position:relative}.round-btn:hover{border-color:var(--c-ink)}.round-btn.is-done{border-color:var(--c-success);background:var(--c-success-bg);color:var(--c-success)}.round-btn.is-current{border-color:var(--c-primary);background:var(--c-primary);color:var(--c-on-primary)}.round-btn__mark{font-size:.75rem;position:absolute;top:2px;right:5px}.rounds__actions,.rounds__restart,.rounds__confirm-actions{gap:var(--sp-2);flex-wrap:wrap;display:flex}.rounds__restart{padding-top:var(--sp-3);border-top:1px solid var(--c-line);flex-direction:column;align-items:flex-start}.rounds__confirm{color:var(--c-error);font-size:var(--fs-sm)}