.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:27rem}.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{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-5);display:flex}.selection{align-items:center;gap:var(--sp-2);min-height:var(--tap-min);padding:var(--sp-1) var(--sp-3) var(--sp-1) var(--sp-1);border:1.5px solid var(--c-edge);border-radius:var(--r-pill);background:var(--c-surface);cursor:pointer;text-align:left;display:inline-flex}.selection:hover{border-color:var(--c-ink)}.selection__level{border-radius:var(--r-pill);background:var(--c-ink);color:var(--c-paper);font-weight:var(--fw-bold);font-size:var(--fs-sm);padding:.1rem .6rem}.selection__topic{font-weight:var(--fw-medium)}.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__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 dt{font-weight:var(--fw-bold)}.intro dd{margin:0 0 var(--sp-2);color:var(--c-ink-soft)}.board__report{min-height:var(--tap-min);color:var(--c-ink-soft);font-size:var(--fs-sm);font-weight:var(--fw-regular);justify-self:end}.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}