:root{--g-target:72px;--g-none:transparent;--g-gap:clamp(12px, 1.6vw, 24px)}.g--pre,.oy-chip--pre{--g-c:var(--grade-pre);--g-deep:var(--color-ink-2);--g-on:var(--color-ink)}.g--1,.oy-chip--1{--g-c:var(--grade-1);--g-deep:var(--color-coral-deep);--g-on:var(--color-ink)}.g--2,.oy-chip--2{--g-c:var(--grade-2);--g-deep:var(--color-accent-2);--g-on:var(--color-blue-ink)}.g--3,.oy-chip--3{--g-c:var(--grade-3);--g-deep:var(--color-mint-deep);--g-on:var(--color-ink)}.g--4,.oy-chip--4{--g-c:var(--grade-4);--g-deep:var(--color-tangerine-deep);--g-on:var(--color-ink)}.g--pre,.g--1{--g-target:88px}.g{padding-block:var(--space-md) var(--space-2xl)}.g-frame{gap:var(--space-md);width:min(100% - 2 * var(--gutter), var(--container) - 2 * var(--gutter));padding:var(--space-md) var(--space-lg) var(--space-lg);border-radius:var(--radius-card);background:var(--grain), var(--fibre), color-mix(in oklab, var(--g-c) 26%, var(--color-paper));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--g-c) 40%, var(--color-rule));margin-inline:auto;display:grid}.g-frame:fullscreen{width:100%;max-width:none;height:100%;padding:var(--space-lg) var(--space-xl);border-radius:0;align-content:start;overflow:auto}.g-frame:fullscreen .g-crumbs{display:none}.g-head{justify-content:space-between;align-items:flex-end;gap:var(--space-sm) var(--space-lg);flex-wrap:wrap;display:flex}.g-head__text{gap:var(--space-2xs);min-width:0;display:grid}.g-crumbs{margin:0}.g-title{max-width:none;font-size:clamp(1.75rem,1.2vw + 1.2rem,2.75rem);line-height:1.05}.g-desc{align-items:center;gap:var(--space-xs) var(--space-sm);font-size:var(--text-md);color:var(--color-ink-2);flex-wrap:wrap;margin:0;display:flex}.g-tools{gap:var(--space-sm);flex-wrap:wrap;display:flex}.g-tool{min-height:52px;padding:0 var(--space-md)}.g-tool .g-tool__on{display:none}.g-tool[aria-pressed=true]{--edge:1px;background:var(--color-ink);color:var(--color-paper);box-shadow:0 var(--edge) 0 0 var(--color-ink-2);translate:0 4px}.g-tool[aria-pressed=true] .g-tool__on{display:block}.g-tool[aria-pressed=true] .g-tool__off{display:none}.g-stage{gap:var(--space-lg);grid-template-columns:clamp(16rem,21vw,22rem) minmax(0,1fr);align-items:start;display:grid}.g-play{flex-direction:column;min-width:0;display:flex}.gh{top:calc(var(--nav-h) + var(--space-md));gap:var(--space-md);flex-direction:column;min-width:0;display:flex;position:sticky}.g-frame:fullscreen .gh{top:var(--space-md)}.g-frame:fullscreen .g-stage{grid-template-columns:clamp(18rem,24vw,28rem) minmax(0,1fr)}.g-frame:fullscreen .gh-face{width:calc(clamp(24rem,54vh,40rem)/1.5)}.gh-bubble{min-height:calc(4 * 1.3em + 2 * var(--space-md));padding:var(--space-md) var(--space-lg);border-radius:var(--radius-card);background:var(--grain), var(--color-card);filter:var(--shadow-paper);overflow-wrap:break-word;hyphens:auto;text-wrap:pretty;align-items:center;margin:0;font-size:clamp(1.125rem,.45vw + .95rem,1.5rem);font-weight:600;line-height:1.3;display:flex;position:relative}.gh-bubble:after{content:"";background:var(--color-card);clip-path:polygon(0 0,100% 0,45% 100%);width:30px;height:20px;position:absolute;bottom:-18px;left:50%;translate:-50%}.gh.is-new .gh-bubble{animation:gh-pop var(--dur-long) var(--ease-spring)}@keyframes gh-pop{0%{scale:.96}to{scale:1}}.gh-face{aspect-ratio:2/3;cursor:pointer;-webkit-tap-highlight-color:var(--g-none);background:0 0;border:0;border-radius:0;width:calc(clamp(20rem,46vh,32rem)/1.5);max-width:100%;margin:0 auto;padding:0;display:block}.gh-face svg{width:100%;height:100%;display:block;overflow:visible}.gh-face:focus-visible{outline:4px solid var(--color-focus);outline-offset:4px}.g-progress{gap:var(--space-xs);min-height:30px;margin:0 0 var(--space-sm);flex-wrap:wrap;padding:0;list-style:none;display:flex}.g-progress li{background:var(--color-card);width:28px;height:28px;box-shadow:inset 0 0 0 2.5px var(--color-ink);border-radius:50%;place-items:center;display:grid;position:relative}.g-progress .g-mark{width:18px;height:18px;stroke:var(--color-card);opacity:0}.g-progress li[data-state=current]{background:var(--g-c);box-shadow:inset 0 0 0 4px var(--color-ink);scale:1.12}.g-progress li[data-state=ok],.g-progress li[data-state=retry]{background:var(--color-ink)}.g-progress li[data-state=retry]{background:var(--color-ink-2)}.g-progress li[data-state=ok] .g-mark,.g-progress li[data-state=retry] .g-mark{opacity:1}.g-progress li[data-state=shown]:after{content:"";background:var(--color-ink);border-radius:50%;width:10px;height:10px}.g-board-wrap{min-height:clamp(24rem, calc(100svh - var(--nav-h) - 15.5rem), 50rem);padding:clamp(var(--space-md), 2.4vw, var(--space-xl));border-radius:var(--radius-card);background:var(--grain), var(--color-card);box-shadow:var(--shadow-card);flex:1;grid-template-rows:minmax(0,1fr) auto;display:grid;position:relative}.g-frame:fullscreen .g-board-wrap{min-height:calc(100svh - 11rem)}.g-board,.g-intro,.g-summary{grid-area:1/1;min-width:0}.g-board{align-content:center;display:grid}.g-board:focus,[data-focus]:focus{outline:none}.g-intro{align-content:center;justify-items:center;gap:var(--space-lg);text-align:center;display:grid}.g-intro__goal{text-wrap:balance;max-width:30ch;font-size:clamp(1.5rem,1.2vw + 1rem,2.25rem);font-weight:600;line-height:1.2}.g-start{min-height:var(--g-target);padding:0 var(--space-2xl);font-size:var(--text-xl)}.g-intro__note{color:var(--color-muted);font-size:var(--text-md)}.g-foot{min-height:var(--g-target);margin-top:var(--space-md);grid-row:2;justify-content:flex-end;align-items:flex-end;display:flex}.g-board-wrap:has(.g-summary:not([hidden])) .g-foot,.g-board-wrap:has(.g-intro:not([hidden])) .g-foot{display:none}.g-next{min-height:var(--g-target);padding:0 var(--space-2xl);font-size:var(--text-xl)}.g-summary{align-content:center;justify-items:start;gap:var(--space-md);width:100%;max-width:44rem;margin-inline:auto;display:grid}.g-summary__head{max-width:24ch;font-size:clamp(1.75rem,1.4vw + 1.1rem,2.75rem);line-height:1.1}.g-summary__head:focus{outline:none}.g-summary__listhead{color:var(--color-ink-2);font-weight:600}.g-summary__list{gap:var(--space-xs);margin:calc(-1 * var(--space-xs)) 0 0;font-size:var(--text-lg);font-variant-numeric:tabular-nums;padding:0;font-weight:600;list-style:none;display:grid}.g-summary__list li{gap:var(--space-sm);align-items:baseline;display:flex}.g-summary__list li:before{content:"";width:12px;height:12px;box-shadow:inset 0 0 0 3px var(--g-deep);border-radius:50%;flex:none;translate:0 -1px}.g-summary__tip{max-width:52ch;font-size:var(--text-lg);color:var(--color-ink-2)}.g-summary__actions{gap:var(--space-md);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.g-summary__actions .btn{min-height:var(--g-target);padding:0 var(--space-xl);font-size:var(--text-lg)}.g-mark{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.g-mark--dot{fill:currentColor;stroke:none}.g-choice>.g-mark,.qi-slot>.g-mark,.cmp-slot>.g-mark,.sq-cell>.g-mark,.sq-slot>.g-mark,.hb-word>.g-mark,.mem-front>.g-mark{background:var(--color-mint-deep);width:34px;height:34px;stroke:var(--color-card);stroke-width:3.4px;border-radius:50%;padding:6px;font-size:0;position:absolute;top:-12px;right:-12px}.hb-word>.g-mark{flex:none;position:static}.g-choice{--edge:6px;justify-content:center;align-items:center;gap:var(--space-xs);min-width:var(--g-target);min-height:calc(var(--g-target) + 12px);padding:var(--space-xs) var(--space-lg);border-radius:var(--radius-card);background:var(--grain), var(--color-card);color:var(--color-ink);box-shadow:inset 0 0 0 2px var(--color-rule), 0 var(--edge) 0 0 var(--color-edge);font:600 clamp(1.75rem, 1.4vw + 1.1rem, 2.75rem)/1.1 var(--font-display);font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:var(--g-none);transition:translate var(--dur-micro) var(--ease-snap), box-shadow var(--dur-micro) var(--ease-snap), background-color var(--dur-short) var(--ease-out);border:0;display:inline-flex;position:relative}.g-choice:hover:not(:disabled){--edge:8px;translate:0 -2px}.g-choice:active:not(:disabled){--edge:1px;translate:0 5px}.g-choice:focus-visible{outline:4px solid var(--color-focus);outline-offset:4px}.g-choice:disabled{cursor:default}.g-choice:disabled:not([data-state]){opacity:.55}.g-choice[data-state]{--edge:1px;translate:0 5px}.g-choice[data-state=right],.g-choice[data-state=answer]{background:var(--grain), color-mix(in oklab, var(--color-mint) 38%, var(--color-card));box-shadow:inset 0 0 0 4px var(--color-mint-deep)}.g-choice[data-state=answer]{outline:3px dashed var(--color-mint-deep);outline-offset:5px}.g-choice[data-state=tried]{background:var(--color-paper-2);color:var(--color-muted);box-shadow:inset 0 0 0 3px var(--color-coral-deep)}.g-choice[data-state=tried]>.g-mark{background:var(--color-coral-deep)}.g-choice[data-state=tried]>span{text-decoration:line-through;text-decoration-thickness:3px;-webkit-text-decoration-color:color-mix(in oklab, var(--color-coral-deep) 60%, var(--g-none));text-decoration-color:color-mix(in oklab, var(--color-coral-deep) 60%, var(--g-none))}.g-card-stock,.hb-tile,.sq-card{--edge:6px;min-width:calc(var(--g-target) * 1.25);min-height:calc(var(--g-target) + 8px);padding:0 var(--space-md);border-radius:var(--radius-card);background:var(--grain), var(--fibre), var(--g-c);color:var(--g-on);box-shadow:0 var(--edge) 0 0 color-mix(in oklab, var(--g-c) 60%, var(--color-ink));font:600 clamp(1.75rem, 1.2vw + 1.2rem, 2.75rem)/1 var(--font-display);font-variant-numeric:tabular-nums;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:var(--g-none);transition:translate var(--dur-micro) var(--ease-snap), box-shadow var(--dur-micro) var(--ease-snap), scale var(--dur-micro) var(--ease-snap);border:0;place-items:center;display:inline-grid;position:relative}.hb-tile:hover:not(:disabled),.sq-card:hover:not(:disabled){--edge:8px;translate:0 -2px}.hb-tile:active:not(:disabled),.sq-card:active:not(:disabled){--edge:2px;translate:0 4px}.hb-tile:focus-visible,.sq-card:focus-visible{outline:4px solid var(--color-focus);outline-offset:4px}.hb-tile.is-dragging,.sq-card.is-dragging{z-index:var(--z-raised);--edge:12px;cursor:grabbing;transition:none;scale:1.06}.hb-tile:disabled,.sq-card:disabled{cursor:default}.qi{gap:clamp(var(--space-lg), 5svh, var(--space-2xl));align-content:center;justify-items:center;display:grid}.qi-prompt{letter-spacing:-.02em;font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;align-items:center;gap:.22em;margin:0;font-size:clamp(2.75rem,4.4vw + 1.25rem,7rem);font-weight:600;line-height:1;display:flex}.qi-op{color:var(--color-muted)}.qi-slot{border:4px dashed var(--g-deep);border-radius:var(--radius-card);min-width:1.5em;height:1.25em;color:var(--color-muted);place-items:center;padding:0 .15em;display:inline-grid;position:relative}.qi-slot.is-filled{border-style:solid;border-color:var(--color-mint-deep);color:var(--color-ink);background:color-mix(in oklab, var(--color-mint) 25%, var(--color-card))}.qi-choices{grid-template-columns:repeat(var(--n), minmax(0, 1fr));gap:var(--g-gap);width:min(100%,52rem);display:grid}.cmp{gap:clamp(var(--space-lg), 5svh, var(--space-2xl));align-content:center;justify-items:center;display:grid}.cmp-q{font-size:var(--text-xl);text-align:center;margin:0;font-weight:600}.cmp-row{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:clamp(10px,2vw,32px);margin:0;font-size:clamp(2rem,3.6vw + 1rem,6rem);font-weight:600;line-height:1;display:flex}.cmp-side{border-radius:var(--radius-card);background:var(--color-paper-2);white-space:nowrap;place-items:center;min-width:2em;padding:.3em .4em;display:inline-grid}.cmp-side--expr{padding-block:.38em;font-size:.78em}.cmp-slot{border:4px dashed var(--g-deep);width:1.25em;height:1.25em;color:var(--color-muted);border-radius:50%;flex:none;place-items:center;font-size:.8em;display:inline-grid;position:relative}.cmp-slot.is-filled{border-style:solid;border-color:var(--color-mint-deep);color:var(--color-ink);background:color-mix(in oklab, var(--color-mint) 25%, var(--color-card))}.cmp-signs{gap:var(--g-gap);grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,40rem);display:grid}.cmp-sign{padding-block:var(--space-sm);flex-direction:column;gap:4px}.cmp-sign__sym{font-size:clamp(2.5rem,1.6vw + 1.8rem,3.75rem);line-height:.9}.cmp-sign__word{font-size:var(--text-sm);color:var(--color-ink-2);letter-spacing:0}.cmp--dots .cmp-pair{gap:var(--g-gap);grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,44rem);display:grid}.cmp-dots{aspect-ratio:1;padding:var(--space-md)}.cmp-dots .g-dots-art{width:100%;height:100%;fill:var(--color-ink)}.cmp-eq{min-width:12rem;font-size:var(--text-2xl)}.ck-game{gap:clamp(var(--space-md), 3vw, var(--space-2xl));grid-template-columns:auto minmax(15rem,22rem);justify-content:center;align-items:center;display:grid}.ck-figure{width:min(30rem, calc(100svh - var(--nav-h) - 19rem));aspect-ratio:1;min-width:15rem;margin:0}.ck{width:100%;height:100%;display:block;overflow:visible}.ck-face{fill:var(--color-card);stroke:var(--color-ink);stroke-width:2.6px}.ck-tick{stroke:var(--color-ink);stroke-width:.8px;stroke-linecap:round}.ck-tick--h{stroke-width:2.2px}.ck-num{font:600 8.6px var(--font-display);fill:var(--color-ink);text-anchor:middle;dominant-baseline:central}.ck-hand{transform-box:view-box;transform-origin:0 0}.ck-hand line{stroke-linecap:round}.ck-hand--h line:not(.ck-hit){stroke:var(--color-ink);stroke-width:5.5px}.ck-hand--m line:not(.ck-hit){stroke:var(--g-deep);stroke-width:3.4px}.ck-hit{stroke:var(--g-none);stroke-width:14px;pointer-events:stroke}.ck-pin{fill:var(--color-ink)}.ck--set{cursor:pointer;touch-action:none}.ck--set .ck-hand{cursor:grab;outline:none}.ck--set.is-dragging,.ck--set.is-dragging .ck-hand{cursor:grabbing}.ck--set.is-stepping .ck-hand{transition:transform var(--dur-short) var(--ease-snap)}.ck--set .ck-hand:focus-visible line:not(.ck-hit){stroke:var(--color-focus)}.ck--set .ck-hand:focus-visible .ck-hit{stroke:color-mix(in oklab, var(--color-focus) 22%, var(--g-none))}.ck--set.is-done{cursor:default}.ck-panel{gap:var(--space-md);min-width:0;display:grid}.ck-ask{font-size:var(--text-xl);margin:0;font-weight:600}.ck-target{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-card);background:var(--color-paper-2)}.ck-target__label{font-variant-numeric:tabular-nums;font-size:clamp(2.5rem,2.4vw + 1.2rem,4.25rem);font-weight:600;line-height:1}.ck-target__words{margin-top:var(--space-2xs);font-size:var(--text-xl);color:var(--color-ink-2);font-weight:600}.ck-row{align-items:center;gap:var(--space-xs) var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ck-row__name{grid-column:1/-1;font-weight:600;line-height:1.15}.ck-step{min-width:var(--g-target);min-height:var(--g-target);padding:0 var(--space-sm);font-size:var(--text-lg)}.ck-step svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;width:22px;height:22px}.ck-check,.fr-check{min-height:var(--g-target);font-size:var(--text-xl)}.ck-choices{gap:var(--g-gap);grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr));display:grid}.ck-choice{flex-direction:column;gap:4px}.ck-choice__label{font-size:clamp(1.75rem,1.2vw + 1.1rem,2.5rem)}.ck-choice__words{font-size:var(--text-md);color:var(--color-ink-2);text-align:center;line-height:1.2}.fr-game{gap:clamp(var(--space-md), 3vw, var(--space-2xl));grid-template-columns:auto minmax(15rem,22rem);justify-content:center;align-items:center;display:grid}.fr-figure{margin:0;position:relative}.fr-figure--pizza{width:min(28rem, calc(100svh - var(--nav-h) - 19rem));aspect-ratio:1;min-width:15rem}.fr-figure--cikolata{aspect-ratio:4;width:min(100%,46rem)}.fr-game:has(.fr-figure--cikolata){grid-template-columns:minmax(0,1fr);justify-items:center}.fr-game:has(.fr-figure--cikolata) .fr-panel{width:min(100%,34rem)}.fr-art{width:100%;height:100%;display:block;overflow:visible}.fr-crust{fill:var(--color-sand);stroke:var(--color-ink);stroke-width:2.6px}.fr-fill{fill:var(--color-card);transition:fill var(--dur-short) var(--ease-out)}.fr-art--cikolata .fr-fill{fill:var(--color-paper-2)}.fr-piece.is-on .fr-fill{fill:var(--color-accent-3)}.fr-art--cikolata .fr-piece.is-on .fr-fill{fill:var(--color-kraft)}.fr-hatched{fill:url(#g-hatch);opacity:0}.fr-piece.is-on .fr-hatched{opacity:1}.fr-hatch{stroke:var(--color-ink);stroke-width:2.4px;stroke-opacity:.32}.fr-edge{fill:none;stroke:var(--color-ink);stroke-width:2.6px;stroke-linejoin:round}.fr-piece.is-hover .fr-edge{stroke-width:4px}.fr-piece.is-focus .fr-edge{stroke:var(--color-focus);stroke-width:6px}.fr-hits{position:absolute;inset:0}.fr-hit{background:var(--g-none);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:var(--g-none);border:0;margin:0;padding:0;position:absolute;inset:0}.fr-hits--cikolata .fr-hit{inset:0 auto}.fr-hit:focus{outline:none}.fr-hit:disabled{cursor:default}.fr-panel{gap:var(--space-md);min-width:0;display:grid}.fr-target{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-card);background:var(--color-paper-2);display:flex}.fr-ask{font-size:var(--text-xl);margin:0;font-weight:600;line-height:1.25}.fr-count{color:var(--color-ink-2);margin:0;font-weight:600}.fr-num{font-variant-numeric:tabular-nums;flex:none;justify-items:center;font-size:clamp(2.25rem,1.6vw + 1.4rem,3.5rem);font-weight:600;line-height:1.02;display:inline-grid}.fr-bar{background:currentColor;border-radius:2px;width:1.15em;height:.09em;min-height:3px;margin:.06em 0}.fr-choices{gap:var(--g-gap);grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr));display:grid}.fr-choice{padding-block:var(--space-sm)}.fr-choice .fr-num{font-size:clamp(1.75rem,1.2vw + 1.1rem,2.5rem)}.hb{gap:clamp(var(--space-md), 3.5svh, var(--space-xl));align-content:center;justify-items:center;display:grid}.hb-model{border-radius:var(--radius-card);background:var(--color-paper-2);letter-spacing:.02em;margin:0;padding:.05em .6em;font-size:clamp(2.5rem,2.6vw + 1.5rem,5rem);font-weight:600}.hb-ask{font-size:var(--text-xl);text-align:center;margin:0;font-weight:600}.hb-slots{justify-content:center;gap:var(--space-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.hb-slot{min-width:calc(var(--g-target) * 1.45);min-height:calc(var(--g-target) + 22px);border:4px dashed color-mix(in oklab, var(--g-deep) 55%, var(--color-card));border-radius:calc(var(--radius-card) + 4px);background:var(--color-paper);place-items:center;padding:4px;display:grid}.hb-slot:has(.hb-tile){border-color:var(--g-none);background:0 0}.hb-slot.is-over{border-style:solid;border-color:var(--color-focus);background:color-mix(in oklab, var(--color-focus) 10%, var(--color-card))}.hb-tray{justify-content:center;gap:var(--space-md);min-width:min(100%,22rem);min-height:calc(var(--g-target) + 32px);padding:var(--space-sm) var(--space-md) var(--space-md);border-radius:var(--radius-card);background:var(--color-paper-2);flex-wrap:wrap;display:flex}.hb-tray.is-over{box-shadow:inset 0 0 0 3px var(--color-focus)}.hb-tray.is-done:not(:has(.hb-tile)){display:none}.hb-tile.is-locked{--edge:1px;box-shadow:inset 0 0 0 3px color-mix(in oklab, var(--g-c) 50%, var(--color-ink));translate:0 5px}.hb-word{align-items:center;gap:var(--space-sm);margin:0;font-size:clamp(2.5rem,2.6vw + 1.5rem,5rem);font-weight:600;display:inline-flex}.hb-listen{min-height:56px}.sq{gap:clamp(var(--space-md), 3.5svh, var(--space-xl));align-content:center;justify-items:center;display:grid}.sq-ask{font-size:var(--text-xl);text-align:center;margin:0;font-weight:600}.sq-row{justify-content:center;gap:var(--space-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.sq-cell{min-width:var(--g-target);min-height:var(--g-target);padding:0 var(--space-sm);border:4px solid var(--g-none);border-radius:var(--radius-stock);background:var(--color-paper-2);color:var(--color-ink);font:600 clamp(1.5rem, .9vw + 1.15rem, 2.25rem)/1 var(--font-display);font-variant-numeric:tabular-nums;place-items:center;display:inline-grid;position:relative}.sq-cell--gap{border:4px dashed color-mix(in oklab, var(--g-deep) 60%, var(--color-card));background:var(--color-card);color:var(--color-muted);cursor:pointer}.sq-cell--gap.is-active{border-style:solid;border-color:var(--g-deep);box-shadow:0 0 0 5px color-mix(in oklab, var(--g-deep) 22%, var(--g-none));color:var(--color-ink)}.sq-cell--gap.is-over{border-color:var(--color-focus)}.sq-cell--gap:focus-visible{outline:4px solid var(--color-focus);outline-offset:4px}.sq-cell.is-filled{border:4px solid var(--color-mint-deep);background:color-mix(in oklab, var(--color-mint) 28%, var(--color-card));color:var(--color-ink);cursor:default}.sq-cell>.g-mark,.sq-slot>.g-mark{width:28px;height:28px;padding:5px;top:-10px;right:-10px}.sq-cards{justify-content:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md) var(--space-md);border-radius:var(--radius-card);background:var(--color-paper-2);flex-wrap:wrap;display:flex}.sq-card.is-used{visibility:hidden}.sq-slots{grid-template-columns:repeat(var(--n), minmax(0, 1fr));gap:var(--space-sm);width:min(100%,44rem);margin:0;padding:0;list-style:none;display:grid}.sq-slot{min-height:calc(var(--g-target) + 4px);border:4px dashed color-mix(in oklab, var(--g-deep) 55%, var(--color-card));border-radius:var(--radius-stock);background:var(--color-paper);font:600 clamp(1.4rem, .9vw + 1.1rem, 2.25rem)/1 var(--font-display);font-variant-numeric:tabular-nums;place-items:center;display:grid;position:relative}.sq-slots.is-over .sq-slot:not(.is-filled){border-color:var(--color-focus)}.sq-slot.is-filled{border-style:solid;border-color:var(--color-mint-deep);background:color-mix(in oklab, var(--color-mint) 28%, var(--color-card))}.sq-dir{margin:calc(-1 * var(--space-sm)) 0 0;color:var(--color-ink-2);font-weight:600}.mem{align-content:center;display:grid}.mem-grid{--card:140px;grid-template-columns:repeat(var(--cols,4), var(--card));justify-content:center;gap:clamp(8px,1.3vw,18px);display:grid}.mem-card{width:var(--card);aspect-ratio:5/6;border-radius:var(--radius-stock);color:var(--color-ink);cursor:pointer;perspective:900px;touch-action:manipulation;-webkit-tap-highlight-color:var(--g-none);background:0 0;border:0;padding:0;position:relative}.mem-inner{transform-style:preserve-3d;transition:rotate var(--dur-long) var(--ease-snap), translate var(--dur-micro) var(--ease-snap);position:absolute;inset:0}.mem-card:hover .mem-inner{translate:0 -3px}.mem-card.is-open .mem-inner,.mem-card.is-matched .mem-inner{translate:0;rotate:y 180deg}.mem-back,.mem-front{border-radius:var(--radius-stock);backface-visibility:hidden;place-items:center;display:grid;position:absolute;inset:0}.mem-back{background:var(--grain), var(--fibre), var(--g-c);box-shadow:0 5px 0 0 color-mix(in oklab, var(--g-c) 60%, var(--color-ink))}.mem-back__mark{aspect-ratio:1;width:30%;box-shadow:inset 0 0 0 4px color-mix(in oklab, var(--g-c) 50%, var(--color-ink));border-radius:50%}.mem-front{background:var(--grain), var(--color-card);box-shadow:inset 0 0 0 2px var(--color-rule), 0 3px 0 0 var(--color-edge);rotate:y 180deg}.mem-card.is-matched .mem-front{background:var(--grain), color-mix(in oklab, var(--color-mint) 22%, var(--color-card));box-shadow:inset 0 0 0 4px var(--color-mint-deep)}.mem-card.is-miss .mem-front{box-shadow:inset 0 0 0 3px var(--color-paper), inset 0 0 0 6px var(--color-coral-deep);outline:3px dashed var(--color-coral-deep);outline-offset:-3px}.mem-card.is-matched{cursor:default}.mem-card:focus-visible{outline:4px solid var(--color-focus);outline-offset:4px}.mem-text{font:600 calc(var(--card) * .36)/1 var(--font-display);font-variant-numeric:tabular-nums;text-align:center;justify-items:center;gap:4px;padding:6px;display:grid}.mem-text--long{font-size:calc(var(--card) * .2)}.mem-text small{font-size:max(12px, calc(var(--card) * .1));color:var(--color-ink-2);font-weight:600;line-height:1.15}.mem-dots{width:80%;height:auto;fill:var(--color-ink)}.mem-clock{width:88%;height:auto}.mem-front>.g-mark{width:30px;height:30px;padding:5px;top:-8px;right:-8px}.g-drawer{background:var(--grain), var(--color-paper);width:min(30rem,100vw);max-width:100vw;height:100dvh;max-height:100dvh;color:var(--color-ink);box-shadow:-20px 0 40px -20px color-mix(in oklab, var(--color-ink) 40%, var(--g-none));border:0;margin:0 0 0 auto;padding:0}.g-drawer::backdrop{background:color-mix(in oklab, var(--color-ink) 35%, var(--g-none))}.g-form{gap:var(--space-lg);padding:var(--space-lg);display:grid}.g-form__head{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.g-form__head h2{font-size:var(--text-2xl)}.g-x{background:var(--color-card);width:52px;height:52px;color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-rule);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.g-x svg{width:24px;height:24px}.g-x:hover{background:var(--color-paper-2)}.g-x:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.g-field{gap:var(--space-xs);border:0;min-width:0;margin:0;padding:0;display:grid}.g-field>legend,.g-field>label{margin-bottom:var(--space-xs);padding:0;font-weight:600}.g-field select,.g-field input[type=number]{width:100%;min-height:52px;padding:0 var(--space-md);border:1px solid var(--color-muted);border-radius:var(--radius-input);background:var(--color-card);color:var(--color-ink);font:500 var(--text-md)/1 var(--font-body);outline:3px solid var(--g-none);outline-offset:2px}.g-field--num input[type=number]{max-width:9rem}.g-field select:focus-visible,.g-field input[type=number]:focus-visible{outline-color:var(--color-focus)}.g-help{font-size:var(--text-sm);color:var(--color-muted);margin:0}.g-seg{gap:var(--space-xs);flex-wrap:wrap;display:flex}.g-seg__opt{display:inline-flex;position:relative}.g-seg__opt input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.g-seg__opt span{--edge:3px;min-height:48px;padding:0 var(--space-md);border-radius:var(--radius-pill);background:var(--color-card);box-shadow:inset 0 0 0 1px var(--color-rule), 0 var(--edge) 0 0 var(--color-edge);font-size:var(--text-sm);transition:translate var(--dur-micro) var(--ease-snap), box-shadow var(--dur-micro) var(--ease-snap);align-items:center;font-weight:600;line-height:1.15;display:inline-flex}.g-seg__opt:hover span{--edge:5px;translate:0 -1px}.g-seg__opt input:checked+span{--edge:1px;background:var(--color-ink);color:var(--color-paper);box-shadow:0 var(--edge) 0 0 var(--color-ink-2);translate:0 2px}.g-seg__opt input:focus-visible+span{outline:3px solid var(--color-focus);outline-offset:3px}.g-check{align-items:center;gap:var(--space-sm);cursor:pointer;min-height:48px;font-weight:600;display:flex}.g-check input[type=checkbox]{width:26px;height:26px;accent-color:var(--color-ink);cursor:pointer;flex:none;margin:0}.g-check input[type=checkbox]:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.g-form__actions{gap:var(--space-md);flex-wrap:wrap;display:flex}.oy-head{padding-bottom:var(--space-lg)}.oy-head__grid{gap:var(--space-xl);grid-template-columns:minmax(0,1.5fr) minmax(18rem,1fr);align-items:end;display:grid}.oy-head__text{gap:var(--space-sm);min-width:0;display:grid}.oy-head__text .lead{margin-top:0}.oy-grades{margin-top:var(--space-md)}.oy-chip:before{content:"";background:var(--g-c);width:14px;height:14px;box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--g-c) 55%, var(--color-ink));border-radius:50%;flex:none}.oy-hoca .gh{align-items:center;gap:var(--space-md);grid-template-columns:minmax(0,1fr) clamp(10rem,15vw,14rem);display:grid;position:static}.oy-hoca .gh-face{width:100%;max-width:none}.oy-hoca .gh-bubble{min-height:0}.oy-hoca .gh-bubble:after{clip-path:polygon(0 0,100% 50%,0 100%);width:20px;height:28px;bottom:50%;left:auto;right:-18px;translate:0 50%}.oy-grid{gap:var(--space-xl) var(--space-lg);padding:var(--space-md) 0 0;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));margin:0;list-style:none;display:grid}.oy-grid>li{display:grid}.oy-card{--gi-deep:var(--color-accent-2);justify-content:flex-start;gap:var(--space-2xs);min-height:100%;padding:var(--space-md) var(--space-md) var(--space-lg)}.oy-card.tile--pre{--gi-deep:var(--color-accent-2)}.oy-card.tile--1{--gi-deep:var(--color-coral-deep)}.oy-card.tile--3{--gi-deep:var(--color-mint-deep)}.oy-card.tile--4{--gi-deep:var(--color-tangerine-deep)}.oy-card__art{margin-bottom:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-stock);background:var(--grain), var(--color-card);box-shadow:inset 0 0 0 1px var(--color-rule);display:block}.oy-card__art .gi{width:100%;height:auto;max-height:128px}.oy-card__lesson{font-size:var(--text-sm);opacity:.85;font-weight:600}.oy-card__title{font-size:var(--text-title);letter-spacing:-.01em;font-weight:600;line-height:1.1}.oy-card__summary{font-size:var(--text-md);line-height:1.4}.oy-card__meta{gap:var(--space-2xs);padding-top:var(--space-sm);flex-wrap:wrap;margin-top:auto;display:flex}.oy-card__preset{font-weight:600}.oy-card .tag{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-ink) 18%, var(--g-none))}.oy-note{max-width:66ch;margin-top:var(--space-2xl);font-size:var(--text-md)}.gi-card{fill:var(--color-paper-2);stroke:var(--color-ink);stroke-width:2.5px}.gi-card--deep{fill:var(--gi-deep)}.gi-card--dash{fill:var(--color-card);stroke:var(--gi-deep);stroke-dasharray:5 4}.gi-deep{fill:var(--gi-deep)}.gi-ink{fill:var(--color-ink)}.gi-on-deep{fill:var(--color-card)}.gi-crust{fill:var(--color-sand);stroke:var(--color-ink);stroke-width:2.5px}.gi-type{font-family:var(--font-display);fill:var(--color-ink);font-weight:600}.gi-type--deep{fill:var(--gi-deep)}.gi-line{fill:none;stroke:var(--color-ink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.gi-line--bold{stroke-width:5px}.gi-line--deep{stroke:var(--gi-deep)}.gi-line--on-deep{stroke:var(--color-card)}@media (width<=63.99rem){.g-stage{gap:var(--space-md);grid-template-columns:minmax(0,1fr)}.gh{align-items:center;gap:var(--space-md);grid-template-columns:calc(clamp(8rem,24vw,11rem)/1.5) minmax(0,1fr);display:grid;position:static}.gh-face{grid-area:1/1;width:100%;max-width:none}.gh-bubble{min-height:calc(3 * 1.3em + 2 * var(--space-sm));padding:var(--space-sm) var(--space-md);font-size:var(--text-lg);grid-area:1/2}.gh-bubble:after{clip-path:polygon(100% 0,0 50%,100% 100%);width:20px;height:26px;bottom:50%;left:-16px;translate:0 50%}.g-board-wrap{min-height:clamp(22rem,58svh,40rem)}.ck-game,.fr-game{grid-template-columns:minmax(0,1fr);justify-items:center}.ck-panel,.fr-panel{width:min(100%,34rem)}.ck-figure,.fr-figure--pizza{width:min(100%,24rem,46svh);min-width:0}.fr-figure--cikolata{width:min(100%,36rem)}.oy-head__grid{grid-template-columns:minmax(0,1fr)}.oy-hoca{order:-1;max-width:34rem}.oy-hoca .gh{grid-template-columns:clamp(6rem,18vw,9rem) minmax(0,1fr)}.oy-hoca .gh-face{grid-area:1/1}.oy-hoca .gh-bubble{grid-area:1/2}.oy-hoca .gh-bubble:after{clip-path:polygon(100% 0,0 50%,100% 100%);left:-16px;right:auto}}@media (width<=40rem){.g{padding-top:0}.g-frame{width:100%;padding:var(--space-sm) var(--space-sm) var(--space-md);border-radius:0}.g-head{gap:var(--space-xs)}.g-tools{width:100%}.g-tool{min-height:48px;padding:0 var(--space-sm);flex:auto}.gh{gap:var(--space-sm);grid-template-columns:calc(clamp(8rem,24vw,11rem)/1.5) minmax(0,1fr)}.gh-bubble{font-size:var(--text-md)}.g-board-wrap{padding:var(--space-md) var(--space-sm);min-height:24rem}.g-next{flex:1}.qi-choices[style*=--n\:4]{grid-template-columns:repeat(2,minmax(0,1fr))}.g-choice{padding-inline:var(--space-sm)}.cmp-row{gap:8px;font-size:clamp(1.75rem,8.5vw,2.5rem)}.cmp-side{padding-inline:.28em}.cmp-eq{width:100%;min-width:0}.hb-slot{min-width:calc(var(--g-target) * 1.15)}.hb-tile,.sq-card{min-width:var(--g-target);padding:0 var(--space-sm)}.sq-cell{min-width:62px;min-height:62px;padding:0 6px}.sq-slots{gap:6px}.g-summary__actions .btn{flex:auto}.g-drawer{width:100vw}.oy-grid{grid-template-columns:minmax(0,1fr)}}