:root{--bg: #119aa7;--text: #000000;--green: #1a5828;--answerBg: #ffffff}*{box-sizing:border-box}html,body,#root{height:100%}html,body{overscroll-behavior:none;touch-action:manipulation}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg)}.appRoot{position:relative;min-height:100vh;overflow:hidden;background-color:var(--bg);background-image:url(/bg.png);background-repeat:repeat;background-size:auto}.bgOverlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#0000000d,#0000000d);pointer-events:none}.content{position:relative;height:100%;padding:24px;display:flex;flex-direction:column}.logoRow{height:100px;display:flex;align-items:center}.logoPlaceholder{width:200px;height:60px;background:#ffffff59;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800}.logoImage{height:100px;object-fit:contain;display:block}.centerStage{flex:1;display:flex;align-items:flex-end;justify-content:center;padding-bottom:30px}.card{width:min(600px,92vw);background:#ffffffd9;border-radius:16px;padding:18px;box-shadow:0 12px 30px #0000002e}.h2{margin:0 0 12px;font-size:22px;font-weight:800;text-align:center}.field{display:block;margin:12px 0}.field__label{font-weight:700;margin-bottom:6px}.input{width:100%;padding:14px 12px;border-radius:12px;border:2px solid transparent;outline:none;background:#f2f2f2}.input:focus{border-color:#00000040}.input.is-invalid{border-color:#d11}.field__error{margin-top:6px;color:#d11;font-size:13px;font-weight:600}.block{margin-top:14px}.block__title{font-weight:800;margin-bottom:10px}.segmented{display:flex;gap:6px;padding:6px;background:#0000000f;border-radius:14px}.segmented__btn{flex:1;border:0;border-radius:12px;padding:10px 12px;font-weight:800;cursor:pointer;background:#0000001a}.segmented__btn.is-active{background:var(--green);color:#fff}.primary{width:100%;margin-top:16px;border:0;background:var(--green);color:#fff;padding:14px 16px;border-radius:14px;font-weight:900;cursor:pointer}.primary:disabled{opacity:.5;cursor:not-allowed}.primary.large{height:72px;font-size:22px}.game{padding-bottom:10px}.questionBox{background:#000;border-radius:14px;padding:14px;margin:6px 0 18px}.questionText{color:#fff;font-weight:900;font-size:18px;text-align:center;min-height:58px;display:flex;align-items:center;justify-content:center}.answers{display:flex;flex-direction:column;gap:12px}.answerBtn{width:100%;border:0;cursor:pointer;background:var(--answerBg);border-radius:14px;padding:14px;height:96px;display:flex;align-items:center;gap:18px;box-shadow:0 6px 16px #0000001a;outline:0}.answerBtn.is-correct{border:5px solid #2a9c3c}.answerIndicator{font-weight:900;font-size:20px;min-width:44px}.answerText{font-size:16px;font-weight:700;text-align:left}.answerCheck{margin-left:auto;font-size:24px;font-weight:900}.bottomPanel{margin-top:16px;text-align:center}.extraInfo{font-weight:800;margin:0 0 12px}@keyframes shake{0%{transform:translate(0)}15%{transform:translate(-10px)}30%{transform:translate(10px)}45%{transform:translate(-8px)}60%{transform:translate(8px)}75%{transform:translate(-6px)}to{transform:translate(0)}}.answerBtn.is-shaking{animation:shake .35s ease-in-out}.toast{position:absolute;left:0;right:0;bottom:50px;display:flex;justify-content:center;pointer-events:none}.toast__inner{width:min(720px,92vw);padding:12px 16px;border-radius:14px;font-weight:800;color:#fff;text-align:center;box-shadow:0 14px 30px #00000040}.toast--success .toast__inner{background:#2ea043f2}.toast--error .toast__inner{background:#dc3545f2}.toast--info .toast__inner{background:#0d6efdf2}@media (max-height: 720px){.centerStage{padding-bottom:12px}.answerBtn{height:84px}}.keyboardWrapper{margin-top:16px;background:#fffffff2;border-radius:16px;padding:12px;box-shadow:0 12px 30px #00000040}.simple-keyboard{max-width:100%}.simple-keyboard .hg-button{height:56px;font-size:18px;font-weight:700}.keyboardClose{width:100%;margin-top:10px;padding:12px;border-radius:12px;border:none;background:var(--green);color:#fff;font-size:18px;font-weight:800}.keyboardOverlay{position:fixed;left:0;right:0;bottom:0;z-index:999;background:#00000040;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;padding:12px}.keyboardInner{width:100%;max-width:1200px;background:#fffffff7;border-radius:20px 20px 0 0;padding:14px;box-shadow:0 -12px 30px #00000059}.simple-keyboard .hg-button{height:64px;font-size:20px;font-weight:800}.simple-keyboard .hg-button-space{flex:2}.keyboardClose{width:100%;margin-top:12px;padding:14px;border-radius:14px;border:none;background:var(--green);color:#fff;font-size:20px;font-weight:900}/*!
* 
*   react-simple-keyboard v3.8.141
*   https://github.com/hodgef/react-simple-keyboard
*
*   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
*
*   This source code is licensed under the MIT license found in the
*   LICENSE file in the root directory of this source tree.
*
*//*!
 * 
 *   simple-keyboard v3.8.93
 *   https://github.com/hodgef/simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 */.hg-theme-default{background-color:#ececec;border-radius:5px;box-sizing:border-box;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;overflow:hidden;padding:5px;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.hg-theme-default .hg-button span,.hg-theme-default .hg-button span svg{pointer-events:none}.hg-theme-default button.hg-button{border-width:0;font-size:inherit}.hg-theme-default .hg-button{display:inline-block;flex-grow:1}.hg-theme-default .hg-row{display:flex}.hg-theme-default .hg-row:not(:last-child){margin-bottom:5px}.hg-theme-default .hg-row .hg-button-container,.hg-theme-default .hg-row .hg-button:not(:last-child){margin-right:5px}.hg-theme-default .hg-row>div:last-child{margin-right:0}.hg-theme-default .hg-row .hg-button-container{display:flex}.hg-theme-default .hg-button{align-items:center;background:#fff;border-bottom:1px solid #b5b5b5;border-radius:5px;box-shadow:0 0 3px -1px #0000004d;box-sizing:border-box;cursor:pointer;display:flex;height:40px;justify-content:center;padding:5px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.hg-theme-default .hg-button.hg-standardBtn{width:20px}.hg-theme-default .hg-button.hg-activeButton{background:#efefef}.hg-theme-default.hg-layout-numeric .hg-button{align-items:center;display:flex;height:60px;justify-content:center;width:33.3%}.hg-theme-default .hg-button.hg-button-numpadadd,.hg-theme-default .hg-button.hg-button-numpadenter{height:85px}.hg-theme-default .hg-button.hg-button-numpad0{width:105px}.hg-theme-default .hg-button.hg-button-com{max-width:85px}.hg-theme-default .hg-button.hg-standardBtn.hg-button-at{max-width:45px}.hg-theme-default .hg-button.hg-selectedButton{background:#05194687;color:#fff}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"]{max-width:82px}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"]{max-width:60px}.hg-candidate-box{background:#ececec;border-bottom:2px solid #b5b5b5;border-radius:5px;display:inline-flex;margin-top:-10px;position:absolute;transform:translateY(-100%);-webkit-user-select:none;-moz-user-select:none;user-select:none}ul.hg-candidate-box-list{display:flex;flex:1;list-style:none;margin:0;padding:0}li.hg-candidate-box-list-item{align-items:center;display:flex;height:40px;justify-content:center;width:40px}li.hg-candidate-box-list-item:hover{background:#00000008;cursor:pointer}li.hg-candidate-box-list-item:active{background:#0000001a}.hg-candidate-box-prev:before{content:"◄"}.hg-candidate-box-next:before{content:"►"}.hg-candidate-box-next,.hg-candidate-box-prev{align-items:center;color:#969696;cursor:pointer;display:flex;padding:0 10px}.hg-candidate-box-next{border-bottom-right-radius:5px;border-top-right-radius:5px}.hg-candidate-box-prev{border-bottom-left-radius:5px;border-top-left-radius:5px}.hg-candidate-box-btn-active{color:#444}