@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(../fonts/inter-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:Inter;font-weight:500;font-display:swap;src:url(../fonts/inter-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:Inter;font-weight:700;font-display:swap;src:url(../fonts/inter-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:Fraunces;font-weight:500;font-display:swap;src:url(../fonts/fraunces-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:Fraunces;font-weight:700;font-display:swap;src:url(../fonts/fraunces-latin-700-normal.woff2) format('woff2')}
:root{--bg:#0B1F20;--card:#0F3D3A;--line:#1E5A55;--fg:#F3EBDD;--mu:#A9C4BD;--ac:#C9A24B;--ac2:#DCE8E3;--btn-fg:#0B1F20;--display:Fraunces,Georgia,serif;--body:Inter,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ac)}
.hero{text-align:center}.hero .big{font-size:3.4rem;margin:6px 0}
.arc{width:100%;height:auto;margin-top:6px}
.trow{display:flex;align-items:center;gap:10px;font-size:1.1rem}
.trow .nm{flex:1;font-weight:600}.trow .tm{font-variant-numeric:tabular-nums;font-weight:700}
.trow.minor{color:var(--mu);font-size:.95rem}.trow.minor .nm{font-weight:500}
.trow.next{background:color-mix(in srgb,var(--ac) 16%,transparent);border-radius:12px;margin:0 -8px;padding:12px 8px;outline:1.5px solid var(--ac)}
.bell{appearance:none;border:0;background:transparent;font-size:1.25rem;width:44px;height:44px;cursor:pointer;border-radius:50%}.bell.sp{display:inline-block}
.compass{width:min(100%,320px);display:block;margin:0 auto 8px}
.tap{appearance:none;border:0;width:150px;height:150px;border-radius:50%;background:var(--ac);color:var(--btn-fg);font:700 2rem var(--display);box-shadow:0 10px 0 rgba(0,0,0,.28);margin:16px 0 8px;cursor:pointer}
.tap:active{transform:translateY(7px);box-shadow:0 3px 0 rgba(0,0,0,.28)}
.ledger{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}.ledger div{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:10px 4px;text-align:center}
.ledger b{display:block;font:700 1.7rem var(--display);color:var(--ac)}.ledger span{font-size:.68rem;color:var(--mu)}
.banner{position:fixed;left:12px;right:12px;top:calc(12px + env(safe-area-inset-top));max-width:536px;margin:0 auto;background:var(--ac);color:var(--btn-fg);padding:12px 14px;border-radius:16px;z-index:70;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.banner .btn.ghost{color:var(--btn-fg);border-color:rgba(0,0,0,.3)}
details summary{cursor:pointer;font-weight:600;padding:6px 0}