.thermoptic-control { border:1px solid rgba(var(--amber-rgb),.38); padding:2px 6px; font-family:inherit; cursor:pointer; touch-action:manipulation; user-select:none; -webkit-user-select:none; }
.thermoptic-control::before { content:""; position:absolute; inset:-14px -8px; }
.thermoptic-control:hover { border-color:var(--amber); color:var(--cyan); }
.thermoptic-control:focus-visible { outline:2px solid var(--cyan); outline-offset:4px; }
.thermoptic-control[aria-pressed="true"] { border-color:var(--cyan); color:var(--cyan); }
.thermoptic-active .avatar__img,.thermoptic-active .avatar__ghost,.thermoptic-active .avatar__tear { opacity:0; visibility:hidden; animation:none; }
.thermoptic-active .avatar__dissolve { inset:10% 3% 12%; width:auto; height:auto; opacity:.18; animation:thermoptic-lock .45s ease-out both; }
.thermoptic-active .avatar__scan { opacity:0; }
.thermoptic-secret { position:absolute; z-index:5; left:5%; right:5%; top:37%; padding:18px 16px; color:var(--cyan); background:rgba(var(--ink-rgb),.92); border:1px solid rgba(var(--cyan-rgb),.45); line-height:1.5; text-align:center; }
.thermoptic-secret[hidden] { display:none; }
.thermoptic-secret p { margin:0 0 12px; }
.thermoptic-secret__label { font-size:11px; letter-spacing:.13em; }
.thermoptic-secret__runes { color:var(--amber); font-size:clamp(14px,2vw,22px); }
.thermoptic-secret__clue { font-size:13px; }
.thermoptic-secret__link { display:inline-block; padding:10px 4px; font-size:12px; color:var(--cyan); text-underline-offset:4px; }
.thermoptic-secret__link:focus-visible { outline:2px solid var(--amber); outline-offset:3px; }
@keyframes thermoptic-lock { from { opacity:.6; background-size:13px 13px; } to { opacity:.18; background-size:9px 9px; } }
@media (max-width:767px) { .thermoptic-secret { padding:12px; top:34%; } .thermoptic-secret p { margin-bottom:7px; } }
@media (prefers-reduced-motion:reduce) { .thermoptic-active .avatar__dissolve { animation:none; opacity:.1; } }