:root { color-scheme: dark; --background:#081725; --surface:#142d42; --yellow:#f4ce55; --white:#f8fafc; --muted:#a5b6c4; --line:#304457; font-family:Arial,Helvetica,sans-serif; color:var(--white); background:var(--background); }
* { box-sizing:border-box; }
body { margin:0; min-height:100svh; display:flex; flex-direction:column; background:radial-gradient(ellipse at 50% 29%,#142d4266 0,transparent 63%); }
button,select { font:inherit; } button { color:inherit; } [hidden] { display:none!important; }
:focus-visible { outline:3px solid var(--yellow); outline-offset:6px; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.skip-link { position:absolute; top:-100px; left:20px; z-index:10; padding:12px; background:var(--yellow); color:var(--background); } .skip-link:focus { top:12px; }
.site-header { display:flex; align-items:center; justify-content:space-between; padding:20px clamp(20px,5vw,76px); min-height:88px; }
.flag { width:32px; height:36px; color:var(--white); } .flag svg { width:100%; height:100%; }
.profile-button { display:flex; align-items:center; gap:9px; min-height:44px; padding:7px 0 7px 10px; background:none; border:0; font-size:12px; color:var(--muted); }
.profile-button svg { width:20px; height:20px; stroke:currentColor; stroke-width:1.5; }
.soon { border:1px solid var(--line); border-radius:3px; padding:5px 7px; font-size:10px; }
button:disabled { cursor:not-allowed; }
.landing { width:min(100% - 40px,1000px); margin:auto; padding:18px 0 36px; text-align:center; }
.logo-frame { width:min(100%,880px); margin:0 auto 20px; }
.brand-logo { display:block; width:100%; height:auto; object-fit:contain; }
.slogan { display:flex; flex-direction:column; margin:0; font-family:Impact,'Arial Narrow',Arial,sans-serif; font-size:clamp(42px,7vw,76px); font-weight:900; line-height:.99; letter-spacing:-.035em; }
.slogan span:last-child { color:var(--yellow); }
.release { max-width:572px; margin:32px auto 0; }
.release-date { display:flex; flex-direction:column; gap:9px; margin-bottom:19px; }
.eyebrow { font-size:10px; font-weight:700; letter-spacing:.19em; color:var(--muted); }
.release-date time { font-size:14px; letter-spacing:.13em; font-weight:700; text-transform:uppercase; }
.scoreboard { border:1px solid #3b4d58; border-top:2px solid var(--yellow); border-radius:5px; overflow:hidden; background:linear-gradient(145deg,#142d42,#0e2131); box-shadow:0 16px 48px #0002; }
.scoreboard-top,.scoreboard-bottom { display:flex; align-items:center; justify-content:space-between; gap:8px; font-family:'Courier New',monospace; font-weight:bold; }
.scoreboard-top { padding:13px 17px; border-bottom:1px solid #ffffff10; font-size:10px; letter-spacing:.06em; color:var(--muted); }
.scoreboard-top>span:first-child { display:flex; align-items:center; gap:8px; }
.scoreboard-top i { width:5px; height:5px; background:var(--yellow); border-radius:50%; }
.scoreboard-top>span:last-child { color:var(--yellow); }
.countdown { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:22px 8px 20px; }
.counter-unit { position:relative; min-width:0; }
.counter-unit+.counter-unit::before { content:':'; position:absolute; left:-3px; top:10px; color:#b89b47; font-size:22px; font-family:monospace; }
.counter-digits { display:flex; justify-content:center; gap:5px; }
.digit { position:relative; display:block; height:clamp(42px,8vw,57px); aspect-ratio:.56; }
.segment { position:absolute; display:block; background:#f4ce550b; }
.segment.is-on { background:var(--yellow); filter:drop-shadow(0 0 4px #f4ce551a); }
.segment-a,.segment-g,.segment-d { width:84%; height:10%; left:8%; clip-path:polygon(15% 0,85% 0,100% 50%,85% 100%,15% 100%,0 50%); }
.segment-a { top:0; } .segment-g { top:45%; } .segment-d { bottom:0; }
.segment-b,.segment-c,.segment-e,.segment-f { width:16%; height:44%; clip-path:polygon(50% 0,100% 12%,100% 88%,50% 100%,0 88%,0 12%); }
.segment-b { right:0; top:4%; } .segment-c { right:0; bottom:4%; } .segment-e { left:0; bottom:4%; } .segment-f { left:0; top:4%; }
.counter-label { display:block; margin-top:13px; font-size:9px; letter-spacing:.16em; color:var(--muted); }
.scoreboard-bottom { border-top:1px solid #ffffff10; padding:10px 17px; font-size:8px; letter-spacing:.04em; color:var(--muted); }
.characters { margin-top:24px; }
.button { display:inline-flex; justify-content:center; align-items:center; gap:25px; min-height:48px; padding:13px 26px; border-radius:3px; border:1px solid #587084; font-size:12px; font-weight:700; letter-spacing:.015em; }
.button-secondary { background:#142d4280; color:#c3d0dc; } .button-primary { background:var(--yellow); border-color:var(--yellow); color:var(--background); }
.availability-note { margin:10px 0 0; color:var(--muted); font-size:11px; line-height:1.5; }
.reading-actions { display:flex; justify-content:center; gap:12px; }
.release-message { color:var(--yellow); font-size:12px; font-weight:bold; letter-spacing:.1em; margin:25px 0 18px; }
.undefined-date { padding:30px; border:1px solid var(--line); background:var(--surface); font-size:24px; color:var(--yellow); }
.no-script { font-size:14px; line-height:1.6; color:var(--muted); }
.site-footer { display:flex; justify-content:space-between; gap:12px; margin:0 clamp(20px,5vw,76px); padding:18px 0 22px; border-top:1px solid #ffffff10; color:var(--muted); font-family:'Courier New',monospace; font-size:9px; letter-spacing:.13em; }
.dev-preview { margin:0 auto 20px; width:min(100% - 40px,572px); padding:14px; border:1px dashed var(--yellow); font-size:11px; line-height:1.6; color:var(--yellow); }
.dev-preview label { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.dev-preview select { color:var(--white); background:var(--surface); border:1px solid var(--line); min-height:44px; padding:8px; }
.dev-preview p { margin:10px 0 0; }
@media(max-width:420px) {
  .site-header { padding-top:12px; min-height:72px; } .landing { padding-top:18px; } .logo-frame { margin-bottom:24px; } .release { margin-top:28px; }
  .scoreboard-top { padding:12px; font-size:9px; } .scoreboard-bottom { padding:10px; font-size:7px; letter-spacing:0; }
  .countdown { padding:20px 5px 17px; } .counter-digits { gap:3px; } .counter-label { font-size:8px; letter-spacing:.1em; }
  .reading-actions { flex-direction:column; } .characters .button { width:100%; } .site-footer { font-size:8px; letter-spacing:.06em; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }

.arrow-icon { width:16px; height:16px; flex-shrink:0; }
@media (min-width:900px) and (max-height:950px) {
  .logo-frame { width:min(100%,660px); }
  .slogan { font-size:60px; }
  .landing { padding-top:8px; padding-bottom:24px; }
  .release { margin-top:24px; }
}