:root{--vkd-bg-color:#f4f6f8;--vkd-card-bg:#fff;--vkd-text-color:#333;--vkd-hu-red:var(--wiu-red);--vkd-de-green:var(--wiu-green);--vkd-active-green:var(--wiu-green);--vkd-trans-blue:var(--wiu-blue);--vkd-border-black:#222;--vkd-panel-bg:var(--wiu-blue-light);--vkd-anthrazit:#333;--vkd-magas-h:28;--vkd-mely-h:204;--vkd-vowel-sat:100%;--vkd-mely-l:26%;--vkd-magas-l:52%}*,:before,:after{box-sizing:border-box}.vkd-root{font-family:var(--font-roboto), sans-serif;background-color:var(--vkd-bg-color);color:var(--vkd-text-color);flex-direction:column;align-items:center;margin:0;padding:10px;display:flex;overflow-x:hidden}.vkd-scaler-wrapper{transform-origin:top;flex-direction:column;align-items:center;width:100%;display:flex}.vkd-main-container{flex-direction:column;gap:12px;width:100%;max-width:850px;margin:0 auto;display:flex}.vkd-header-card{background:var(--vkd-card-bg);text-align:center;border-radius:15px;padding:12px;box-shadow:0 1px 3px #0000001a}.vkd-logo-img{width:100%;max-width:400px;height:auto;margin-bottom:4px}.vkd-title{color:var(--vkd-trans-blue);margin:0;font-size:1.04rem;font-weight:900}.vkd-welcome-screen{background:var(--vkd-card-bg);text-align:left;border-radius:15px;flex-direction:column;width:100%;padding:25px;display:flex;box-shadow:0 4px 15px #0000000d}.vkd-level-select-start{text-align:center;width:100%;max-width:400px;font-size:1.1rem;font-weight:900;transition:background .2s}.vkd-level-select-start:hover{background:#f8f9fa}.vkd-game-content{flex-direction:column;gap:12px;width:100%;display:flex}.vkd-stats-container{background:#fff;border:1px solid #eee;border-radius:15px;justify-content:space-between;align-items:center;padding:10px 16px;transition:all .3s;display:flex;box-shadow:0 2px 8px #00000014}.vkd-stats-left-group{gap:2px;display:flex}.vkd-level-select-game{text-align:center;font-size:1.05rem;font-weight:900;transition:background .2s}.vkd-level-select-game:hover{background:#f8f9fa}.vkd-stats-container.vkd-paused-state{border:2px solid var(--vkd-hu-red);background:#fff;animation:2s infinite vkd-pulse-pause}@keyframes vkd-pulse-pause{0%{box-shadow:0 2px 8px #cd2a3e33}50%{box-shadow:0 2px 20px #cd2a3e80}to{box-shadow:0 2px 8px #cd2a3e33}}.vkd-stat-block{flex-direction:column;justify-content:center;align-items:flex-start;min-width:64px;display:flex}.vkd-stat-label{text-transform:uppercase;color:#888;margin-bottom:2px;font-size:.56rem;font-weight:700}.vkd-stat-value{color:var(--vkd-trans-blue);font-size:1.44rem;font-weight:900;line-height:1}.vkd-controls-wrapper{align-items:stretch;gap:8px;display:flex}.vkd-media-btn{border:2px solid var(--vkd-border-black);text-align:center;cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;padding:4px;transition:background .2s,border-color .2s;display:flex;box-shadow:0 3px #0000001a}.vkd-media-btn img{height:28px;transition:filter .2s}.vkd-media-btn:active{box-shadow:none;transform:translateY(2px)}.vkd-media-btn.vkd-active{background:var(--vkd-active-green);border-color:var(--vkd-active-green)}.vkd-media-btn.vkd-active img{filter:brightness(0)invert()}.vkd-pause-btn{border:2px solid var(--vkd-border-black);text-align:center;cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:28px;padding:4px 10px;transition:background .1s,border-color .1s;display:flex;position:relative;box-shadow:0 3px #0000001a}.vkd-pause-btn img{height:28px;transition:filter .2s}.vkd-pause-btn:active{box-shadow:none;transform:translateY(2px)}.vkd-pause-btn.vkd-pause-active{background:var(--vkd-active-green);border-color:var(--vkd-active-green);box-shadow:0 3px #2a4731}.vkd-pause-btn.vkd-pause-active img{filter:brightness(0)invert()}.vkd-pause-hint-banner{background:var(--vkd-hu-red);color:#fff;text-align:center;border-radius:8px;width:100%;margin-bottom:4px;padding:6px;font-size:.72rem;font-weight:900}.vkd-timer-bar{background:#eee;border-radius:3px;width:100%;height:5px;margin-top:-4px;overflow:hidden}.vkd-timer-fill{background:var(--vkd-active-green);width:100%;height:100%;transition:width .1s linear}.vkd-game-card{background:var(--vkd-card-bg);border-radius:12px;flex-direction:column;align-items:center;min-height:280px;padding:16px;transition:opacity .3s;display:flex;box-shadow:0 2px 5px #0000000d}.vkd-display-word{color:var(--vkd-text-color);margin-bottom:0;font-size:2.56rem;font-weight:900}.v-magas{color:hsl(var(--vkd-magas-h), var(--vkd-vowel-sat), var(--vkd-magas-l))}.v-mely{color:hsl(var(--vkd-mely-h), var(--vkd-vowel-sat), var(--vkd-mely-l))}.v-semleges{color:#888}.vkd-translation-sub{color:#888;margin-bottom:8px;font-size:1.32rem;font-weight:500}.vkd-target-meaning-box{text-align:center;width:100%;color:var(--vkd-anthrazit);background:#fdfdfd;border:1px dashed #ddd;border-radius:8px;margin-bottom:12px;padding:6px;font-size:1.28rem;font-weight:900}.vkd-button-container{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.vkd-vokal-btn{border:2px solid var(--vkd-border-black);text-align:center;cursor:pointer;background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:83px;padding:13px 8px;transition:transform .1s;display:flex;position:relative;box-shadow:0 3px #0000001a}.vkd-vokal-btn:active{box-shadow:none;transform:translateY(2px)}.vkd-vokal-btn.vkd-disabled{opacity:.6;cursor:default}.vkd-btn-mely{color:#0f4c75;border-color:#0f4c75}.vkd-btn-magas{color:#e67e22;border-color:#e67e22}.vkd-suffix-line{margin-bottom:2px;font-size:1.76rem;font-weight:900}.vkd-final-line{opacity:.8;font-size:1.12rem;font-weight:700}.vkd-info-box{border:1px solid #eee;border-left:4px solid var(--vkd-trans-blue);color:#333;background:#fff;border-radius:8px;width:100%;min-height:64px;padding:14px;font-size:1.06rem;line-height:1.4;box-shadow:0 2px 5px #0000000d}.vkd-feedback-box{text-align:center;background:#fff;border:1px solid #eee;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:64px;margin-top:12px;padding:12px;font-size:1.44rem;font-weight:900;transition:all .2s;display:flex;box-shadow:0 4px 12px #0000000d}.vkd-feedback-mely{border:3px solid var(--vkd-trans-blue);color:var(--vkd-trans-blue)}.vkd-feedback-magas{color:#e67e22;border:3px solid #e67e22}.vkd-history-log{background:#fff;border:1px solid #eee;border-radius:8px;width:100%;max-height:104px;padding:8px;overflow-y:auto}.vkd-log-entry{text-align:left;border-bottom:1px solid #f2f2f2;grid-template-columns:80px 1fr 1fr;gap:8px;padding:5px 0;font-size:.72rem;display:grid}.vkd-log-hu{color:var(--vkd-hu-red);font-weight:700}.vkd-log-de{color:var(--vkd-de-green)}.vkd-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;text-align:center;background:#0009;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0;overflow:hidden}.vkd-overlay-scaler{transform-origin:50%;flex-direction:column;align-items:center;width:100%;display:flex}.vkd-selection-card{text-align:center;background:#fff;border-radius:15px;width:100%;max-width:420px;padding:30px;box-shadow:0 4px 20px #00000026}.vkd-start-btn{background:var(--vkd-de-green);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:10px 40px;font-size:1.05rem;font-weight:900}.vkd-keyboard-hint-box{background:#f0f7fd;border:1px solid #d0e4f5;border-radius:10px;margin:20px 0;padding:15px}.vkd-keyboard-hint-list{flex-direction:column;gap:5px;margin:5px 0 0 20px;padding:0;display:flex}@media (min-width:600px){.vkd-keyboard-hint-list{flex-direction:row;justify-content:space-between;margin-top:10px;margin-left:0;list-style-type:none}}