*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#182a54}body{overflow:hidden}.app{width:100%;height:100%;background:#182a54;display:flex;flex-direction:column}.app.loading{display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.screen{width:100%;height:100%;display:flex;flex-direction:column;background:#182a54;padding:0}.login-screen{justify-content:center;align-items:center}.login-container{max-width:400px;width:100%;padding:40px 20px;text-align:center}.login-content{display:flex;flex-direction:column;gap:24px}.login-title{margin:0;font-size:32px;font-weight:800;color:#fff;font-family:"Baloo 2",cursive;letter-spacing:-.01em}.login-subtitle{margin:0;font-size:16px;color:#a9bdf0;line-height:1.5}.login-button{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;border:none;border-radius:12px;background:linear-gradient(135deg,#4285f4,#34a853);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.login-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.login-button svg{flex-shrink:0}.login-info{margin:0;font-size:12px;color:#8ea2d6;line-height:1.4}.menu-screen{padding:clamp(8px,4vw,16px) clamp(12px,6vw,24px);gap:clamp(12px,8vh,32px)}.header{display:flex;align-items:center;height:clamp(40px,10vh,64px);gap:clamp(8px,2vw,16px);flex-shrink:0}.header-spacer{width:clamp(24px,6vw,32px);flex-shrink:0}.score-pill{display:flex;align-items:center;gap:4px;padding:clamp(3px,1vw,6px) clamp(8px,2vw,12px);background:#f7c94b;border-radius:99px;color:#3b2a00;font-size:clamp(10px,2vw,14px);font-weight:800;white-space:nowrap;flex-shrink:0}.star{display:inline-block}.clock{flex:1;text-align:center;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:clamp(20px,5vw,40px);font-weight:500;color:#fff;letter-spacing:.03em}.hamburger-btn{width:clamp(24px,6vw,32px);height:clamp(20px,5vh,28px);border:none;border-radius:7px;background:#ffffff1f;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(2px,1vw,4px);transition:background .2s;flex-shrink:0;padding:0}.hamburger-btn:active{background:#ffffff38}.hamburger-line{display:block;width:clamp(10px,3vw,14px);height:2px;border-radius:99px;background:#e8eefc}.levels-container{display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,4vw,48px);width:80vw;margin:0 auto;flex:1;min-height:0}.level-btn{flex:1 1 0;min-width:0;aspect-ratio:1 / 1;max-height:100%;border:none;border-radius:clamp(20px,5vw,44px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:filter .2s;box-shadow:inset 0 -6px #0003;padding:0}.level-btn:active{filter:brightness(1.12)}.level-btn svg{width:80%;height:80%}.level-btn.easy{background:#8fd6ac}.level-btn.medium{background:#f4c98a}.level-btn.hard{background:#a8c2f7}.game-screen{padding:clamp(8px,3vh,16px) clamp(12px,3vw,20px) clamp(8px,3vh,16px);gap:clamp(4px,2vh,8px)}.game-header{display:flex;align-items:center;height:clamp(48px,12vh,80px);gap:clamp(10px,3vw,20px);flex-shrink:0}.back-btn{width:clamp(36px,8vw,52px);height:clamp(32px,8vh,48px);border:none;border-radius:10px;background:#ffffff1f;color:#e8eefc;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0;padding:0}.back-btn:active{background:#ffffff38}.back-btn svg{width:clamp(20px,4.5vw,28px);height:clamp(20px,4.5vw,28px);stroke-width:2.5}.time-display{flex:1;display:flex;justify-content:center;min-width:0}.time-pill{text-align:center;font-family:IBM Plex Mono,monospace;font-size:clamp(28px,6vw,40px);font-weight:500;padding:clamp(4px,1vh,8px) clamp(14px,3.5vw,24px);border:3px solid currentColor;border-radius:99px;color:#7fd3a2;letter-spacing:.03em;white-space:nowrap;transition:color .3s}.game-header .score-pill{gap:8px;padding:clamp(6px,2vw,12px) clamp(14px,3.5vw,22px);font-size:clamp(20px,4.5vw,28px)}.task-container{display:flex;align-items:center;justify-content:center;flex:1;min-height:clamp(40px,12vh,80px);padding:clamp(8px,2vh,12px) 0;overflow:hidden}.task{display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,32px);font-weight:800;line-height:1;max-width:100%}.task .number{font-size:clamp(52px,16vh,140px);color:#8ea2d6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.task .operator{font-size:clamp(40px,12vh,110px);font-weight:800}.task .equals{font-size:clamp(32px,9vh,84px);color:#8ea2d6}.task .q-slot{font-weight:800;transition:color .3s;min-width:clamp(44px,12vh,110px);text-align:center}.task.wide{gap:clamp(8px,2vw,24px)}.answers-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);gap:clamp(8px,2.5vw,22px);flex:0 0 25vh;min-height:110px;padding:0;margin:0}.answer-btn{border:none;border-radius:clamp(16px,4vw,28px);background:#f7c94b;color:#17203a;font-size:clamp(20px,max(4vw,8vh),72px);font-weight:800;cursor:pointer;transition:all .1s;box-shadow:inset 0 -4px #00000038;display:flex;align-items:center;justify-content:center;padding:0;font-family:inherit}.answer-btn:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 -1px #00000038}.answer-btn:disabled{cursor:not-allowed}.result-screen{padding:clamp(16px,5vh,24px) clamp(12px,3vw,20px);justify-content:center;align-items:center}.result-content{display:flex;flex-direction:column;align-items:center;gap:clamp(20px,8vh,40px);width:100%}.result-title{font-size:clamp(16px,3vw,22px);font-weight:700;color:#a9bdf0;text-align:center}.medal-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:clamp(16px,5vw,40px);position:relative}.medal-icon{width:clamp(110px,32vh,240px);height:clamp(110px,32vh,240px)}.smile-icon{width:clamp(100px,26vh,180px);height:clamp(100px,26vh,180px)}.score-display{display:flex;flex-direction:column;align-items:center;gap:clamp(2px,1vh,4px)}.score-number{font-size:clamp(56px,18vh,120px);font-weight:800;color:#fff;line-height:1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.score-display.gold .score-number{color:#f0d27a}.score-display.silver .score-number{color:#d7dee7}.score-display.bronze .score-number{color:#d9a36e}.score-label{font-size:clamp(13px,2.5vw,18px);font-weight:700;color:#a9bdf0;letter-spacing:.06em;text-transform:uppercase}.result-actions{display:flex;gap:clamp(10px,2.5vw,16px);width:100%;max-width:520px}.btn-retry,.btn-menu{flex:1;height:clamp(44px,11vh,64px);border:none;border-radius:clamp(12px,3vw,18px);font-size:clamp(18px,3.5vw,24px);font-weight:700;cursor:pointer;transition:filter .2s;box-shadow:inset 0 -4px #0003;padding:0 clamp(14px,2.5vw,20px);font-family:inherit}.btn-retry{background:#8fd6ac;color:#101720}.btn-menu{background:#5b6ff0;color:#fff}.btn-retry:active,.btn-menu:active{filter:brightness(1.1)}.results-list-screen{padding:clamp(8px,3vh,16px) clamp(12px,3vw,20px);gap:clamp(8px,2vh,12px)}.results-header{display:flex;align-items:center;height:clamp(44px,9vh,56px);gap:clamp(8px,2vw,12px);flex-shrink:0}.results-title{flex:1;margin:0;font-size:clamp(20px,4vw,28px);font-weight:700;color:#fff;text-align:center}.results-header-spacer{width:clamp(36px,8vw,52px);flex-shrink:0}.level-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1.6vw,14px);flex:1;min-height:0}.level-column{display:flex;flex-direction:column;background:#ffffff0d;border-radius:14px;overflow:hidden}.level-column-head{padding:clamp(8px,2vh,14px) clamp(8px,1.6vw,14px);border-bottom:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:clamp(4px,1vh,8px);flex-shrink:0}.level-column-name{display:flex;align-items:center;gap:8px;font-size:clamp(15px,2.4vw,20px);font-weight:800;color:#fff}.level-column-name svg{flex-shrink:0;width:clamp(20px,3.4vw,26px);height:clamp(20px,3.4vw,26px)}.level-column-stats{display:flex;gap:clamp(10px,2vw,18px);font-size:clamp(12px,1.8vw,15px);color:#8ea2d6}.level-column-stats b{color:#fff}.level-column-body{flex:1;overflow-y:auto;padding:clamp(6px,1.4vw,10px);display:flex;flex-direction:column;gap:clamp(5px,1vh,8px)}.level-column-body::-webkit-scrollbar{width:clamp(4px,1vw,8px)}.level-column-body::-webkit-scrollbar-track{background:#ffffff0a;border-radius:4px}.level-column-body::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:4px}.level-result{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:clamp(7px,1.4vh,10px) clamp(8px,1.6vw,12px);background:#ffffff0a;border-radius:10px;flex-shrink:0}.level-result-date{font-size:clamp(11px,1.7vw,14px);color:#8ea2d6}.level-result-score{display:flex;align-items:center;gap:clamp(6px,1.2vw,10px);font-size:clamp(15px,2.4vw,20px);font-weight:800;color:#fff}.level-result-score svg{flex-shrink:0;width:clamp(18px,3vw,22px);height:clamp(18px,3vw,22px)}.level-column-empty{padding:clamp(12px,3vh,20px) 8px;text-align:center;color:#8ea2d6;font-size:clamp(11px,1.8vw,13px)}.results-footer{padding:clamp(8px,2vh,12px);text-align:center;color:#8ea2d6;font-size:clamp(11px,1.6vw,13px);flex-shrink:0;border-top:1px solid rgba(255,255,255,.1)}.results-footer p{margin:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#090e20b8;display:flex;align-items:center;justify-content:center;padding:clamp(16px,5vw,40px);z-index:100}.modal-card{background:#1e3160;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:clamp(20px,5vw,32px);max-width:440px;width:100%;display:flex;flex-direction:column;gap:clamp(8px,2vh,14px);text-align:center;box-shadow:0 20px 60px #00000073}.modal-title{font-size:clamp(16px,3vw,20px);font-weight:800;color:#fff}.modal-text{font-size:clamp(12px,2vw,14px);color:#a9bdf0}.modal-actions{display:flex;gap:clamp(10px,2.5vw,16px);margin-top:clamp(4px,1vh,8px)}.modal-btn{flex:1;height:clamp(44px,10vh,56px);border:none;border-radius:clamp(10px,2.5vw,14px);font-size:clamp(15px,2.8vw,18px);font-weight:700;cursor:pointer;font-family:inherit;box-shadow:inset 0 -4px #0003;transition:filter .15s}.modal-btn:active{filter:brightness(1.1)}.modal-btn-cancel{background:#5b6ff0;color:#fff}.modal-btn-danger{background:#e5695f;color:#fff}@supports (display: viewport-fit){.app{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}input,button,textarea,select{font-size:16px}body{height:100vh;height:100dvh}@media (orientation: landscape){html,body,#root{height:100%;width:100%}}body{overflow:hidden;position:fixed;width:100%;height:100%}#root{overflow:hidden}