*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}body{min-height:100vh;overflow-x:hidden}.app-container{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;min-height:100vh;padding:12px 16px 20px;margin:0 auto;background:#fff}h1{font-size:clamp(1.8rem,3.2vw,2.8rem);color:#2c3e50;font-weight:700;text-align:center}.instructions-card{width:min(980px,100%);background-color:#f1f3f5;border:1px solid #d9e0e7;border-radius:24px;padding:22px;display:flex;flex-direction:column;gap:14px}.instructions-card h2{color:#2f3a44;font-size:1.45rem}.instructions-card p{color:#4d5a67;line-height:1.45}.instructions-list{margin:0;padding-left:20px;color:#3f4d5a;display:flex;flex-direction:column;gap:6px}.leg-mode-control{display:flex;flex-direction:column;gap:8px}.leg-mode-title{color:#394754;font-weight:600}.leg-mode-options{display:flex;gap:10px;flex-wrap:wrap}.leg-mode-option{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:92px;padding:9px 14px;border-radius:999px;border:1px solid #c2cfda;background:#fff;color:#425160;font-weight:600;cursor:pointer;transition:all .2s ease}.leg-mode-option input{position:absolute;opacity:0;pointer-events:none}.leg-mode-option.active{border-color:#2668ff;background:#2668ff;color:#fff;box-shadow:0 8px 18px #2668ff40}.instruction-video-slot{width:100%;aspect-ratio:16 / 9;border:2px dashed #9ab0c4;border-radius:16px;background:linear-gradient(140deg,#edf3f8,#dfe9f3);display:flex;align-items:center;justify-content:center;color:#506170;font-weight:600;text-align:center;padding:10px}.duration-control{display:flex;flex-direction:column;gap:8px;max-width:280px;color:#394754;font-weight:600}.duration-control input{border:1px solid #c2cfda;border-radius:12px;padding:10px 12px;font-size:1rem;color:#1f2a34;background:#fff}.start-training-button{width:fit-content;border:none;border-radius:999px;padding:12px 24px;background:#2668ff;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;box-shadow:0 8px 20px #2668ff47}.start-training-button:hover{transform:translateY(-2px);background:#1f55d4;box-shadow:0 12px 22px #1f55d459}.game-info{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;width:min(1400px,100%);background-color:#f1f3f5;padding:14px 20px;border-radius:20px}.game-info h2{font-size:clamp(1rem,1.3vw,1.2rem);color:#495057;font-weight:600;display:flex;align-items:center}.game-container{position:relative;max-width:100%;background-color:#f8f9fa;border-radius:16px;overflow:hidden;margin:0 auto;display:flex;justify-content:center;align-items:center;box-shadow:inset 0 0 20px #0000001a;border:1px solid #e9ecef}.game-btn{position:absolute;opacity:.5;border-radius:16px;transition:opacity .15s ease,box-shadow .15s ease,transform .15s ease;display:flex;align-items:center;justify-content:center}.game-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .4s ease}.game-over-content{background-color:#fff;padding:30px;border-radius:15px;text-align:center;max-width:80%;box-shadow:0 10px 30px #0003}.game-over-content h2{color:#ff4757;margin-bottom:20px;font-size:1.8rem}.game-over-button{background-color:#2668ff;color:#fff;border:none;padding:12px 30px;font-size:1.05rem;border-radius:50px;cursor:pointer;transition:all .25s ease;margin-top:15px;font-weight:700;box-shadow:0 5px 15px #2668ff66}.game-over-button:hover{background-color:#1f55d4;transform:translateY(-3px);box-shadow:0 8px 20px #1f55d466}@media(max-width:900px){.app-container{padding:10px 10px 16px}.instructions-card{padding:16px;border-radius:18px}.game-info{justify-content:center;padding:12px}.game-over-content h2{font-size:1.35rem}}