:root{--paper:#fff9f1;--edge-d:#5848c8;--ink:#2b2350;--ink-2:#5c5291;--pink:#ec3d77;--pink-d:#b8235a;--gold:#ffc72c;--indigo-d:#3a2ea8;--teal:#14a99a;--teal-d:#0b7d72;--night:#2a2170}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Nunito',system-ui,sans-serif;font-weight:600;color:var(--ink);min-height:100vh;background:linear-gradient(180deg,#ffe3bf 0,#ffbca4 14%,#ff93b3 34%,#c48bff 58%,#7c63e6 80%,#3a2f9e 100%) fixed}
a{color:var(--indigo-d)}
.wrap{max-width:820px;margin:0 auto;padding:20px 16px 60px}
.top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px}
.brand{font-family:'Fredoka',sans-serif;font-weight:700;font-size:22px;color:#fff;text-decoration:none;text-shadow:0 2px 0 var(--night)}
.nav{display:flex;flex-wrap:wrap;gap:8px}
.nav a{font-family:'Fredoka',sans-serif;font-weight:700;font-size:14px;text-decoration:none;color:#fff;background:linear-gradient(180deg,#7468f0,var(--indigo-d));border:2px solid #22187a;border-radius:999px;padding:6px 13px;box-shadow:0 3px 0 #22187a}
.nav a.play{background:linear-gradient(180deg,#2cc4b4,var(--teal-d));border-color:#06564f;box-shadow:0 3px 0 #06564f}
.card{margin-top:22px;background:var(--paper);border:4px solid var(--edge-d);border-radius:14px;padding:24px 24px 26px;box-shadow:0 6px 0 var(--edge-d),0 14px 24px rgba(30,20,90,.2)}
h1{font-family:'Fredoka',sans-serif;font-weight:700;font-size:clamp(32px,6vw,46px);line-height:1.05;color:var(--ink)}
.updated{margin-top:6px;color:var(--ink-2);font-size:14px}
h2{font-family:'Fredoka',sans-serif;font-weight:700;font-size:21px;margin:24px 0 8px;color:var(--indigo-d)}
p,li{font-size:16px;line-height:1.65}
p+p{margin-top:10px}
ul{margin:8px 0 0 22px}
li+li{margin-top:6px}
code{background:#efe9ff;border-radius:4px;padding:1px 5px;font-size:14px}
footer{text-align:center;margin-top:28px;color:#eae4ff;font-size:13px;line-height:1.8;text-shadow:0 1px 2px rgba(0,0,0,.45)}
footer a{color:var(--gold)}
@media(max-width:640px){.card{padding:18px 16px 20px}.nav a{font-size:13px;padding:5px 11px}}
