.desktop-notice{display:none}
@media(max-width:767px){
 html:has(.desktop-notice){background:#f6faff}
 body:has(.desktop-notice){margin:0;background:#f6faff;overflow-y:auto}
 body:has(.desktop-notice)>:not(.desktop-notice):not(script):not(style){display:none!important}
 body:has(.desktop-notice)>dialog[open]{display:none!important}
 .desktop-notice{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100svh;padding:34px 24px 28px;box-sizing:border-box;text-align:center;color:#102d55;font-family:Inter,Arial,sans-serif;background:radial-gradient(ellipse at 50% 35%,#e6f2ff,transparent 65%),#f8fbff}
 .desktop-notice-logo{width:158px;height:auto;margin-bottom:30px}
 .desktop-notice-art{width:min(100%,390px);height:auto;margin:0 auto 24px}
 .desktop-notice-label{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:30px;background:#eaf2fd;color:#32669d;font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}
 .desktop-notice-label:before{content:'';width:6px;height:6px;border-radius:50%;background:#fa8c4b}
 .desktop-notice h1{font-size:clamp(25px,6.8vw,34px);font-weight:750;line-height:1.18;letter-spacing:-.045em;margin:19px 0 13px;max-width:330px}
 .desktop-notice h1 span{color:#0065e9}
 .desktop-notice p{font-size:14px;line-height:1.75;color:#687e9b;max-width:315px;margin:0 0 24px}
 .desktop-notice a{color:#0065e9;font-size:13px;font-weight:600;text-decoration:none;padding:13px 24px;border:1px solid #d8e6f7;border-radius:12px;background:#fff;min-height:44px;box-sizing:border-box}
 .desktop-notice a:focus-visible{outline:3px solid #ff9f5d;outline-offset:4px}
}