/*
Theme Name: Tralala Coming Soon
Author: Tralala Games
Description: A dark, simple coming soon page for Tralala Games. Edit the section copy and contact email in Appearance > Customize > Tralala Page.
Version: 1.0.1
Text Domain: tralala-coming-soon
*/
:root{color-scheme:dark;--paper:#17191d;--ink:#fff3df;--muted:#bcb7b0;--orange:#e9512b;--gold:#efa20a;--blue:#65afdb;--plum:#9e597f}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:3px solid #efa20a;outline-offset:6px}.skip{position:absolute;top:-100px;left:20px;background:var(--paper);padding:12px;z-index:5}.skip:focus{top:12px}.shell{max-width:1160px;margin:auto;padding:0 48px}.topbar{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #fff3df26}.wordmark{font-size:16px;font-weight:900;letter-spacing:-.6px;text-decoration:none}.wordmark span{color:#f3a53b}nav{display:flex;gap:32px}nav a{font-size:13px;font-weight:700;text-decoration:none;padding:10px 0}nav a:hover{text-decoration:underline;text-underline-offset:5px}.hero{text-align:center;padding:62px 0 70px}.logo{display:block;width:258px;height:auto;margin:0 auto 38px}.eyebrow{font-size:11px;letter-spacing:2.4px;font-weight:700;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:9px}.dot{width:7px;height:7px;border-radius:50%;background:#efa20a}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(42px,5.5vw,72px);font-weight:400;letter-spacing:-3px;line-height:1.05;margin:18px 0 20px}h1 em{color:#f3a53b;font-weight:400}.hero p{font-size:16px;line-height:1.7;color:var(--muted);margin:0 auto;max-width:430px}.button{display:inline-flex;align-items:center;gap:30px;margin-top:28px;background:var(--ink);color:var(--paper);padding:15px 22px;border-radius:5px;font-size:13px;font-weight:700;text-decoration:none}.button:hover{background:#efa20a}.stripes{height:12px;display:flex}.stripes i{flex:1}.stripes i:nth-child(1){background:var(--blue)}.stripes i:nth-child(2){background:var(--plum)}.stripes i:nth-child(3){background:var(--orange)}.stripes i:nth-child(4){background:var(--gold)}.details{padding:18px 0 30px}.section{display:grid;grid-template-columns:70px 1fr 1.25fr;gap:24px;border-bottom:1px solid #fff3df26;padding:35px 0;align-items:start}.number{font-size:11px;color:var(--muted);padding-top:7px;font-weight:bold}.section h2{font-family:Georgia,'Times New Roman',serif;font-size:30px;font-weight:400;letter-spacing:-1px;margin:0}.section p{font-size:14px;line-height:1.8;color:var(--muted);margin:0;white-space:pre-line}.section a{text-underline-offset:4px}.tag{display:inline-block;font-size:10px;font-weight:bold;letter-spacing:1.2px;text-transform:uppercase;border:1px solid #f3a53b55;border-radius:30px;padding:5px 9px;margin-bottom:10px;color:#f3a53b}footer{display:flex;justify-content:space-between;gap:16px;padding:0 0 30px;color:var(--muted);font-size:11px}footer a{text-decoration:none}@media(max-width:600px){.shell{padding:0 24px}.topbar{min-height:92px;flex-direction:column;justify-content:center;gap:8px}nav{gap:25px}nav a{font-size:12px}.hero{padding:42px 0 48px}.logo{width:210px;margin-bottom:30px}h1{letter-spacing:-1.8px}.hero p{font-size:14px}.section{grid-template-columns:30px 1fr;gap:10px;padding:26px 0}.section>div:last-child{grid-column:2}.section h2{font-size:27px}footer{font-size:10px}.button{margin-top:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}