:root{--site-bg:#faf7ee;--site-surface:#fffdf7;--site-soft:#e7f0e7;--site-ink:#173f49;--site-muted:#537079;--site-border:#cbded6;--site-accent:#0d8187}
.reef-backup>div{display:flex;flex-wrap:wrap;gap:8px}.reef-backup button{font-size:13px}.reef-backup summary{min-height:44px;display:flex;align-items:center}.reef-backup #backupStatus:empty{display:none}
.reef-backup label{display:block;font-size:12px;font-weight:600;margin-top:14px}.reef-backup textarea{display:block;width:100%;min-width:0;margin:6px 0 10px;padding:10px;border:1px solid var(--site-border);border-radius:10px;background:var(--site-surface);color:var(--site-ink);font:12px/1.5 ui-monospace,monospace;resize:vertical}
body.reef-routes-page{background:var(--site-bg);color:var(--site-ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.reef-main{max-width:1184px}.reef-main .intro h1{font-size:clamp(34px,4vw,48px);letter-spacing:-1.5px}.reef-main .intro h1 span{font-family:inherit;font-style:normal;font-size:clamp(18px,2.4vw,26px);font-weight:500;letter-spacing:-.5px}.reef-main .game,.reef-main .journey-card{border-radius:18px}.reef-main .mode-switch button{min-height:44px}.reef-main .mechanic p{font-size:13px}.reef-main .level small{font-size:11px}.reef-main .game{scroll-margin-top:90px}.reef-main .controls button{min-height:44px}
.reef-preview-note{font-size:12px;line-height:1.5;color:#52736f;margin:0 0 8px}.reef-privacy-link{display:inline-block;margin-top:10px;color:#096d75;font-size:13px;min-height:44px;padding-block:10px}.reef-skip{position:fixed;top:-100px;left:12px;z-index:100001;background:#fffdf7;color:#173f49;padding:12px;border:2px solid #087f85;border-radius:10px}.reef-skip:focus{top:12px}.reef-related{border-top:1px solid var(--site-border);margin-top:32px;padding-top:20px}.reef-related h2{font-size:20px}.reef-related nav{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.reef-related a{padding:16px;border:1px solid var(--site-border);border-radius:14px;text-decoration:none;color:var(--site-ink);background:var(--site-surface);font-weight:650}.reef-related a span{display:block;font-size:13px;font-weight:400;color:var(--site-muted);margin-top:5px}
/* Use the shared privacy UI without a floating control covering puzzle tiles. */
body.reef-routes-page>.measurement-settings{position:static;display:block;margin:12px auto 24px;min-height:44px;font-size:13px}body.reef-routes-page>.site-global-footer{text-align:left}.reef-main .journey-card select{font-family:inherit}
@media(max-width:680px){.reef-main{padding-top:8px}.reef-main .mechanic p{font-size:12px}.reef-main .intro{padding-top:8px}.reef-main .hero-art{width:80px}.reef-related nav{grid-template-columns:1fr}.reef-main .stats{gap:18px}.reef-main .stats span{gap:5px}.reef-main .game-top .eyebrow{font-size:10px}.reef-main .intro .dek{font-size:13px}.reef-preview-note{font-size:11px}}
@media(max-width:360px){.reef-main .intro{gap:5px}.reef-main .hero-art{width:64px}.reef-main .intro h1{font-size:32px}.reef-main .intro .dek{font-size:12px}.reef-main .stats b{font-size:18px}.reef-main .stats small{font-size:10px}.reef-main .level{min-width:0}}