.launch-dialog {--ink:#092c1e;--cream:#f9ecc7;--red:#b92b36;}
.launch-dialog{width:min(570px,calc(100% - 32px));max-width:none;padding:0;border:2px solid var(--ink);box-shadow:12px 12px 0 var(--red);background:#f9ecc7;color:var(--ink)}.launch-dialog::backdrop{background:#031a10cb;backdrop-filter:blur(3px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:var(--ink);color:var(--cream);font:700 10px/1.3 monospace}.dialog-top button{color:var(--cream);background:transparent;border:1px solid #f9ecc780;padding:3px 9px;cursor:pointer}.dialog-body{padding:clamp(25px,4vw,45px)}.dialog-body .eyebrow{font-size:10px}.dialog-body h2{font:400 clamp(59px,8vw,98px)/.94 Anton,Impact,sans-serif;margin:12px 0 18px}.dialog-body p{font-size:16px;line-height:1.55;max-width:41ch}.dialog-body label{display:block;margin-top:26px;margin-bottom:8px;font:800 11px monospace;letter-spacing:.06em}.notify-row{display:flex;gap:8px}.notify-row input{min-width:0;flex:1;border:1.5px solid var(--ink);background:#fff7df;padding:13px;font-size:15px}.notify-row button{padding:12px 16px;background:var(--ink);border:0;color:var(--cream);font:800 11px monospace;cursor:pointer}.dialog-body small{display:block;font-size:11px;line-height:1.5;color:#42634b;margin-top:12px}

/* Original title screen first; two additional movable garment-study files. */
#system-boot .gateway-sketch {
 position:absolute;z-index:58;display:grid;grid-template-rows:24px minmax(0,1fr) auto;
 width:clamp(150px,13.7vw,270px);height:clamp(130px,29.3vh,360px);min-width:90px;min-height:130px;margin:0;
 background:#fff5d8;color:#073b28;border:1px solid #073b28;box-shadow:5px 6px 0 #073b282e;
}
#system-boot .gateway-sketch--01 {left:18.55vw;top:68.3vh;}
#system-boot .gateway-sketch--02 {left:55.85vw;right:auto;top:9.2vh;width:clamp(130px,11.5vw,225px);height:clamp(130px,32.8vh,420px);}
#system-boot .gateway-sketch>.window-titlebar {font-size:6px;min-height:22px;touch-action:none;}
#system-boot .gateway-sketch>img {display:block;width:100%;height:100%;min-height:0;object-fit:contain;pointer-events:none;background:#fff8df;}
#system-boot .gateway-sketch>figcaption {padding:5px 7px;border-top:1px solid #073b2840;font:800 6px/1.3 var(--mono);letter-spacing:.04em;}
#system-boot .gateway-sketch:focus-visible {outline:3px solid #c92d26;outline-offset:4px;}
#system-boot .gateway-sketch.is-dragging,#system-boot .gateway-sketch.is-resizing {z-index:150!important;}
.launch-dialog {max-height:calc(100svh - 32px);overflow:auto;}
.launch-dialog :is(a,button,input):focus-visible {outline:3px solid #b92b36;outline-offset:3px;}
.launch-dialog .dialog-top {font:700 11px/1.3 monospace;}
.launch-dialog .dialog-top button {min-height:40px;min-width:72px;font:700 12px monospace;}
.launch-dialog .dialog-body .eyebrow {font:800 11px/1.5 monospace;color:#9b2d35;}
.launch-dialog .notify-row button {min-height:48px;font-size:12px;}
@media(max-width:820px) {
 #system-boot .gateway-sketch {width:clamp(76px,24vw,160px);height:clamp(140px,22vh,205px);min-width:76px;}
 #system-boot .gateway-sketch--01 {left:auto;right:2vw;top:30vh;}
 #system-boot .gateway-sketch--02 {left:auto;right:2vw;top:56vh;}
 #system-boot .gateway-sketch>.window-titlebar {grid-template-columns:1fr;font-size:5px;}
 #system-boot .gateway-sketch>.window-titlebar>span {display:none;}
 .launch-dialog .notify-row {flex-direction:column;}
}

/* The original Store toolbar stays usable while the title screen is open. */
@media(min-width:1025px) {
 html body[data-system-state="boot"] header.system-bar {
   display:grid!important;opacity:1!important;transform:none!important;pointer-events:auto!important;
   z-index:10010!important;top:0!important;
 }
 html body[data-system-state="boot"] .system-bar__commands>button {display:none!important;}
 html body[data-system-state="boot"] .system-bar__commands>a[href="/"] {
   display:flex!important;align-items:center;min-height:42px;visibility:visible!important;
 }
 html body[data-system-state="boot"] #system-boot:after,
 html body[data-system-state="boot"] #system-boot .boot-reset-layout {top:54px!important;}
}
@media(max-width:1024px) {
 html body[data-system-state="boot"] #na-phone-header {display:flex!important;z-index:10010!important;}
}

/* Preserve the compact tablet arrangement around the native title artwork. */
@media(min-width:821px) and (max-width:1180px) {
 #system-boot .gateway-sketch {width:clamp(150px,18vw,210px);height:clamp(180px,25vh,240px);}

 #system-boot .gateway-sketch--01 {left:51vw;top:12vh;}
 #system-boot .gateway-sketch--02 {left:79vw;top:43vh;}
}

/* Keep the Store's original sound control available beside its return link. */
@media(min-width:1025px) {
 html body[data-system-state="boot"] .system-bar__commands>button[data-sfx-toggle] {display:flex!important;}
}
#na-phone-header>[data-sfx-toggle] {width:auto;min-height:36px;font:800 10px/1.2 monospace;}
@media(max-width:820px) and (max-height:700px) {
 #system-boot .gateway-sketch {height:clamp(130px,21vh,160px);}
}

/* Access sits inside the existing launch invitation. */
.gateway-access {margin-top:24px;border-top:1px solid #092c1e50;padding-top:18px;}
.gateway-access summary {font:800 11px/1.5 monospace;letter-spacing:.04em;cursor:pointer;}
.gateway-access summary:focus-visible {outline:3px solid #b92b36;outline-offset:5px;}
.gateway-access .gateway-access__status {min-height:1.5em;margin:9px 0 0;color:#9b2d35;font:700 12px/1.5 monospace;}
.gateway-access input {letter-spacing:.2em;}
.gateway-access input[aria-invalid="true"] {border-color:#b92b36;}

#system-boot .gateway-sketch>.resize-handle {right:0;bottom:0;width:28px;height:28px;padding:0;border:0;border-right:2px solid #073b28;border-bottom:2px solid #073b28;border-radius:0;background:repeating-linear-gradient(135deg,transparent 0 3px,#073b28 3px 4px,transparent 4px 7px) bottom right / 15px 15px no-repeat;cursor:nwse-resize!important;touch-action:none;}
#system-boot .gateway-sketch>.resize-handle:focus-visible {outline:3px solid #c92d26;outline-offset:-4px;}
#system-boot .gateway-sketch>figcaption {padding-right:29px;}

@media(min-width:821px) and (max-width:1180px) and (max-height:700px) {
 #system-boot .gateway-sketch {height:clamp(130px,22vh,165px);}
}

/* Desktop composition supplied by the owner: forest over the startup log,
   olive between the identity and calligraphy. Keep the other title artwork intact. */
@media(min-width:1181px) {
 #system-boot .boot-console,#system-boot .boot-console.boot-console--retired {
  display:grid!important;grid-template-rows:30px minmax(0,1fr) 24px;
  left:.6vw!important;right:auto!important;top:63.1vh!important;bottom:auto!important;
  width:27.9vw!important;height:clamp(160px,24.7vh,300px)!important;min-width:0!important;min-height:0!important;
 }
 #system-boot .boot-console__body {min-height:0!important;max-height:none!important;height:auto!important;overflow:hidden;}
}
