.reef-tools{display:flex;gap:9px;align-items:center}#treasure-toggle{display:flex;align-items:center;gap:8px;color:#f2ddb0;font-variant-numeric:tabular-nums;background:#17383ddd}#treasure-toggle i{font-style:normal;display:grid;place-items:center;width:20px;height:20px;border:1px solid #d8b77b;border-radius:50%;font-size:12px;font-weight:600;color:#efd19a}
#treasure{width:480px;background:linear-gradient(150deg,#123e43,#072a34);padding:28px}#treasure h2{font:500 31px Archivo,Arial,sans-serif;letter-spacing:-.04em;margin:8px 0 0}#treasure-close{align-self:flex-start;padding:10px 14px}#treasure-intro{font-size:14px;line-height:1.6;color:#c1d4c8;margin:20px 0}.treasure-balance{border-block:1px solid #9db79a38;padding:22px 0;margin:20px 0}.treasure-balance strong{display:block;color:#f2d99c;font:500 54px/1 Archivo,Arial,sans-serif;letter-spacing:-.06em;font-variant-numeric:tabular-nums}.treasure-balance>span{display:block;color:#d2ddc8;margin:8px 0 0;font-size:13px}#treasure-progress{font-size:11px;color:#a9c4b8;margin:15px 0 0}.treasure-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}#treasure-collect,#treasure-signin{background:#e0e6bb;border:0;color:#173a3d;font-weight:600;border-radius:24px;padding:13px 19px;min-height:44px}#treasure-refresh{padding:10px 14px}#treasure-status{font-size:12px;line-height:1.6;color:#d0dfc4;min-height:20px;margin:14px 0}#treasure-use{border-top:1px solid #9db79a38;margin-top:18px;padding-top:14px}#treasure-use p{color:#b1cbbd;font-size:12px;line-height:1.6;margin:0 0 6px}#treasure-use a{display:flex;align-items:center;min-height:44px;color:#e0e6bb;font-size:13px;text-decoration:underline;text-underline-offset:4px}#treasure-receipt{border-top:1px solid #9db79a38;margin-top:18px;font-size:11px;color:#b1cbbd;line-height:1.65}#treasure-receipt summary{cursor:pointer;min-height:44px;display:flex;align-items:center}#treasure-receipt summary::after{content:'+';margin-left:auto}#treasure-receipt[open] summary::after{content:'−'}#treasure-receipt dl{display:grid;grid-template-columns:1fr auto;gap:9px}#treasure-receipt dd{margin:0;color:#d2dfce}#treasure-receipt a{display:flex;align-items:center;min-height:44px;text-decoration:underline}#treasure-receipt p{font-size:11px;line-height:1.7}
@media(max-width:700px){.reef-tools{gap:6px}.top{gap:5px}.top .back{padding:10px;font-size:10px}.top button{padding:10px;font-size:10px}#treasure-toggle{gap:5px}#treasure-toggle i{width:17px;height:17px;font-size:10px}#treasure{padding:21px}#treasure h2{font-size:29px}#treasure-intro{font-size:13px}.treasure-balance{padding:19px 0}.treasure-balance strong{font-size:48px}#treasure>header{gap:8px}#treasure-close{font-size:11px;padding:10px}}

#treasure-toggle span{display:flex;flex-direction:column;gap:2px;text-align:left}#treasure-hud-value{font:inherit}#treasure-hud-label{font-size:10px;letter-spacing:0;color:#c5ccb0}#treasure-refresh{border:0;background:none;text-decoration:underline;text-underline-offset:4px;color:#bbd0bf;font-size:13px;padding:10px}

/* One readable collection panel; eligibility comes before the balance. */
#treasure{font-family:Archivo,Arial,sans-serif;background:#082c36;border-radius:16px}
#treasure h2{font-size:30px;line-height:1.12;letter-spacing:-.025em;max-width:310px}
#treasure-intro{font-size:15px;line-height:1.55;margin:24px 0}
#treasure-status{font-size:14px;line-height:1.5}#treasure-status:empty{display:none}
#treasure-progress,#treasure-receipt,#treasure-receipt p{font-size:13px}
#treasure-use p{font-size:14px;line-height:1.55;margin-top:9px}
#treasure-use a{font-size:15px;font-weight:600}#treasure-close{white-space:nowrap}
#interaction{font-family:Archivo,Arial,sans-serif;max-width:calc(100vw - 24px)}
#interaction-name{font-size:14px;line-height:1.4}#interaction button{font-size:14px}
@media(max-width:700px){#treasure{padding:22px}#treasure h2{font-size:27px}#treasure-close{font-size:12px;padding:9px}#treasure-hud-label{font-size:9px}#interaction{width:max-content;gap:12px}#interaction-name{max-width:130px;font-size:13px}#interaction button{font-size:13px;white-space:normal;max-width:160px}}

#treasure[data-mode=demo] #treasure-refresh{font-size:14px}
#treasure[data-mode=demo] #treasure-refresh:disabled{opacity:.5;cursor:default}
#treasure[data-mode=demo] #treasure-amount-label{font-size:16px;font-weight:600}

.reef-mode{position:fixed;right:28px;top:70px;z-index:12;padding:5px 10px;min-height:30px;border:1px solid #d6dabb66;border-radius:5px;background:#072a34da;color:#e0e6bb;font:11px Archivo,sans-serif;letter-spacing:.06em}
.demo-disclosure{border-top:1px solid #9db79a38;margin-top:18px;color:#b1cbbd;font:13px/1.6 Archivo,sans-serif}.demo-disclosure summary{cursor:pointer;padding:12px 0;min-height:44px}.demo-disclosure p{margin:0 0 8px}
@media(max-width:700px){.reef-mode{right:15px;top:78px}}