*{box-sizing:border-box;margin:0;padding:0}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:#f5f5f5;color:#333}#root{width:100%;min-height:100vh}.button{padding:12px 24px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;outline:none}.button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.button:active{transform:translateY(0)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.button--primary{background-color:#007bff;color:#fff}.button--primary:hover:not(:disabled){background-color:#0056b3}.button--secondary{background-color:#6c757d;color:#fff}.button--secondary:hover:not(:disabled){background-color:#545b62}.button--danger{background-color:#dc3545;color:#fff}.button--danger:hover:not(:disabled){background-color:#c82333}.card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;transition:box-shadow .3s ease}.card:hover{box-shadow:0 4px 16px #00000026}.card__title{margin:0 0 16px;font-size:24px;font-weight:700;color:#333}.card__content{color:#666}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2)}.login-form{width:100%;max-width:400px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-input{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:16px;transition:border-color .3s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:#007bff}.form-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.error-message{padding:12px;margin-bottom:16px;background-color:#fee;color:#c33;border-radius:6px;font-size:14px}.login-button{width:100%;margin-top:8px}.game-page{min-height:100vh;background-color:#f0f0f0;background-size:cover;background-position:center;background-repeat:no-repeat;padding:20px}.game-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#fffffff2;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a}.game-header__title{margin:0;font-size:24px;font-weight:700;color:#333}.game-content{display:flex;justify-content:center;align-items:flex-start;padding-top:40px}.scenario-card{max-width:800px;width:100%;background:#fffffff2!important}.scenario-text{font-size:18px;line-height:1.8;color:#333;margin-bottom:24px;white-space:pre-wrap}.choices{display:flex;flex-direction:column;gap:12px}.choice-button{width:100%;text-align:left;padding:16px 24px;font-size:16px}.result-message{padding:16px;border-radius:8px;margin-bottom:20px;font-size:18px;font-weight:600;text-align:center}.result-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.result-message.failure{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.loading,.error{text-align:center;padding:40px;font-size:18px}.error{color:#dc3545}.app{min-height:100vh;width:100%}