.cz-source{color:var(--muted);flex-wrap:wrap;align-items:center;gap:0 12px;margin:-6px 0 2px;font-size:.92rem;display:flex}.cz-source cite{font-family:var(--serif);color:var(--ink);font-size:1.04rem;font-style:italic}.cz-source .link{margin-left:auto}.cz-text{font-family:var(--serif);overflow-wrap:anywhere;margin:6px 0 16px;font-size:clamp(1.18rem,3.8vw,1.38rem);line-height:2.1}.cz-text span.spoken{border-radius:3px}.cz-gap{min-width:3.4em;font:inherit;text-align:center;vertical-align:baseline;color:var(--blue);border:0;border-bottom:2px solid var(--ink);background:0 0;border-radius:4px 4px 0 0;margin:0 .06em;padding:0 .3em;line-height:1.4;display:inline-block;position:relative}button.cz-gap{cursor:pointer}button.cz-gap:after{content:"";position:absolute;inset:-9px -3px}.cz-gap.sel{background:var(--blue-soft);border-bottom-color:var(--blue);animation:1.2s ease-in-out infinite cz-pulse}.cz-gap.filled{border-bottom-color:var(--blue)}.cz-gap.filled.sel{animation:none}.cz-word{font-style:italic;animation:.22s ease-out cz-drop;display:inline-block}.cz-gap.done{font-style:italic}.cz-gap.ok{color:var(--green);border-bottom-color:var(--green);background:var(--green-soft)}.cz-gap.bad{color:var(--red);border-bottom-color:var(--red);background:var(--red-soft)}.cz-gap.bad s{text-decoration-thickness:1.5px}.cz-gap .cz-fix{color:var(--green);font-style:normal;font-weight:600}.cz-mark{font-family:var(--sans);margin-left:.15em;font-size:.8em;font-style:normal;font-weight:600;display:inline-block;transform:rotate(-8deg)}.cz-tray{z-index:4;background:var(--card);border:1px solid var(--line);box-shadow:0 6px 24px color-mix(in srgb, var(--ink) 12%, transparent);border-radius:14px;padding:12px;position:sticky;bottom:12px}.cz-bank{flex-wrap:wrap;gap:8px;display:flex}.cz-chip{border:1.5px solid var(--line);background:var(--card);min-width:52px;min-height:44px;color:var(--ink);font-family:var(--serif);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:4px 14px;font-size:1.18rem;line-height:1;display:inline-flex;position:relative}.cz-chip:hover:not(.used){border-color:var(--blue)}.cz-chip:active:not(.used){border-color:var(--blue);background:var(--blue-soft)}.cz-chip.used{color:var(--muted);opacity:.45;cursor:default;background:0 0;border-style:dashed}.cz-key{font-family:var(--sans);color:var(--muted);font-size:.7rem;font-weight:600}.cz-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.cz-status{color:var(--ink);min-width:0;margin:0;font-size:.92rem}.cz-kbd{margin:10px 0 0}.cz-result{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.cz-stamp{font-family:var(--serif);letter-spacing:.03em;color:var(--green);border:2.5px solid;border-radius:8px;flex:none;padding:2px 12px;font-size:1.3rem;font-weight:700;animation:.35s cubic-bezier(.2,1.5,.4,1) both cz-stamp;transform:rotate(-8deg)}.cz-stamp.good{color:var(--blue)}.cz-en-row{align-items:flex-start;gap:12px;margin-top:16px;display:flex}.cz-en{min-width:0;color:var(--muted);border-left:2px solid var(--line);flex:1;margin:0;padding-left:12px}.cz-peek{margin:-4px 0 16px}.cz-notes{color:var(--muted);margin:14px 0 0;padding:0;font-size:.95rem;list-style:none}.cz-notes li{border-bottom:1px solid var(--line);padding:7px 0}.cz-notes li:last-child{border-bottom:0}.cz-notes b{font-family:var(--serif);color:var(--ink);margin-right:8px;font-size:1.12rem;font-weight:600}.cz-notes li.bad b{color:var(--red)}.mist .cz-right{color:var(--green)}@keyframes cz-pulse{50%{background:0 0}}@keyframes cz-drop{0%{opacity:0;transform:translateY(-.35em)}}@keyframes cz-stamp{0%{opacity:0;transform:rotate(-8deg)scale(1.7)}}@media (width<=640px){.cz-tray{bottom:calc(72px + env(safe-area-inset-bottom,0px));padding:10px}.cz-chip{padding:4px 12px;font-size:1.12rem}}@media (hover:none) and (width<=640px){.cz-key{display:none}}@media (prefers-reduced-motion:reduce){.cz-gap.sel,.cz-word,.cz-stamp{animation:none}}.cw-clue{background:var(--blue-soft);border-radius:6px;align-items:center;gap:8px;min-height:56px;margin:0 0 12px;padding:6px 8px;display:flex}.cw-clue p{flex:1;margin:0;font-size:1.05rem}.cw-clue .btn{flex:none;min-width:44px;padding:0;font-size:1.3rem}.cw-wrap{margin-bottom:12px;container-type:inline-size}.cw-grid{touch-action:manipulation;-webkit-user-select:none;user-select:none;gap:0;margin:0 auto;display:grid;position:relative}.cw-cell{aspect-ratio:1;background:var(--card);border:1px solid var(--ink);cursor:pointer;min-width:0;min-height:0;font-family:var(--serif);text-transform:uppercase;justify-content:center;align-items:center;margin:0 -1px -1px 0;font-weight:600;line-height:1;display:flex;position:relative;overflow:hidden}.cw-cell.cw-blank{cursor:default;background:0 0;border-color:#0000}.cw-cell .n{font-family:var(--sans);color:var(--muted);font-size:.42em;font-weight:500;position:absolute;top:1px;left:2px}.cw-cell.word{background:var(--blue-soft)}.cw-cell.active{box-shadow:inset 0 0 0 2.5px var(--blue);z-index:1}.cw-cell.done .ch{color:var(--green)}.cw-cell.cw-hint .ch{color:var(--blue)}.cw-cell.bad .ch{color:var(--red);text-decoration:line-through;text-decoration-thickness:2px}.cw-input{z-index:2;opacity:0;color:#0000;caret-color:#0000;background:0 0;border:0;margin:0;padding:0;font-size:16px;position:absolute}.cw-keys{justify-content:center;margin-bottom:8px}.cw-actions{justify-content:center}.cw-clues{gap:4px 24px;margin-top:20px;display:grid}@media (width>=560px){.cw-clues{grid-template-columns:1fr 1fr}}.cw-clues h2{margin:0 0 6px;font-size:1.15rem}.cw-clues ol{margin:0 0 12px;padding:0;list-style:none}.cw-clues li button{text-align:left;width:100%;min-height:40px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 8px;display:block}.cw-clues li button:hover{background:var(--blue-soft)}.cw-clues li.on button{background:var(--blue-soft);box-shadow:inset 3px 0 0 var(--blue)}.cw-clues li.done button{color:var(--muted);text-decoration:line-through}.cw-clues li b{font-variant-numeric:tabular-nums;min-width:1.6em;display:inline-block}.cw-answer{align-items:center;gap:8px;min-height:40px;padding:4px 8px;display:flex}.cw-answer .sv{font-family:var(--serif);font-size:1.1rem;font-weight:600}.cw-answer .muted{flex:1;min-width:0}.gr{--gr-radius:14px}.gr-top{align-items:center;gap:12px;min-height:40px;margin-bottom:8px;display:flex}.gr-mult{min-width:1.8em;font-family:var(--serif);color:var(--blue);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:600;line-height:1;animation:.35s ease-out gr-bump;display:inline-block}.gr-pips{color:var(--blue);gap:6px;display:flex}.gr-mult.x2,.gr-pips.x2{color:var(--amber)}.gr-mult.x3,.gr-pips.x3{color:var(--green)}.gr-pips i{border:1.5px solid var(--line);border-radius:50%;width:12px;height:12px;transition:background-color .2s,border-color .2s;display:block}.gr-pips i.on{background:currentColor;border-color:currentColor}.gr-next{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;margin-left:auto;font-size:.88rem}.gr-timer{background:var(--line);border-radius:3px;height:6px;margin-bottom:14px;overflow:hidden}.gr-timer span{background:var(--blue);border-radius:3px;height:100%;transition:width 1s linear,background-color .3s;display:block}.gr-timer.low span{background:var(--red)}.gr-stage{margin:-6px;padding:6px;overflow:hidden}.gr-card{text-align:center;background:var(--card);border:1.5px solid var(--line);border-radius:var(--gr-radius);touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;justify-content:center;align-items:center;min-height:228px;padding:30px 16px 64px;transition:transform .2s ease-out,border-color .15s,background-color .15s,box-shadow .15s;display:flex;position:relative;container-type:inline-size}.gr-card.dragging{cursor:grabbing;transition:none}.gr-card.armed{border-color:var(--blue)}.gr-card.ok{border-color:var(--green);box-shadow:0 0 0 4px var(--green-soft);background:linear-gradient(var(--green-soft), var(--green-soft)), var(--card)}.gr-card.bad{border-color:var(--red);box-shadow:0 0 0 4px var(--red-soft);background:linear-gradient(var(--red-soft), var(--red-soft)), var(--card);animation:.34s ease-out gr-shake}.gr-face{width:100%;animation:.18s ease-out gr-in}.gr-word{font-family:var(--serif);overflow-wrap:anywhere;font-size:2.6rem;line-height:1.15;font-size:clamp(1.5rem, calc(100cqi / (var(--len,10) * .56)), 3.8rem);margin:0}.gr-slot{text-align:center;border-bottom:2px dashed var(--muted);min-width:1.6em;line-height:.8;display:inline-block;position:relative}.gr-slot.filled{border-bottom-color:#0000}.gr-slot b{font-weight:600;animation:.22s ease-out gr-drop;display:inline-block}.gr-card.ok .gr-slot b{color:var(--green)}.gr-slot s{color:var(--red);white-space:nowrap;font-size:.5em;text-decoration-thickness:2px;position:absolute;bottom:96%;left:50%;transform:translate(-50%)rotate(-8deg)}.gr-en{color:var(--muted);overflow-wrap:anywhere;margin:8px 0 0;font-size:1rem}.gr-tip{margin:0;font-size:.88rem;line-height:1.35;position:absolute;bottom:12px;left:12px;right:12px}.gr-tip span{background:var(--amber-soft);color:var(--ink);border-radius:10px;padding:4px 12px;display:inline-block}.gr-pop{color:var(--green);font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:700;animation:.45s ease-out both gr-pop;position:absolute;top:10px;right:14px}.gr-side{font-family:var(--serif);color:var(--blue);pointer-events:none;font-size:1.5rem;font-weight:600;position:absolute;top:12px}.gr-side.en{left:16px}.gr-side.ett{right:16px}.gr-ready{font-family:var(--serif);flex-direction:column;align-items:center;gap:4px;font-size:clamp(2.2rem,12cqi,3.6rem);line-height:1.1;animation:.4s ease-out gr-zoom;display:flex}.gr-ready small{font-family:var(--sans);color:var(--muted);font-size:.9rem}.gr-choices{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.gr-btn{border:1.5px solid var(--ink);border-radius:var(--gr-radius);background:var(--card);min-height:88px;color:var(--ink);font-family:var(--serif);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:10px 12px;font-size:2.1rem;line-height:1.1;transition:background-color .12s,border-color .12s,transform 80ms;display:flex;position:relative}.gr-btn:focus-visible{border-radius:var(--gr-radius)}.gr-btn[aria-disabled=true]{cursor:default}.gr-btn:active:not([aria-disabled=true]){background:linear-gradient(var(--blue-soft), var(--blue-soft)), var(--card);transform:scale(.97)}@media (hover:hover){.gr-btn:hover:not([aria-disabled=true]){background:linear-gradient(var(--blue-soft), var(--blue-soft)), var(--card)}}.gr-btn.correct{border-color:var(--green);background:linear-gradient(var(--green-soft), var(--green-soft)), var(--card)}.gr-btn.wrong{border-color:var(--red);background:linear-gradient(var(--red-soft), var(--red-soft)), var(--card)}.gr-btn .kbd{font-family:var(--sans);font-size:.78rem}.gr-btn .mark{margin:0;position:absolute;top:8px;right:12px}.gr-btn.correct .mark{color:var(--green)}.gr-label{padding:0 .15em;display:inline-block;position:relative}.gr-label svg.ring{pointer-events:none;width:2.3em;height:1.75em;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)rotate(-6deg)}.gr-label svg.ring path{fill:none;stroke:var(--blue);stroke-width:1.6px;stroke-linecap:round;stroke-dasharray:140;stroke-dashoffset:140px;animation:.4s ease-out forwards gr-draw}.gr-demo{font-family:var(--serif);margin:0 0 14px;font-size:2rem;line-height:1.2}.gr-demo-q{color:var(--muted);margin-left:.1em}.gr-rules{margin:0 0 18px;padding-left:1.2em}.gr-rules li+li{margin-top:6px}.gr-say{margin-bottom:18px}.gr-again{margin:-4px 0 12px}.gr-insight{border-left:3px solid var(--amber);background:var(--amber-soft);border-radius:0 6px 6px 0;margin:0 0 8px;padding:12px 14px}.gr-missed h2{margin:20px 0 0;font-size:1.25rem}.gr-mist li{align-items:center;gap:12px;display:flex}.gr-mist-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.gr-mist .q{overflow-wrap:anywhere}.gr-mist .gr-art{color:var(--green);font-weight:600}.gr-mist-tip{color:var(--ink);font-size:.88rem}.gr-flawless{margin:8px 0 0;font-size:1.05rem}.gr-flawless span{font-family:var(--serif);color:var(--green);margin-right:6px;font-size:1.3rem}@keyframes gr-in{0%{opacity:0;transform:translateY(8px)}}@keyframes gr-drop{0%{opacity:0;transform:translateY(-.4em)}}@keyframes gr-shake{0%,to{translate:0}20%{translate:-8px}40%{translate:7px}60%{translate:-4px}80%{translate:2px}}@keyframes gr-pop{0%{opacity:0;transform:translateY(6px)scale(.9)}to{opacity:1;transform:translateY(-4px)}}@keyframes gr-bump{0%{transform:scale(1.5)}}@keyframes gr-zoom{0%{opacity:0;transform:scale(.7)}}@keyframes gr-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.gr-card,.gr-face,.gr-slot b,.gr-pop,.gr-mult,.gr-ready,.gr-btn,.gr-timer span,.gr-pips i{transition:none!important;animation:none!important}.gr-label svg.ring path{stroke-dashoffset:0;animation:none}.gr-btn:active:not([aria-disabled=true]){transform:none}}@media (width<=480px){.gr-card{min-height:212px;padding:28px 12px 62px}.gr-btn{min-height:80px;font-size:1.9rem}}.mp-intro .mp-lede{margin:0 0 14px;font-size:1.05rem}.mp-rules{flex-wrap:wrap;gap:8px;margin:0 0 6px;padding:0;list-style:none;display:flex}.mp-rules li{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 12px;font-size:.95rem}.mp-rules b{color:var(--ink);font-variant-numeric:tabular-nums}.mp-best{margin:12px 0 0}.mp-bar{background:var(--line);border-radius:2px;height:4px;margin:-6px 0 12px;overflow:hidden}.mp-bar span{background:var(--blue);height:100%;transition:width 1s linear;display:block}.mp-bar.low span{background:var(--red)}.mp-status{align-items:center;gap:12px;min-height:44px;margin-bottom:8px;display:flex}.mp-streak{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:10px;display:flex;position:relative}.mp-streak b{color:var(--ink)}.mp-pips{gap:5px;display:flex}.mp-pips i{border:1.5px solid var(--line);background:var(--card);border-radius:50%;width:11px;height:11px;transition:background-color .15s,border-color .15s}.mp-pips i.on{background:var(--green);border-color:var(--green)}.mp-pop{white-space:nowrap;color:var(--green);pointer-events:none;margin-left:10px;font-weight:700;animation:.9s ease-out forwards mp-pop;position:absolute;top:50%;left:100%}.mp-pop.bonus{color:var(--amber)}.mp-say{border:1px solid var(--line);background:var(--card);width:44px;height:44px;color:var(--muted);border-radius:999px;flex:none;justify-content:center;align-items:center;margin-left:auto;padding:0;display:inline-flex}.mp-say[aria-pressed=true]{color:var(--blue);border-color:var(--blue);background:var(--blue-soft)}.mp-board{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.mp-board:focus{outline:none}.mp-side{grid-template-rows:auto 1fr;min-width:0;display:grid}.mp-head{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 6px 4px;font-size:.75rem;font-weight:600}.mp-col{grid-template-rows:repeat(5,minmax(60px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.mp-col li{min-width:0;animation:.22s ease-out mp-in;display:flex}.mp-tile{text-align:left;border:1.5px solid var(--line);background:var(--card);width:100%;min-width:0;min-height:60px;color:var(--ink);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;border-radius:10px;flex:1;align-items:center;gap:10px;padding:8px 12px 8px 8px;line-height:1.25;transition:background-color .15s,border-color .15s;display:flex;position:relative}.mp-tile.sv{font-family:var(--serif);font-size:1.22rem}.mp-tile.en{font-family:var(--sans);font-size:1.02rem}.mp-tile.mp-hole{background:0 0;border-style:dashed}@media (hover:hover){.mp-tile:hover:not(.ok):not(.bad){background:var(--blue-soft)}}.mp-tile:active:not(.ok):not(.bad){background:var(--blue-soft)}.mp-tile.sel{border-color:var(--blue);background:var(--blue-soft)}.mp-tile.ok{border-color:var(--green);background:var(--green-soft);animation:.3s ease-out mp-yes}.mp-tile.bad{border-color:var(--red);background:var(--red-soft);animation:.4s ease-in-out mp-shake}.mp-tile[aria-disabled=true]{cursor:default}.mp-text{flex:1;min-width:0}.mp-key{text-align:center;width:1.5em;font-family:var(--sans);color:var(--muted);flex:none;font-size:.85rem;font-weight:600;position:relative}.mp-tile.sel .mp-key{color:var(--blue)}.mp-ring{pointer-events:none;width:2.5em;height:2.2em;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-52%)rotate(-6deg)}.mp-ring path{fill:none;stroke:var(--blue);stroke-width:2.2px;stroke-linecap:round;stroke-dasharray:140;stroke-dashoffset:140px;animation:.35s ease-out forwards mp-draw}.mp-mark{font-family:var(--sans);flex:none;font-size:1.2rem;font-weight:700;transform:rotate(-8deg)}.mp-tile.ok .mp-mark{color:var(--green)}.mp-tile.bad .mp-mark{color:var(--red)}.mp-said{min-height:1.5em;color:var(--muted);overflow-wrap:anywhere;margin:14px 0 6px}.mp-said .sv{color:var(--ink);font-size:1.08em}.mp-said.ok>span:first-child{color:var(--green);font-weight:700}.mp-said.ok b{color:var(--amber)}.mp-said.bad>span:first-child{color:var(--red);font-weight:700}.mp-missed h2{margin-top:8px}.mp-missed-q{align-items:center;gap:10px;display:flex}.mp-missed .a .sv{color:var(--ink)}@keyframes mp-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes mp-yes{50%{transform:scale(1.04)}}@keyframes mp-shake{20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@keyframes mp-draw{to{stroke-dashoffset:0}}@keyframes mp-pop{0%{opacity:1;transform:translateY(-50%)}to{opacity:0;transform:translateY(-160%)}}@keyframes mp-fade{0%{opacity:1}to{opacity:0}}@media (width<=480px){.mp-tile{gap:6px;padding:8px 10px 8px 6px}.mp-tile.sv{font-size:1.12rem}.mp-tile.en{font-size:.98rem}.mp-key{width:1.2em}}@media (prefers-reduced-motion:reduce){.mp-col li,.mp-tile.ok,.mp-tile.bad{animation:none}.mp-ring path{stroke-dashoffset:0;animation:none}.mp-pop{animation:.9s linear forwards mp-fade;transform:translateY(-50%)}.mp-bar span,.mp-tile,.mp-pips i{transition:none}}.mem-setup h2{margin-bottom:6px}.mem-picked{margin:18px 0 12px}.mem-picked .sv{font-size:1.35rem;font-style:italic}.mem-or{color:var(--muted);margin:26px 0 10px;font-size:.95rem}.mem-bar{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:6px 16px;margin:-6px 0 14px;display:flex}.mem-bar b{color:var(--ink);font-weight:600}.mem-topic{color:var(--ink);font-size:1.05rem;font-style:italic}.mem-sound{align-items:center;gap:6px;min-height:44px;margin-left:auto;display:inline-flex}.mem-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}@media (width>=560px){.mem-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}}.mem-card{width:100%;height:100px;color:var(--ink);text-align:center;perspective:800px;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:10px;padding:0;display:block;position:relative}@media (width>=560px){.mem-card{height:118px}}.mem-card:focus-visible{outline-offset:3px;border-radius:10px}.mem-inner{transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .38s cubic-bezier(.3,.7,.3,1);display:block;position:absolute;inset:0;transform:translateY(0)rotateY(0)}.mem-card.up .mem-inner{transform:translateY(0)rotateY(180deg)}@media (hover:hover){.mem-card:not(.up):hover .mem-inner{transform:translateY(-3px)rotateY(0)}}.mem-face{backface-visibility:hidden;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:18px 8px 10px;display:flex;position:absolute;inset:0;overflow:hidden}.mem-back{--cross:color-mix(in srgb, var(--paper) 26%, var(--blue));background-color:var(--blue);background-image:linear-gradient(90deg, transparent 31%, var(--cross) 31%, var(--cross) 43%, transparent 43%), linear-gradient(180deg, transparent 43%, var(--cross) 43%, var(--cross) 57%, transparent 57%);box-shadow:inset 0 0 0 5px var(--blue), inset 0 0 0 6.5px var(--cross)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .mem-back{--deep:color-mix(in srgb, var(--blue) 55%, var(--card));--cross:color-mix(in srgb, var(--paper) 30%, var(--deep));background-color:var(--deep);box-shadow:inset 0 0 0 5px var(--deep), inset 0 0 0 6.5px var(--cross)}}:root[data-theme=dark] .mem-back{--deep:color-mix(in srgb, var(--blue) 55%, var(--card));--cross:color-mix(in srgb, var(--paper) 30%, var(--deep));background-color:var(--deep);box-shadow:inset 0 0 0 5px var(--deep), inset 0 0 0 6.5px var(--cross)}.mem-front{background:var(--card);border:1.5px solid var(--line);transform:rotateY(180deg)}.mem-text{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;font-size:1rem;line-height:1.2}.mem-text.long{font-size:.88rem}.mem-card.sv .mem-text{font-family:var(--serif);font-size:1.2rem}.mem-card.sv .mem-text.long{font-size:1.02rem}.mem-tag{font-family:var(--sans);letter-spacing:.08em;color:var(--muted);font-size:.68rem;font-weight:700;position:absolute;top:6px;left:9px}.mem-card.sv .mem-tag{color:var(--blue)}.mem-ring{pointer-events:none;width:2.9em;height:2.4em;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-52%)rotate(-6deg)}.mem-ring path{fill:none;stroke:var(--blue);stroke-width:2.4px;stroke-linecap:round;stroke-dasharray:140;stroke-dashoffset:140px;animation:.45s ease-out .2s forwards mem-draw}.mem-mark{font-family:var(--sans);font-size:1.05rem;font-weight:700;position:absolute;top:3px;right:9px;transform:rotate(-8deg)}.mem-card.open .mem-front{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.mem-card.done .mem-front{border-color:var(--green);background:color-mix(in srgb, var(--green) 12%, var(--card))}.mem-card.done .mem-mark{color:var(--green)}.mem-card.miss .mem-front{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red);background:color-mix(in srgb, var(--red) 8%, var(--card))}.mem-card.miss .mem-mark{color:var(--red)}.mem-card.miss .mem-ring path{stroke:var(--red)}.mem-card.miss{animation:.32s ease-in-out .3s mem-shake}.mem-card.just{animation:.36s ease-out .3s mem-pop}.mem-grid.won .mem-card{animation:mem-wave .5s ease-out calc(var(--i) * 45ms + .35s) both}@keyframes mem-draw{to{stroke-dashoffset:0}}@keyframes mem-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes mem-pop{50%{transform:scale(1.06)}}@keyframes mem-wave{40%{transform:translateY(-8px)}}.mem-hint{margin:18px 0 0}.mem-note-head{flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0;display:flex}.mem-note-head .sv{font-size:1.2rem}.mem-note-head .listen{margin-left:auto}.mem-ex{font-family:var(--serif);margin:8px 0 2px;font-size:1.12rem;line-height:1.45}.mem-hit{text-decoration:underline;-webkit-text-decoration-color:var(--green);text-decoration-color:var(--green);text-underline-offset:3px;font-weight:600;text-decoration-thickness:2px}.mem-ex-en{color:var(--muted);margin:0}.mem-kbd{margin:14px 0 0}.mem-recap h2{margin-top:8px}.mem-praise{margin:0 0 18px}.mem-praise .sv{color:var(--green);margin-right:6px;font-size:1.5rem;font-style:italic}.mem-recap .link{margin-top:8px}@media (prefers-reduced-motion:reduce){.mem-inner{transition:none}.mem-card:not(.up):hover .mem-inner{transform:translateY(0)rotateY(0)}.mem-card.miss,.mem-card.just,.mem-grid.won .mem-card{animation:none}.mem-ring path{stroke-dashoffset:0;animation:none}}.odd-head{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:14px;display:flex}.odd-kind{border:1px solid var(--blue);background:var(--blue-soft);color:var(--blue);border-radius:999px;align-items:baseline;gap:6px;padding:3px 12px;font-size:.88rem;font-weight:600;display:inline-flex}.odd-kind .sv{font-style:italic;font-weight:400}.odd-streak{color:var(--green);font-variant-numeric:tabular-nums;font-size:.88rem;font-weight:600}.odd-pips{gap:5px;margin:0 0 0 auto;padding:0;list-style:none;display:flex}.odd-pips li{border:1.5px solid var(--line);border-radius:50%;width:10px;height:10px}.odd-pips li.ok{background:var(--green);border-color:var(--green)}.odd-pips li.bad{background:var(--red);border-color:var(--red)}.odd-pips li.now{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue-soft)}.odd-game .hint{margin-bottom:16px}.odd-game .prompt:focus{outline:none}.odd-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.odd-grid li{min-width:0;display:flex}.odd-tile{border:1.5px solid var(--line);background:var(--card);min-width:0;min-height:108px;color:var(--ink);text-align:center;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:28px 10px 14px;transition:transform .2s,border-color .2s,background-color .2s;display:flex;position:relative}.odd-tile:focus-visible{border-radius:10px}.odd-tile:disabled{cursor:default}@media (hover:hover){.odd-tile:hover:not(:disabled){border-color:var(--blue);background:var(--blue-soft)}}.odd-tile:active:not(:disabled){transform:scale(.97)}.odd-word{max-width:100%;font-family:var(--serif);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;font-size:clamp(1.35rem,5vw,1.8rem);line-height:1.2}.odd-tile.long .odd-word{font-size:clamp(1.08rem,4vw,1.45rem)}.odd-num{text-align:center;width:1.7em;font-family:var(--sans);color:var(--muted);font-size:.9rem;font-weight:600;position:absolute;top:7px;left:8px}.odd-num svg.ring{pointer-events:none;width:2.4em;height:2.1em;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-52%)rotate(-6deg)}.odd-num svg.ring path{fill:none;stroke:var(--blue);stroke-width:2.2px;stroke-linecap:round;stroke-dasharray:140;stroke-dashoffset:140px;animation:.45s ease-out forwards draw}.odd-tile.picked .odd-num{color:var(--blue)}.odd-tile .mark{margin:0;position:absolute;top:5px;right:10px}.odd-tile.correct .mark{color:var(--green)}.odd-tile.wrong .mark{color:var(--red)}.odd-tile.same{border-style:dashed}.odd-tile.correct{border-color:var(--green);background:var(--green-soft);transform:rotate(-1.5deg)}.odd-tile.wrong{border-color:var(--red);background:var(--red-soft)}.odd-tag{border:1.5px solid var(--muted);max-width:100%;color:var(--muted);font-family:var(--sans);letter-spacing:.02em;border-radius:4px;padding:1px 8px;font-size:.8rem;font-weight:700;line-height:1.35;animation:.32s cubic-bezier(.2,.9,.3,1.3) both odd-stamp;display:inline-block;transform:rotate(-3deg)}.odd-tile.correct .odd-tag{border-color:var(--green);color:var(--green)}.odd-detail{max-width:100%;color:var(--muted);overflow-wrap:anywhere;font-size:.86rem;line-height:1.3}.odd-detail[lang=sv]{font-family:var(--serif);font-size:1rem}@keyframes odd-stamp{0%{opacity:0;transform:rotate(-3deg)scale(1.7)}to{opacity:1;transform:rotate(-3deg)scale(1)}}.odd-game .explain{margin-bottom:0}.odd-game .explain i[lang=sv]{font-family:var(--serif);font-size:1.08em}.odd-list{margin:10px 0 0;padding:0;list-style:none}.odd-list li{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:4px 10px;min-height:48px;padding:6px 2px;display:flex}.odd-list li:last-child{border-bottom:0}.odd-list .sv{overflow-wrap:anywhere;font-size:1.1rem}.odd-list li.is-odd .sv{color:var(--green);font-weight:600}.odd-list .muted{overflow-wrap:anywhere;font-size:.9rem}.odd-tally{margin:4px 0 20px}.odd-h{margin:8px 0 4px;font-size:1.05rem}.odd-why{margin:6px 0 0}@media (width<=480px){.odd-grid{gap:8px}.odd-tile{min-height:100px;padding:26px 6px 12px}.odd-pips{margin-left:0}}@media (prefers-reduced-motion:reduce){.odd-tile{transition:none}.odd-tile:active:not(:disabled){transform:none}.odd-tag{animation:none}.odd-num svg.ring path{stroke-dashoffset:0;animation:none}}.sb-label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 4px;font-size:.8rem;font-weight:600}.sb-target{margin:0 0 20px}.sb-line{border-bottom:2px solid var(--blue);flex-wrap:wrap;align-items:flex-end;gap:8px;min-height:74px;margin:0 0 22px;padding:10px 2px 12px;list-style:none;display:flex}.sb-line>li{display:flex}.sb-empty{color:var(--muted);align-self:center;padding:0 4px;font-style:italic}.sb-end{font-family:var(--serif);color:var(--ink);margin-left:-4px;font-size:1.6rem;line-height:48px}.sb-tick{color:var(--green);font-size:1.5rem;font-weight:600;line-height:48px;transform:rotate(-8deg)}.sb-tile{min-width:48px;min-height:48px;font-family:var(--serif);color:var(--ink);background:var(--card);border:1.5px solid var(--line);box-shadow:0 2px 0 var(--line);transform:rotate(var(--r,0deg));-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:8px;justify-content:center;align-items:center;padding:8px 14px;font-size:1.25rem;line-height:1.2;transition:transform .12s,border-color .12s,background-color .12s;display:inline-flex;position:relative}button.sb-tile:active:not(:disabled){transform:scale(.95)}button.sb-tile:disabled{cursor:default}@media (hover:hover){.sb-bank button.sb-tile:hover{border-color:var(--blue);transform:rotate(0)translateY(-2px)}.sb-line button.sb-tile:hover:not(:disabled){border-color:var(--red)}}.sb-num{font-family:var(--sans);color:var(--muted);font-size:.66rem;font-weight:600;line-height:1;position:absolute;top:2px;left:5px}.sb-bank{flex-wrap:wrap;gap:10px;margin-bottom:4px;display:flex}.sb-slot{box-shadow:none;background:0 0;border-style:dashed;transform:none}.sb-slot>span{visibility:hidden}.sb-line .sb-tile{animation:.18s ease-out sb-drop}.sb-tile.ok{border-color:var(--green);background:var(--green-soft);box-shadow:0 2px 0 var(--green)}.sb-tile.bad{border-color:var(--red);background:var(--red-soft);box-shadow:none;-webkit-text-decoration:underline wavy var(--red);text-decoration:underline wavy var(--red);text-underline-offset:5px;border-style:dashed;text-decoration-thickness:1px}.sb-win .sb-tile{animation:.5s both sb-wave;animation-delay:calc(var(--i,0) * 55ms)}.sb-nope{animation:.35s sb-shake}@keyframes sb-drop{0%{opacity:.3;transform:translateY(8px)scale(.9)}}@keyframes sb-wave{40%{transform:translateY(-9px)}}@keyframes sb-shake{25%{transform:translate(-6px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}.sb-orig{background:var(--card);border:1px solid var(--line);border-radius:6px;margin-top:16px;padding:14px 16px}.sb-sent{font-family:var(--serif);overflow-wrap:anywhere;margin:0 0 10px;font-size:1.3rem;line-height:1.5}.sb-sent .fix{background:var(--green-soft);box-shadow:inset 0 -2px 0 var(--green);border-radius:3px;padding:0 2px}.sb-say{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sb-src{color:var(--muted);font-size:.9rem}.sb-buttons{gap:10px;margin-left:auto;display:flex}.sb-recap{margin:16px 0 0;padding:0;list-style:none}.sb-recap li{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 0;display:flex}.sb-recap-body{flex-direction:column;flex:1;min-width:0;display:flex}.sb-recap .q{font-family:var(--serif);overflow-wrap:anywhere;font-size:1.1rem}.sb-recap .a{color:var(--muted);font-size:.95rem}.sb-mark{text-align:center;flex:none;width:1.4em;font-size:1.2rem;font-weight:600;transform:rotate(-8deg)}.sb-mark.first{color:var(--green)}.sb-mark.second{color:var(--amber)}.sb-mark.missed{color:var(--red)}@media (hover:none) and (width<=640px){.sb-num{display:none}}@media (width<=480px){.sb-tile{padding:8px 12px;font-size:1.15rem}.sb-bank{gap:8px}}@media (prefers-reduced-motion:reduce){.sb-tile,button.sb-tile:active{transition:none}.sb-line .sb-tile,.sb-win .sb-tile,.sb-nope{animation:none}button.sb-tile:active{transform:none}}.sm{--sm-snow:var(--card)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .sm{--sm-snow:color-mix(in srgb, var(--ink) 26%, var(--card))}}:root[data-theme=dark] .sm{--sm-snow:color-mix(in srgb, var(--ink) 26%, var(--card))}.sm-stage{grid-template-columns:minmax(118px,min(40%,230px)) minmax(0,1fr);align-items:center;gap:12px 18px;display:grid}.sm-scene{border:1px solid var(--line);background:linear-gradient(to bottom, var(--blue-soft), transparent 80%), var(--card);border-radius:12px;overflow:hidden}.sm-art{width:100%;height:auto;display:block}.sm-clue{min-width:0}.sm-en{overflow-wrap:anywhere;margin:0 0 10px;font-size:clamp(1.12rem,4.2vw,1.5rem);font-weight:500;line-height:1.3}.sm-tags{flex-wrap:wrap;gap:6px;margin:0 0 12px;display:flex}.sm-tag{border:1px solid var(--line);color:var(--muted);background:var(--card);border-radius:999px;padding:2px 10px;font-size:.82rem}.sm-lives{flex-wrap:wrap;gap:3px;display:flex}.sm-pip{width:20px;height:20px}.sm-pip path{fill:none;stroke:var(--blue);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.sm-pip.gone path{fill:color-mix(in srgb, var(--blue) 22%, transparent);stroke:var(--blue);stroke-width:1px;opacity:.55}.sm-word{justify-content:center;align-items:flex-end;gap:clamp(3px,1.4vw,8px);margin:20px 0 6px;display:flex}.sm-article{font-family:var(--serif);color:var(--muted);align-self:center;margin-right:4px;font-size:clamp(1.15rem,4.5vw,1.5rem);font-style:italic}.sm-tile{min-width:0;height:54px;font-family:var(--serif);border-bottom:2.5px solid var(--ink);flex:0 46px;justify-content:center;align-items:center;font-size:clamp(1.35rem,6.4vw,2.1rem);line-height:1;display:flex}.sm-tile.on{animation:.32s ease-out sm-pop}.sm-tile.missed{color:var(--red);border-bottom-color:var(--red)}.sm-word.won .sm-tile{color:var(--green);border-bottom-color:var(--green);animation:.5s ease-out both sm-hop;animation-delay:calc(var(--i,0) * 60ms)}.sm-note{text-align:center;min-height:3em;color:var(--muted);margin:6px 0 12px}.sm-note.hit,.sm-note.won{color:var(--green)}.sm-note.miss,.sm-note.lost{color:var(--red)}.sm-note.won,.sm-note.lost{font-weight:600}.sm-tip{color:var(--amber);margin-top:2px;font-size:.92rem;font-weight:400;display:block}.sm-keys{grid-template-columns:repeat(22,minmax(0,1fr));max-width:620px;margin:0 auto;display:grid}.sm-key{box-sizing:border-box;min-width:0;min-height:56px;color:var(--ink);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;grid-column:span 2;margin:0;padding:4px 2px;display:flex}.sm-cap{border:1px solid var(--line);background:var(--card);min-width:0;font-family:var(--serif);box-shadow:0 2px 0 var(--line);border-radius:8px;flex:1;justify-content:center;align-items:center;font-size:1.35rem;line-height:1;display:flex}.sm-key.r3{grid-column:5/span 2}.sm-key.extra .sm-cap{color:var(--blue)}.sm-key:active:not(:disabled) .sm-cap{background:var(--blue-soft);box-shadow:0 1px 0 var(--line);transform:translateY(1px)}@media (hover:hover){.sm-key:hover:not(:disabled) .sm-cap{border-color:var(--blue)}}.sm-key:focus-visible{outline:none}.sm-key:focus-visible .sm-cap{outline:3px solid var(--blue);outline-offset:1px}.sm-key:disabled{cursor:default}.sm-key:disabled .sm-cap{box-shadow:none}.sm-key.hit .sm-cap{background:var(--green-soft);border-color:var(--green);color:var(--green);font-weight:600}.sm-key.miss .sm-cap{color:var(--muted);opacity:.45;background:0 0;border-style:dashed;text-decoration:line-through}.sm-kbd{text-align:center;margin:10px 0 0}@media (width>=700px){.sm-key{min-height:66px;padding:5px 3px}.sm-cap{font-size:1.55rem}}.sm-en:focus{outline:none}.sm-reveal{margin-top:0}.sm-answer{flex-wrap:wrap;align-items:center;gap:4px 12px;margin:0;display:flex}.sm-answer .sv{font-size:1.55rem}.sm-answer .sv b{font-weight:600}.sm-meaning{flex-basis:100%}.sm-ex{margin:12px 0 0}.sm-ex .sv{font-size:1.12rem}.sm-last{margin-top:8px}.sm-label{text-transform:uppercase;letter-spacing:.06em;margin:0 0 6px;font-size:.8rem}.sm-last .sm-label+.sm-answer{margin-bottom:4px}.sm-last .sm-ex+.sm-label,.sm-last .sm-answer+.sm-label{margin-top:20px}.sm-saved{margin:0;padding:0;list-style:none}.sm-saved li{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:2px 10px;padding:8px 0;display:flex}.sm-saved li:last-child{border-bottom:0}.sm-saved .sv{font-size:1.12rem}.sm-art .sm-ball{fill:var(--sm-snow);stroke:var(--ink);stroke-width:1.6px;vector-effect:non-scaling-stroke}.sm-art .sm-coal{fill:var(--ink)}.sm-art .sm-smile{fill:none;stroke:var(--ink);stroke-width:1.6px;stroke-linecap:round}.sm-art .sm-cheek{fill:var(--red);opacity:.25}.sm-art .sm-felt{fill:var(--ink)}.sm-art .sm-band,.sm-art .sm-wool{fill:var(--red)}.sm-art .sm-fringe{fill:none;stroke:var(--red);stroke-width:1.6px;stroke-linecap:round}.sm-art .sm-nose{fill:var(--amber)}.sm-art .sm-arm{fill:none;stroke:var(--muted);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.sm-art .sm-ground{fill:none;stroke:var(--line);stroke-width:1.5px;stroke-linecap:round}.sm-art .sm-puddle{fill:color-mix(in srgb, var(--blue) 16%, transparent);stroke:var(--blue);stroke-opacity:.35;vector-effect:non-scaling-stroke}.sm-art .sm-drip{fill:color-mix(in srgb, var(--blue) 30%, var(--sm-snow));stroke:var(--blue);stroke-width:.8px}.sm-art .sm-sun circle{fill:var(--amber)}.sm-art .sm-sun path{fill:none;stroke:var(--amber);stroke-width:2.4px;stroke-linecap:round}.sm-art .sm-flake{fill:none;stroke:var(--blue);stroke-width:1.1px;stroke-linecap:round;transform-box:fill-box;transform-origin:50%;animation:3.2s linear infinite sm-fall}.sm-art .sm-hat,.sm-art .sm-arm,.sm-art .sm-scarf,.sm-art .sm-nose,.sm-art .button,.sm-art .sm-head,.sm-art .sm-sun,.sm-art .sm-puddle{transform-box:fill-box;transform-origin:50%}.sm-art .sm-hat,.sm-art .sm-arm,.sm-art .sm-scarf,.sm-art .sm-nose,.sm-art .button{transition:transform .75s cubic-bezier(.45,-.25,.55,1.25)}.sm-art .sm-sun{transition:transform .8s,opacity .8s}.sm-art .sm-puddle{transition:transform .8s}.sm-art .sm-ball.base,.sm-art .sm-body{transform-box:view-box;transform-origin:100px 200px;transition:transform .8s}.sm-art .sm-body{transition-duration:1.1s;transition-timing-function:ease-in}.sm-art .sm-head{transform-origin:50% 100%;transition:transform .9s}.sm-art .sm-drip{animation:2.4s ease-in infinite sm-drip}.sm-art .sm-hat.off{transform:translate(78px,136px)rotate(80deg)}.sm-art .sm-arm.left.off{transform:translate(-31px,101px)rotate(-31deg)}.sm-art .sm-arm.right.off{transform:translate(21px,102px)rotate(31deg)}.sm-art .sm-scarf.off{transform:translate(-58px,80px)rotate(-90deg)scale(.78)}.sm-art .sm-nose.off{transform:translate(18px,120px)rotate(16deg)}.sm-art .button.b1.off{transform:translate(-22px,95px)}.sm-art .button.b2.off{transform:translate(-6px,86px)}.sm-art .button.b3.off{transform:translate(14px,74px)}.sm-art .sm-head.melting{transform:translateY(5px)scale(1.18,.5)}.sm-art .sm-body.melted{transform:scale(1.3,.045)}.sm-scene.wob-a{animation:.45s ease-in-out sm-wob-a}.sm-scene.wob-b{animation:.45s ease-in-out sm-wob-b}@keyframes sm-pop{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.15)}to{opacity:1;transform:none}}@keyframes sm-hop{0%,to{transform:none}40%{transform:translateY(-9px)}}@keyframes sm-wob-a{0%,to{transform:none}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes sm-wob-b{0%,to{transform:none}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes sm-fall{0%{opacity:0;transform:translateY(-14px)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translateY(74px)rotate(90deg)}}@keyframes sm-drip{0%,20%{opacity:0;transform:none}35%{opacity:1}to{opacity:0;transform:translateY(12px)}}@media (prefers-reduced-motion:reduce){.sm *,.sm :before,.sm :after{transition:none!important;animation:none!important}}:root{--paper:#f6f8f7;--grid:#dfe6ec;--ink:#1d2330;--muted:#5f6878;--blue:#2645a6;--blue-soft:#2645a614;--red:#c4262d;--red-soft:#c4262d12;--green:#1f7a4d;--green-soft:#1f7a4d1a;--amber:#9a5b00;--amber-soft:#9a5b0017;--line:#cdd6df;--card:#fff;--on-green:#fff;--serif:"Newsreader", Georgia, "Times New Roman", serif;--sans:"Instrument Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#161a21;--grid:#232a35;--ink:#e6e9ef;--muted:#9aa3b2;--blue:#93a9ff;--blue-soft:#93a9ff1a;--red:#ff6e73;--red-soft:#ff6e7317;--green:#5ccb91;--green-soft:#5ccb911f;--amber:#f2b45a;--amber-soft:#f2b45a1a;--line:#2e3644;--card:#1c212a;--on-green:#0e1a14;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--paper:#161a21;--grid:#232a35;--ink:#e6e9ef;--muted:#9aa3b2;--blue:#93a9ff;--blue-soft:#93a9ff1a;--red:#ff6e73;--red-soft:#ff6e7317;--green:#5ccb91;--green-soft:#5ccb911f;--amber:#f2b45a;--amber-soft:#f2b45a1a;--line:#2e3644;--card:#1c212a;--on-green:#0e1a14;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);color:var(--ink);font-family:var(--sans);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;background-size:24px 24px;min-height:100dvh;font-size:16px;line-height:1.5}a,button,input,select,label,summary{touch-action:manipulation}[hidden]{display:none!important}button,input,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--blue)}:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:4px}.sv,.serif{font-family:var(--serif)}.muted{color:var(--muted)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.topbar{z-index:10;padding:calc(10px + env(safe-area-inset-top,0px)) max(20px, env(safe-area-inset-right,0px)) 10px max(20px, env(safe-area-inset-left,0px));background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line);align-items:center;gap:16px;display:flex;position:sticky;top:0}.brand{font-family:var(--serif);color:var(--ink);letter-spacing:-.01em;font-size:1.5rem;font-weight:600;text-decoration:none}.nav{gap:4px;margin-left:auto;display:flex}.nav a{min-height:44px;color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-weight:500;text-decoration:none;display:inline-flex}.nav a:hover{color:var(--ink);background:var(--blue-soft)}.nav a[aria-current=page]{color:var(--ink);background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}.settings-link{width:44px;height:44px;color:var(--muted);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:1.2rem;text-decoration:none;display:inline-flex}.settings-link:hover,.settings-link[aria-current=page]{color:var(--ink);background:var(--blue-soft)}main{max-width:760px;padding:32px max(20px, env(safe-area-inset-right,0px)) 96px max(20px, env(safe-area-inset-left,0px));margin:0 auto}main.wide{max-width:1040px}@media (width<=640px){.topbar{padding:calc(8px + env(safe-area-inset-top,0px)) 16px 8px;-webkit-backdrop-filter:none;background:var(--paper)}.seg{border-radius:16px;grid-template-columns:1fr 1fr;width:100%;display:grid}.seg button{border-radius:12px}.nav{z-index:10;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));background:var(--card);border-top:1px solid var(--line);justify-content:space-around;gap:0;margin:0;position:fixed;bottom:0;left:0;right:0}.nav a{flex:1;justify-content:center;min-width:0;padding:0 2px;font-size:.8rem}.settings-link{margin-left:auto}.nav a[aria-current=page]{box-shadow:none;background:var(--blue-soft)}main{padding:20px 16px calc(96px + env(safe-area-inset-bottom,0px))}}h1{font-family:var(--serif);letter-spacing:-.01em;overflow-wrap:anywhere;margin:0 0 .3em;font-size:clamp(2.3rem,8vw,3.4rem);font-weight:600;line-height:1}h2{font-family:var(--serif);margin:0 0 12px;font-size:1.45rem;font-weight:600}.lede{color:var(--muted);max-width:60ch;margin:0 0 28px}.sheet{background:var(--card);border:1px solid var(--line);border-radius:4px;padding:22px 24px}.sheet+.sheet,.stack>*+*{margin-top:20px}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.row+.row{margin-top:16px}.spacer{flex:1}.note{color:var(--muted);margin:14px 0 0;font-size:.92rem}.btn{border:1.5px solid var(--ink);background:var(--ink);min-height:46px;color:var(--paper);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:600;text-decoration:none;display:inline-flex}.btn.ghost{color:var(--ink);background:0 0}.btn.small{min-height:38px;padding:6px 14px;font-size:.95rem}.btn:disabled{opacity:.35;cursor:not-allowed}.link{color:var(--muted);text-underline-offset:3px;background:0 0;border:0;min-height:44px;padding:8px 4px;text-decoration:underline}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--card);min-height:40px;color:var(--muted);border-radius:999px;padding:6px 14px;font-size:.95rem}.chip[aria-pressed=true]{border-color:var(--blue);color:var(--blue);background:var(--blue-soft);font-weight:600}.seg{border:1px solid var(--line);background:var(--card);border-radius:999px;flex-wrap:wrap;padding:3px;display:inline-flex}.seg button{min-height:40px;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:6px 14px}.seg button[aria-pressed=true]{background:var(--ink);color:var(--paper);font-weight:600}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:var(--muted);font-size:.9rem}.input{border:1.5px solid var(--line);background:var(--card);border-radius:8px;width:100%;min-height:46px;padding:10px 14px}.input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft);outline:none}.check{cursor:pointer;align-items:center;gap:10px;min-height:44px;display:flex}.check input{width:20px;height:20px;accent-color:var(--blue);flex:none}.stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;display:grid}.stat{background:var(--card);border:1px solid var(--line);border-radius:4px;padding:14px 16px}.stat b{font-family:var(--serif);font-variant-numeric:tabular-nums;font-size:2rem;font-weight:600;line-height:1.1;display:block}.stat span{color:var(--muted);font-size:.9rem}.topics{margin:0;padding:0;list-style:none}.topics li{border-bottom:1px solid var(--line)}.topics li:last-child{border-bottom:0}.topics label{cursor:pointer;align-items:center;gap:12px;min-height:48px;padding:10px 2px;display:flex}.topics input{width:20px;height:20px;accent-color:var(--blue);flex:none}.topics .name{flex:1}.topics .sv{color:var(--muted);font-style:italic}.topics .count{color:var(--muted);font-variant-numeric:tabular-nums}.boxes{vertical-align:middle;gap:3px;display:inline-flex}.boxes i{background:var(--line);border-radius:50%;width:7px;height:7px}.boxes i.on{background:var(--green)}.bar{background:var(--line);border-radius:2px;height:3px;margin-bottom:20px;overflow:hidden}.bar span{background:var(--blue);height:100%;transition:width .3s;display:block}.meta{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:.92rem;display:flex}.prompt{font-family:var(--serif);overflow-wrap:anywhere;margin:0 0 6px;font-size:clamp(1.45rem,4.6vw,1.95rem);line-height:1.3}.prompt.en{font-family:var(--sans);font-size:clamp(1.25rem,4vw,1.6rem);font-weight:500}.prompt .gap{border-bottom:2px solid var(--ink);min-width:3.2em;display:inline-block;transform:translateY(-.15em)}.hint{color:var(--muted);margin:0 0 22px}.opts{gap:4px;margin:0;padding:0;list-style:none;display:grid}.opt{text-align:left;width:100%;min-height:52px;color:var(--ink);font-family:var(--serif);background:0 0;border:0;border-radius:6px;align-items:baseline;gap:14px;padding:12px 10px;font-size:1.25rem;line-height:1.35;display:flex;position:relative}.opt.en{font-family:var(--sans);font-size:1.1rem}.opt:hover:not(:disabled){background:var(--blue-soft)}.opt:disabled{cursor:default}.opt .l{text-align:center;width:1.6em;font-family:var(--sans);color:var(--muted);flex:none;font-size:1rem;font-weight:600;position:relative}.opt svg.ring{pointer-events:none;width:2.4em;height:2.1em;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-52%)rotate(-6deg)}.opt svg.ring path{fill:none;stroke:var(--blue);stroke-width:2.2px;stroke-linecap:round;stroke-dasharray:140;stroke-dashoffset:140px;animation:.45s ease-out forwards draw}.opt.picked .l{color:var(--blue)}.mark{font-family:var(--sans);color:var(--red);margin-left:auto;font-size:1.25rem;font-weight:600;transform:rotate(-8deg)}.opt.correct{background:var(--green-soft)}.opt.correct .mark{color:var(--green)}.opt.wrong{background:var(--red-soft)}@keyframes draw{to{stroke-dashoffset:0}}.explain{border-left:3px solid var(--red);background:var(--red-soft);border-radius:0 6px 6px 0;margin-top:18px;padding:14px 16px}.explain strong{color:var(--red)}.explain.ok{border-left-color:var(--green);background:0 0}.explain.ok strong{color:var(--green)}.explain.almost{border-left-color:var(--amber);background:var(--amber-soft)}.explain.almost strong{color:var(--amber)}.explain .sv{font-size:1.1em}.next-row{justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.kbd{color:var(--muted);font-size:.85rem}@media (hover:none) and (width<=640px){.kbd{display:none}}.answer-form{gap:10px;display:flex}.answer-form .input{font-family:var(--serif);font-size:1.35rem}.answer-form .input.ok{border-color:var(--green);background:var(--green-soft)}.answer-form .input.bad{border-color:var(--red);background:var(--red-soft)}.answer-form .input.almost{border-color:var(--amber);background:var(--amber-soft)}.swkeys{gap:8px;margin-top:10px;display:flex}.swkeys button{border:1px solid var(--line);background:var(--card);min-width:52px;min-height:46px;font-family:var(--serif);border-radius:8px;font-size:1.3rem}.swkeys button:active{background:var(--blue-soft)}.flash{text-align:center;background:var(--card);border:1px solid var(--line);width:100%;min-height:240px;color:var(--ink);border-radius:6px;padding:28px 24px;display:block}.flash .front{font-family:var(--serif);overflow-wrap:anywhere;font-size:clamp(1.8rem,6vw,2.6rem);line-height:1.2}.flash .front.en{font-family:var(--sans);font-size:clamp(1.4rem,5vw,2rem);font-weight:500}.flash .note{margin-top:6px}.flash hr{border:0;border-top:1px dashed var(--line);width:60%;margin:20px auto}.flash .back{font-family:var(--serif);overflow-wrap:anywhere;font-size:clamp(1.3rem,4.5vw,1.8rem)}.flash .back.en{font-family:var(--sans);font-size:clamp(1.15rem,4vw,1.45rem)}.flash .tap{color:var(--muted);margin-top:26px;font-size:.95rem}.grade{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.grade .btn.again{color:var(--red);border-color:var(--red);background:0 0}.grade .btn.know{background:var(--green);border-color:var(--green);color:var(--on-green)}.grade .btn .kbd{color:inherit;opacity:.7}.score{font-family:var(--serif);margin:0;font-size:clamp(3.4rem,14vw,5.5rem);line-height:1}.score small{color:var(--muted);font-size:.4em}.verdict{color:var(--muted);margin:8px 0 24px}.breakdown{margin:0;padding:0;list-style:none}.breakdown li{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:4px 12px;padding:10px 0;display:grid}.breakdown .track{background:var(--line);border-radius:3px;grid-column:1/-1;height:6px;overflow:hidden}.breakdown .track span{background:var(--blue);height:100%;display:block}.breakdown .track span.low{background:var(--red)}.breakdown .n{font-variant-numeric:tabular-nums;color:var(--muted)}.mist{margin:16px 0 0;padding:0;list-style:none}.mist li{border-bottom:1px solid var(--line);padding:12px 0}.mist .q{font-family:var(--serif);font-size:1.1rem}.mist .q.en{font-family:var(--sans);font-size:1rem;font-weight:500}.mist .a{color:var(--muted);font-size:.95rem}.mist .a b{color:var(--ink)}.table-wrap{background:var(--card);border:1px solid var(--line);-webkit-overflow-scrolling:touch;border-radius:4px;overflow-x:auto}table.data{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}table.data th,table.data td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 12px}table.data th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--card);font-size:.82rem;font-weight:600;position:sticky;top:0}table.data td.sv{white-space:nowrap;font-size:1.12rem}table.data tbody tr.verb{cursor:pointer}table.data tbody tr.verb:hover{background:var(--blue-soft)}table.data tr.detail td{background:var(--paper)}table.data th:first-child,table.data td:first-child{background:var(--card);z-index:1;position:sticky;left:0}table.data tr.verb:hover td:first-child{background:color-mix(in srgb, var(--card) 92%, var(--blue))}table.data tr.detail td:first-child{background:var(--paper);position:static}.badge{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:.78rem;display:inline-block}.empty{text-align:center;color:var(--muted);padding:28px}.wordlist{margin:0;padding:0;list-style:none}.wordlist li{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:baseline;gap:12px;padding:10px 4px;display:grid}.wordlist .sv{overflow-wrap:anywhere;font-size:1.12rem}.wordlist .en{color:var(--muted);overflow-wrap:anywhere}.wordlist .ex{color:var(--muted);overflow-wrap:anywhere;grid-column:1/-1;margin-top:-6px;font-size:.88rem}.wordlist .actions{gap:6px;display:flex}.wordlist li.editing{padding:16px 4px;display:block}.deck-form{flex-direction:column;gap:14px;display:flex}.deck-form h2{margin:0}.deck-form textarea{resize:vertical;font:inherit;color:inherit}.import-options{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px;display:grid}@media (width<=480px){.import-options{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.opt svg.ring path{stroke-dashoffset:0;animation:none}.bar span{transition:none}}@media (width<=480px){.sheet{padding:18px 16px}.opt{font-size:1.15rem}.wordlist li{grid-template-columns:1fr auto}.wordlist .en{grid-column:1/2}}.sv-inline{font-family:var(--serif);font-size:1.06em}.crumbs{color:var(--muted);margin:0 0 6px;font-size:.92rem}.crumbs a{color:var(--muted)}.form-error{color:var(--red);margin:12px 0 0}.lessons{gap:10px;margin:0;padding:0;list-style:none;display:grid}.lesson-card{background:var(--card);border:1px solid var(--line);min-height:64px;color:var(--ink);border-radius:4px;align-items:center;gap:16px;padding:16px 18px;text-decoration:none;display:flex}.lesson-card:hover{border-color:var(--blue)}.lesson-card .num{font-family:var(--serif);color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;flex:none;width:1.6em;font-size:1.6rem}.lesson-card .body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.lesson-card .title{font-size:1.05rem;font-weight:600}.lesson-card .title .sv{color:var(--muted);font-style:italic;font-weight:400}.meter{background:var(--line);border-radius:2px;max-width:280px;height:4px;margin-top:6px;display:block;overflow:hidden}.meter span{background:var(--green);height:100%;display:block}.badge.weak{border-color:var(--amber);color:var(--amber)}.lesson h3{margin:18px 0 4px;font-size:1.05rem}.lesson .rule:first-of-type h3{margin-top:0}.lesson .rule p{margin:0 0 10px}.table-wrap.inset{box-shadow:none;margin:6px 0 14px}table.rule-table td{font-family:var(--serif);font-size:1.05rem}table.rule-table th:first-child,table.rule-table td:first-child{position:static}.examples{margin:0;padding:0;list-style:none}.examples li{border-bottom:1px solid var(--line);align-items:flex-start;gap:10px;padding:8px 0;display:flex}.examples li:last-child{border-bottom:0}.examples .sv{font-size:1.12rem}.note-inline{color:var(--muted);font-size:.92rem}.mistakes{margin:0;padding:0;list-style:none}.mistakes li{border-bottom:1px solid var(--line);padding:12px 0}.mistakes li:last-child{border-bottom:0}.wrong-line{font-family:var(--serif);color:var(--red);font-size:1.1rem}.wrong-line s{text-decoration-thickness:1.5px}.right-line{font-family:var(--serif);color:var(--green);font-size:1.1rem}.mark-x,.mark-ok{font-family:var(--sans);width:1.2em;font-weight:600;display:inline-block}.pager{margin-top:8px}.listen{border:1px solid var(--line);background:var(--card);width:44px;height:44px;color:var(--blue);vertical-align:middle;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.listen.small{width:36px;height:36px;margin:-4px 0}.listen:hover:not(:disabled){background:var(--blue-soft)}.listen:disabled{color:var(--muted);opacity:.5;cursor:not-allowed}.prompt-row{align-items:flex-start;gap:10px;display:flex}.prompt-row .prompt{flex:1}.outlink{color:var(--ink);justify-content:space-between;align-items:center;gap:12px;text-decoration:none;display:flex}.outlink:hover{border-color:var(--blue)}.reading .text-body{padding-top:10px}.reading .para p[lang=sv]{font-family:var(--serif);margin:12px 0;font-size:1.28rem;line-height:1.7}.reading .translation{color:var(--muted);border-left:2px solid var(--line);margin:-4px 0 14px;padding-left:12px}.w{font:inherit;color:inherit;cursor:pointer;-webkit-text-decoration:underline dotted var(--line);text-decoration:underline dotted var(--line);text-underline-offset:5px;background:0 0;border:0;border-radius:3px;margin:0;padding:0 1px}.w:hover{background:var(--blue-soft)}.w.on{background:var(--blue-soft);color:var(--blue);-webkit-text-decoration-color:var(--blue);text-decoration-color:var(--blue)}.dock{z-index:5;gap:8px;display:grid;position:sticky;bottom:12px}.dock:empty{display:none}.gloss{background:var(--card);border:1.5px solid var(--blue);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:12px 16px;display:flex;box-shadow:0 6px 24px #0000001f}.gloss-main{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.gloss-main .sv{font-size:1.35rem}.gloss-en{font-weight:600}@media (width<=640px){.dock{bottom:calc(76px + env(safe-area-inset-bottom,0px))}}.activity{border-bottom:1px solid var(--line);align-items:flex-end;gap:2px;height:80px;margin:22px 0 4px;display:flex}.activity .day{flex-direction:column;flex:1;justify-content:flex-end;height:100%;display:flex;position:relative}.activity .day span{background:var(--blue);border-radius:4px 4px 0 0;min-height:0;display:block}.activity .day b{text-align:center;color:var(--ink);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:600;position:absolute;left:0;right:0}.activity .day:hover span{opacity:.75}.activity-axis{color:var(--muted);justify-content:space-between;font-size:.8rem;display:flex}.topic-progress{margin:0;padding:0;list-style:none}.topic-progress li{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:4px 12px;padding:9px 0;display:grid}.topic-progress li:last-child{border-bottom:0}.topic-progress .track{background:var(--line);border-radius:4px;grid-column:1/-1;gap:2px;height:8px;display:flex;overflow:hidden}.topic-progress .track .learned{background:var(--blue)}.topic-progress .track .seen{background:color-mix(in srgb, var(--blue) 35%, var(--card))}.topic-progress a{color:var(--ink);text-decoration:none}.topic-progress a:hover{text-decoration:underline}.topic-progress .n{color:var(--muted);font-variant-numeric:tabular-nums}.legend{color:var(--muted);gap:16px;margin-top:10px;font-size:.85rem;display:flex}.legend i{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:6px;display:inline-block}.listen.small,.btn.small,.chip{position:relative}.listen.small:before,.btn.small:before,.chip:before{content:"";position:absolute;inset:-4px}.w{position:relative}.w:after{content:"";position:absolute;inset:-8px -2px}.play-row{flex-wrap:wrap;gap:10px;margin:4px 0 18px;display:flex}.btn.play{min-width:140px}.btn.play svg{margin-left:-4px}mark.spoken,.w.spoken,span.spoken{background:color-mix(in srgb, var(--blue) 22%, transparent);color:inherit;box-shadow:0 0 0 2px color-mix(in srgb, var(--blue) 22%, transparent);border-radius:3px}.sync-now{background:var(--blue-soft);box-shadow:0 0 0 6px var(--blue-soft);border-radius:6px}.para{transition:background .2s}.diff{flex-wrap:wrap;gap:6px 8px;margin:10px 0 12px;padding:0;list-style:none;display:flex}.diff li{font-family:var(--serif);border-radius:4px;padding:1px 6px;font-size:1.15rem}.diff s{color:var(--red);margin-right:2px;text-decoration-thickness:1.5px}.diff .w-ok{color:var(--ink)}.diff .w-diacritics{background:var(--amber-soft)}.diff .w-wrong{background:var(--red-soft)}.diff .w-missing{color:var(--red);-webkit-text-decoration:underline dashed var(--red);text-decoration:underline dashed var(--red);text-underline-offset:4px}.diff .w-extra{opacity:.8}.dictation-sentence{font-family:var(--serif);margin:0 0 4px;font-size:1.2rem}@media (prefers-reduced-motion:reduce){.para{transition:none}}.update-bar{left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:20;background:var(--ink);width:max-content;max-width:calc(100% - 24px);color:var(--paper);border-radius:12px;align-items:center;gap:12px;padding:10px 12px 10px 16px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 6px 24px #0003}.update-bar .btn{background:var(--paper);color:var(--ink);border-color:var(--paper)}.update-bar .later{color:var(--paper);opacity:.8;min-height:44px;padding:0 4px}@media (width<=640px){.update-bar{bottom:calc(80px + env(safe-area-inset-bottom,0px))}}.signin-code{gap:10px;max-width:360px;display:grid}.signin-code .row{margin:0}.order-line{border:1px dashed var(--line);background:var(--card);border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;min-height:64px;margin:18px 0 14px;padding:10px 12px;display:flex}.order-line.correct{border:1.5px solid var(--green)}.order-line.wrong{border:1.5px solid var(--red)}.order-line .end{font-family:var(--serif);margin-left:-6px;font-size:1.3rem}.order-line .mark{margin-left:auto;font-size:1.4rem;font-weight:700}.order-line.correct .mark{color:var(--green)}.order-line.wrong .mark{color:var(--red)}.tiles{flex-wrap:wrap;gap:10px;margin-bottom:8px;display:flex}.tile{border:1px solid var(--line);background:var(--paper);min-height:44px;color:var(--ink);font-family:var(--serif);cursor:pointer;border-radius:6px;align-items:center;padding:6px 14px;font-size:1.2rem;display:inline-flex;position:relative}.tile:hover:not(:disabled){border-color:var(--blue)}.tile.in{background:var(--blue-soft);border-color:var(--blue)}.tile.in:disabled{cursor:default}.tile.start{cursor:default;color:var(--muted);border-style:dotted}.tile .key{font-family:var(--sans);color:var(--muted);font-size:.6rem;position:absolute;top:2px;left:4px}@media (hover:none){.tile .key{display:none}}.games{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.game-card{text-align:left;background:var(--card);border:1px solid var(--line);width:100%;height:100%;color:var(--ink);border-radius:6px;flex-direction:column;gap:6px;min-height:120px;padding:16px 18px;display:flex}.game-card:hover{border-color:var(--blue)}a.game-card{text-decoration:none}a.chip{color:inherit;align-items:center;text-decoration:none;display:inline-flex}.game-card .sv{font-family:var(--serif);color:var(--muted);font-style:italic}.game-card b{font-size:1.08rem}.game-card .muted{font-size:.92rem}.game-card .badge{align-self:flex-start;margin-top:auto}.game-card .best{color:var(--green);font-size:.85rem}.game-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.game-title{flex:1;min-width:0}.game-title .sv{font-family:var(--serif);color:var(--muted);font-style:italic}.game-stats{color:var(--muted);font-variant-numeric:tabular-nums;gap:12px;display:flex}.game-live{gap:12px;display:flex}.game-time{color:var(--ink);font-weight:600}.game-time.low{color:var(--red)}.game-end .new-best{color:var(--green);font-weight:600}.game-end .row{margin-bottom:16px}.narration{background:var(--card);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:8px 12px;display:flex;box-shadow:0 6px 24px #0000001a}.narration-pos{min-width:120px;accent-color:var(--blue);flex:1;height:44px;margin:0}.narration-time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.92rem}.narration-error{color:var(--red);flex-basis:100%;margin:0;font-size:.92rem}.credits p{margin:0 0 8px}@media (width<=480px){.narration{flex-wrap:nowrap;gap:6px;padding:6px 8px}.narration-time{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.narration-pos{min-width:60px}.narration-error{background:var(--card);border-radius:8px;padding:6px 8px;position:absolute;bottom:100%;left:0;right:0}.narration{position:relative}}