.testflight-guide[hidden], .testflight-guide-image[hidden] { display: none !important; }
.testflight-guide { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(9, 20, 35, .82); overflow-y: auto; }
.testflight-guide-card { width: min(817px, 100%); max-height: 90dvh; display: flex; flex-direction: column; align-items: center; gap: 14px; padding: 20px; overflow: auto; border: 3px solid #dc8b27; border-radius: 16px; background: #fff7df; color: #442711; box-shadow: 0 18px 55px rgba(0,0,0,.45); text-align: center; }
.testflight-guide-card h2 { margin: 0; font-size: clamp(20px, 4vw, 30px); line-height: 1.3; }
.testflight-guide-note { margin: 0; font-size: 17px; }
.testflight-guide-image { min-height: 0; flex: 1 1 auto; width: 100%; }
.testflight-guide-image img { display: block; max-width: 100%; max-height: calc(90dvh - 190px); min-height: 0; width: auto; height: auto; margin: auto; object-fit: contain; border-radius: 8px; }
.testflight-guide-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; width: 100%; }
.testflight-guide-actions button { min-width: 130px; min-height: 46px; padding: 9px 18px; border: 2px solid #9e4614; border-radius: 10px; background: linear-gradient(#f7bb55, #de7b2c); color: #3d230e; font-family: inherit; font-size: 17px; font-weight: 700; cursor: pointer; }
.testflight-guide-actions button:focus-visible { outline: 3px solid #1b65ad; outline-offset: 3px; }
body.testflight-guide-open { overflow: hidden; }
@keyframes forum-button-blink { 50% { opacity: .68; filter: brightness(1.15); } }
#openTestflightGuide, #openRegister { animation: forum-button-blink 2.2s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) { #openTestflightGuide, #openRegister { animation: none; } }
@media (max-width: 600px) { .testflight-guide { padding: 8px; } .testflight-guide-card { max-height: 90dvh; padding: 12px; gap: 10px; } .testflight-guide-image img { max-height: calc(90dvh - 155px); } }