@font-face{font-family:Jua;src:url(/fonts/Jua-Regular.ttf) format("truetype");font-weight:400;font-style:normal}*,button,input,select,textarea{margin:0;padding:0;box-sizing:border-box;font-family:inherit}body{overflow:hidden;background:linear-gradient(180deg,#7b6fb0,#433a78);font-family:Jua,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#app{position:relative;width:100vw;height:100vh}#game-canvas{display:block;width:100%;height:100%}#answer-overlay{position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;padding:40px 24px 0;pointer-events:none}#answer-overlay[hidden]{display:none}#question-word{color:#fff;font-size:48px;font-weight:900;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;text-align:center}#answer-cards{display:flex;gap:16px;width:100%;max-width:600px}.answer-card{flex:1;display:flex;align-items:center;justify-content:center;padding:28px 20px;border-radius:24px;background:#fffffff2;color:#2a2a3a;font-size:18px;font-weight:700;text-align:center;line-height:1.3;transition:background .3s,transform .15s}.answer-card.correct{background:#00e676e6;color:#fff;transform:scale(1.05)}.answer-card.wrong{background:#ff1744b3;color:#fff;transform:scale(.97)}#start-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;padding-top:6vh;background:transparent;color:#fff;z-index:10}#start-screen[hidden]{display:none}#menu-logo{width:min(80vw,400px);height:auto;margin-bottom:4vh;filter:drop-shadow(0 4px 20px rgba(0,0,0,.5))}#menu-nav{display:flex;flex-direction:column;align-items:center;gap:28px;margin-top:10vh}.menu-item{background:none;border:none;color:#fff;font-size:28px;font-weight:900;text-transform:uppercase;letter-spacing:3px;cursor:pointer;transition:transform .15s,opacity .15s;padding:8px 24px}.menu-item:hover:not(:disabled){transform:scale(1.08)}.menu-item:disabled{opacity:.35;cursor:default}#modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background:#00000080;z-index:20;animation:fadeIn .3s ease-out}#modal-backdrop[hidden]{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}#modal-card{position:relative;display:flex;flex-direction:column;align-items:center;background:#f5f2ed;border-radius:20px;padding:32px 28px;width:min(90vw,360px);box-shadow:0 12px 40px #00000059;animation:slideUp .4s ease-out}#modal-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:28px;color:#aaa;cursor:pointer;line-height:1;padding:4px 8px;transition:color .15s}#modal-close:hover{color:#666}#modal-bear{width:200px;height:200px;object-fit:contain;margin-bottom:12px}#modal-title{color:#2d2d2d;font-size:22px;font-weight:700;margin-bottom:16px;text-align:center}#modal-body{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:16px}#modal-body p{color:#666;font-size:16px;text-align:center;margin-bottom:8px}#modal-actions{width:100%;display:flex;flex-direction:column;align-items:center}.modal-btn{width:100%;padding:14px;font-size:18px;font-weight:700;border:none;border-radius:999px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:transform .15s,box-shadow .15s;margin-bottom:8px}.modal-btn.accent{background:#ff6b6b;color:#fff}.modal-btn.accent:hover{transform:scale(1.03);box-shadow:0 4px 16px #ff6b6b66}.modal-btn.subtle{background:none;color:#999;padding:8px}.modal-btn.subtle:hover{color:#666}.progress-ring-wrap{position:relative;width:160px;height:160px;margin-bottom:8px}.progress-ring-wrap svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#e0ddd8;stroke-width:10}.ring-fill{fill:none;stroke-width:10;stroke-linecap:round;stroke-dasharray:376.99;stroke-dashoffset:376.99;transition:stroke-dashoffset 1s ease-out,stroke .3s}.progress-percent{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:900}.hint-text{color:#bbb;font-size:13px;margin-top:8px}