:root{--paperi: #f4efe3;--paperi-varjo: #d9d0bc;--muste: #141414;--pinkki: #ff48b0;--sininen: #1f4bff;--keltainen: #ffe800;--violetti: #4a1f7a;--viiva: 3px;--kohdistus: 3px;--leveys: 560px;--otsikko: "Archivo Black", "Arial Black", system-ui, sans-serif;--leipa: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "Space Mono", ui-monospace, Menlo, monospace;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--paperi: #141414;--paperi-varjo: #2a2a2a;--muste: #f4efe3;color-scheme:dark}}:root[data-theme=dark]{--paperi: #141414;--paperi-varjo: #2a2a2a;--muste: #f4efe3;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--paperi);color:var(--muste);font:16px/1.5 var(--leipa);-webkit-text-size-adjust:100%}body{background-image:radial-gradient(color-mix(in srgb,var(--muste) 7%,transparent) .6px,transparent .7px);background-size:5px 5px}button,input{font:inherit;color:inherit}a{color:inherit}.app{max-width:var(--leveys);margin:0 auto;padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) calc(84px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));min-height:100dvh}.lehti{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 10px;border-bottom:var(--viiva) solid var(--muste);margin-bottom:18px}.logo{font:22px/1 var(--otsikko);letter-spacing:-.02em;text-decoration:none;text-transform:lowercase}.logo b{color:var(--pinkki)}.taso-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:2px solid var(--muste);background:var(--paperi-varjo);font:700 12px/1.2 var(--mono);text-decoration:none;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navi{position:fixed;left:0;right:0;bottom:0;z-index:10;background:var(--paperi);border-top:var(--viiva) solid var(--muste);padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.navi ul{display:grid;grid-template-columns:repeat(6,1fr);max-width:var(--leveys);margin:0 auto;padding:0;list-style:none}.navi a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 2px 8px;font:700 11px/1 var(--leipa);text-transform:uppercase;letter-spacing:.04em;text-decoration:none}.navi a .ikoni{font:20px/1 var(--otsikko)}.navi a[aria-current=page]{background:var(--muste);color:var(--paperi)}h1,h2,h3{font-family:var(--otsikko);font-weight:400;text-transform:uppercase;line-height:.95;letter-spacing:-.01em;margin:0 0 10px}h1{font-size:clamp(30px,9vw,44px)}h2{font-size:24px}h3{font-size:17px}.kallistus{display:inline-block;transform:rotate(-2deg)}.alaotsikko{font-weight:600;margin:0 0 16px}.hiljaa{opacity:.72}.pieni{font-size:13px}.mono{font-family:var(--mono)}.laatikko{border:var(--viiva) solid var(--muste);background:var(--paperi);padding:16px;margin:0 0 16px;box-shadow:var(--kohdistus) var(--kohdistus) 0 var(--sininen)}.laatikko.pinkki{box-shadow:var(--kohdistus) var(--kohdistus) 0 var(--pinkki)}.laatikko.sininen-pinta{background:var(--sininen);color:#f4efe3;box-shadow:var(--kohdistus) var(--kohdistus) 0 var(--pinkki)}.laatikko.keltainen-pinta{background:var(--keltainen);color:#141414}.rasteri{background-image:radial-gradient(color-mix(in srgb,var(--pinkki) 55%,transparent) 1.2px,transparent 1.4px);background-size:7px 7px}.nappi{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 18px;border:var(--viiva) solid #141414;background:var(--pinkki);color:#141414;font:17px/1 var(--otsikko);text-transform:uppercase;text-decoration:none;cursor:pointer;box-shadow:var(--kohdistus) var(--kohdistus) 0 var(--sininen);transition:transform 80ms ease,box-shadow 80ms ease}.nappi:active:not(:disabled){transform:translate(var(--kohdistus),var(--kohdistus));box-shadow:0 0 0 var(--sininen)}.nappi:disabled{opacity:.5;cursor:default}.nappi.levea{width:100%}.nappi.toissijainen{background:var(--paperi);color:var(--muste);border-color:var(--muste)}.nappi.keltainen{background:var(--keltainen)}.nappi.pieni{min-height:38px;padding:6px 12px;font-size:14px}.linkki{background:none;border:0;padding:6px 0;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;cursor:pointer}.rivi{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.rivi.valit{justify-content:space-between}:focus-visible{outline:3px solid var(--sininen);outline-offset:2px}.leima{display:inline-block;padding:6px 12px 4px;border:4px solid var(--pinkki);color:var(--pinkki);font:700 clamp(40px,14vw,64px) / 1 var(--mono);transform:rotate(-4deg);mix-blend-mode:multiply;letter-spacing:-.03em}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .leima{mix-blend-mode:screen}}.leima small{font-size:.4em}.leima.sininen{border-color:var(--sininen);color:var(--sininen)}.kuva{display:block;width:100%;height:auto}.kuva-korvike{display:grid;place-items:center;width:100%;aspect-ratio:var(--suhde, 3 / 2);border:2px dashed var(--muste);background-color:var(--paperi-varjo);background-image:radial-gradient(color-mix(in srgb,var(--sininen) 40%,transparent) 1px,transparent 1.3px);background-size:6px 6px;font:700 12px/1.3 var(--mono);text-align:center;padding:10px;text-transform:uppercase}.kuva-korvike span{background:var(--paperi);padding:2px 6px;border:2px solid var(--muste)}.badge{width:64px;height:64px;flex:none}.badge .kuva-korvike{aspect-ratio:1;border-radius:50%;font-size:18px;padding:0}.kortti{border:var(--viiva) solid var(--muste);background:var(--paperi);box-shadow:var(--kohdistus) var(--kohdistus) 0 var(--sininen);padding:16px;margin-bottom:16px}.kortti-yla{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.lappu{display:inline-block;padding:2px 8px;border:2px solid var(--muste);font:700 11px/1.4 var(--mono);text-transform:uppercase}.lappu.T{background:var(--sininen);color:#f4efe3;border-color:var(--sininen)}.lappu.M{background:var(--pinkki);color:#141414;border-color:var(--pinkki)}.lappu.R{background:var(--keltainen);color:#141414}.lappu.vanha{border-style:dashed}.aineisto{border-left:6px solid var(--sininen);background:var(--paperi-varjo);padding:10px 12px;margin:0 0 12px}.aineisto summary{cursor:pointer;font-weight:700}.kysymys{font-size:18px;font-weight:600;margin:0 0 14px}.vaihtoehdot{display:grid;gap:10px;margin:0;padding:0;list-style:none}.vaihtoehto{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;width:100%;text-align:left;min-height:48px;padding:10px 12px;border:var(--viiva) solid var(--muste);background:var(--paperi);cursor:pointer;line-height:1.35}.vaihtoehto .kirjain{display:grid;place-items:center;width:30px;height:30px;border:2px solid var(--muste);font:700 15px/1 var(--mono)}.vaihtoehto[aria-pressed=true]{background:var(--muste);color:var(--paperi)}.vaihtoehto[aria-pressed=true] .kirjain{border-color:var(--paperi)}.vaihtoehto.oikein{background:var(--keltainen);color:#141414}.vaihtoehto.oikein .kirjain{border-color:#141414}.vaihtoehto.vaarin{background:var(--pinkki);color:#141414;text-decoration:line-through;text-decoration-thickness:2px}.vaihtoehto.vaarin .kirjain{border-color:#141414}.vaihtoehto:disabled{cursor:default}.harhautus{grid-column:2;font-size:14px;font-weight:400;text-decoration:none;display:block;margin-top:4px}.palaute{margin-top:14px;padding:12px;border:var(--viiva) solid var(--muste)}.palaute.hyva{background:var(--keltainen);color:#141414}.palaute.huono{background:var(--pinkki);color:#141414}.palaute.ohi{background:var(--paperi-varjo)}.selitys{margin-top:12px}.lukittu{position:relative;margin-top:12px;padding:12px;border:2px dashed var(--muste)}.lukittu .sumea{filter:blur(4px);-webkit-user-select:none;user-select:none;pointer-events:none}.kello{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 -16px 14px;padding:10px 16px;background:var(--muste);color:var(--paperi);font:700 15px/1 var(--mono)}.kello .aika{font:700 26px/1 var(--mono)}.kello.kiire .aika{color:var(--pinkki)}.tehtavalista{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0 0 16px;padding:0;list-style:none}.tehtava{width:100%;min-height:72px;text-align:left;padding:10px;border:var(--viiva) solid var(--muste);background:var(--paperi);cursor:pointer;display:grid;gap:4px}.tehtava b{font:22px/1 var(--otsikko)}.tehtava span{font:700 12px/1.2 var(--mono);text-transform:uppercase}.tehtava.tehty{background:var(--muste);color:var(--paperi)}.tehtava.ohitettu{background:var(--paperi-varjo)}.tehtava.palaan{box-shadow:inset 0 0 0 4px var(--pinkki)}.lista{margin:0;padding:0;list-style:none;border-top:var(--viiva) solid var(--muste)}.lista li{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:10px 4px;border-bottom:2px solid var(--muste)}.lista li.mina{background:var(--keltainen);color:#141414}.lista .sija{font:700 20px/1 var(--mono);text-align:right}.lista .nimi{font-weight:700;overflow-wrap:anywhere}.lista .koulu{display:block;font-weight:400;font-size:13px}.lista .pisteet{font:700 18px/1 var(--mono);text-align:right}.monokkeli{display:inline-block;margin-left:6px;padding:0 6px;background:var(--keltainen);color:#141414;border:2px solid #141414;font:700 10px/1.5 var(--mono);text-transform:uppercase;vertical-align:2px}.valilehdet{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border:var(--viiva) solid var(--muste);margin-bottom:14px}.valilehdet button{padding:10px 4px;border:0;background:var(--paperi);font:700 13px/1 var(--leipa);text-transform:uppercase;cursor:pointer}.valilehdet button+button{border-left:var(--viiva) solid var(--muste)}.valilehdet button[aria-selected=true]{background:var(--muste);color:var(--paperi)}.mittari{height:16px;border:2px solid var(--muste);background:var(--paperi);overflow:hidden}.mittari>span{display:block;height:100%;background:var(--sininen)}.mittari.pinkki>span{background:var(--pinkki)}.alueet{display:grid;gap:10px;margin:0;padding:0;list-style:none}.alueet li{display:grid;gap:4px}.alueet .otsake{display:flex;justify-content:space-between;gap:8px;font-size:14px}.tutka{width:100%;max-width:420px;display:block;margin:0 auto}.tutka text{font:700 10px var(--mono);fill:var(--muste)}.tasokartta{display:grid;gap:10px;margin:0;padding:0;list-style:none}.tasokartta li{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;padding:10px;border:2px solid var(--muste)}.tasokartta li.nyt{background:var(--keltainen);color:#141414;border-width:var(--viiva)}.tasokartta li.lukossa{opacity:.55}.tasokartta .numero{font:26px/1 var(--otsikko);text-align:center}.sumu{filter:blur(3px)}.badget{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin:0;padding:0;list-style:none}.badget li{display:grid;justify-items:center;text-align:center;gap:6px;padding:10px 8px;border:2px solid var(--muste);font-size:13px}.badget li.lukossa{opacity:.45;border-style:dashed}.badget li b{font-size:14px}.jonne{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;margin:0 0 16px}.jonne .puhe{position:relative;padding:10px 12px;border:var(--viiva) solid var(--muste);background:var(--paperi);font-weight:600}.jonne .kuva-korvike{aspect-ratio:2 / 3;font-size:10px}.paahdin{position:fixed;top:calc(8px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:30;width:min(92vw,420px);display:grid;gap:8px;pointer-events:none}.paahto{pointer-events:auto;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;width:100%;padding:10px 12px;text-align:left;background:var(--keltainen);color:#141414;border:var(--viiva) solid #141414;box-shadow:var(--kohdistus) var(--kohdistus) 0 var(--pinkki);transform:rotate(-1deg);cursor:pointer;animation:paahto-sisaan .45s cubic-bezier(.2,1.4,.4,1) both}.paahto.tieto{grid-template-columns:1fr;font-weight:700}.paahto.taso{background:var(--sininen);color:#fff;box-shadow:var(--kohdistus) var(--kohdistus) 0 var(--keltainen)}.paahto-kuva{width:52px}.paahto-kuva .kuva-korvike{font-size:22px}.paahto-teksti{display:grid;gap:2px;line-height:1.25}.paahto-teksti small{font:700 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em}.paahto-teksti b{font:20px/1 var(--otsikko);text-transform:uppercase}.paahto-teksti span{font-size:13px}@keyframes paahto-sisaan{0%{opacity:0;transform:translateY(-120%) rotate(-4deg)}to{opacity:1;transform:translateY(0) rotate(-1deg)}}@media (prefers-reduced-motion: reduce){.paahto{animation:paahto-hiljaa .3s ease both}@keyframes paahto-hiljaa{0%{opacity:0}to{opacity:1}}.op-plus{animation:none!important}}.virhe{padding:10px 12px;border:var(--viiva) solid var(--muste);background:var(--pinkki);color:#141414;font-weight:600}.odota{font:700 14px/1.4 var(--mono);text-transform:uppercase}.kentta{display:grid;gap:6px;margin:0 0 12px}.kentta label{font-weight:700}.kentta input,.kentta select{min-height:48px;padding:10px 12px;border:var(--viiva) solid var(--muste);background:var(--paperi);font-size:17px}.valinnat{list-style:none;padding:0;margin:0 0 12px}.valinnat li{padding:8px 0;border-bottom:1px solid var(--paperi-varjo)}.valinnat label{display:block;cursor:pointer}.valinnat input[type=checkbox]{width:20px;height:20px;vertical-align:-4px;accent-color:var(--pinkki)}.kentta select{color:var(--muste);font:inherit}.ohje{margin:0 0 10px;padding-left:22px}.ohje li{margin:4px 0}.tasot-hinnat{display:grid;gap:16px}.tasot-hinnat .laatikko ul{margin:8px 0 12px;padding-left:20px}.hinta{font:700 28px/1 var(--mono)}@media (min-width: 720px){.app{padding-top:12px}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}.pallot{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:0 0 14px;padding:0;list-style:none}.pallot li{display:grid;place-items:center;height:36px;border:var(--viiva) solid var(--muste);font:700 14px/1 var(--mono)}.pallot li.nyt{box-shadow:inset 0 0 0 3px var(--sininen)}.pallot li.oikein{background:var(--keltainen);color:#141414}.pallot li.vaarin{background:var(--pinkki);color:#141414}.pallot li.ohi{background:var(--paperi-varjo)}.teksti>p{margin:0 0 .7em}.teksti>p:last-child{margin-bottom:0}.teksti sub,.teksti sup,.vaihtoehto sub,.vaihtoehto sup{font-size:.72em;line-height:0}.taulukko-kehys{overflow-x:auto;margin:.6em 0 .9em;-webkit-overflow-scrolling:touch}.taulukko{border-collapse:collapse;font-size:15px;font-weight:400;font-variant-numeric:tabular-nums;background:var(--paperi);border:2px solid var(--muste);min-width:60%}.taulukko th,.taulukko td{border:1px solid var(--muste);padding:6px 10px;text-align:left;vertical-align:top}.taulukko thead th{background:var(--muste);color:var(--paperi);font-weight:700}.taulukko tbody th{font-weight:600}.taulukko .num{text-align:right;white-space:nowrap}.summa{display:inline-flex;flex-direction:column;align-items:center;vertical-align:middle;line-height:1;margin:0 .15em}.summa-merkki{font-size:1.45em;line-height:1}.summa-yla,.summa-ala{font-size:.62em;line-height:1.1}.juuri{display:inline-flex;align-items:flex-start;white-space:nowrap}.juuri-merkki{font-size:1.15em;line-height:1;margin-right:.05em}.juuri-sisalto{border-top:1.5px solid currentColor;padding:.12em .15em 0;line-height:1.3;white-space:normal}.murto{display:inline-flex;flex-direction:column;align-items:center;vertical-align:middle;margin:0 .15em;line-height:1.25}.murto-yla{padding:0 .2em .08em;border-bottom:1.5px solid currentColor}.murto-ala{padding:.08em .2em 0}.viiva{text-decoration:overline;text-decoration-thickness:1.5px}.kaava-rivi{display:inline-block;max-width:100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap;vertical-align:middle;padding:.1em 0}.mikro-kortti h1{font-size:clamp(38px,12vw,58px)}.laatikko.keltainen-pinta .nappi.toissijainen{background:var(--paperi)}.pelikortit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.pelikortit .laatikko{display:flex;flex-direction:column;margin-bottom:18px}.pelikortit .laatikko h2{margin-bottom:6px;font-size:clamp(17px,4.8vw,30px)}.pelikortit .laatikko{min-width:0;padding-left:12px;padding-right:12px}.pelikortit .nappi{margin-top:auto;width:100%;font-size:15px;padding-left:8px;padding-right:8px}.pelikortit p{margin:0 0 10px}@media (max-width: 340px){.pelikortit{grid-template-columns:1fr}}.mikrokortti{cursor:default;transition:box-shadow .15s}.mikrokortti.oikein{box-shadow:0 0 0 4px var(--keltainen);cursor:pointer}.mikrokortti.vaarin{box-shadow:0 0 0 4px var(--pinkki);cursor:pointer}.mikrokortti .vaihtoehto{grid-template-columns:1fr;font-weight:600;font-size:17px}.mikro .kysymys{font-size:19px}.putki-merkki{color:var(--keltainen)}.lappu.keltainen-lappu{background:var(--keltainen);color:#141414}.teaser{margin-top:10px;padding:10px 12px;border:2px dashed var(--muste);background:color-mix(in srgb,var(--keltainen) 22%,var(--paperi))}.teaser p{margin:0 0 8px}.sumea{filter:blur(4px);-webkit-user-select:none;user-select:none}.lukittu-laatikko{border-style:dashed}.lukitut{font-family:var(--mono)}.op-erittely{text-align:left}.op-plus{margin:0;font:44px/1 var(--otsikko);color:var(--pinkki);animation:op-pomppu .6s cubic-bezier(.2,1.6,.4,1) both}.op-plus small{font-size:22px}@keyframes op-pomppu{0%{transform:scale(.6) rotate(-6deg);opacity:0}to{transform:none;opacity:1}}.op-rivit{margin:10px 0 0;padding:0;list-style:none;border-top:2px solid var(--muste)}.op-rivit li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--paperi-varjo)}.op-rivit b{font-family:var(--mono);white-space:nowrap}.taitokartta{width:100%;border-collapse:collapse;font-size:14px}.taitokartta th,.taitokartta td{border:1px solid var(--muste);padding:5px 6px;text-align:center}.taitokartta td:first-child,.taitokartta th:first-child{text-align:left}.taitokartta td.osattu{background:var(--keltainen);color:#141414;font-weight:700}.taitokartta td.melkein{background:color-mix(in srgb,var(--keltainen) 35%,transparent)}.kehitys{display:flex;align-items:flex-end;gap:4px;height:80px;padding:4px 0;border-bottom:2px solid var(--muste)}.kehitys span{flex:1;background:var(--sininen);min-height:4px}.valilehdet.pienet{margin-top:-6px}.valilehdet.pienet button{font-size:13px;padding:8px 4px}.viikko-lista{grid-template-columns:repeat(5,1fr);gap:6px}.viikko-lista .tehtava{min-height:52px;padding:6px;place-items:center;text-align:center}.seuraava-nappi{display:block;width:100%;margin-top:12px}.aani-valinta{display:inline-flex;gap:8px;align-items:center;font-weight:600;cursor:pointer}.aani-nappi{background:none;border:0;padding:2px 4px;font-size:18px;line-height:1;cursor:pointer}.graafi-taulukko{margin:0 0 14px}.graafi-taulukko figcaption{font-weight:700;font-size:15px;margin-bottom:6px}.graafi-taulukko .taulukko tbody th[scope=row]{position:sticky;left:0;background:var(--paperi);z-index:1}.aloita-ohje{margin:12px 0 14px}.alkuvalmis .jatkopala{margin-top:16px}.alkuvalmis .jatkopala h2{margin-top:0}.raportoi-linkki{display:block;margin:10px 0 0;padding:4px 0;border:none;background:none;color:inherit;font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:3px;opacity:.75;cursor:pointer}.raportoi-linkki:hover{opacity:1}.raportoi{margin-top:12px;padding-top:12px;border-top:2px dashed currentColor;text-align:left}.raportoi fieldset{border:none;margin:0 0 10px;padding:0}.raportoi legend{font-weight:700;margin-bottom:8px}.raportoi-syyt{display:flex;flex-wrap:wrap;gap:6px}.raportoi-syyt label{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:2px solid var(--muste);background:var(--paperi);color:var(--muste);font-size:13px;cursor:pointer}.raportoi-syyt label.valittu{background:var(--keltainen);color:#141414}.raportoi-syyt input{margin:0;accent-color:var(--muste)}.raportoi textarea{width:100%;box-sizing:border-box;font:inherit}.raportoi-kiitos{margin:10px 0 0}