#phone-notice {
    position: fixed;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    overflow: auto;
    padding: max(28px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right))
        max(22px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));
    background: radial-gradient(ellipse at 50% 36%, #173139 0, #101c22 44%, #0d171c 80%);
    color: #f2f7f8;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    text-align: center;
}

#phone-notice[hidden] { display: none; }

.phone-brand { display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 19px; font-weight: 650; }
.phone-brand svg { color: #63cbd4; }
.phone-content { width: min(100%, 440px); margin: auto; padding: 44px 0 48px; }
.phone-illustration {
    display: grid;
    place-items: center;
    width: 148px;
    height: 136px;
    margin: 0 auto 34px;
    border: 1px solid #35525a;
    border-radius: 28px;
    background: linear-gradient(145deg, #23434b99, #102128);
    box-shadow: 0 18px 60px #00000020, inset 0 1px 0 #ffffff08;
}
.phone-eyebrow { margin: 0 0 16px; color: #79c8d0; font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
#phone-notice h1 { margin: 0; font-size: clamp(26px, 6.8vw, 34px); font-weight: 650; line-height: 1.2; letter-spacing: -.035em; }
#phone-notice h1 span { color: #6fd2da; }
.phone-description { max-width: 340px; margin: 22px auto 0; color: #b7cbd1; font-size: 16px; line-height: 1.65; text-wrap: pretty; }
.phone-link-hint { margin-top: 30px; padding-top: 24px; border-top: 1px solid #2a4047; color: #87a5ae; font-size: 13px; line-height: 1.6; }
.phone-footer { color: #688c96; font-size: 11px; letter-spacing: .07em; }
.phone-footer span { padding: 0 9px; color: #42707a; }

@media (max-height: 480px) {
    .phone-content { padding-top: 24px; padding-bottom: 28px; }
    .phone-illustration { width: 104px; height: 90px; margin-bottom: 22px; }
    .phone-illustration svg { width: 88px; height: 72px; }
}