:root { --bg:#150f1c; --panel:#1f1830; --slot:#33294d; --button:#5c4585; --green:#8ce666; --gold:#ffd147; --start:#ffbd29; --text:#f4eefc; --muted:#c3b8d6; }
@font-face { font-family:"Lilita One"; src:url("/assets/LilitaOne.ttf") format("truetype"); font-display:swap; }
* { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body { margin:0; background:radial-gradient(ellipse at top, #2a1f42 0, var(--bg) 60%) no-repeat, var(--bg); color:var(--text); font:17px/1.6 -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; min-height:100vh; }
main { max-width:740px; margin:0 auto; padding:32px 16px 64px; }
header { padding-bottom:8px; }
.brand { font-family:"Lilita One", sans-serif; color:var(--green); font-size:26px; text-decoration:none; letter-spacing:.5px; text-shadow:0 2px 0 #0d0814; }
h1, h2 { font-family:"Lilita One", sans-serif; font-weight:400; line-height:1.2; text-shadow:0 2px 0 #0d0814; }
h1 { color:var(--gold); font-size:clamp(34px, 8vw, 48px); margin:24px 0 16px; }
h2 { color:var(--green); font-size:24px; margin:32px 0 8px; }
a { color:var(--green); }
.card { background:var(--panel); border:3px solid var(--slot); border-radius:18px; padding:8px 24px 16px; margin-top:16px; }
.draft { background:var(--slot); border-left:6px solid var(--start); border-radius:10px; padding:12px 16px; color:var(--text); }
footer { margin-top:32px; color:var(--muted); font-size:15px; }
footer a { margin-right:16px; }
.center { text-align:center; padding-top:18vh; }
.center h1 { color:var(--green); font-size:clamp(46px, 13vw, 84px); margin-bottom:8px; }
.center p { color:var(--gold); font-family:"Lilita One", sans-serif; font-size:24px; margin-top:0; }