@font-face{font-family:Alfa Slab One;font-style:normal;font-display:swap;font-weight:400;src:url(./alfa-slab-one-vietnamese-400-normal-C0oZnEo7.woff2)format("woff2"),url(./alfa-slab-one-vietnamese-400-normal-BeSfPuN6.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:Alfa Slab One;font-style:normal;font-display:swap;font-weight:400;src:url(./alfa-slab-one-latin-ext-400-normal-DZhSYPC8.woff2)format("woff2"),url(./alfa-slab-one-latin-ext-400-normal-Dg9tQUb7.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:Alfa Slab One;font-style:normal;font-display:swap;font-weight:400;src:url(./alfa-slab-one-latin-400-normal-CbTZiZTW.woff2)format("woff2"),url(./alfa-slab-one-latin-400-normal-UIGeWgec.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:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(./bangers-vietnamese-400-normal-BbvBhFjQ.woff2)format("woff2"),url(./bangers-vietnamese-400-normal-Ll9rymNv.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:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(./bangers-latin-ext-400-normal-7BLmjjiv.woff2)format("woff2"),url(./bangers-latin-ext-400-normal-CzVt_Cgx.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:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(./bangers-latin-400-normal-DeHY8Ncq.woff2)format("woff2"),url(./bangers-latin-400-normal-BAEm-Pv0.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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(./barlow-condensed-vietnamese-500-normal-DjeaNLFD.woff2)format("woff2"),url(./barlow-condensed-vietnamese-500-normal-CsrJDWc5.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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(./barlow-condensed-latin-ext-500-normal-yA5ONLQ9.woff2)format("woff2"),url(./barlow-condensed-latin-ext-500-normal-B1RE8WP7.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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(./barlow-condensed-latin-500-normal-BgYH2mbd.woff2)format("woff2"),url(./barlow-condensed-latin-500-normal-HIEiP5Ov.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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-condensed-vietnamese-600-normal-A5AYRdjN.woff2)format("woff2"),url(./barlow-condensed-vietnamese-600-normal-CNlPk46_.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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-condensed-latin-ext-600-normal-18ESti3H.woff2)format("woff2"),url(./barlow-condensed-latin-ext-600-normal-Clv9cIcR.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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-condensed-latin-600-normal-DepVgxBB.woff2)format("woff2"),url(./barlow-condensed-latin-600-normal-BFJEwTuo.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{--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--ink:#2b2118;--paper:#f4ead2;--cream:#efe3c2;--barn:#a53a2b;--mustard:#f2b33d;--grass:#5e7d3c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--ink);height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font-family:Barlow Condensed,system-ui,sans-serif;overflow:hidden}canvas#game{touch-action:none;display:block;position:fixed;inset:0}.hidden{display:none!important}button{text-transform:uppercase;letter-spacing:.04em;color:var(--ink);background:var(--cream);border:3px solid var(--ink);box-shadow:4px 5px 0 var(--ink);cursor:pointer;touch-action:manipulation;border-radius:12px;padding:.75rem 1.4rem;font:600 1.25rem/1 Barlow Condensed,system-ui,sans-serif;transition:transform 60ms,box-shadow 60ms}button:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,4px)}button.big{background:var(--mustard);padding:.95rem 1.8rem;font-size:1.6rem}button.quiet{box-shadow:none;color:var(--cream);text-underline-offset:4px;background:0 0;border-color:#0000;font-size:1.05rem;text-decoration:underline}button.quiet:active{transform:none}.screen{padding:calc(var(--sat) + 16px) calc(var(--sar) + 16px) calc(var(--sab) + 16px) calc(var(--sal) + 16px);position:fixed;inset:0}#title{background:linear-gradient(#2b21188c 0%,#2b211800 38% 62%,#2b211899 100%);flex-direction:column;justify-content:space-between;align-items:center;display:flex}.sign{border:4px solid var(--ink);text-align:center;background:repeating-linear-gradient(0deg,#00000017 0 2px,#0000 2px 34px),linear-gradient(#b0412f,#8f3326);border-radius:6px;margin-top:4vh;padding:18px 34px 22px;position:relative;transform:rotate(-3deg);box-shadow:8px 10px #2b21188c}.sign:before,.sign:after{content:"";border:2px solid var(--ink);background:#cfc8b8;border-radius:50%;width:10px;height:10px;position:absolute;top:10px}.sign:before{left:10px}.sign:after{right:10px}h1{color:var(--cream);text-transform:uppercase;text-shadow:3px 4px 0 var(--ink);letter-spacing:.02em;margin:0;font:400 clamp(3rem,15vw,6.2rem)/.9 Alfa Slab One,serif}.tag{background:#efe7cf;margin:12px auto 0;padding:6px 14px;font:500 clamp(1.1rem,4.6vw,1.5rem)/1 Barlow Condensed,sans-serif;display:inline-block;transform:rotate(2deg);box-shadow:2px 2px #00000040}.menu{flex-direction:column;align-items:stretch;gap:14px;width:min(320px,86vw);margin-bottom:3vh;display:flex}body.landscape #title{flex-direction:row;justify-content:space-around;align-items:center}body.landscape .sign{margin-top:0}body.landscape h1{font-size:clamp(2.6rem,9vh,5.4rem)}body.landscape .menu{width:min(300px,38vw);margin-bottom:0}#select,#paused{background:#2b21188c;justify-content:center;align-items:center;display:flex}.clipboard{background:var(--paper);border:4px solid var(--ink);border-top:18px solid #6b4a2b;border-radius:10px;flex-direction:column;gap:10px;width:min(460px,100%);max-height:100%;padding:14px 16px 10px;display:flex;overflow-y:auto;box-shadow:6px 8px #2b211899}.clipboard.small{width:min(320px,100%)}.clipboard .quiet{color:var(--ink)}h2{text-transform:uppercase;text-align:center;margin:2px 0 4px;font:400 2rem/1 Alfa Slab One,serif}#lessons{flex-direction:column;gap:8px;display:flex}.lesson{text-align:left;text-transform:none;letter-spacing:0;box-shadow:3px 3px 0 var(--ink);background:#fffaf0;align-items:center;gap:12px;padding:10px 12px;display:flex}.lesson .num{text-align:center;width:1.4em;color:var(--barn);font:400 1.6rem/1 Alfa Slab One,serif}.lesson .txt{flex-direction:column;flex:1;gap:3px;display:flex}.lesson b{text-transform:uppercase;font-size:1.3rem;font-weight:600}.lesson i{opacity:.7;font-size:1rem;font-style:normal;font-weight:500}.lesson .stars{color:#d99a1e;white-space:nowrap;font-size:1.3rem}.lesson .stars em,#card-stars em{color:#2b211833;font-style:normal}.lesson.locked{opacity:.55;box-shadow:none}#banner{background:var(--grass);color:var(--cream);border:4px solid var(--cream);outline:4px solid var(--ink);text-align:center;pointer-events:none;opacity:0;border-radius:10px;flex-direction:column;gap:4px;min-width:min(300px,80vw);padding:12px 26px 14px;display:flex;position:fixed;top:46%;left:50%;transform:translate(-50%,-50%)}#banner.go{animation:1.9s forwards banner}#banner-num{text-transform:uppercase;letter-spacing:.2em;opacity:.85;font:600 1rem/1 Barlow Condensed,sans-serif}#banner-name{text-transform:uppercase;font:400 clamp(1.6rem,7vw,2.4rem)/1 Alfa Slab One,serif}#banner-place{font:500 1.1rem/1 Barlow Condensed,sans-serif}@keyframes banner{0%{opacity:0;transform:translate(-50%,-40%)scale(.9)}12%{opacity:1;transform:translate(-50%,-50%)scale(1)}80%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-58%)scale(.98)}}#card{left:50%;bottom:calc(var(--sab) + 14px);background:var(--paper);border:4px solid var(--ink);text-align:center;border-radius:12px;width:min(440px,100vw - 24px);padding:18px 18px 14px;animation:.35s cubic-bezier(.2,1.4,.4,1) rise;position:fixed;transform:translate(-50%);box-shadow:6px 8px #2b211899}body.landscape #card{left:auto;right:calc(var(--sar) + 14px);width:min(360px,42vw);animation:.35s cubic-bezier(.2,1.4,.4,1) slide;bottom:50%;transform:translateY(50%)}@keyframes rise{0%{opacity:0;transform:translate(-50%,60px)}}@keyframes slide{0%{opacity:0;transform:translate(60px,50%)}}#card-stamp{text-transform:uppercase;border:5px solid;border-radius:8px;padding:4px 16px 6px;font:400 clamp(2rem,9vw,2.8rem)/1 Alfa Slab One,serif;animation:.3s cubic-bezier(.3,1.6,.5,1) .1s both stamp;display:inline-block;transform:rotate(-4deg)}#card.lost #card-stamp{color:#c22b16}#card.won #card-stamp{color:#3e7d32}@keyframes stamp{0%{opacity:0;transform:rotate(-4deg)scale(2.2)}}#card-stars{color:#d99a1e;letter-spacing:.1em;margin-top:8px;font-size:2.2rem}#card p{margin:8px 0 0}#card-why{font:600 1.25rem/1.2 Barlow Condensed,sans-serif}#card-quote{letter-spacing:.03em;color:#8e2a17;font:400 1.35rem/1.15 Bangers,sans-serif}#card-time{opacity:.6;font:500 1rem/1 Barlow Condensed,sans-serif}#card .row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}#card .quiet{color:var(--ink)}.keys-hint{color:#f6efdc;text-align:center;text-shadow:0 1px #1c171499;margin:.4rem 0 0;font:500 1rem/1.4 Barlow Condensed,sans-serif;display:none}body[data-input=keys] .keys-hint{display:block}.keys-hint b{color:#2b2118;background:#f6efdc;border:2px solid #2b2118;border-radius:4px;min-width:1.4em;padding:0 .3em;font-weight:600;line-height:1.2;display:inline-block}