.launch-page { min-height: 80vh; padding: var(--s5); color: var(--ink-deep); background: var(--paper); border-radius: var(--r-card); }
.launch-top { display:flex; align-items:center; justify-content:space-between; gap:var(--s3); font-weight:700; }
.launch-grid { max-width:1080px; margin:var(--s6) auto; display:grid; grid-template-columns:1.15fr 1fr; gap:var(--s7); align-items:center; }
.launch-intro { text-align:center; }
.launch-intro .display { font-size:clamp(34px,5vw,64px); line-height:1.1; margin:var(--s4) 0; }
.launch-piece { font-size:120px; line-height:1.1; color:var(--cobalt); text-shadow:0 8px 22px var(--glass-hi); }
.launch-sub { font-size:18px; color:var(--ink-soft); }
.launch-date, .launch-small { font-size:14px; color:var(--ink-soft); line-height:1.65; }
.launch-clock { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--s2); direction:rtl; margin:var(--s5) 0; }
.launch-page[dir=ltr] .launch-clock { direction:ltr; }
.launch-clock div { background:var(--cobalt-deep); color:var(--paper-hi); padding:var(--s4) var(--s2); border-radius:var(--r-control); }
.launch-clock b { display:block; font-size:clamp(26px,4vw,42px); font-variant-numeric:tabular-nums; line-height:1.2; }
.launch-clock span { font-size:13px; }
.launch-count { font-weight:500; color:var(--cobalt); }
.launch-card { padding:var(--s6); background:var(--paper-hi); border:1px solid var(--line-c); }
.launch-card h2 { margin:0 0 var(--s5); font:var(--font-title); overflow-wrap:anywhere; }
.launch-form { display:grid; gap:var(--s3); }
.launch-form .field { display:grid; gap:var(--s2); }
.launch-form input:not([type=checkbox]) { width:100%; min-width:0; box-sizing:border-box; border:1px solid var(--line2-c); background:var(--paper); color:var(--ink-deep); border-radius:var(--r-control); padding:var(--s3); font:inherit; }
.launch-form input:focus-visible { outline:2px solid var(--cobalt); outline-offset:2px; }
.launch-consent { display:flex; gap:var(--s2); align-items:flex-start; font-size:14px; line-height:1.6; }
.launch-consent input { margin-top:5px; accent-color:var(--cobalt); }
.launch-extras { display:flex; flex-wrap:wrap; gap:var(--s2); }
.launch-result { color:var(--cobalt); overflow-wrap:anywhere; }
.launch-owner { font-size:14px; line-height:1.6; }
.launch-page [hidden], .lobby [hidden] { display:none !important; }
.launch-standalone { margin:0; background:var(--paper); font:var(--font-body); }
@media (max-width:760px) { .launch-grid { grid-template-columns:1fr; gap:var(--s5); margin:var(--s5) auto; } .launch-card { padding:var(--s5); } .launch-page { padding:var(--s4); } .launch-piece { font-size:88px; } }
.home-launch-top, .home-launch-card { display:flex; align-items:center; gap:var(--s4); padding:var(--s4) var(--s5); background:var(--cobalt-deep); color:var(--paper-hi); border:1px solid var(--cobalt); border-radius:var(--r-card); text-decoration:none; }
.home-launch-top { max-width:1200px; margin:var(--s4) auto; position:relative; z-index:2; }
.home-launch-top strong, .home-launch-top small, .launch-banner-clock { display:block; }
.home-launch-top strong { font-size:18px; }
.home-launch-top small { font-size:14px; }
.launch-banner-piece { font-size:52px; line-height:1; flex-shrink:0; }
.launch-banner-clock { font-variant-numeric:tabular-nums; margin:var(--s2) 0; font-size:20px; }
.mode-card.home-launch-card { display:flex; text-align:start; color:var(--paper-hi); background:var(--cobalt-deep); border-color:var(--cobalt); }
.mode-card.home-launch-card small { color:var(--paper-hi); }
.mode-card.home-launch-card .launch-banner-piece { font-size:clamp(72px,10vw,140px); }
.launch-top { flex-wrap:wrap; }
.launch-name-status { margin:0; min-height:1.6em; font-size:14px; color:var(--ink-soft); }
.launch-name-status[data-state=available] { color:var(--good-c); }
.launch-name-status[data-state=taken], .launch-name-status[data-state=invalid] { color:var(--bad-c); }
.launch-privacy { color:var(--cobalt); text-decoration:underline; }
.online-test-label { position:relative; z-index:2; margin:var(--s3); padding:var(--s2); background:var(--paper); color:var(--ink-deep); border-radius:var(--r-control); }
.privacy-content { max-width:760px; margin:var(--s5) auto; padding:var(--s5); color:var(--ink-deep); }
.privacy-content h1 { font:var(--font-title); }
.privacy-content p { line-height:1.8; }
.privacy-content a { color:var(--cobalt); }
@media(max-width:760px) { .home-launch-top { margin:var(--s3); padding:var(--s3); } .home-launch-top strong { font-size:16px; } .home-launch-top .launch-banner-piece { font-size:40px; } .home-launch-card { flex-direction:column; justify-content:center; gap:var(--s3); } .home-launch-card strong { font-size:26px; } }
