@font-face{font-family:Federo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/federo-latin-400-normal-DolvgZb-.woff2)format("woff2"),url(/assets/federo-latin-400-normal-DwoQtHRT.woff)format("woff");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:Josefin Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/josefin-sans-vietnamese-400-normal-5bZRxDiL.woff2)format("woff2"),url(/assets/josefin-sans-vietnamese-400-normal-7lki-pri.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Josefin Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/josefin-sans-latin-ext-400-normal-WydUZGG0.woff2)format("woff2"),url(/assets/josefin-sans-latin-ext-400-normal-GP5qjHwf.woff)format("woff");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:Josefin Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/josefin-sans-latin-400-normal-Bw73c5y2.woff2)format("woff2"),url(/assets/josefin-sans-latin-400-normal-OLNf33Pm.woff)format("woff");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:Josefin Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/josefin-sans-vietnamese-600-normal-B3-kA7Zo.woff2)format("woff2"),url(/assets/josefin-sans-vietnamese-600-normal-CD4q0dTQ.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Josefin Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/josefin-sans-latin-ext-600-normal-BBwcr3jX.woff2)format("woff2"),url(/assets/josefin-sans-latin-ext-600-normal-UIETFcKM.woff)format("woff");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:Josefin Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/josefin-sans-latin-600-normal-DXjG1Gv0.woff2)format("woff2"),url(/assets/josefin-sans-latin-600-normal-CcMFZ0n5.woff)format("woff");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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-vietnamese-400-normal-CRcqvyg1.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-400-normal-BuGn0gnm.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-latin-ext-400-normal-CiZNW1ec.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-ext-400-normal-DYBYyMQr.woff)format("woff");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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-latin-400-normal-PpnXBOrz.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-400-normal-bXgqVju9.woff)format("woff");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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-vietnamese-600-normal-nyU-ZL2p.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-600-normal-DkpCIyan.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-latin-ext-600-normal-BNd8euf0.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-ext-600-normal-BeUwKxhG.woff)format("woff");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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-latin-600-normal-BZDkUTrt.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-600-normal-5IO4e7bK.woff)format("woff");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}:root{--paper:#fbf3e2;--paper-2:#f0e3c8;--ink:#2b1d17;--muted:#7a6455;--red:#c8102e;--red-ink:#9a3b2b;--green:#2f6b55;--shadow:#3c231459;--bg:#1d1411;--font-display:"Josefin Sans", "Be Vietnam Pro", system-ui, sans-serif;--font-body:"Be Vietnam Pro", system-ui, sans-serif;--display-weight:600}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{font-family:var(--font-body);color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea{-webkit-user-select:text;user-select:text;touch-action:manipulation}body.hide-cursor,body.hide-cursor *{cursor:none!important}#stage{position:fixed;inset:0;overflow:hidden;container-type:size}#stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.overlay-fx{pointer-events:none;position:absolute;inset:0}.grain{mix-blend-mode:multiply;opacity:.28;background-size:220px 220px}.quality-low .grain{display:none}.vignette{background:radial-gradient(at 50% 45%,#0000 58%,#3c231461)}.paper-card{background:var(--paper);color:var(--ink);box-shadow:.8cqmin 1cqmin 0 var(--shadow);border-radius:.6cqmin}.screen{place-items:center;display:grid;position:absolute;inset:0}.hud{pointer-events:none;justify-content:space-between;align-items:flex-start;padding:3cqmin 3.4cqmin;display:flex;position:absolute;inset:0}.hud .lbl{letter-spacing:.14em;text-transform:uppercase;color:var(--red-ink);font-size:1.9cqmin}.hud-score{background:var(--paper);box-shadow:.6cqmin .8cqmin 0 var(--shadow);font-family:var(--font-display);border-radius:.6cqmin;flex-direction:column;gap:.6cqmin;padding:1.6cqmin 2.6cqmin 1.8cqmin;line-height:1;display:flex;transform:rotate(-2deg)}.hud-score b{font-weight:var(--display-weight);font-variant-numeric:tabular-nums;font-size:7cqmin}.hud-route{background:var(--paper);box-shadow:.6cqmin .8cqmin 0 var(--shadow);font-family:var(--font-display);border-radius:.6cqmin;flex-direction:column;align-items:flex-end;gap:1.1cqmin;width:46cqmin;padding:1.5cqmin 2.2cqmin;display:flex;transform:rotate(1.2deg)}.hud-route .lbl{color:var(--ink);text-transform:none;letter-spacing:.04em}.bar{background:#e5d8bf;border-radius:1cqmin;width:100%;height:1.5cqmin;overflow:hidden}.bar i{background:var(--red);width:0;height:100%;display:block}.fx-layer,.fx-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.fx-pop{font-family:var(--font-display);background:var(--paper);box-shadow:.4cqmin .5cqmin 0 var(--shadow);white-space:nowrap;border-radius:.5cqmin;padding:.3cqmin 1.6cqmin;font-size:5cqmin;animation:.9s ease-out forwards rise;position:absolute;transform:translate(-50%,-50%)}.fx-pop.minus{color:#fff;background:#b3262d}.fx-pop.neutral{background:#e5d8bf}@keyframes rise{0%{opacity:0;transform:translate(-50%,-30%)scale(.7)}15%{opacity:1;transform:translate(-50%,-60%)scale(1.08)}to{opacity:0;transform:translate(-50%,-190%)scale(1)}}.fx-flash{pointer-events:none;opacity:0;position:absolute;inset:0;box-shadow:inset 0 0 24cqmin 5cqmin #d62828d9}.fx-flash.on{animation:.5s ease-out flash}@keyframes flash{0%{opacity:1}to{opacity:0}}.fx-banner{pointer-events:none;font-family:var(--font-display);background:var(--paper);border-top:2cqmin solid var(--red);border-bottom:2cqmin solid var(--red);box-shadow:1cqmin 1.4cqmin 0 var(--shadow);flex-direction:column;align-items:center;gap:1cqmin;padding:2.6cqmin 7cqmin;animation:.35s ease-out pop;display:flex;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.fx-banner b{font-weight:var(--display-weight);font-size:12cqmin;line-height:1}.fx-banner span{font-size:3.6cqmin}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.fx-confetti i{width:1.4cqmin;height:2cqmin;animation:2.6s ease-in forwards fall;position:absolute;top:-3cqmin}@keyframes fall{to{transform:translateY(110cqh)rotate(540deg)}}.attract{background:#1d14112e}.attract-card{text-align:center;justify-items:center;gap:2.6cqmin;width:min(84cqw,130cqmin);padding:4.5cqmin 6cqmin;display:grid}.attract-card h1{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:.02em;margin:0;font-size:12cqmin;line-height:1}.attract-card .logo{max-width:70cqmin;max-height:18cqmin}.tagline{max-width:60ch;margin:0;font-size:2.8cqmin;line-height:1.4}.cta{font-family:var(--font-display);color:#fff;background:var(--red);border-radius:99cqmin;margin:0;padding:1.2cqmin 4cqmin;font-size:5cqmin;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{transform:scale(1.06)}}.lang-pill{border:.3cqmin solid var(--paper);cursor:pointer;touch-action:manipulation;font:600 2.6cqmin var(--font-body);background:#1d141199;border-radius:99cqmin;gap:.4cqmin;padding:.5cqmin;display:flex;position:absolute;top:3cqmin;right:3cqmin}.lang-pill span{color:var(--paper);border-radius:99cqmin;padding:.8cqmin 2.2cqmin}.lang-pill span.on{background:var(--paper);color:var(--ink)}.attract.with-board{grid-auto-flow:column;justify-content:center;align-items:center;gap:4cqmin}.attract.with-board .attract-card{width:min(60cqw,104cqmin)}.board-panel{gap:1.4cqmin;width:min(30cqw,58cqmin);padding:3cqmin 3cqmin 2.6cqmin;display:grid}.board-panel h2,.board-card h2{font-family:var(--font-display);font-weight:var(--display-weight);text-align:center;margin:0;font-size:4cqmin}.board-body{gap:1.8cqmin;display:grid}.board-section{gap:.8cqmin;display:grid}.board-panel{padding-block:2.4cqmin}.board-panel h2{font-size:3cqmin}.board-panel .board-list{gap:.3cqmin;font-size:2cqmin}.board-panel .board-list li{padding:.2cqmin 1.1cqmin}.board-panel .board-empty{margin:.4cqmin 0;font-size:2.4cqmin}.board-list{gap:.5cqmin;margin:0;padding:0;font-size:2.5cqmin;list-style:none;display:grid}.board-list li{background:var(--paper-2);border-radius:.5cqmin;grid-template-columns:4.5cqmin 1fr auto;align-items:baseline;gap:1.2cqmin;padding:.6cqmin 1.2cqmin;display:grid}.board-list li:nth-child(-n+3) .board-rank{color:var(--red)}.board-list li.me{background:var(--red);color:#fff}.board-list li.me .board-rank{color:#fff}.board-rank{font-family:var(--font-display);font-weight:var(--display-weight);text-align:right}.board-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-score{font-variant-numeric:tabular-nums;font-weight:600}.board-empty{text-align:center;font-family:var(--font-display);font-weight:var(--display-weight);color:var(--red-ink);margin:1cqmin 0;font-size:3cqmin}.board-note{color:var(--muted);text-align:center;margin:0;font-size:1.8cqmin}.board-note:empty{display:none}.board-open,.board-close{font:600 2.4cqmin var(--font-body);border:.3cqmin solid var(--ink);color:var(--ink);cursor:pointer;touch-action:manipulation;background:#fff;border-radius:99cqmin;justify-self:center;padding:1.2cqmin 3cqmin}.board-modal{z-index:6;background:#1d141199}.board-card{gap:1.6cqmin;width:min(70cqw,90cqmin);padding:3.4cqmin 4cqmin;display:grid}.board-card .board-list{font-size:3cqmin}.board-tabs{justify-content:center;gap:1cqmin;display:flex}.board-tabs button{font:600 2.6cqmin var(--font-body);border:.3cqmin solid var(--ink);color:var(--ink);cursor:pointer;touch-action:manipulation;background:#fff;border-radius:99cqmin;padding:1cqmin 3cqmin}.board-tabs button.on{background:var(--ink);color:var(--paper)}.legend{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:1.2cqmin 2cqmin;margin:0;padding:0;font-size:2.3cqmin;list-style:none;display:grid}.legend li{justify-items:center;gap:.4cqmin;display:grid}.legend img{object-fit:contain;width:7cqmin;height:7cqmin}.legend b{font-variant-numeric:tabular-nums}.legend .bad b{color:#b3262d}.legend span{text-align:center;line-height:1.25;display:grid}.legend small{color:var(--muted);font-size:.82em}.ladder{flex-wrap:wrap;justify-content:center;gap:1.2cqmin;margin:0;padding:0;font-size:2.2cqmin;list-style:none;display:flex}.ladder li{background:var(--paper-2);border-radius:.5cqmin;align-items:baseline;gap:.8cqmin;padding:.8cqmin 1.6cqmin;display:flex}.ladder b{font-family:var(--font-display);font-weight:var(--display-weight);font-size:2.8cqmin}.howto-card{gap:2cqmin;max-width:110cqmin;padding:4cqmin 6cqmin;display:grid}.howto-card h2{font-family:var(--font-display);font-weight:var(--display-weight);margin:0;font-size:7cqmin}.howto-card ol{gap:1.2cqmin;margin:0;padding-left:4cqmin;font-size:3.4cqmin;display:grid}.countdown{font-family:var(--font-display);color:var(--paper);text-shadow:1cqmin 1.2cqmin 0 var(--shadow);font-size:26cqmin;animation:.4s ease-out grow}@keyframes grow{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.question{background:#1d141173}.question-card{gap:3cqmin;width:min(88cqw,140cqmin);padding:4cqmin 5cqmin 5cqmin;display:grid;position:relative}.q-bonus{color:var(--red-ink);margin:0;padding-right:14cqmin;font-size:3cqmin;font-weight:600}.q-text{font-family:var(--font-display);font-weight:var(--display-weight);text-wrap:balance;margin:0;padding-right:14cqmin;font-size:6cqmin;line-height:1.15}.q-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.4cqmin;display:grid}.q-option{font:600 3.6cqmin var(--font-body);border:.4cqmin solid var(--ink);min-height:12cqmin;color:var(--ink);box-shadow:0 .8cqmin 0 var(--ink);cursor:pointer;touch-action:manipulation;background:#fff;border-radius:1cqmin;padding:1.6cqmin 2cqmin}.q-option:active{box-shadow:0 .3cqmin 0 var(--ink);transform:translateY(.5cqmin)}.q-option.right{background:var(--green);color:#fff}.q-option.wrong{color:#fff;background:#b3262d}.q-option:disabled:not(.right):not(.wrong){opacity:.55}.q-ring{background:conic-gradient(var(--red) calc(var(--p,1) * 360deg), #e5d8bf 0);border-radius:50%;place-items:center;width:11cqmin;height:11cqmin;display:grid;position:absolute;top:3cqmin;right:3.4cqmin}.q-ring span{background:var(--paper);width:8.4cqmin;height:8.4cqmin;font-family:var(--font-display);border-radius:50%;place-items:center;font-size:4.6cqmin;display:grid}.results{background:#1d141180}.results-card{text-align:center;justify-items:center;gap:1.6cqmin;width:min(80cqw,120cqmin);padding:4cqmin 6cqmin;display:grid}.results .lbl{letter-spacing:.14em;text-transform:uppercase;color:var(--red-ink);margin:0;font-size:2.4cqmin}.r-scorebox{gap:.6cqmin;display:grid}.r-thanks{font-family:var(--font-display);color:var(--red);margin:0;font-size:5cqmin}.r-score{font-family:var(--font-display);font-weight:var(--display-weight);font-variant-numeric:tabular-nums;font-size:16cqmin;line-height:1}.r-giftbox{justify-items:center;gap:1.2cqmin;display:grid}.r-tier{font-family:var(--font-display);font-weight:var(--display-weight);color:var(--red);margin:0;font-size:8cqmin}.r-gift{object-fit:contain;width:22cqmin;height:22cqmin}.r-ladder li.on{background:var(--red);color:#fff}.r-ladder li.passed{opacity:.6}.r-hold{font:600 2.2cqmin var(--font-body);border:.3cqmin solid var(--paper);color:var(--paper);cursor:pointer;background:#1d1411bf;border-radius:99cqmin;padding:1.4cqmin 2.6cqmin;position:absolute;bottom:3cqmin;right:3cqmin;overflow:hidden}.r-hold i{background:var(--red);width:0;transition:width linear;position:absolute;inset:0}.r-hold.holding i{width:100%;transition-property:width}.r-hold span{position:relative}.r-namebox{justify-items:center;gap:1cqmin;margin-top:.6cqmin;display:grid}.r-name-hint{color:var(--muted);margin:0;font-size:2.2cqmin}.r-namefield{gap:1.2cqmin;display:flex}.r-name{font:600 3.4cqmin var(--font-body);border:.4cqmin solid var(--ink);width:36cqmin;color:var(--ink);text-align:center;letter-spacing:.04em;background:#fff;border-radius:1cqmin;padding:1.2cqmin 2cqmin}.r-name:disabled{background:var(--paper-2)}.r-save,.r-view{font:600 3cqmin var(--font-body);border:.4cqmin solid var(--red);background:var(--red);color:#fff;cursor:pointer;touch-action:manipulation;border-radius:1cqmin;padding:1.2cqmin 3.4cqmin}.r-save:disabled{opacity:.45;cursor:default}.r-view{color:var(--red);background:#fff}.r-name-msg{font-family:var(--font-display);font-weight:var(--display-weight);color:var(--red);margin:0;font-size:4.4cqmin}.r-name-msg:empty{display:none}.restart-card{font-family:var(--font-display);color:var(--paper);text-align:center;z-index:10;background:#1d1411d9;place-items:center;padding:4vmin;font-size:8vmin;display:grid;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.cta,.fx-confetti i{animation:none}}.sc-grid{z-index:5;background:#1d141159;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:.6cqmin;padding:.6cqmin;display:grid;position:absolute;inset:0}.sc-cell{font-family:var(--font-display);color:var(--ink);background:#fbf3e2d9;border-radius:.6cqmin;place-items:center;font-size:8cqmin;display:grid}.sc-cell.hit{color:#fff;background:#2f6b55e6}.selfcheck{touch-action:pan-y;background:var(--paper);width:min(48cqw,84cqmin);box-shadow:.8cqmin 1cqmin 0 var(--shadow);z-index:6;border-radius:.6cqmin;align-content:start;gap:1.2cqmin;padding:2.4cqmin 3cqmin;font-size:2cqmin;display:grid;position:absolute;top:2cqmin;bottom:2cqmin;left:2cqmin;overflow:auto}.selfcheck h2,.selfcheck h3{font-family:var(--font-display);font-weight:var(--display-weight);margin:0}.selfcheck h2{font-size:4.4cqmin}.selfcheck dl{grid-template-columns:auto 1fr;gap:.5cqmin 2cqmin;margin:0;display:grid}.selfcheck dt{color:var(--muted)}.selfcheck dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}.sc-art{columns:2;margin:0;padding-left:2.4cqmin;font-size:1.6cqmin}.sc-art .designer{color:var(--green);font-weight:600}.sc-button{font:600 2.4cqmin var(--font-body);border:.3cqmin solid var(--ink);color:var(--ink);cursor:pointer;background:#fff;border-radius:.6cqmin;padding:1.4cqmin}.sc-button.primary{background:var(--red);border-color:var(--red);color:#fff}.corner-hold{z-index:3;width:12%;height:12%;position:absolute;top:0;left:0}.staff-open{z-index:3;border:.3cqmin solid var(--paper);color:var(--paper);cursor:pointer;touch-action:manipulation;font:600 2.6cqmin var(--font-body);background:#1d141199;border-radius:99cqmin;padding:1.3cqmin 2.6cqmin;position:absolute;top:3cqmin;left:3cqmin}.staff-screen{z-index:8;font-family:var(--font-body);color:var(--ink);background:#1d1411b8;position:absolute;inset:0}.pin-pad{place-items:center;display:grid}.pin-card{justify-items:center;gap:1.6cqmin;padding:3cqmin 4cqmin;display:grid}.pin-card h2{font-family:var(--font-display);font-weight:var(--display-weight);margin:0;font-size:5cqmin}.pin-card.wrong{animation:.4s shake}@keyframes shake{20%,60%{transform:translate(-1.6cqmin)}40%,80%{transform:translate(1.6cqmin)}}.pin-dots{gap:2cqmin;display:flex}.pin-dots i{border:.4cqmin solid var(--ink);border-radius:50%;width:2.6cqmin;height:2.6cqmin}.pin-dots i.on{background:var(--ink)}.pin-keys{grid-template-columns:repeat(3,12cqmin);gap:1.4cqmin;display:grid}.pin-key{font:600 4.4cqmin var(--font-body);border:.3cqmin solid var(--ink);height:10cqmin;color:var(--ink);cursor:pointer;touch-action:manipulation;background:#fff;border-radius:1cqmin}.pin-key.small{font-size:2.4cqmin}.settings{background:var(--paper);grid-template-rows:auto 1fr auto;display:grid}.st-head{border-bottom:.2cqmin solid var(--paper-2);padding:2cqmin 4cqmin 1cqmin}.st-head h2{font-family:var(--font-display);font-weight:var(--display-weight);margin:0;font-size:4.4cqmin}.st-body{touch-action:pan-y;overscroll-behavior:contain;padding:1cqmin 4cqmin 3cqmin;font-size:2.3cqmin;overflow-y:auto}.st-section{border-bottom:.2cqmin solid var(--paper-2);max-width:150cqmin;margin:0 auto;padding:1.6cqmin 0}.st-section h3{font-family:var(--font-display);font-weight:var(--display-weight);color:var(--red-ink);margin:0 0 1cqmin;font-size:3.4cqmin}.st-row{grid-template-columns:34cqmin 1fr;align-items:center;gap:2cqmin;padding:.7cqmin 0;display:grid}.st-controls{flex-wrap:wrap;align-items:center;gap:1cqmin;display:flex}.st-unit{color:var(--muted);min-width:6cqmin}.st-note{color:var(--muted);margin:.4cqmin 0;font-size:2cqmin;line-height:1.4}.st-btn,.st-step,.st-toggle,.st-choice button{font:600 2.3cqmin var(--font-body);border:.25cqmin solid var(--ink);min-height:6cqmin;color:var(--ink);cursor:pointer;touch-action:manipulation;background:#fff;border-radius:.8cqmin;padding:0 2.4cqmin}.st-step{width:6cqmin;padding:0;font-size:3.2cqmin}.st-btn.small{min-height:5cqmin;font-size:2cqmin}.st-btn.primary{background:var(--red);border-color:var(--red);color:#fff}.st-btn.danger{color:#b3262d;border-color:#b3262d}.st-btn:disabled,.st-step:disabled{opacity:.45;cursor:default}.st-toggle.on,.st-choice .on{background:var(--green);border-color:var(--green);color:#fff}.st-choice{flex-wrap:wrap;align-items:center;gap:1cqmin;display:flex}.st-chip{border:.25cqmin dashed var(--muted);color:var(--muted);border-radius:99cqmin;padding:.8cqmin 2cqmin}.st-chip.on{border-style:solid;border-color:var(--red-ink);color:var(--red-ink)}.st-num,.st-text,.st-code{font:500 2.4cqmin var(--font-body);border:.25cqmin solid var(--ink);min-height:6cqmin;color:var(--ink);background:#fff;border-radius:.8cqmin;padding:0 1.4cqmin}.st-num{text-align:center;width:14cqmin}.st-text{width:36cqmin}.st-code{resize:vertical;width:100%;margin:.6cqmin 0;padding:1cqmin 1.4cqmin;font-family:ui-monospace,monospace;font-size:1.9cqmin;display:block}.st-tiers{gap:1cqmin;display:grid}.st-tier{align-items:center;gap:1cqmin;display:flex}.st-foot{border-top:.2cqmin solid var(--paper-2);gap:.8cqmin;padding:1.4cqmin 4cqmin 2cqmin;display:grid}.st-problems{color:#b3262d;margin:0;padding-left:3cqmin;font-size:2.2cqmin;font-weight:600}.st-warnings{color:#8a5a00;margin:0;padding-left:3cqmin;font-size:2.2cqmin;font-weight:600}.st-problems:empty,.st-warnings:empty,.st-message:empty{display:none}.st-message{color:var(--green);margin:0;font-size:2.2cqmin;font-weight:600}.st-actions{justify-content:flex-end;gap:1.4cqmin;display:flex}.st-subhead{font-family:var(--font-display);font-weight:var(--display-weight);margin:2cqmin 0 .4cqmin;font-size:2.8cqmin}.st-status{font-weight:600}.st-confirm{flex-wrap:wrap;align-items:center;gap:1cqmin;display:flex}.st-log{touch-action:pan-y;gap:.6cqmin;max-height:60cqmin;display:grid;overflow-y:auto}.st-logrow{background:#fff;border-radius:.5cqmin;grid-template-columns:16cqmin 8cqmin 18cqmin 1fr 18cqmin auto;align-items:center;gap:1.2cqmin;padding:.6cqmin 1cqmin;font-size:2cqmin;display:grid}.st-ok{color:var(--green);font-weight:600}.st-wait{color:var(--red-ink);font-weight:600}