:root{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#fff;color:#000}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}:root{--bg: #0d121b;--main: #4d8fe6;--sub: #6c7a91;--sub-alt: #151c28;--text: #e3e9f3;--error: #ff8a80;--font: "Roboto Mono", ui-monospace, Menlo, monospace;--font-code: var(--font);--font-logo: "Lexend Deca", system-ui, sans-serif;--r: 8px;--page: 1000px;--q-size: 4.2rem;--map-h: 72vh;--s-mix: 62%;color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark}}:root[data-theme=dark]{color-scheme:dark}:root[data-theme=light]{color-scheme:light}:root{--surface: var(--sub-alt);--ink: var(--text);--muted: var(--sub);--line: color-mix(in srgb, var(--sub) 40%, var(--bg));--sign: var(--main);--sign-ink: var(--bg);--good: var(--main);--good-bg: color-mix(in srgb, var(--main) 16%, var(--bg));--bad: var(--error);--bad-bg: color-mix(in srgb, var(--error) 16%, var(--bg));--amber: var(--main);--land: color-mix(in srgb, var(--sub) 38%, var(--bg));--land-hover: color-mix(in srgb, var(--sub) 60%, var(--bg));--land-off: var(--bg);--grey: color-mix(in srgb, var(--sub) 18%, var(--bg));--s0: #b98ad0;--s1: #d9bf74;--s2: #f0a050;--s3: #2fb8bf;--s4: #6fd3a6;--s5: #e8cf2e;--s6: #e78fe0;--s7: #ea6f6a;--s8: #5cc54d;--font-body: var(--font);--font-mono: var(--font-code);--font-display: var(--font)}*{box-sizing:border-box}[hidden]{display:none!important}html{font-size:calc(15px * var(--fs, 1))}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:1rem;line-height:1.5;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));transition:background-color .25s ease,color .25s ease}body.case-lower .wrap{text-transform:lowercase}body.case-upper .wrap{text-transform:uppercase}body.case-lower .pn,body.case-lower #stateSel,body.case-lower #studyCountry,body.case-lower .misses code{text-transform:none}button,select,label{text-transform:inherit}body.case-lower input,body.case-upper input{text-transform:none}@media(max-width:520px){.logo h1{font-size:1.5rem}.top.top{flex-wrap:nowrap}.logo.logo h1{font-size:1.5rem}.icon{padding:6px}}::selection{background:var(--main);color:var(--bg)}.wrap{max-width:var(--page);margin:0 auto;min-height:100vh;display:flex;flex-direction:column;gap:22px;padding-block:24px 20px}main{flex:1;display:flex;flex-direction:column;gap:22px}.top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text);margin-right:auto;cursor:pointer;background:none;border:0;padding:0;font:inherit}.logo .tx{display:grid;line-height:1;text-align:left}.logo small{font-family:var(--font-logo);font-size:.62rem;color:var(--sub);letter-spacing:.02em;margin-bottom:3px}.logo h1{font-family:var(--font-logo);font-weight:600;font-size:2rem;margin:0;letter-spacing:-.01em;color:var(--text)}.logo h1 span{color:var(--main)}.nav{display:flex;gap:4px}.icon{background:none;border:0;color:var(--sub);cursor:pointer;padding:8px;border-radius:var(--r);display:grid;place-items:center;transition:color .15s ease}.icon:hover,.icon[aria-current=page]{color:var(--text)}.icon svg{width:20px;height:20px}body:not(.more) #moreOpts{display:none}.optpanel{width:min(100%,900px);background:var(--sub-alt);border-radius:var(--r);padding:14px 16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px 22px;align-items:start}.optgroup{display:grid;gap:10px;align-content:start}.optgroup h4{margin:0;font-size:.72rem;font-weight:600;letter-spacing:.06em;color:var(--sub);text-transform:uppercase}.optline{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}.optline[hidden]{display:none}.optname{font-size:.85rem;color:var(--text);min-width:7.5em}.opthint{flex:1 1 100%;margin:0;font-size:.72rem;color:var(--sub)}.optline .switch .optname{min-width:0}.optline select,.optline #pickBtn{background:var(--bg)}.seg{display:inline-flex;flex-wrap:wrap;background:var(--bg);border-radius:var(--r);padding:2px;gap:2px}.seg button{font:inherit;font-size:.78rem;border:0;background:none;color:color-mix(in srgb,var(--sub) 55%,var(--text));border-radius:calc(var(--r) - 2px);padding:5px 9px;cursor:pointer;transition:background-color .15s ease,color .15s ease}.seg button:hover{color:var(--text)}.seg button[aria-pressed=true]{background:var(--main);color:var(--bg)}.switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer}.switch input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.switch .track{width:34px;height:20px;border-radius:10px;background:var(--bg);position:relative;flex:none;transition:background-color .15s ease}.switch .track:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:var(--sub);transition:transform .15s ease,background-color .15s ease}.switch input:checked+.track{background:var(--main)}.switch input:checked+.track:after{transform:translate(14px);background:var(--bg)}.switch input:focus-visible+.track{outline:2px solid var(--main);outline-offset:2px}.stepper{display:inline-flex;align-items:center;gap:2px;background:var(--bg);border-radius:var(--r);padding:2px;color:var(--sub);font-size:.8rem}.stepper .chip{padding:3px 10px;font-size:.95rem}.stepper #labelSize{width:3.2em;text-align:right;background:none;padding:2px;-moz-appearance:textfield}.stepper #labelSize::-webkit-inner-spin-button,.stepper #labelSize::-webkit-outer-spin-button{-webkit-appearance:none}.chip.more{display:inline-flex;align-items:center;gap:6px}.chip.more .gear{width:15px;height:15px}.dropdown{position:relative}.dropbtn{font:inherit;font-size:.8rem;background:var(--bg);color:var(--text);border:0;border-radius:var(--r);padding:6px 26px 6px 10px;cursor:pointer;position:relative;max-width:260px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropbtn:after{content:"▾";position:absolute;right:9px;top:50%;transform:translateY(-50%);color:var(--sub)}.droppanel{position:absolute;z-index:20;left:0;top:calc(100% + 6px);min-width:240px;max-width:min(340px,86vw);max-height:320px;overflow-y:auto;background:var(--sub-alt);border-radius:var(--r);padding:6px;display:grid;gap:2px;box-shadow:0 14px 40px color-mix(in srgb,#000 45%,transparent);border:1px solid color-mix(in srgb,var(--text) 8%,transparent)}.droppanel[hidden]{display:none}.dropitem{font:inherit;font-size:.82rem;text-align:left;background:none;color:var(--text);border:0;border-radius:var(--r);padding:7px 8px 7px 30px;cursor:pointer;position:relative}.dropitem:hover{background:var(--bg)}.dropitem:before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:12px;height:12px;border:2px solid var(--sub);border-radius:4px}.dropitem[aria-pressed=true]:before{background:var(--main);border-color:var(--main)}.dropitem[aria-pressed=true]{color:var(--main)}#pickerBtn{background:var(--bg);padding:6px 26px 6px 10px}.chip.more .caret{display:inline-block;transition:transform .15s ease}body.more .chip.more .caret{transform:rotate(180deg)}body.more .chip.more{color:var(--text)}@media(max-width:640px){.timer{top:6px;right:10px;font-size:.75rem}.plate:has(.timer:not([hidden])){padding-top:26px}}.chip.pair{white-space:nowrap}.chip.pair b{font-weight:400;color:var(--text);margin-left:4px}.chip.pair[aria-pressed=true] b{color:var(--main)}.timer{position:absolute;top:10px;right:14px;font-family:var(--font-code);font-size:.85rem;color:var(--sub)}.label{font-size:.72rem;color:var(--sub);letter-spacing:.02em}.controls{display:grid;gap:10px;justify-items:center}.bar{background:var(--sub-alt);border-radius:var(--r);padding:6px 10px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px 4px;max-width:100%}.bar .spacer{width:3px;height:1.4em;background:var(--bg);border-radius:2px;margin:0 8px}.row{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.chip{font:inherit;font-size:.82rem;border:0;background:none;color:var(--sub);border-radius:var(--r);padding:5px 8px;cursor:pointer;transition:color .15s ease}.chip:hover{color:var(--text)}.chip[aria-pressed=true]{color:var(--main)}.chip.sec{font-size:.78rem}.toggle{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;cursor:pointer;color:var(--sub);padding:5px 8px;border-radius:var(--r);transition:color .15s ease}.toggle:hover{color:var(--text)}.toggle:has(input[type=checkbox]:checked){color:var(--main)}.toggle input[type=checkbox]{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.toggle:has(input[type=checkbox]:focus-visible){outline:2px solid var(--main)}:focus-visible{outline:2px solid var(--main);outline-offset:2px}#labelSize{font:inherit;width:4.4em;background:var(--bg);color:var(--text);border:0;border-radius:var(--r);padding:2px 6px}.subrow .row{justify-content:center}.subrow{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;justify-content:center}#stateSel,select{font:inherit;font-size:.85rem;background:var(--sub-alt);color:var(--text);border:0;border-radius:var(--r);padding:6px 10px;max-width:100%}.picker{position:relative}.picker-btn{font:inherit;font-size:.82rem;text-align:left;cursor:pointer;background:none;color:var(--main);border:0;border-radius:var(--r);padding:5px 22px 5px 8px;position:relative;max-width:340px}.picker-btn:after{content:"▾";position:absolute;right:6px;top:50%;transform:translateY(-50%);color:var(--sub)}.picker-btn .tag{display:inline;margin-right:6px}.picker-btn .tag+.tag:before{content:"· ";color:var(--sub)}.picker-panel{position:absolute;z-index:20;left:50%;transform:translate(-50%);width:min(380px,90vw);top:calc(100% + 8px);background:var(--sub-alt);border-radius:var(--r);box-shadow:0 14px 40px color-mix(in srgb,#000 45%,transparent);padding:10px;display:grid;gap:6px}.picker-panel input{font:inherit;width:100%;background:var(--bg);color:var(--text);border:0;border-radius:var(--r);padding:8px 10px}.picker-list{list-style:none;margin:0;padding:0;max-height:320px;overflow-y:auto}.picker-list li button{font:inherit;font-size:.88rem;width:100%;text-align:left;background:none;color:var(--text);border:0;border-radius:var(--r);padding:6px 8px;cursor:pointer;display:flex;align-items:center;gap:10px}.picker-list li button:hover,.picker-list li button.hl{background:var(--bg)}.picker-list .box{width:14px;height:14px;flex:none;border:2px solid var(--sub);border-radius:4px;display:grid;place-items:center;font-size:9px;color:var(--bg)}.picker-list .single .box{border-radius:50%}.picker-list [aria-selected=true] .box{background:var(--main);border-color:var(--main)}.picker-list [aria-selected=true]{color:var(--main)}.picker-list .n{margin-left:auto;font-size:.75rem;color:var(--sub)}#studyBtn{min-width:170px;text-align:left;background:var(--sub-alt);color:var(--text);padding:8px 28px 8px 12px;border-radius:var(--r);font-size:.9rem}#studyPanel{left:0;transform:none}@media(max-width:640px){#studyPicker{flex:1 1 100%}#studyBtn,#studyPanel{width:100%}}.picker-actions{display:flex;justify-content:space-between;gap:8px;font-size:.78rem;color:var(--sub);align-items:center}.linkbtn{font:inherit;background:none;border:0;color:var(--main);cursor:pointer;padding:2px 4px}.chip.back{color:var(--main);font-weight:600}.chip.back:hover{color:var(--text)}.plate{position:relative;display:grid;gap:4px;text-align:center;padding:18px 0 8px;border-radius:var(--r);transition:background-color .3s ease}.plate .q{font-size:.85rem;color:var(--sub)}.plate .big{font-family:var(--font-code);font-weight:700;font-size:clamp(2.2rem,11vw,var(--q-size));line-height:1.05;color:var(--text);overflow-wrap:anywhere}.plate .big.word{font-family:var(--font);font-weight:500;font-size:clamp(1.8rem,8vw,calc(var(--q-size) * .78))}.plate .sub{font-size:.8rem;color:var(--sub)}.plate.flash-ok{background:color-mix(in srgb,var(--main) 14%,transparent)}.plate.flash-no{background:color-mix(in srgb,var(--error) 18%,transparent)}.opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:520px){.opts{grid-template-columns:1fr}}.opt{font:inherit;text-align:left;cursor:pointer;background:var(--sub-alt);color:var(--text);border:0;border-radius:var(--r);padding:14px 16px;display:flex;gap:12px;align-items:center;min-width:0;transition:background-color .15s ease,color .15s ease}.opt:hover:not(:disabled){background:var(--text);color:var(--bg)}.opt:hover:not(:disabled) .k{color:var(--bg)}.opt .k{font-size:.75rem;color:var(--sub);flex:none}.opt .t{min-width:0;overflow-wrap:anywhere}.opt .t.mono{font-family:var(--font-code);font-size:1.25rem;font-weight:700}.opt.right{background:var(--main);color:var(--bg)}.opt.right .k{color:var(--bg)}.opt.wrong{background:var(--error);color:var(--bg)}.opt.wrong .k{color:var(--bg)}.opt:disabled{cursor:default}.opt:disabled:not(.right):not(.wrong){opacity:.5}.mapbox{position:relative;background:var(--sub-alt);border-radius:var(--r);overflow:hidden}.mapbox svg{display:block;width:100%;height:auto;max-height:var(--map-h);touch-action:none;cursor:grab}#sMapWrap .mapbox svg{max-height:max(260px,calc(var(--map-h) - 270px))}.mapbox svg:active{cursor:grabbing}.region{fill:var(--land);stroke:var(--sub-alt);stroke-width:.8;vector-effect:non-scaling-stroke;cursor:pointer}.region:hover{fill:var(--land-hover)}.colorize .region[data-s="0"]{fill:color-mix(in srgb,var(--s0) var(--s-mix),var(--surface))}.colorize .region[data-s="1"]{fill:color-mix(in srgb,var(--s1) var(--s-mix),var(--surface))}.colorize .region[data-s="2"]{fill:color-mix(in srgb,var(--s2) var(--s-mix),var(--surface))}.colorize .region[data-s="3"]{fill:color-mix(in srgb,var(--s3) var(--s-mix),var(--surface))}.colorize .region[data-s="4"]{fill:color-mix(in srgb,var(--s4) var(--s-mix),var(--surface))}.colorize .region[data-s="5"]{fill:color-mix(in srgb,var(--s5) var(--s-mix),var(--surface))}.colorize .region[data-s="6"]{fill:color-mix(in srgb,var(--s6) var(--s-mix),var(--surface))}.colorize .region[data-s="7"]{fill:color-mix(in srgb,var(--s7) var(--s-mix),var(--surface))}.colorize .region[data-s="8"]{fill:color-mix(in srgb,var(--s8) var(--s-mix),var(--surface))}.colorize .region:hover{filter:brightness(1.12)}.mapbox .region.greyed{fill:var(--grey)}body:not(.picking) .mapbox .region.greyed{cursor:default}.mapbox .region.dim{opacity:.25}.mapbox .noborders .region{stroke:none}.inner{fill:none;stroke:var(--sub-alt);stroke-width:.4;stroke-opacity:.6;vector-effect:non-scaling-stroke;pointer-events:none}.mapbox .noborders .inner{display:none}.mapbox .region.right{fill:#3fbf5f;stroke:var(--text);stroke-width:2}.mapbox .region.wrong{fill:var(--error);stroke:var(--text);stroke-width:2}.mapbox .region.got{fill:#3fbf5f}.mapbox .done .region:not(.right):not(.wrong):not(.got){opacity:.55;filter:none}.region.off{fill:url(#hatch);stroke:var(--line);cursor:not-allowed}.done .region{cursor:default}.mapbox .region.outside{display:none}#sMap .region.nosv{cursor:default;pointer-events:none;fill:var(--bg);opacity:.7}#sMap .region.dot{stroke:var(--text);stroke-width:1}.maplabel{font-family:var(--font);font-weight:600;fill:var(--text);paint-order:stroke;stroke:var(--bg);stroke-width:3px;pointer-events:none;text-anchor:middle}.maplabel.faint{opacity:.55;font-weight:500}.maplabel.strong{font-weight:700}.maplabel.greyed{opacity:.35}.maplabel.fit{font-family:var(--font-code);font-weight:700}.inset{fill:none;stroke:var(--sub);stroke-width:1;stroke-dasharray:4 3;vector-effect:non-scaling-stroke;pointer-events:none}.done .maplabel.fit.faint{opacity:.45}.zoom{position:absolute;right:8px;top:8px;display:flex;flex-direction:column;gap:4px}.zoom button{font:inherit;width:32px;height:32px;border-radius:var(--r);border:0;background:var(--bg);color:var(--sub);cursor:pointer}.zoom button:hover{color:var(--text)}.hover{position:absolute;left:8px;bottom:8px;right:52px;width:fit-content;font-size:.8rem;background:var(--bg);color:var(--text);border-radius:var(--r);padding:3px 9px;pointer-events:none}.maphint{color:var(--sub);font-size:.75rem;margin:6px 2px 0;text-align:center}.sw{display:inline-block;width:.75em;height:.75em;border-radius:2px;margin-right:6px;vertical-align:-1px}.sw[data-s="0"]{background:var(--s0)}.sw[data-s="1"]{background:var(--s1)}.sw[data-s="2"]{background:var(--s2)}.sw[data-s="3"]{background:var(--s3)}.sw[data-s="4"]{background:var(--s4)}.sw[data-s="5"]{background:var(--s5)}.sw[data-s="6"]{background:var(--s6)}.sw[data-s="7"]{background:var(--s7)}.sw[data-s="8"]{background:var(--s8)}.legend{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;font-size:.75rem;color:var(--sub);margin-top:8px}.feedback{min-height:3.2em;display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between}.feedback p{margin:0;min-width:0;flex:1 1 300px;font-size:.9rem}.feedback .ok{color:var(--main);font-weight:700}.feedback .no{color:var(--error);font-weight:700}.feedback .codes{font-family:var(--font-code);color:var(--text)}.btn,.next{font:inherit;cursor:pointer;background:var(--sub-alt);color:var(--text);border:0;border-radius:var(--r);padding:9px 18px;transition:background-color .15s ease,color .15s ease}.btn:hover,.next:hover{background:var(--text);color:var(--bg)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{display:grid;gap:0}.stat .label{font-size:.85rem}.stat b{font-family:var(--font-code);font-size:2rem;font-weight:500;line-height:1.1;color:var(--main);font-variant-numeric:tabular-nums}@media(max-width:460px){.stats{grid-template-columns:repeat(2,1fr)}}.misses{display:flex;flex-wrap:wrap;gap:6px}.miss{font-size:.8rem;border-radius:var(--r);padding:4px 9px;background:var(--sub-alt);color:var(--sub)}.miss code{font-family:var(--font-code);font-weight:700;color:var(--error);margin-right:4px}#map{height:var(--map-fill, auto);max-height:var(--map-fill, var(--map-h))}#zhelp{display:none}body:not(.picking) #codeQuiz:has(>#mapWrap:not([hidden])){position:relative}body:not(.picking) #codeQuiz:has(>#mapWrap:not([hidden])) #plate{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:2px 12px;padding:6px 0}body:not(.picking) #codeQuiz:has(>#mapWrap:not([hidden])) #plate .q{font-size:.95rem}body:not(.picking) #codeQuiz:has(>#mapWrap:not([hidden])) #plate .big{font-size:clamp(1.6rem,6vw,calc(var(--q-size) * .62))}body:not(.picking) #codeQuiz:has(>#mapWrap:not([hidden])) #plate .big.word{font-size:clamp(1.4rem,5vw,calc(var(--q-size) * .5))}body:not(.picking) #codeQuiz:has(>#mapWrap:not([hidden])) #mapWrap{position:relative}body:not(.picking) #codeQuiz:has(>#mapWrap:not([hidden])) #zhelp{display:block}body:not(.picking) #codeQuiz:has(>#mapWrap:not([hidden])) .hover{top:8px;bottom:auto}body:not(.picking) #codeQuiz:has(>#mapWrap:not([hidden])) .legend{position:absolute;left:8px;bottom:8px;max-width:45%;margin:0;justify-content:flex-start;background:var(--bg);border-radius:var(--r);padding:4px 9px}body:not(.picking) #codeQuiz:has(>#mapWrap:not([hidden])) .maphint{position:absolute;top:8px;left:8px;right:52px;margin:0;text-align:left;background:var(--bg);border-radius:var(--r);padding:6px 10px}body:not(.picking) #codeQuiz:has(>#mapWrap:not([hidden])) #feedbackRow{position:absolute;right:8px;bottom:8px;max-width:min(55%,520px);min-height:0;justify-content:flex-end;background:var(--bg);border-radius:var(--r);padding:6px 6px 6px 12px}body:not(.picking) #codeQuiz:has(>#mapWrap:not([hidden])) #feedbackRow p{flex:1 1 auto}body:not(.picking) #codeQuiz:has(>#mapWrap:not([hidden])) #feedbackRow:has(#fb:empty):has(#next[hidden]){display:none}body:not(.picking):not(.maphelp) #codeQuiz:has(>#mapWrap:not([hidden])) .maphint{display:none}.link-card{text-decoration:none;color:inherit}.link-card:hover{outline:2px solid var(--main)}.link-card .url{font-size:.75rem;color:var(--main)}.icon.labelled{display:inline-flex;align-items:center;gap:6px;width:auto;padding:6px 12px;border-radius:999px;background:var(--sub-alt);color:var(--text)}.icon.labelled .navtx{font-size:.85rem;white-space:nowrap}@media(max-width:520px){.icon.labelled{padding:5px 9px;gap:4px}.icon.labelled .navtx{font-size:.75rem}}@media(max-width:520px){.icon.labelled svg{display:none}.nav{gap:2px}}@media(max-width:380px){.logo.logo.logo h1{font-size:1.2rem}.icon.labelled .navtx{font-size:.7rem}.icon.labelled{padding:4px 7px}}.icon.labelled[aria-current=page],.icon.labelled:hover{color:var(--main)}@media(max-width:440px){.nav .icon[data-view=progress]{display:none}}.study-intro{display:grid;gap:8px}.study-intro .note{margin:0}.study-topics{justify-content:flex-start;flex-wrap:wrap;gap:6px}.study-cards{display:grid;gap:18px}.study-group{display:grid;gap:8px}.study-group h3{margin:0;font-size:1rem;font-weight:500;color:var(--text)}.study-group h3 small{color:var(--sub);font-weight:400;font-size:.8rem;margin-left:6px}.study-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.study-card{background:var(--sub-alt);border-radius:var(--r);padding:10px;display:grid;gap:6px;align-content:start}.study-card img{width:100%;height:120px;object-fit:contain;background:#fff;border-radius:calc(var(--r) / 2)}.study-card b{color:var(--text);font-weight:500}.study-card p{margin:0;font-size:.8rem;color:var(--sub);line-height:1.4}.study-card .script-text{font-size:1.6rem;color:var(--text);line-height:1.5}.study-card .words{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:.8rem;color:var(--sub)}.study-card .words span .script-text{font-size:1.05rem;margin-right:4px}h2{font-weight:500;font-size:1.3rem;margin:0;color:var(--text)}.start{display:grid;gap:22px;justify-items:center;padding-top:10px}.start h2{margin:0;font-size:1.4rem;font-weight:500;color:var(--text);text-align:center}.start h3{margin:0;font-size:1rem;font-weight:500;color:var(--text)}.start-topics{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;width:100%}@media(min-width:900px){#startView>.start-topics{grid-template-columns:repeat(5,1fr)}}.start-card{font:inherit;text-align:left;display:grid;gap:6px;background:var(--sub-alt);color:var(--sub);border:2px solid transparent;border-radius:var(--r);padding:18px;cursor:pointer;transition:border-color .15s ease}.start-card b{font-size:1.2rem;font-weight:600;color:var(--text)}.start-card span{font-size:.82rem}.start-card:hover,.start-card[aria-pressed=true]{border-color:var(--main)}.start-card[aria-pressed=true] b{color:var(--main)}.start-countries{display:grid;gap:12px;width:100%}.start-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}#startSearch{font:inherit;font-size:.9rem;background:var(--sub-alt);color:var(--text);border:0;border-radius:var(--r);padding:8px 12px;flex:0 1 260px;min-width:0}.start-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}.start-country{font:inherit;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;background:var(--sub-alt);color:var(--text);border:0;border-radius:var(--r);padding:12px 14px;cursor:pointer;text-align:left}.start-country .name{display:inline-flex;align-items:center;gap:8px}.start-country .flag{width:20px;height:15px;flex:none;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px color-mix(in srgb,var(--text) 15%,transparent)}.start-country small{color:var(--sub);font-size:.75rem;white-space:nowrap}.start-country:hover{background:color-mix(in srgb,var(--main) 18%,var(--sub-alt))}.study{display:grid;gap:12px}.study-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.study input{font:inherit;background:var(--sub-alt);color:var(--text);border:0;border-radius:var(--r);padding:7px 10px;min-width:0;flex:1 1 200px}.tablewrap{overflow-x:auto;border-radius:var(--r);background:var(--sub-alt);max-height:70vh;overflow-y:auto}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{text-align:left;padding:7px 12px;border-bottom:1px solid var(--bg);vertical-align:top}th{position:sticky;top:0;background:var(--sub-alt);font-size:.75rem;font-weight:400;color:var(--sub);z-index:1}td.codes{font-family:var(--font-code);font-weight:700;color:var(--main);font-variant-numeric:tabular-nums}td.codes span{display:inline-block;margin-right:8px}td.codes small{font-family:var(--font);font-weight:400;color:var(--sub)}tr.sechead td{background:var(--bg);color:var(--sub);font-size:.8rem}small.city{color:var(--sub)}.note{color:var(--sub);font-size:.8rem;margin:0}.settings{display:grid;gap:30px}.settings-search{font:inherit;background:var(--sub-alt);color:var(--text);border:0;border-radius:var(--r);padding:10px 14px;width:100%}.sgroup{display:grid;gap:22px}.sgroup>h3{margin:0;font-size:1.6rem;font-weight:500;color:var(--sub);display:flex;align-items:center;gap:10px}.sgroup>h3:before{content:"»";color:var(--main);font-size:1.1rem}details.sgroup>summary{font-size:1.6rem;font-weight:500;color:var(--sub);cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px}details.sgroup>summary::-webkit-details-marker{display:none}details.sgroup>summary:before{content:"»";color:var(--main);font-size:1.1rem;transition:transform .15s ease}details.sgroup[open]>summary:before{transform:rotate(90deg)}.setting{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:8px 24px;align-items:start}.setting.wide{grid-template-columns:1fr}@media(max-width:720px){.setting{grid-template-columns:1fr}}.setting .t{color:var(--sub);font-size:.95rem;display:flex;align-items:center;gap:8px}.setting .t i{font-style:normal;color:var(--sub);width:1.1em;text-align:center}.setting .d{color:var(--text);font-size:.82rem;margin-top:4px}.opts-row{display:flex;flex-wrap:wrap;gap:8px}.sbtn{font:inherit;font-size:.85rem;flex:1 1 auto;min-width:5.5em;cursor:pointer;background:var(--sub-alt);color:var(--text);border:0;border-radius:var(--r);padding:8px 12px;transition:background-color .15s ease,color .15s ease}.sbtn:hover{background:var(--text);color:var(--bg)}.sbtn[aria-pressed=true]{background:var(--main);color:var(--bg)}.sbtn.danger:hover,.sbtn.danger.armed{background:var(--error);color:var(--bg)}.fontgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.themegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}.theme-btn{font:inherit;font-size:.85rem;cursor:pointer;border:0;border-radius:var(--r);padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;outline-offset:2px}.theme-btn[aria-pressed=true]{outline:2px solid var(--main)}.theme-btn .dots{display:flex;gap:4px;flex:none}.theme-btn .dots span{width:10px;height:10px;border-radius:50%}.colors{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.colors label{display:flex;align-items:center;gap:8px;background:var(--sub-alt);border-radius:var(--r);padding:6px 10px;font-size:.82rem;color:var(--sub)}.colors input[type=color]{width:30px;height:26px;border:0;padding:0;background:none;cursor:pointer}textarea.io{font:inherit;font-size:.78rem;width:100%;min-height:90px;background:var(--sub-alt);color:var(--text);border:0;border-radius:var(--r);padding:10px;resize:vertical}#pickBtn.on{color:var(--main)}body:not(.picking) #codePick,body:not(.picking) #pickGroups{display:none!important}body.picking .controls,body.picking #plate,body.picking #opts,body.picking #feedbackRow,body.picking #statsRow,body.picking #missWrap,body.picking #gamesWrap,body.signs #codePick,body.signs #gamesWrap{display:none!important}.games{display:grid;gap:10px}.games[hidden],#gamesBody[hidden]{display:none}.games-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.games-head select{font:inherit;font-size:.8rem;background:var(--sub-alt);color:var(--text);border:0;border-radius:var(--r);padding:4px 8px;max-width:100%}.games-head .linkbtn{margin-left:auto;font-size:.8rem}#gamesBody{display:grid;gap:10px}.games-chart{position:relative;background:var(--sub-alt);border-radius:var(--r);padding:8px 4px 2px}#gamesChart{display:block;width:100%;height:auto;overflow:visible}#gamesChart .grid{stroke:var(--line);stroke-width:1}#gamesChart .axis{fill:var(--sub);font-size:11px;font-family:var(--font)}#gamesChart .line{fill:none;stroke:var(--main);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}#gamesChart .dot{fill:var(--main);stroke:var(--sub-alt);stroke-width:2}#gamesChart .dot.on{r:6}#gamesChart .hit{fill:transparent}#gamesChart .last{fill:var(--text);font-size:12px;font-weight:700;font-family:var(--font-code)}.games-tip{position:absolute;pointer-events:none;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:var(--r);padding:6px 9px;font-size:.78rem;line-height:1.35;white-space:nowrap;transform:translate(-50%,calc(-100% - 10px))}.games-tip b{font-family:var(--font-code)}.games-table{width:100%;border-collapse:collapse;font-size:.82rem}.games-table th{text-align:left;font-weight:400;color:var(--sub);font-size:.72rem;padding:4px 6px}.games-table td{padding:5px 6px;border-top:1px solid var(--line);font-variant-numeric:tabular-nums}.games-table td.num,.games-table th.num{text-align:right;font-family:var(--font-code)}.pickhead{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center}.pickgroups{display:grid;gap:14px}.pgroup{display:grid;gap:6px}.pgroup-head{justify-self:start;display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:.82rem;background:none;border:0;color:var(--text);cursor:pointer;padding:2px 0}.pgroup-head .n{color:var(--sub);font-size:.75rem}.pcodes{display:flex;flex-wrap:wrap;gap:4px}.pc{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-code);font-size:.8rem;background:var(--sub-alt);color:var(--sub);border:0;border-radius:var(--r);padding:4px 8px;cursor:pointer}.pc:hover{color:var(--text)}.pc[aria-pressed=true]{color:var(--main)}.tick{display:inline-grid;place-items:center;width:1em;height:1em;border:1.5px solid currentColor;border-radius:3px;font-size:.75em;line-height:1;flex:none}[aria-pressed=true]>.tick:before{content:"✓"}[aria-pressed=mixed]>.tick:before{content:"–"}body.signs #picker,body.signs #picker+.spacer,body.signs .map-only,#legend{display:none!important}body:not(.signs) #regionRow,body.topic-script #regionRow,body.signs #sectionRow,body.signs #codeQuiz,body.signs #missWrap{display:none!important}body:not(.signs) #signModes,body:not(.signs) #signQuiz{display:none!important}body:not(.topic-script) #signModes{display:none!important}body.signs #sTimer{display:none!important}.sshow{display:grid;justify-items:center;gap:10px}.sshow img{height:min(50vh,340px);width:auto;max-width:100%;object-fit:contain;border-radius:var(--r);background:var(--sub-alt);display:block}.sshow .look{display:flex;align-items:center;gap:14px;font-size:1.5rem;color:var(--text)}.sshow .country{font-family:var(--font);font-weight:700;font-size:clamp(1.8rem,8vw,calc(var(--q-size) * .78));color:var(--text);line-height:1.1}.chev{width:42px;height:56px;flex:none;border-radius:3px}.sshow .chev{width:60px;height:80px}.opt .chev{width:27px;height:36px}.script-text{font-family:Noto Sans Devanagari,Noto Sans Bengali,Noto Sans Oriya,Noto Sans Telugu,Noto Sans Kannada,Noto Sans Tamil,Noto Sans Malayalam,sans-serif;font-weight:500;text-transform:none}.sshow .script-text{display:block;font-size:clamp(2rem,7vw,3.4rem);color:var(--text);line-height:1.5;text-align:center;padding:6px 0}.opt .script-text{font-size:1.35rem;line-height:1.3}body.topic-mixed #regionRow,body.topic-mixed #signModes,body:not(.topic-random) #levelRow,body.topic-script #sCredit,body:not(.topic-script) #lCredit,body:not(.topic-script) #langRow{display:none!important}body:not(.us-plates) .us-only{display:none!important}body:not(.topic-plate) .plate-only{display:none!important}.study-cta{text-align:center}.start-levels{display:grid;gap:10px}.start-levels h3{margin:0;font-weight:500}.pg-actions{gap:8px;margin-top:4px}.pg-actions .chip{color:var(--main);background:var(--sub-alt)}.pg-actions .chip:disabled{color:var(--sub);cursor:default}.pg-map{display:grid;gap:6px}#pgMap{width:100%;height:auto;background:var(--sub-alt);border-radius:var(--r);cursor:grab}#pgMap .region{fill:var(--bg);stroke:var(--sub-alt);stroke-width:.5}#pgMap .region.pg-good{fill:#4caf6a}#pgMap .region.pg-mid{fill:#e2b714}#pgMap .region.pg-bad{fill:#ca4754}.pg-legend{display:flex;flex-wrap:wrap;gap:4px 14px}.pg-legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;background:var(--bg);border:1px solid var(--sub);vertical-align:-1px}.pg-legend i.pg-good{background:#4caf6a}.pg-legend i.pg-mid{background:#e2b714}.pg-legend i.pg-bad{background:#ca4754}.qtag{display:inline-block;font-size:.72rem;color:var(--bg);background:var(--main);border-radius:4px;padding:1px 6px;margin-right:8px;vertical-align:2px}.daily-done{display:grid;gap:8px;justify-items:center;padding:10px 0}.daily-score{font-size:2.6rem;color:var(--main);font-weight:600}.daily-row{font-size:1.4rem;letter-spacing:2px}.study-cta .linkbtn{padding:0 2px;text-decoration:underline;text-underline-offset:3px}body:not(.topic-cities) .city-only,body:not(.topic-cities) #cMapWrap{display:none!important}body.topic-cities #regionRow,body.topic-cities .sign-only,body.topic-cities #sCredit,body.topic-cities #lCredit,body.topic-cities #sOpts,body.topic-cities #sMapWrap{display:none!important}#cMap{width:100%;height:60vh}#cMap .maplibregl-canvas{cursor:crosshair}#cMap .maplibregl-canvas:active{cursor:grabbing}#cMapWrap .zoom{z-index:2}body.topic-cities{overflow-x:clip}body.topic-cities #signQuiz{position:relative}body.topic-cities #cMapWrap{width:100vw;margin-inline:calc(50% - 50vw)}body.topic-cities #cMapWrap .mapbox{border-radius:0}body.topic-cities #sPlate{position:absolute;z-index:3;top:12px;left:50%;translate:-50% 0;width:max-content;max-width:calc(100% - 120px);padding:8px 18px;background:var(--bg);box-shadow:0 4px 16px #00000040}body.topic-cities #sPlate .country{font-size:clamp(1.3rem,5vw,calc(var(--q-size) * .5))}body.topic-cities #signQuiz>.feedback{position:absolute;z-index:3;bottom:32px;left:50%;translate:-50% 0;width:max-content;max-width:min(calc(100% - 24px),640px);min-height:0;background:var(--bg);border-radius:var(--r);padding:6px 6px 6px 14px;box-shadow:0 4px 16px #00000040}body.topic-cities #signQuiz>.feedback p{flex:1 1 auto}body.topic-cities .controls{position:relative;z-index:10}body.topic-cities #moreOpts{position:absolute;top:100%;left:50%;translate:-50% 0;margin-top:8px;box-shadow:0 8px 28px #00000059}.pl-group{min-width:0;display:grid;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--sub-alt);scroll-margin-top:12px}.pl-group:last-of-type{border-bottom:0}.pl-head{display:flex;gap:14px;align-items:flex-start}.pl-head>div{display:grid;gap:6px;min-width:0}.pl-swatch{width:54px;height:72px;flex:none;background:#b7bcc1;border-radius:calc(var(--r) / 2)}.pl-swatch text{font-size:6.5px;font-weight:700;letter-spacing:.08em;fill:#2a2d31}.pl-head h3{margin:0;font-size:1.1rem;font-weight:500;color:var(--text);text-wrap:balance}.pl-head p{margin:0;font-size:.85rem;color:var(--sub);max-width:70ch;line-height:1.45}.pl-chips{display:flex;flex-wrap:wrap;gap:4px}.pl-chips span{font-size:.75rem;padding:2px 9px;border-radius:999px;background:var(--sub-alt);color:var(--text)}.pl-card .pl-nt{font-size:.75rem;color:var(--main)}.pl-card .pl-tip{color:var(--text);font-size:.85rem}.pl-card details{font-size:.78rem;color:var(--sub)}.pl-card summary{cursor:pointer}.pl-card details p{margin-top:4px}#studyJump{flex:1 1 180px;min-width:0;width:100%;font:inherit;font-size:.85rem;background:var(--sub-alt);color:var(--text);border:0;border-radius:var(--r);padding:7px 10px;max-width:100%}.pl-credit{margin:0;font-size:.8rem;color:var(--sub)}.pl-credit a{color:var(--main)}@media(max-width:480px){.pl-swatch{width:40px;height:54px}}.study-card .tag{justify-self:start;font-size:.7rem;padding:1px 8px;border-radius:999px;background:var(--bg);color:var(--sub)}.fronthint{margin-top:8px;font-size:.85rem;color:var(--main)}.credit{font-size:.72rem;color:var(--sub);margin:0;text-transform:none!important}.credit a{color:inherit}.plate-sw{height:34px;width:auto;flex:none;border-radius:4px}.opt .plate-sw{height:22px}.sshow img.plateimg{width:min(100%,460px);height:min(34vh,230px);object-fit:contain;background:var(--sub-alt);transition:filter .25s ease}.sshow img.blurq{filter:blur(6px)}.tipline{display:block;color:var(--sub);font-size:.82rem;margin-top:6px}.tipimg{display:block;height:130px;width:auto;max-width:100%;object-fit:contain;border-radius:var(--r);margin-top:8px}footer{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:space-between;align-items:center;color:var(--sub);font-size:.75rem;padding-top:6px}footer .keys{display:flex;flex-wrap:wrap;gap:6px 16px}kbd{font-family:var(--font);font-size:.72rem;background:var(--sub);color:var(--bg);border-radius:3px;padding:1px 5px}footer .linkbtn{color:var(--sub)}footer .linkbtn:hover{color:var(--text)}@media(prefers-reduced-motion:no-preference){body.anim .plate{transition:transform .15s ease,background-color .3s ease}body.anim .plate.pop{transform:scale(1.02)}body.anim .view-in{animation:fadein .2s ease}}@keyframes fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.bar .barlabel{margin-right:6px}body:not(.signs) .sign-only{display:none!important}body:not(.topic-script) #signModes,body:not(.topic-script) .barlabel.sign-only{display:none!important}body.smode-look #blurLine,body.smode-country #blurLine,body.smode-country .ans{display:none!important}.chip,.toggle,.label{color:color-mix(in srgb,var(--sub) 55%,var(--text))}.chip{padding:7px 11px}.chip:hover,.toggle:hover{color:var(--text);background:color-mix(in srgb,var(--text) 8%,transparent)}.chip[aria-pressed=true],.toggle:has(input[type=checkbox]:checked){background:var(--main);color:var(--bg)}.chip.pair[aria-pressed=true] b{color:inherit;font-weight:700}body.more .chip.more{background:color-mix(in srgb,var(--text) 8%,transparent)}@media(pointer:coarse){.chip,.toggle,.linkbtn{min-height:44px;padding:10px 12px}.chip,.toggle{font-size:.9rem}}.feedback p{font-size:1rem}.feedback .ok,.feedback .no{font-size:1.15rem}.tipline{color:color-mix(in srgb,var(--sub) 40%,var(--text));font-size:.9rem}.sshow .tipimg{height:150px;margin-top:4px;background:#fff}.stats .resetscore{grid-column:1 / -1;justify-self:start;font-size:.8rem;color:color-mix(in srgb,var(--sub) 55%,var(--text));padding:0}