tolelom
90e9922bde
All checks were successful
Client CI/CD / deploy (push) Successful in 12s
- 게임 시작 전 토큰 리프레시 (만료 토큰 전달 방지) - 토큰 null 가드 (다른 탭 로그아웃 시 로그인 유도) - 토큰 URL 인코딩 (encodeURIComponent) - 런처 미설치 시 힌트 강조 표시 - 게임 시작 버튼 로딩 상태 + 더블 클릭 방지 - 다운로드 정보 실패 시 재시도 버튼 추가 - 비밀번호 강도 실시간 피드백 (약함/보통/강함) Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
82 lines
1.4 KiB
CSS
82 lines
1.4 KiB
CSS
.download-section {
|
|
background: rgba(186, 205, 176, 0.06);
|
|
border: 1px solid rgba(186, 205, 176, 0.12);
|
|
border-radius: 12px;
|
|
padding: 48px 40px;
|
|
text-align: center;
|
|
}
|
|
|
|
.download-title {
|
|
font-size: 1.5rem;
|
|
font-weight: 700;
|
|
color: #BACDB0;
|
|
margin: 0 0 12px;
|
|
}
|
|
|
|
.download-meta {
|
|
font-size: 0.85rem;
|
|
color: rgba(255, 255, 255, 0.45);
|
|
margin: 0 0 28px;
|
|
}
|
|
|
|
.btn-play {
|
|
display: inline-block;
|
|
padding: 18px 64px;
|
|
background: #BACDB0;
|
|
color: #2E2C2F;
|
|
border: none;
|
|
border-radius: 8px;
|
|
font-size: 1.2rem;
|
|
font-weight: 700;
|
|
cursor: pointer;
|
|
transition: opacity 0.2s, transform 0.15s;
|
|
letter-spacing: 0.05em;
|
|
}
|
|
|
|
.btn-play:hover {
|
|
opacity: 0.9;
|
|
transform: translateY(-1px);
|
|
}
|
|
|
|
.btn-play:disabled {
|
|
opacity: 0.6;
|
|
cursor: not-allowed;
|
|
transform: none;
|
|
}
|
|
|
|
.btn-launcher-download {
|
|
display: inline-block;
|
|
margin-left: 12px;
|
|
padding: 18px 32px;
|
|
background: transparent;
|
|
color: #BACDB0;
|
|
border: 1px solid rgba(186, 205, 176, 0.4);
|
|
border-radius: 8px;
|
|
font-size: 1rem;
|
|
font-weight: 600;
|
|
cursor: pointer;
|
|
transition: background 0.2s, transform 0.15s;
|
|
letter-spacing: 0.03em;
|
|
}
|
|
|
|
.btn-launcher-download:hover {
|
|
background: rgba(186, 205, 176, 0.1);
|
|
transform: translateY(-1px);
|
|
}
|
|
|
|
.launch-hint {
|
|
font-size: 0.78rem;
|
|
color: rgba(255, 255, 255, 0.3);
|
|
margin: 16px 0 0;
|
|
}
|
|
|
|
.launch-hint-active {
|
|
color: #BACDB0;
|
|
}
|
|
|
|
.download-preparing {
|
|
font-size: 0.9rem;
|
|
color: rgba(255, 255, 255, 0.4);
|
|
margin: 0;
|
|
}
|