@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{color-scheme:light dark;--bg: #FFF7E6;--bg-2: #FFEFCF;--surface: #FFFFFF;--surface-2: #FFF3DA;--ink: #1B1710;--muted: #7A6A4F;--line: #1B1710;--accent: #FFC93C;--accent-deep: #E9930B;--accent-soft: #FFE7A3;--ok: #1D9A5B;--err: #D42B1F;--shadow-col: #1B1710;--ring: rgba(233, 147, 11, .45);--hex-opacity: .05;--links-space: 74px}html{scrollbar-color:var(--accent-deep) transparent}html,body{overflow-x:hidden;overscroll-behavior-x:none}body{font-family:VT323,monospace!important;font-size:28px!important;line-height:1!important;background-color:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background-color:var(--bg);background-image:radial-gradient(900px 520px at 12% -8%,var(--bg-2) 0%,transparent 60%),radial-gradient(700px 480px at 108% 104%,var(--accent-soft) 0%,transparent 55%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:var(--hex-opacity);background-image:url("data:image/svg+xml,%3Csvg width='28' height='49' viewBox='0 0 28 49' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81V33.5zM15 0v7.5L27.99 15H28v-2.31l-11-6.34V0h-2zm0 49v-8l12.99-7.5H28v2.31l-11 6.34V49h-2z' fill='%231B1710' fill-rule='evenodd'/%3E%3C/svg%3E")}h4{font-size:32px;width:100%;text-align:center;letter-spacing:.5px}h3{font-size:42px;width:100%;text-align:center;letter-spacing:1px}b{color:var(--accent-deep)}button,select{outline:none;-webkit-user-select:none;user-select:none;font-family:inherit}:focus-visible{outline:3px solid var(--ring);outline-offset:3px;border-radius:8px}::selection{background:var(--accent);color:var(--ink)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--accent-deep);border-radius:10px}::-webkit-scrollbar-track{background:transparent}.error{text-decoration-line:underline;text-decoration-style:wavy;text-decoration-color:var(--err);text-underline-offset:3px}@media (max-width: 600px){body{font-size:24px!important}}@media (max-width: 620px){:root{--links-space: 104px}}@media (prefers-color-scheme: dark){:root{--bg: #16130E;--bg-2: #221C12;--surface: #221D15;--surface-2: #2C2418;--ink: #F6EEDC;--muted: #A6957A;--line: #4A3E29;--accent: #FFC93C;--accent-deep: #FFB020;--accent-soft: #3A2E18;--ok: #35C97E;--err: #FF6B5E;--shadow-col: #000000;--ring: rgba(255, 201, 60, .45);--hex-opacity: .07}body:after{background-image:url("data:image/svg+xml,%3Csvg width='28' height='49' viewBox='0 0 28 49' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81V33.5zM15 0v7.5L27.99 15H28v-2.31l-11-6.34V0h-2zm0 49v-8l12.99-7.5H28v2.31l-11 6.34V49h-2z' fill='%23FFC93C' fill-rule='evenodd'/%3E%3C/svg%3E")}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.App{position:relative;height:100dvh;max-width:420px;box-sizing:border-box;margin:auto}.App .RouteWrapper{gap:18px;overflow-y:auto;overflow-x:hidden}.App .GameView .game-parts{width:100%}.App .GameView .game-parts .Input{order:1}.App .GameView .game-parts>a{order:2}.App .GameView .game-parts .Keyboard{order:3}@media (max-width: 600px){.App .RouteWrapper{gap:12px}}.Links{position:fixed;bottom:0;left:0;right:0;z-index:8;padding:30px 10px 14px;box-sizing:border-box;pointer-events:none;background-image:linear-gradient(to top,var(--bg) 0%,var(--bg) 62%,transparent 100%)}.Links ul{list-style:none;padding:0;margin:0 auto;max-width:720px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 10px}.Links ul li{pointer-events:auto}.Links ul li a{display:inline-block;padding:5px 14px;font-size:20px;line-height:1.1;white-space:nowrap;text-decoration:none;color:var(--muted);border:2px solid var(--line);border-radius:999px;background:var(--surface);transition:transform .18s cubic-bezier(.2,.9,.3,1.2),box-shadow .18s cubic-bezier(.2,.9,.3,1.2),color .18s ease,border-color .18s ease}@media (hover: hover){.Links ul li a:hover{color:var(--ink);border-color:var(--accent-deep);background:var(--accent-soft);transform:translateY(-2px)}}.Links ul li a:active{transform:translateY(1px)}.Links ul li.accent a{color:#1b1710;border-color:var(--ink);background-image:linear-gradient(180deg,var(--accent) 0%,var(--accent-deep) 100%);box-shadow:3px 3px 0 var(--shadow-col)}@media (hover: hover){.Links ul li.accent a:hover{color:#1b1710;border-color:var(--ink);background-image:linear-gradient(180deg,var(--accent) 0%,var(--accent-deep) 100%);box-shadow:5px 5px 0 var(--shadow-col);transform:translateY(-2px)}}.Links ul li.accent a:active{transform:translate(3px,3px);box-shadow:0 0}@media (max-width: 600px){.Links{padding:26px 8px 10px}.Links ul{gap:6px 8px}.Links ul li a{padding:4px 11px;font-size:17px}}.RulesView h4{margin:0;color:var(--accent-deep);letter-spacing:2px;text-transform:uppercase}.RulesView ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.RulesView ul li{margin:0;display:flex;align-items:center;gap:14px;padding:10px 14px;border:2px solid var(--line);border-left:6px solid var(--accent);border-radius:12px;background:var(--surface);box-shadow:3px 3px 0 var(--shadow-col);transition:transform .18s cubic-bezier(.2,.9,.3,1.2),box-shadow .18s cubic-bezier(.2,.9,.3,1.2),border-color .18s ease}@media (hover: hover){.RulesView ul li:hover{transform:translate(-1px,-2px);box-shadow:5px 5px 0 var(--shadow-col);border-color:var(--accent-deep)}}.RulesView ul li img{width:34px;flex:none;padding:6px;box-sizing:content-box;border-radius:8px;background:var(--accent-soft);-webkit-user-select:none;user-select:none}.RulesView ul li p{margin:0;line-height:1.15}.RulesView>a{margin:0 auto;display:block}@media (prefers-color-scheme: dark){.RulesView ul li img{background:transparent;filter:invert(1)}}@media (max-width: 600px){.RulesView ul{gap:8px}.RulesView ul li{gap:10px;padding:8px 10px}.RulesView ul li img{width:28px}}.Button{position:relative;height:100%;width:100%;outline:none;padding:10px 14px;border:2px solid var(--line);border-radius:12px;cursor:pointer;color:var(--ink);background:var(--surface);background-image:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%);font-size:inherit;line-height:1;transform:translate(0);box-shadow:3px 3px 0 var(--shadow-col);transition:transform .12s cubic-bezier(.2,.9,.3,1.2),box-shadow .12s cubic-bezier(.2,.9,.3,1.2),background-color .2s ease,border-color .2s ease;overflow:hidden}.Button:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skew(-18deg);opacity:0;pointer-events:none;transition:left .5s ease,opacity .2s ease}@media (hover: hover){.Button:hover{transform:translate(-1px,-2px);box-shadow:5px 5px 0 var(--shadow-col);border-color:var(--accent-deep)}.Button:hover:after{left:130%;opacity:1}}.Button:active{transform:translate(3px,3px);box-shadow:0 0}.Button.disabled{transform:translate(0)!important;box-shadow:3px 3px 0 var(--shadow-col)!important;cursor:progress}.Button.disabled:before{content:"";position:absolute;background-color:transparent;background-image:url(./loader-BZDBN9Kl.gif);background-position:center;background-repeat:no-repeat;background-size:contain;z-index:1;top:8px;bottom:8px;left:8px;right:8px;border-radius:inherit}.Button img{width:30px;display:block;margin:0 auto}.Button:has(img){aspect-ratio:1;padding:8px}.RulesView>a>.Button,.ResultsView .results a>.Button,.WarningView>a>.Button,.game-parts>a>.Button{background-image:linear-gradient(180deg,var(--accent) 0%,var(--accent-deep) 100%);color:#1b1710;border-color:var(--ink);box-shadow:5px 5px 0 var(--shadow-col);letter-spacing:1px;padding:12px 26px}@media (hover: hover){.RulesView>a>.Button:hover,.ResultsView .results a>.Button:hover,.WarningView>a>.Button:hover,.game-parts>a>.Button:hover{transform:translate(-1px,-3px);box-shadow:7px 7px 0 var(--shadow-col);border-color:var(--ink)}}.RulesView>a>.Button:active,.ResultsView .results a>.Button:active,.WarningView>a>.Button:active,.game-parts>a>.Button:active{transform:translate(5px,5px);box-shadow:0 0}@media (prefers-color-scheme: dark){.Button:after{background:linear-gradient(100deg,transparent,rgba(255,201,60,.18),transparent)}.Button img{filter:invert(100%)}}.Header{width:100%;display:flex;align-items:center;gap:14px}.Header>a{flex:none;display:block}.Header h3{flex:1 1 auto;margin:0;padding:8px 10px;text-align:center;color:#1b1710;border:2px solid var(--ink);border-radius:12px;background-image:linear-gradient(135deg,var(--accent) 0%,var(--accent-deep) 100%);box-shadow:5px 5px 0 var(--shadow-col);text-shadow:0 2px 0 rgba(255,255,255,.35);transform:rotate(-1.2deg);transition:transform .25s cubic-bezier(.2,.9,.3,1.2),box-shadow .25s cubic-bezier(.2,.9,.3,1.2)}@media (hover: hover){.Header h3:hover{transform:rotate(0);box-shadow:7px 7px 0 var(--shadow-col)}}@media (max-width: 600px){.Header{gap:10px}.Header h3{padding:6px 8px}}.Audio{display:flex;align-items:stretch;column-gap:10px;width:100%}.Audio>a{flex:none;display:block}.Audio .Button{background-image:linear-gradient(180deg,var(--accent) 0%,var(--accent-deep) 100%);border-color:var(--ink)}.Audio .Button img{filter:none!important}.Audio select{width:100%;min-width:0;-webkit-user-select:none;user-select:none;outline:none;flex-grow:1;flex-shrink:1;padding:10px 38px 10px 14px;box-sizing:border-box;font-family:inherit;font-size:inherit;color:var(--ink);border:2px solid var(--line);border-radius:12px;background-color:var(--surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M2 5l6 7 6-7' fill='none' stroke='%23E9930B' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;text-overflow:ellipsis;transform:translate(0);box-shadow:3px 3px 0 var(--shadow-col);transition:transform .12s cubic-bezier(.2,.9,.3,1.2),box-shadow .12s cubic-bezier(.2,.9,.3,1.2),border-color .2s ease}@media (hover: hover){.Audio select:hover{border-color:var(--accent-deep)}}.Audio select:active{transform:translate(3px,3px);box-shadow:0 0}.Audio select option{width:200px;white-space:pre-wrap;word-wrap:break-word;background-color:var(--surface);color:var(--ink)}@media (prefers-color-scheme: dark){.Audio select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M2 5l6 7 6-7' fill='none' stroke='%23FFB020' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}}@media (max-width: 600px){.Audio{column-gap:8px}.Audio select{padding:8px 34px 8px 10px}}.Input{position:relative;height:52px;flex-grow:1;flex-shrink:1;min-width:0;padding:0 14px;box-sizing:border-box;border:2px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:inset 0 3px #0000000f,3px 3px 0 var(--shadow-col);display:flex;align-items:center;overflow:hidden}.Input p{margin:0;min-width:0;letter-spacing:3px;white-space:nowrap;color:var(--ink);overflow:hidden;direction:rtl;text-align:left}.Input p:empty:before{content:"type your answer";letter-spacing:1px;color:var(--muted);opacity:.7}.Input:after{content:"";width:12px;height:4px;margin-left:2px;flex:none;background:var(--accent-deep);animation:input-caret 1.1s steps(1,end) infinite}@keyframes input-caret{0%,50%{opacity:1}50.01%,to{opacity:0}}@media (max-width: 600px){.Input{height:44px;padding:0 10px}.Input p{letter-spacing:2px}}.Keyboard{display:flex;flex-direction:column;row-gap:10px;width:100%;padding:12px 10px;box-sizing:border-box;border:2px solid var(--line);border-radius:18px;background:linear-gradient(180deg,var(--surface-2) 0%,var(--surface) 100%);box-shadow:5px 5px 0 var(--shadow-col)}.Keyboard .row{display:flex;justify-content:center;column-gap:6px}.Keyboard .row:nth-child(2){padding:0 5%}.Keyboard .row:nth-child(3){padding:0 2%}.Keyboard .row>a{flex:1 1 0;min-width:0;display:block}.Keyboard .row .Button{padding:8px 2px;border-radius:8px;box-shadow:0 3px 0 var(--shadow-col);text-align:center;transition:transform .08s ease,box-shadow .08s ease,background-color .15s ease}@media (hover: hover){.Keyboard .row .Button:hover{transform:translateY(-2px);box-shadow:0 5px 0 var(--shadow-col);background-image:linear-gradient(180deg,var(--accent-soft) 0%,var(--surface-2) 100%)}}.Keyboard .row .Button:active{transform:translateY(3px);box-shadow:0 0}.Keyboard .row:last-child>a:last-child .Button{font-size:0;background-image:linear-gradient(180deg,var(--accent-soft) 0%,var(--surface-2) 100%)}.Keyboard .row:last-child>a:last-child .Button:before{content:"DEL";font-size:20px;letter-spacing:1px}@media (max-width: 600px){.Keyboard{padding:10px 6px;row-gap:8px}.Keyboard .row{column-gap:4px}.Keyboard .row .Button{padding:7px 1px}.Keyboard .row:last-child>a:last-child .Button:before{font-size:16px}}.Counter{-webkit-user-select:none;user-select:none;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%}.Counter article{width:100%;box-sizing:border-box;padding:8px 10px;text-align:center;display:flex;justify-content:center;align-items:center;gap:6px;border:2px solid var(--line);border-radius:999px;background:var(--surface);box-shadow:3px 3px 0 var(--shadow-col)}.Counter article h4{margin:0;font-size:inherit;white-space:nowrap}.Counter article img{width:28px;transition:transform .2s cubic-bezier(.2,.9,.3,1.2),filter .2s ease}.Counter article img[alt="Empty Heart"]{opacity:.35;filter:grayscale(1)}.Counter article img[alt="Filled Heart"]:last-of-type{animation:heart-beat 1.6s ease-in-out infinite}@keyframes heart-beat{0%,70%,to{transform:scale(1)}35%{transform:scale(1.18)}}@media (max-width: 600px){.Counter{gap:8px}.Counter article{padding:6px 8px}.Counter article img{width:22px}}.anim-container{position:absolute}.anim-container .dissolving-object{pointer-events:none;position:fixed;left:0;top:0;transform:translate(-50%,-50%);opacity:0;max-height:300px;max-width:300px;animation:dissolve-gif 2.5s ease-in-out;z-index:2}@keyframes dissolve-gif{0%{opacity:.5}10%{opacity:1}to{opacity:0}}.anim-container .answer-anim-bg{pointer-events:none;position:fixed;top:0;left:0;height:100%;width:100%;opacity:0;animation:dissolve-bg .5s ease-in-out;z-index:1}@keyframes dissolve-bg{0%{opacity:.5}to{opacity:0}}@media (prefers-color-scheme: light){.answer-anim-bg.score{background-color:#0f0}.answer-anim-bg.wrong{background-color:red}}@media (prefers-color-scheme: dark){.answer-anim-bg.score{background-color:#00b300}.answer-anim-bg.wrong{background-color:#b30202}}.ResultsView{justify-content:start!important;gap:28px}.ResultsView h4{margin:0;color:var(--accent-deep);letter-spacing:2px;text-transform:uppercase}.ResultsView .results{display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px 16px;border:2px solid var(--line);border-radius:18px;background:var(--surface);background-image:radial-gradient(120% 90% at 50% 0%,var(--accent-soft) 0%,transparent 70%);box-shadow:5px 5px 0 var(--shadow-col)}.ResultsView .results p{margin:0;text-align:center}.ResultsView .details{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;min-height:0;overflow-y:auto}.ResultsView .details .table-scroll,.ResultsView .details>table{width:100%}.ResultsView .details table{width:100%;text-align:left;border-collapse:separate;border-spacing:0;border:2px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface);box-shadow:3px 3px 0 var(--shadow-col)}.ResultsView .details table th,.ResultsView .details table td{padding:8px 10px;vertical-align:middle}.ResultsView .details table .row__1 th{background-image:linear-gradient(180deg,var(--accent) 0%,var(--accent-deep) 100%);color:#1b1710;border-bottom:2px solid var(--line);font-weight:400;letter-spacing:1px}.ResultsView .details table tbody .row td{border-bottom:1px solid var(--line)}.ResultsView .details table tbody .row:last-child td{border-bottom:none}.ResultsView .details table tbody .row:nth-child(2n) td{background:var(--surface-2)}.ResultsView .details table tbody .row td:first-child{color:var(--muted);width:1%;white-space:nowrap}.ResultsView .details table tbody .row td:nth-child(2){color:var(--ink)}.ResultsView .details table tbody .row td.error{color:var(--err)}@media (max-width: 600px){.ResultsView{gap:20px}.ResultsView .results{padding:14px 12px;gap:10px}.ResultsView .details table th,.ResultsView .details table td{padding:6px 8px}}.WarningView{position:absolute;top:0;bottom:0;left:0;right:0;z-index:999;padding:24px 16px;background-color:var(--bg);flex-direction:column;align-items:center;justify-content:center;gap:24px}.WarningView h4{margin:0;color:var(--accent-deep);letter-spacing:2px}.WarningView p{margin:0;padding:16px;line-height:1.2;text-align:center;border:2px solid var(--line);border-left:6px solid var(--accent);border-radius:12px;background:var(--surface);box-shadow:5px 5px 0 var(--shadow-col)}.WarningView.enabled{display:flex!important}.WarningView.disabled{display:none!important}