/* ── selection + custom cursor + marker trail ── */
::selection{background:var(--accent);color:var(--on-accent)}
::-moz-selection{background:var(--accent);color:var(--on-accent)}
@media (hover:hover) and (pointer:fine){
  html,html *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M6 3.5v18.4l4.7-4.2 3.4 7.2 3.7-1.7-3.3-7 6.3-.5z' transform='translate%281.3 1.5%29' fill='%2312141a' stroke='%2312141a' stroke-width='3.4'/%3E%3Cpath d='M6 3.5v18.4l4.7-4.2 3.4 7.2 3.7-1.7-3.3-7 6.3-.5z' fill='%23fff' stroke='%23fff' stroke-width='4.4'/%3E%3Cpath d='M6 3.5v18.4l4.7-4.2 3.4 7.2 3.7-1.7-3.3-7 6.3-.5z' fill='%23d23623' stroke='%2312141a' stroke-width='1.7'/%3E%3Cpath d='M8.3 8.4v8.2l2.4-2.1' fill='none' stroke='%23fff' stroke-opacity='.5' stroke-width='1.2'/%3E%3C/g%3E%3C/svg%3E") 6 3,auto!important}
  html a,html button,html [role=button],html .button,html summary,html label,html .skill-chips li,html .achievement,html input[type=range],html .skill-loadout li,html .playlist button,html .project-lines li{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='17.3' cy='17.5' r='9.2' fill='%2312141a'/%3E%3Ccircle cx='16' cy='16' r='10' fill='%23fff'/%3E%3Ccircle cx='16' cy='16' r='8.6' fill='%23d23623' stroke='%2312141a' stroke-width='1.7'/%3E%3Ccircle cx='16' cy='16' r='2.5' fill='%23fff'/%3E%3Cpath d='M11.4 12.4a6 6 0 0 1 3.2-2.4' fill='none' stroke='%23fff' stroke-opacity='.6' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E") 16 16,pointer!important}
  /* children of clickable things take their parent's cursor, so the whole card feels the same */
  html :is(a,button,[role=button],.button,summary,label,.skill-chips li,.achievement,.skill-loadout li,.playlist button,.project-lines li,.note,.totop,.sticker) *{cursor:inherit!important}
  html input,html textarea{cursor:text!important}
  html .note{cursor:grab!important}html .note.is-dragging{cursor:grabbing!important}
  .custom-cursor.is-active:not(.large):not(.has-label){opacity:0}
  .trail{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:99}
}
@media (hover:none),(prefers-reduced-motion:reduce){.trail{display:none}}