/* A single-screen arrival poster on laptops; expanded help and saves remain scrollable. */
@media(min-width:761px) and (min-height:580px) and (pointer:fine){
 .notebook:has(.space[data-mode=intro]){height:100dvh;min-height:0;display:flex;flex-direction:column;padding:0 clamp(14px,1.5vw,30px) 8px}
 .notebook:has(.space[data-mode=intro]) header{padding:10px 0;flex-shrink:0}
 .notebook:has(.space[data-mode=intro]) header .title{font-size:25px}
 .notebook:has(.space[data-mode=intro]) header .title>span{display:none}
 .notebook:has(.space[data-mode=intro]) footer{padding:7px 0 0;font-size:10px;flex-shrink:0}
 .notebook:has(.space[data-mode=intro]) .space{flex:1;min-height:0;height:auto;max-height:none;width:100%;overflow:hidden}
 #intro{position:absolute;inset:0;min-height:0;padding:clamp(20px,3vw,48px);overflow:auto;align-items:center}
 #intro .intro-card{width:48%;max-width:620px}
 #intro .eyebrow{margin-bottom:14px;font-size:8px;letter-spacing:1.2px}
 #intro h1{font-size:clamp(44px,min(5vw,8.7dvh),74px);margin-bottom:15px}
 #intro .intro-copy{font-size:clamp(12px,1.1vw,15px);line-height:1.6;max-width:440px}
 #intro .entry-tags{margin-top:14px;gap:5px}#intro .entry-tags span{font-size:7px;padding:6px 8px;letter-spacing:.6px}
 #intro .scribble{margin:12px 0 17px;font-size:13px}
 #intro .intro-actions{display:grid;grid-template-columns:1fr 1fr;max-width:450px;gap:7px}
 #intro #launch,#intro #continue{grid-column:1/-1;max-width:none;width:100%;font-size:13px}
 #intro #continue{order:-1}
 #intro .intro-actions button{min-height:44px;padding:10px 12px;font-size:11px}
 #intro details,#intro .intro-card>.save-library{max-width:450px;margin:7px 0 0;line-height:1.5}
 #intro details>summary{padding:8px 0;min-height:36px;font-size:10px;line-height:1.4}
 #intro .local-note{margin:9px 0 3px;font-size:8px}
 #intro .browser-save-summary,#intro .import-status,#intro #best{margin:4px 0;font-size:9px;max-width:450px}
 #intro .import-status:empty,#intro #best:empty{display:none}
 .entry-port-ticket{right:clamp(22px,3.8vw,70px);bottom:clamp(18px,3dvh,36px);width:32%;max-width:510px;padding:12px 16px}
 .entry-port-ticket>small{font-size:8px;letter-spacing:1px}.entry-port-ticket>strong{font-size:clamp(15px,1.4vw,22px);margin:6px 0 9px}
 .entry-port-ticket>div{gap:9px}.entry-port-ticket span{font-size:8px;letter-spacing:.5px}.entry-port-ticket b{font-size:23px}
}
@media(min-width:761px) and (max-height:740px) and (min-height:580px) and (pointer:fine){
 #intro{padding:18px 28px}#intro h1{font-size:clamp(40px,7.7dvh,57px);margin-bottom:10px}
 #intro .eyebrow{margin-bottom:9px}#intro .intro-copy{font-size:12px;line-height:1.5}#intro .intro-copy br{display:none}
 #intro .entry-tags{margin-top:10px}#intro .scribble{margin:9px 0 12px;font-size:12px}
 #intro .intro-actions button{padding:8px 10px}#intro details,#intro .intro-card>.save-library{margin-top:5px}
 #intro details>summary{min-height:32px;padding:6px 0}#intro .local-note{margin-top:6px}
 .entry-port-ticket{padding:10px 13px}.entry-port-ticket>strong{font-size:16px}.entry-port-ticket b{font-size:21px}
}
.vault-trophy-status{border:1px solid #a8dfcb77;border-radius:9px;background:#182c39;padding:10px;margin:10px 0;color:#d7e8de}.vault-trophy-status strong,.vault-trophy-status b{display:block;color:#fff0b8}.vault-trophy-status p{font-size:12px;line-height:1.5;margin:6px 0}

@media(min-width:761px) and (min-height:580px) and (pointer:fine){
 #intro .eyebrow{margin-bottom:10px}#intro .local-note{margin-top:6px}#intro .intro-card>.save-library{margin-top:4px}
 #intro:has(#continue:not([hidden])) .intro-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
 #intro:has(#continue:not([hidden])) #continue{grid-column:1/-1}
 #intro:has(#continue:not([hidden])) #launch{grid-column:auto;font-size:10px;padding:8px 6px}
 #intro:has(#continue:not([hidden])) #launch span{font-size:14px;float:none;margin-left:5px}
 #intro:has(#continue:not([hidden])) :is(#practice,[data-load-backup]){font-size:10px;padding:8px 6px}
}

@media(min-width:761px) and (min-height:580px) and (pointer:fine){#intro{align-items:safe center}.entry-port-ticket{right:clamp(28px,5vw,90px)}}

@media(min-width:761px) and (min-height:580px) and (pointer:fine){#intro #launch,#intro #continue{min-height:44px;height:44px}}