@font-face{font-family:Dela Gothic One;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/dela-gothic-one-latin-400-normal.AgyGD05y.woff2)format("woff2"),url(/_astro/dela-gothic-one-latin-400-normal.qxqiosUh.woff)format("woff")}@font-face{font-family:Dela Gothic One;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/dela-gothic-one-latin-ext-400-normal.BO84qhgB.woff2)format("woff2"),url(/_astro/dela-gothic-one-latin-ext-400-normal.D2KGx611.woff)format("woff")}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/_astro/figtree-latin-ext-wght-normal.DCwSJGxG.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/_astro/figtree-latin-wght-normal.D_ZTVpCC.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/ibm-plex-mono-latin-500-normal.DSY6xOcd.woff2)format("woff2"),url(/_astro/ibm-plex-mono-latin-500-normal.CB9ihrfo.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/ibm-plex-mono-latin-700-normal.7sUh57Bg.woff2)format("woff2"),url(/_astro/ibm-plex-mono-latin-700-normal.CNHXzs6v.woff)format("woff")}:root{--paper:#fbfaf6;--ink:#141414;--red:#e8432d;--blue:#2348d6;--sun:#ffbe1a;--sea:#dfe9f7;--land:#fff;--ctx:#dcdcd4;--muted:#55554f;--line:#141414;--display:"Dela Gothic One", "Arial Black", Impact, sans-serif;--body:"Figtree Variable", "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;--b:3px;--sh:4px 4px 0 var(--ink);--sh-lg:8px 8px 0 var(--ink);color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font:17px/1.6 var(--body);margin:0}img,svg{max-width:100%}a{color:var(--blue);text-underline-offset:2px;text-decoration-thickness:2px}a:hover{color:var(--red)}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip{background:var(--ink);color:#fff;z-index:99;padding:8px 12px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.wrap{max-width:1240px;margin:0 auto;padding:0 20px}h1,h2,h3{font-family:var(--display);letter-spacing:-.005em;text-wrap:balance;margin:0;font-weight:400;line-height:1.05}h1{font-size:clamp(34px,5vw,54px)}h2{margin:44px 0 14px;font-size:clamp(25px,3vw,32px)}h3{margin:0 0 10px;font-size:20px}p{margin:0 0 14px}.prose{max-width:68ch}.prose ul,.prose ol{margin:0 0 16px;padding-left:1.2em}.prose li{margin-bottom:6px}.site-header{border-bottom:4px solid var(--ink);background:var(--paper)}.site-header .wrap{flex-wrap:wrap;align-items:center;gap:22px;padding-top:14px;padding-bottom:14px;display:flex}.logo{border:var(--b) solid var(--ink);height:44px;box-shadow:var(--sh);color:var(--ink);flex:none;align-items:stretch;text-decoration:none;display:inline-flex}.logo i{width:14px;display:block}.logo i:first-child{background:var(--blue)}.logo i:last-child{background:var(--red)}.logo span{background:var(--sun);font:400 17px/1 var(--display);border-inline:var(--b) solid var(--ink);white-space:nowrap;place-items:center;padding:0 12px;display:grid}.logo:hover{color:var(--ink);box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}.nav{flex-wrap:wrap;gap:18px;font-size:15px;font-weight:800;display:flex}.nav a{color:var(--ink);border-bottom:3px solid #0000;padding:2px 0;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{border-color:var(--red);color:var(--ink)}.nav-toggle{font:800 14px/1 var(--body);border:var(--b) solid var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;background:#fff;margin-left:auto;padding:10px 12px;display:none}.band{height:12px;display:flex}.band i{flex:1}.band i:first-child{background:var(--blue)}.band i:nth-child(2){background:var(--sun)}.band i:nth-child(3){background:var(--red)}@media (width<=760px){.nav-toggle{display:block}.nav{flex-direction:column;gap:10px;width:100%;padding-top:6px;display:none}.nav.open{display:flex}}.btn{font:800 16px/1 var(--body);border:var(--b) solid var(--ink);background:var(--blue);color:#fff;box-shadow:var(--sh);cursor:pointer;align-items:center;gap:10px;padding:13px 18px;text-decoration:none;display:inline-flex}.btn:hover{color:#fff;box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}.btn:active{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.btn.alt{color:var(--ink);background:#fff}.btn.sun{background:var(--sun);color:var(--ink)}.btn.small{box-shadow:3px 3px 0 var(--ink);padding:9px 12px;font-size:14px}.linkish{font:700 14px/1 var(--body);color:var(--ink);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.linkish:hover{color:var(--red)}.crumbs{font:500 12.5px/1.4 var(--mono);color:var(--muted);padding:20px 0 6px}.crumbs a{color:var(--ink)}.crumbs .sep{color:var(--muted);margin:0 7px}.pagehead{gap:10px;padding:8px 0 18px;display:grid}.pagehead .lede{max-width:62ch;margin:6px 0 0;font-size:19px}.kicker{font:700 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0}.quiz{margin:6px 0 10px}.q-modes{border:var(--b) solid var(--ink);box-shadow:var(--sh);background:#fff;flex-wrap:wrap;margin-bottom:18px;display:inline-flex}.q-modes button{font:800 14px/1 var(--body);border:0;border-right:var(--b) solid var(--ink);color:var(--ink);cursor:pointer;background:#fff;padding:11px 14px}.q-modes button:last-child{border-right:0}.q-modes button[aria-pressed=true]{background:var(--ink);color:#fff}.q-modes button:hover:not([aria-pressed=true]){background:var(--sun)}.board{border:var(--b) solid var(--ink);box-shadow:var(--sh-lg);background:#fff}.bar{border-bottom:var(--b) solid var(--ink);grid-template-columns:1fr repeat(3,auto);display:grid}.bar>div{border-right:var(--b) solid var(--ink);min-width:0;padding:11px 16px}.bar>div:last-child{border-right:0}.prompt{background:var(--sun);font:400 clamp(20px, 2.4vw, 27px)/1.08 var(--display);flex-direction:column;justify-content:center;min-height:70px;display:flex}.prompt small{font:700 11px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;display:block}.stat{font:700 21px/1 var(--mono);font-variant-numeric:tabular-nums;text-align:center;flex-direction:column;justify-content:center;min-width:92px;display:flex}.stat small{letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:500;display:block}.q-stage{background:var(--sea);position:relative}.q-stage.no-map{background:#fff;place-items:center;min-height:300px;padding:22px;display:grid}.mapbox{background:var(--sea);width:100%;min-height:300px;max-height:74vh;position:relative}svg.map{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;--z:1;width:100%;height:100%;display:block}svg.map .sea{fill:var(--sea)}.q-stage.has-map{background:#eef3fa}svg.map .ctx{fill:var(--ctx);stroke:#b9b9b0;stroke-width:calc(.6px / var(--z));pointer-events:none}svg.map .lake{fill:var(--sea);stroke:var(--ink);stroke-width:calc(.6px / var(--z));pointer-events:none}svg.map .r{fill:var(--land);stroke:var(--ink);stroke-width:calc(1.1px / var(--z));stroke-linejoin:round;transition:fill .12s}svg.map .r:hover{fill:#f4f0e2}svg.map .dot{fill:#ffffff80;stroke:var(--ink);stroke-width:calc(1.6px / var(--z))}svg.map .off{fill:var(--ctx);stroke:#b9b9b0;pointer-events:none}svg.map .dot.off{fill:#dcdcd499}svg.map .ok,svg.map .ok:hover{fill:var(--blue)}svg.map .meh,svg.map .meh:hover{fill:url(#p-meh)}svg.map .bad,svg.map .bad:hover{fill:url(#p-bad)}svg.map .cur{fill:var(--sun);stroke-width:calc(2.4px / var(--z));animation:1.1s ease-in-out infinite pulse}svg.map .wrong{fill:var(--red)}svg.map .learn{fill:var(--sun)}svg.map .kbd{stroke:var(--red);stroke-width:calc(3px / var(--z))}@keyframes pulse{50%{fill:#ffe08a}}@media (prefers-reduced-motion:reduce){svg.map .cur{animation:none}.btn,.logo{transition:none}}.zoom{border:var(--b) solid var(--ink);background:#fff;flex-direction:column;display:flex;position:absolute;top:10px;right:10px}.zoom button{width:38px;height:38px;font:800 20px/1 var(--body);border:0;border-bottom:var(--b) solid var(--ink);color:var(--ink);cursor:pointer;background:#fff}.zoom button:last-child{border-bottom:0;font-size:12px}.zoom button:hover{background:var(--sun)}.q-flag img{aspect-ratio:4/3;border:var(--b) solid var(--ink);width:min(360px,80vw);height:auto;box-shadow:var(--sh);background:#fff;display:block}.has-map .q-flag{position:absolute;bottom:12px;left:12px}.has-map .q-flag img{width:150px}.q-card{border:var(--b) solid var(--ink);box-shadow:var(--sh);background:#fff;align-items:center;gap:12px;max-width:min(420px,100% - 24px);padding:10px 14px 10px 10px;display:flex;position:absolute;bottom:12px;left:12px}.no-map .q-card{margin:12px auto 0;position:static}.q-card img{border:2px solid var(--ink);flex:none;width:72px;height:auto}.q-card b{font:400 19px/1.1 var(--display);display:block}.q-card span{font-weight:700;display:block}.q-card small{color:var(--muted);margin-top:3px;font-size:13px;line-height:1.35;display:block}.q-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;width:100%;margin:0;padding:4px;list-style:none;display:grid}.q-grid li{text-align:center;font:700 12px/1.2 var(--body);cursor:default}.q-grid li img{aspect-ratio:4/3;border:2px solid var(--ink);background:#fff;width:100%;height:auto;margin-bottom:4px;display:block}.q-grid li.ok img{outline:4px solid var(--blue)}.q-grid li.bad img{outline:4px solid var(--red)}.q-grid li.bad span{color:var(--red)}.quiz[data-mode=learn] .q-grid li{cursor:pointer}.answer:has(>:not([hidden])){border-top:var(--b) solid var(--ink)}.q-choices{grid-template-columns:repeat(4,1fr);display:grid}.q-choices .ch{font:800 17px/1.2 var(--body);border:0;border-right:var(--b) solid var(--ink);color:var(--ink);cursor:pointer;text-align:left;background:#fff;align-items:center;gap:10px;min-height:64px;padding:16px 12px;display:flex}.q-choices .ch:last-child{border-right:0}.q-choices .ch:hover:not(:disabled){background:var(--sun)}.q-choices kbd{font:700 11px/1 var(--mono);border:2px solid var(--ink);color:var(--ink);background:#fff;flex:none;padding:3px 5px}.q-choices .right{background:var(--blue);color:#fff}.q-choices .nope{color:var(--muted);background:#fbe1dc;text-decoration:line-through}.q-choices .flagch{justify-content:center;padding:12px}.q-choices .flagch img{aspect-ratio:4/3;border:2px solid var(--ink);width:100%;max-width:160px;height:auto}.q-choices .flagch.right img{outline:5px solid var(--blue)}.q-input{display:flex}.q-input input{min-width:0;font:700 20px/1 var(--body);border:0;border-right:var(--b) solid var(--ink);color:var(--ink);background:#fff;flex:1;padding:15px 16px}.q-input input:focus{background:#fffbe8;outline:none}.q-input .btn{box-shadow:none;border:0}.q-input.nope input{background:#fbe1dc}.legend{border-top:var(--b) solid var(--ink);font:600 13px/1.3 var(--body);flex-wrap:wrap;align-items:center;gap:8px 18px;padding:10px 16px;display:flex}.legend i{border:2px solid var(--ink);vertical-align:-3px;width:15px;height:15px;margin-right:6px;display:inline-block}.k-ok{background:var(--blue)}.k-meh{background:repeating-linear-gradient(45deg, var(--sun) 0 3px, #c79a2a 3px 4px)}.k-bad{background:repeating-linear-gradient(45deg, var(--red) 0 3px, #fff 3px 4px), var(--red)}.legend .q-best{font:500 12px/1.3 var(--mono)}.legend .opts{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-left:auto;display:flex}.legend label{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.legend input{width:17px;height:17px;accent-color:var(--blue)}.q-result{text-align:center;z-index:3;background:#fbfaf6f0;place-content:center;gap:6px;padding:24px;display:grid;position:absolute;inset:0}.no-map .q-result{background:0 0;position:static}.q-result[hidden]{display:none}.r-score{font:400 clamp(56px, 9vw, 96px)/1 var(--display);color:var(--blue)}.r-label{font:700 16px/1.3 var(--mono)}.r-best{color:var(--red);font-weight:800}.r-missed{max-width:60ch;color:var(--muted);margin:8px auto 0;font-size:15px}.r-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:10px;display:flex}.note{color:var(--muted);font-size:14px}@media (width<=760px){.bar{grid-template-columns:1fr 1fr 1fr}.bar .prompt{border-right:0;border-bottom:var(--b) solid var(--ink);grid-column:1/-1}.stat{min-width:0;font-size:18px;padding:8px!important}.q-choices{grid-template-columns:1fr 1fr}.q-choices .ch:nth-child(2){border-right:0}.q-choices .ch:nth-child(-n+2){border-bottom:var(--b) solid var(--ink)}.q-modes button{padding:10px;font-size:13px}.legend .opts{margin-left:0}.quiz{margin-inline:-20px}.q-modes{max-width:calc(100% - 40px);margin-left:20px}.zoom button{width:34px;height:34px}.board{box-shadow:none;border-inline:0}}.below{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:36px;padding:26px 0 50px;display:grid}.below aside{gap:20px;display:grid;position:sticky;top:20px}.ad-slot{color:#8a8a80;min-height:250px;font:600 11px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.1em;border:2px dashed #c9c9c0;place-items:center;display:grid}.ad-slot:empty:before{content:"Advertisement"}@media (width<=960px){.below{grid-template-columns:1fr}.below aside{position:static}}.box{border:var(--b) solid var(--ink);box-shadow:var(--sh);background:#fff;padding:16px 18px}.box h3{font-size:18px}.box ul{gap:7px;margin:0;padding:0;font-size:15px;font-weight:700;list-style:none;display:grid}.table-wrap{border:var(--b) solid var(--ink);background:#fff;margin:10px 0 20px;overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:15px}table.data th{text-align:left;font:700 11px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.08em;background:var(--ink);color:#fff;padding:10px 12px;position:sticky;top:0}table.data td{vertical-align:middle;border-top:1px solid #e3e3dc;padding:8px 12px}table.data tr:nth-child(2n) td{background:#fbfaf4}table.data td img{border:1px solid var(--ink);width:36px;height:27px;display:block}table.data td small{color:var(--muted);font-size:12.5px;line-height:1.35;display:block}table.data td a{font:500 12px/1 var(--mono)}.tiles{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin:14px 0 30px;padding:0;list-style:none;display:grid}.tile{border:var(--b) solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:#fff;height:100%}.tile a{color:var(--ink);flex-direction:column;height:100%;text-decoration:none;display:flex}.tile a:hover{color:var(--ink);background:#fffbe8}.tile .art{aspect-ratio:16/10;border-bottom:var(--b) solid var(--ink);background:var(--sea);display:block;overflow:hidden}.tile .art img{object-fit:cover;width:100%;height:100%;display:block}.tile .art.paper{background:#f1f1ec}.tile .art.paper img{object-fit:contain;padding:8px}.tile b{font:400 19px/1.1 var(--display);padding:12px 14px 4px}.tile small{font:500 12px/1.4 var(--mono);padding:0 14px 14px}.tile.blue .art{background:var(--blue)}.tile.sun .art{background:var(--sun)}.tile.red .art{background:var(--red)}.printwrap{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:34px;padding:8px 0 10px;display:grid}.sheet{border:var(--b) solid var(--ink);box-shadow:var(--sh-lg);background:#fff;padding:10px}.sheet img{width:100%;height:auto;display:block}.versions{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin:16px 0;display:grid}.versions button{border:var(--b) solid var(--ink);font:800 13px/1.2 var(--body);cursor:pointer;color:var(--ink);background:#fff;padding:9px 6px}.versions button[aria-pressed=true]{background:var(--sun);box-shadow:3px 3px 0 var(--ink)}.vnote{font:500 13px/1.5 var(--mono);margin:0 0 14px}.dl{flex-wrap:wrap;gap:12px;display:flex}@media (width<=860px){.printwrap{grid-template-columns:1fr}}.hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:34px;padding:38px 0 30px;display:grid}.hero h1{font-size:clamp(38px,5.4vw,64px)}.hero h1 em{background:linear-gradient(transparent 58%, var(--sun) 58%);font-style:normal}.hero .lede{max-width:34em;margin:18px 0 22px;font-size:19px}.heromap{border:var(--b) solid var(--ink);box-shadow:var(--sh-lg);background:var(--sea);position:relative}.heromap .tag{background:var(--ink);color:#fff;font:700 12px/1 var(--mono);padding:7px 9px;position:absolute;top:12px;left:12px}.heromap img{width:100%;height:auto;display:block}@media (width<=860px){.hero{grid-template-columns:1fr}}.site-footer{border-top:4px solid var(--ink);background:#fff;margin-top:30px;padding:30px 0 40px}.foot-cols{grid-template-columns:1.4fr repeat(4,1fr);gap:26px;display:grid}.foot-cols strong{font:700 12px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;display:block}.foot-cols ul{gap:6px;margin:0;padding:0;font-size:14.5px;list-style:none;display:grid}.foot-cols a{color:var(--ink);text-decoration:none}.foot-cols a:hover{color:var(--red);text-decoration:underline}.foot-small{font:500 12px/1.6 var(--mono);color:var(--muted);margin-top:22px}@media (width<=860px){.foot-cols{grid-template-columns:1fr 1fr}}@media print{.site-header,.site-footer,.quiz,.below aside,.band{display:none}}