:root{--sun:#FFE58A;--paper:#FFF6D6;--ink:#2B2016;--ink-soft:#7A6A55;--fly-red:#C8102E;--go-green:#2E8B57;--wing:#A9DDF0;--tile:#FFFFFF;--tile-line:#EAD9A6}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--sun:#5A4A1E;--paper:#1E1A12;--ink:#FFF3D0;--ink-soft:#C4B392;--fly-red:#F04A5F;--go-green:#3CB371;--wing:#3D7C94;--tile:#2A2418;--tile-line:#4A3F28}}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{height:100%;margin:0}
body{font-family:"Fredoka","Trebuchet MS","Segoe UI",sans-serif;background:var(--paper);color:var(--ink);display:flex;flex-direction:column;user-select:none;-webkit-user-select:none;overscroll-behavior:none}
header{padding:14px 18px 8px;display:flex;align-items:center;justify-content:space-between;gap:12px}
header h1{font-size:1.25rem;font-weight:700;margin:0}
header h1 span{color:var(--fly-red)}
header a{color:var(--ink-soft);font-weight:600;text-decoration:none;font-size:.95rem}
.btn{font:inherit;font-weight:700;font-size:1.05rem;padding:14px 18px;border-radius:16px;border:0;cursor:pointer}
.primary{background:var(--go-green);color:#fff}
.ghost{background:transparent;color:var(--ink);border:2px solid var(--tile-line)}
.tier{color:var(--fly-red);font-weight:700}
footer{padding:10px 18px 16px;font-size:.9rem;color:var(--ink-soft);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
footer a{color:inherit}