/* One tactile corner accent above the card contents and controls. */
:root{--cthulhu-skin-filter:hue-rotate(0deg) saturate(1)}
.cthulhu-host{position:relative}
.cthulhu-host:has(>.cthulhu-corner:not([hidden])){isolation:isolate;z-index:4}
.tab-viewport :is(a,button,input,select,textarea,summary):not(.cthulhu-corner){position:relative;z-index:3}
.tab-viewport:has(.cthulhu-host):not(.is-sliding){overflow:visible}
.detail{grid-template-columns:minmax(0,1fr)}
.cthulhu-corner{position:absolute;top:-44px;right:max(-38px,calc(-18px - max(0px,calc((100vw - 1390px)/2))));z-index:4;display:block;width:330px;height:330px;padding:0;border:0;border-radius:0;background:none;color:var(--brass-text);cursor:pointer;pointer-events:none;transform-origin:94% 20%;-webkit-tap-highlight-color:transparent}
.cthulhu-corner:not(.is-ready){visibility:hidden}
.cthulhu-hit{position:absolute;inset:0;pointer-events:none;clip-path:inset(100%)}
.cthulhu-corner.is-alive:not(.is-unrolling) .cthulhu-hit{pointer-events:auto}
.cthulhu-corner img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none;filter:var(--cthulhu-skin-filter) drop-shadow(-2px 5px 3px rgba(25,5,7,.25));transition:filter .2s ease}
.cthulhu-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;filter:drop-shadow(-2px 5px 3px rgba(25,5,7,.25));transition:filter .2s ease}
.cthulhu-corner:is(.is-unrolling,.is-alive):has(.cthulhu-canvas:not([hidden]))>.cthulhu-still{visibility:hidden}
.cthulhu-corner:hover img{filter:var(--cthulhu-skin-filter) drop-shadow(-2px 5px 4px rgba(25,5,7,.32)) brightness(1.08)}
.cthulhu-corner:hover .cthulhu-canvas{filter:drop-shadow(-2px 5px 4px rgba(25,5,7,.32)) brightness(1.08)}
.cthulhu-corner:focus-visible{outline:0}
.cthulhu-corner:focus-visible .cthulhu-hit{background:color-mix(in srgb,var(--brass) 14%,transparent)}
.cthulhu-corner:focus-visible img{filter:var(--cthulhu-skin-filter) drop-shadow(0 0 2px var(--brass-text)) drop-shadow(-2px 5px 3px rgba(25,5,7,.25)) brightness(1.12)}
.cthulhu-corner:focus-visible .cthulhu-canvas{filter:drop-shadow(0 0 2px var(--brass-text)) drop-shadow(-2px 5px 3px rgba(25,5,7,.25)) brightness(1.12)}
@media(max-width:900px){.cthulhu-corner{right:-4px}}
@media(max-width:640px){.cthulhu-corner{top:-38px;right:-2px;width:275px;height:275px}}
@media(prefers-reduced-motion:reduce){.cthulhu-corner img,.cthulhu-canvas{transition:none}}
@media(forced-colors:active){.cthulhu-corner{display:none}}