@font-face{font-family:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lilita-one-latin-400-normal-87r-Z-Re.woff2) format("woff2"),url(/assets/lilita-one-latin-400-normal-DXkechA3.woff) format("woff")}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg-1: #e3f5ff;--bg-2: #b9e1fb;--ink: #12335b;--muted: #4d6a8c;--card: rgb(255 255 255 / .82);--line: rgb(18 51 91 / .14);--shadow: rgb(18 51 91 / .2);--btn: #fff;--btn-edge: #b4cfe6;--primary: #ffb703;--primary-edge: #c98600;--primary-ink: #3a2500;--good: #1fa463;--good-bg: #d8f6e5;--bad: #e0453a;--bad-bg: #fde3e0;--hint-bg: #fff1c9;--sea: #8fd3f4;--sea-2: #7cc6ec;--coast: #3f7d52;--nl: #fff6bd;--nl-edge: #d9c86a;--foreign: #e6e3dc;--foreign-edge: #b7b2a6;--halo: rgb(255 255 255 / .92);--water-ink: #1b5ea8;--s0: #dfe7ee;--s1: #ffe58a;--s2: #ffc24a;--s3: #ff9f1c;--zeeland-c0: #55c26b;--zeeland-c1: #a4e27a;--flevoland-c0: #ffd23f;--flevoland-c1: #7fd36a;--display: "Lilita One", "Nunito Variable", system-ui, sans-serif;--body: "Nunito Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--spring: cubic-bezier(.34, 1.56, .64, 1);color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg-1: #0d2340;--bg-2: #123a63;--ink: #eaf5ff;--muted: #9db8d6;--card: rgb(255 255 255 / .08);--line: rgb(255 255 255 / .16);--shadow: rgb(0 0 0 / .4);--btn: #1d4670;--btn-edge: #0b2540;--primary-edge: #b27700;--good-bg: #123f2c;--bad-bg: #4a1f1f;--hint-bg: #4a3b12;--sea: #1e5d8f;--sea-2: #1a527f;--coast: #1c4a2c;--nl: #6d6a42;--nl-edge: #4e4b2c;--foreign: #4a4d52;--foreign-edge: #34373b;--halo: rgb(10 25 45 / .85);--water-ink: #a8d5ff;--s0: #3c5772;--zeeland-c0: #3da356;--zeeland-c1: #7bbf5a;--flevoland-c0: #e5b92d;--flevoland-c1: #5fb04d;color-scheme:dark}}*{box-sizing:border-box}html{background:var(--bg-1)}body{margin:0;min-height:100vh;min-height:100dvh;color:var(--ink);font:700 1.0625rem/1.35 var(--body);background:radial-gradient(50rem 30rem at 90% -10%,rgb(255 210 80 / .35),transparent 60%),linear-gradient(170deg,var(--bg-1),var(--bg-2));background-attachment:fixed;-webkit-tap-highlight-color:transparent;touch-action:manipulation}h1,h2,h3{margin:0;font-family:var(--display);font-weight:400;letter-spacing:.01em;line-height:1.1}h1{font-size:1.9rem}h2{font-size:1.35rem}h3{font-size:1.05rem;margin:.9rem 0 .3rem;color:var(--muted)}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}.muted{color:var(--muted)}.credit{margin-top:1rem;text-align:center;font-size:.85rem;color:var(--muted)}.screen{max-width:40rem;margin:0 auto;padding:.75rem 1rem calc(1.5rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:.85rem}.card{background:var(--card);border:1.5px solid var(--line);border-radius:22px;padding:1rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.bar{display:flex;align-items:center;gap:.75rem;min-height:3rem}.bar h1{flex:1;font-size:1.6rem}.bar .rank{font-size:.95rem;color:var(--muted)}.icon-btn{display:grid;place-items:center;width:3rem;height:3rem;flex:none;border:0;border-radius:16px;cursor:pointer;color:var(--ink);background:var(--btn);box-shadow:0 3px 0 var(--btn-edge);transition:transform .12s var(--spring)}.icon-btn:active{transform:translateY(3px);box-shadow:none}.icon-btn.toggle.on{background:var(--primary);color:var(--primary-ink);box-shadow:0 3px 0 var(--primary-edge)}.top-right{position:absolute;top:calc(.75rem + env(safe-area-inset-top));right:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3.25rem;padding:.6rem 1.2rem;border:0;border-radius:18px;font:inherit;font-weight:800;color:var(--ink);background:var(--btn);cursor:pointer;box-shadow:0 4px 0 var(--btn-edge);transition:transform .12s var(--spring),box-shadow .12s}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:none}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--primary);color:var(--primary-ink);box-shadow:0 4px 0 var(--primary-edge);font-family:var(--display);font-weight:400;font-size:1.2rem}.btn.danger{background:var(--bad);color:#fff;box-shadow:0 4px #962d25}.btn.big{width:100%;min-height:3.75rem;font-size:1.35rem}.btn:focus-visible,.icon-btn:focus-visible,input:focus-visible{outline:3px solid #2b8fd6;outline-offset:2px}@media (hover: hover){.btn:hover:not(:disabled),.icon-btn:hover{transform:translateY(-2px)}}.row{display:flex;gap:.75rem}.row>*{flex:1}.stack{display:flex;flex-direction:column;gap:.75rem}.stars{display:inline-flex;gap:2px;vertical-align:middle}.stars svg.on,svg.on{color:#ffa400;fill:#ffcf33}.stars svg.off{color:var(--muted);opacity:.45}.home{position:relative}.hero{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding-top:1rem;text-align:center}.hero h1{font-size:3.2rem;color:#1b6fb8;text-shadow:0 3px 0 rgb(255 255 255 / .7)}@media (prefers-color-scheme: dark){.hero h1{color:#ffd23f;text-shadow:0 3px 0 rgb(0 0 0 / .3)}}.hello{font-size:1.15rem}.region-list{display:flex;flex-direction:column;gap:.85rem}.region-card{display:flex;align-items:center;gap:1rem;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer;transition:transform .15s var(--spring)}.region-card:active{transform:scale(.98)}.region-card .mini{width:8.5rem;flex:none;border-radius:16px}.region-info{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}.region-info strong{font:400 1.6rem var(--display)}.region-info .rank{display:flex;align-items:center;gap:.35rem;font-size:.95rem}.meter{display:block;height:.6rem;border-radius:99px;background:var(--s0);overflow:hidden;margin-top:.2rem}.meter i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#ffcf33,#ff9f1c)}.chev{flex:none;color:var(--muted)}.map-card{border-radius:24px;overflow:hidden;border:3px solid var(--card);box-shadow:0 6px 18px var(--shadow);line-height:0;background:var(--sea)}.map{display:block;width:100%;height:auto;user-select:none;-webkit-user-select:none}.map .sea{fill:var(--sea)}.map .ctx{fill:var(--foreign);stroke:var(--foreign-edge);stroke-width:.3;stroke-linejoin:round}.map .ctx.nl{fill:var(--nl);stroke:var(--nl-edge)}.map .land{stroke:var(--coast);stroke-width:.35;stroke-linejoin:round;transition:fill .3s}.map.r-zeeland .land.c0{fill:var(--zeeland-c0)}.map.r-zeeland .land.c1{fill:var(--zeeland-c1)}.map.r-flevoland .land.c0{fill:var(--flevoland-c0)}.map.r-flevoland .land.c1{fill:var(--flevoland-c1)}.map .land.s0,.map .dot.s0{fill:var(--s0)}.map .land.s1,.map .dot.s1{fill:var(--s1)}.map .land.s2,.map .dot.s2{fill:var(--s2)}.map .land.s3,.map .dot.s3{fill:var(--s3)}.map .land.selected{fill:#ffd60a!important;stroke:#b27a00;stroke-width:.6}.map .dot{fill:#fff;stroke:#1f2d3d;stroke-width:.35}.map .dot.capital{fill:#e53e3e;stroke:#fff}.map .dot.selected{stroke:#ff9f0a;stroke-width:.9}.map .dam .under{fill:none;stroke:#1f2d3d;stroke-width:1.25;stroke-linecap:round}.map .dam .over{fill:none;stroke:#fff;stroke-width:.65;stroke-linecap:round;stroke-dasharray:1.4 .9}.map .lbl{fill:var(--ink);font-weight:800;font-family:var(--body);paint-order:stroke;stroke:var(--halo);stroke-linejoin:round;pointer-events:none}.map .lbl.water{fill:var(--water-ink);font-style:italic;stroke:none;paint-order:normal}.map .hl-land{fill:#ffd60a;stroke:#ff9f0a;stroke-width:.7;pointer-events:none;animation:glow 1s ease-in-out infinite alternate}.map .hl-line{fill:none;stroke:#ffd60a;stroke-opacity:.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;animation:glow 1s ease-in-out infinite alternate}.map .hl-city .ring{fill:none;stroke:#ff9f0a;stroke-width:.7;transform-box:fill-box;transform-origin:center;animation:ping 1.3s ease-out infinite;pointer-events:none}.map .hl-city .r2{animation-delay:.65s}.map .mark{pointer-events:none;animation:pop .3s var(--spring)}.map .mark .halo{stroke:none}.map .mark path{fill:none;stroke:#fff;stroke-width:.7;stroke-linecap:round;stroke-linejoin:round}.map .mark.ok .halo{fill:var(--good)}.map .mark.bad .halo{fill:var(--bad)}.map .mark.ok,.map .mark.bad{transform-box:fill-box}@keyframes glow{0%{opacity:.45}to{opacity:1}}@keyframes ping{0%{transform:scale(.5);opacity:1}to{transform:scale(2.6);opacity:0}}@keyframes pop{0%{opacity:0}to{opacity:1}}.legend{text-align:center;font-size:.95rem;margin-top:-.3rem}.modes{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.btn.mode{flex-direction:column;gap:.15rem;padding:.9rem .6rem;min-height:6.25rem;text-align:center}.btn.mode strong{font:400 1.2rem var(--display)}.btn.mode span{font-size:.85rem;color:var(--muted);font-weight:700}.btn.mode svg{color:#1b6fb8}@media (prefers-color-scheme: dark){.btn.mode svg{color:#ffd23f}}.checklist ul{display:grid;grid-template-columns:1fr 1fr;gap:.2rem .9rem}.checklist li{display:flex;align-items:center;justify-content:space-between;gap:.4rem;font-size:.95rem;padding:.15rem 0;border-bottom:1px dashed var(--line)}.info{display:flex;align-items:center;gap:.9rem;min-height:7.5rem}.info h2{font-size:1.5rem}.info p+p{margin-top:.15rem}.dots{display:flex;flex:1;gap:6px;justify-content:center}.dots li{width:.7rem;height:.7rem;border-radius:50%;background:var(--s0);transition:transform .2s var(--spring),background .2s}.dots li.ok{background:var(--good)}.dots li.bad{background:var(--bad)}.dots li.now{background:var(--primary);transform:scale(1.5)}.streak{display:inline-flex;align-items:center;gap:2px;min-width:3rem;justify-content:flex-end;color:var(--muted)}.streak.hot{color:#ff6b00;animation:wiggle .6s ease-in-out infinite alternate}.speech{display:flex;align-items:center;gap:.6rem}.speech .mascot{flex:none}.bubble{position:relative;flex:1;display:flex;flex-direction:column;gap:.2rem;padding:.75rem 1rem;border-radius:20px;background:var(--card);border:2px solid var(--line);font-size:1.15rem;min-height:4rem;justify-content:center}.bubble:before{content:"";position:absolute;left:-9px;top:50%;width:16px;height:16px;margin-top:-8px;transform:rotate(45deg);background:inherit;border-left:2px solid var(--line);border-bottom:2px solid var(--line)}.bubble b{color:#1b6fb8}@media (prefers-color-scheme: dark){.bubble b{color:#ffd23f}}.bubble .fact{font-size:.92rem;font-weight:700;color:var(--muted)}.speech.ok .bubble{background:var(--good-bg);border-color:var(--good)}.speech.bad .bubble{background:var(--bad-bg);border-color:var(--bad)}.speech.hint .bubble{background:var(--hint-bg);border-color:var(--primary)}.speech.ok .bubble:before{border-color:var(--good)}.speech.bad .bubble:before{border-color:var(--bad)}.speech.hint .bubble:before{border-color:var(--primary)}.answer{display:flex;flex-direction:column;gap:.75rem;min-height:4rem}.choices{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.btn.choice{min-height:4rem;font-size:1.1rem;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.btn.choice.right{background:var(--good);color:#fff;box-shadow:0 4px #14703f;opacity:1}.btn.choice.wrong{background:var(--bad-bg);color:var(--bad);box-shadow:none;animation:shake .35s}.write{display:flex;flex-direction:column;gap:.7rem}.write input,.field input{width:100%;min-height:3.5rem;padding:.6rem 1rem;border-radius:16px;border:2px solid var(--line);font:800 1.3rem var(--body);color:var(--ink);background:var(--btn);text-align:center}.field input{text-align:left;font-size:1.1rem}.mask{text-align:center;font:400 1.5rem var(--display);letter-spacing:.08em;white-space:pre-wrap}.result{align-items:center;text-align:center;padding-top:1.5rem}.result .score{font-size:1.25rem}.result .earned{display:flex;align-items:center;gap:.4rem;color:var(--muted)}.result .card{width:100%}.result .stack{width:100%;margin-top:.5rem}.chips{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-top:.6rem}.chips li{padding:.3rem .8rem;border-radius:99px;background:var(--hint-bg);border:1.5px solid var(--primary);font-size:.95rem}.mascot{display:block;flex:none;overflow:visible}.bounce{animation:bounce 1.1s var(--spring) infinite alternate}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:50}.confetti i{position:absolute;top:-20px;animation:fall linear forwards}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes fall{to{transform:translateY(105vh) rotate(var(--spin))}}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes wiggle{0%{transform:rotate(-6deg)}to{transform:rotate(6deg)}}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;padding:1rem;overflow:auto;background:#08183099}.modal{margin:auto;width:min(26rem,100%);display:flex;flex-direction:column;gap:1rem;padding:1.25rem;border-radius:24px;background:var(--bg-1);color:var(--ink);box-shadow:0 12px 40px #00000059}.modal:focus{outline:none}.field{display:flex;flex-direction:column;gap:.35rem}.switch{display:flex;align-items:center;gap:.75rem;min-height:2.75rem;cursor:pointer}.switch input{width:1.6rem;height:1.6rem;accent-color:#ffa400}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (min-width: 52rem){.screen{max-width:46rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.confetti{display:none}}.install{position:relative;display:flex;align-items:center;gap:.9rem;padding:.8rem 3.2rem .8rem .8rem}.install-logo{flex:none;border-radius:14px}.install-body{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:.15rem}.install-title{font-family:var(--display);font-size:1.2rem;line-height:1.1}.install-sub{font-size:.9rem;line-height:1.25;margin-bottom:.45rem}.btn.small{min-height:2.75rem;padding:.35rem 1rem;font-size:1rem}.install-close{position:absolute;top:.25rem;right:.25rem;width:44px;height:44px;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--muted);cursor:pointer}.steps{display:flex;flex-direction:column;gap:.7rem}.step{display:flex;align-items:center;gap:.8rem}.step-n{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:var(--primary-ink);font-family:var(--display);font-size:1.2rem}.step-text{flex:1;min-width:0}.step-icon{flex:none;width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:var(--btn);border:2px solid var(--line);color:var(--ink)}