/* Yarta · "Your year, to scale" — 3D module overlay (labels, pills, buttons, hint). Dark panel only. */
.sc-root{position:relative;overflow:hidden;background:#0B0B0B;color:#F4F4F2;user-select:none;-webkit-user-select:none;touch-action:none;font-family:"Inter",system-ui,sans-serif}
.sc-root .sc-canvas{display:block;width:100%;height:100%;background:#0B0B0B;outline:none;cursor:grab}
.sc-root .sc-canvas:active{cursor:grabbing}
.sc-leaders,.sc-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.sc-leaders{width:100%;height:100%}
.sc-lead{stroke:#CF7A2E;stroke-width:1;shape-rendering:crispEdges}
.sc-lead-mist{stroke:#D6D8D3;stroke-opacity:.38}

/* labels */
.sc-label{position:absolute;left:0;top:0;will-change:transform;white-space:nowrap;display:flex;flex-direction:column;gap:3px}
.sc-eyebrow{font:500 11px/1.3 "IBM Plex Mono",ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:#D6D8D3}
.sc-ref .sc-eyebrow{color:#C9CCC7;font-size:11px;background:rgba(11,11,11,.72);padding:4px 7px;border-radius:4px}
.sc-hero{gap:4px;padding:10px 12px 11px;background:rgba(11,11,11,.78);border-left:2px solid #CF7A2E;border-radius:0 6px 6px 0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.sc-hero.sc-land{border-left-color:#7C8184}
.sc-hero .sc-eyebrow{color:#E9A860;font-size:11px}
.sc-hero.sc-land .sc-eyebrow{color:#D6D8D3}
.sc-hero .sc-value{font:800 24px/1.05 "Archivo",system-ui,sans-serif;letter-spacing:-.025em;color:#F4F4F2;font-variant-numeric:tabular-nums lining-nums}
.sc-hero .sc-sub{font:500 12px/1.35 "IBM Plex Mono",ui-monospace,Menlo,monospace;letter-spacing:.02em;color:#D6D8D3;white-space:normal;max-width:300px}
@media(max-width:699px){
  .sc-hero{padding:8px 10px 9px}
  .sc-hero .sc-value{font-size:20px}
  .sc-hero .sc-sub{font-size:11px;max-width:210px}
  .sc-eyebrow{font-size:10.5px}
}

/* control row */
.sc-ui{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:14px;pointer-events:none}
.sc-pills{display:flex;flex-wrap:wrap;gap:6px;pointer-events:auto;max-width:calc(100% - 120px)}
.sc-pill{appearance:none;cursor:pointer;font:500 11.5px/1 "IBM Plex Mono",ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:#F4F4F2;background:rgba(11,11,11,.72);border:1px solid #34383A;border-radius:999px;padding:8px 12px;transition:border-color .15s,color .15s,background .15s}
.sc-pill:hover{border-color:#7C8184}
.sc-pill.on{border-color:#CF7A2E;color:#FBF0E3;background:rgba(30,23,18,.86)}
.sc-pill:focus-visible,.sc-reset:focus-visible{outline:2px solid #E9A860;outline-offset:2px}
.sc-reset{appearance:none;cursor:pointer;pointer-events:auto;font:500 11.5px/1 "IBM Plex Mono",ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:#D6D8D3;background:transparent;border:1px solid #34383A;border-radius:999px;padding:8px 12px;white-space:nowrap;transition:border-color .15s,color .15s}
.sc-reset:hover{border-color:#7C8184;color:#F4F4F2}
@media(max-width:699px){
  .sc-ui{padding:10px;gap:8px}
  .sc-pills{flex-wrap:nowrap;overflow-x:auto;max-width:calc(100% - 92px);gap:5px;padding:2px 0;scrollbar-width:none;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(90deg,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent)}
  .sc-pills::-webkit-scrollbar{display:none}
  .sc-pill{flex:0 0 auto}
  .sc-pill,.sc-reset{font-size:10.5px;padding:7px 10px}
}

/* hint */
.sc-hint{position:absolute;top:12px;right:14px;font:500 11px/1 "IBM Plex Mono",ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:#7C8184;pointer-events:none;transition:opacity .6s}
.sc-hint.off{opacity:0}
@media(max-width:699px){.sc-hint{top:10px;right:10px;font-size:10px}}