.hero-ascii{container-type:inline-size;position:relative;z-index:1}.ascii-raster{--ar-bg:var(--paper);--ar-fg:var(--ink-2);--ar-accent:var(--cyan-deep);--ar-dn:var(--orange);--ar-txt:var(--ink);--ar-glow:color-mix(in srgb,var(--cyan) 45%,transparent);--ar-glow-dn:color-mix(in srgb,var(--orange) 45%,transparent);background:var(--ar-bg);border:1px solid var(--line-strong);color:var(--ar-fg);cursor:crosshair;font:11px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden;padding:14px;position:relative;user-select:none;-webkit-user-select:none;width:100%}.ascii-raster pre{font:inherit;letter-spacing:.5px;margin:0;pointer-events:none;white-space:pre}.ascii-raster .h{color:var(--ar-accent);text-shadow:0 0 5px var(--ar-glow)}.ascii-raster.dn .h{color:var(--ar-dn);text-shadow:0 0 5px var(--ar-glow-dn)}.ascii-raster .t{color:var(--ar-txt);font-weight:600}.ascii-raster .fm{color:var(--ar-txt);opacity:.42}.ascii-raster:after{background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 1px,transparent 1px 3px),radial-gradient(ellipse at center,transparent 60%,color-mix(in srgb,var(--ink) 8%,transparent) 100%);content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.ascii-raster .pcard{background:var(--ar-bg);border:1px solid var(--ar-txt);bottom:14px;box-shadow:5px 5px 0 var(--ar-txt);color:var(--ar-txt);cursor:default;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:0;max-width:min(460px,70%);opacity:0;padding:10px 13px 11px;pointer-events:none;position:absolute;right:14px;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease;user-select:text;-webkit-user-select:text;z-index:2}.ascii-raster .pcard.show{opacity:1;pointer-events:auto;transform:none}.ascii-raster .pcard .pk{margin-bottom:5px;opacity:.55}.ascii-raster .pcard .pt{font-weight:700;margin-bottom:4px}.ascii-raster .pcard .pa{margin-bottom:7px;opacity:.8}.ascii-raster .pcard .ps{margin-bottom:7px;opacity:.55;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ascii-raster .pcard a{border-bottom:1px dashed;color:var(--ar-accent);font-weight:700;text-decoration:none}.ascii-raster .pcard a:hover{border-bottom-style:solid}.ascii-raster .pcard .px,.ascii-raster .pcard a.pl{font-weight:400;opacity:.6}.ascii-raster .pcard .pc{cursor:pointer;font-weight:700;opacity:.5;position:absolute;right:8px;top:4px}.ascii-raster .pcard .pc:hover{opacity:1}.ascii-raster .blip{animation:ar-blipin .2s ease-out;background:var(--ar-bg);border:1px solid var(--ar-accent);box-shadow:3px 3px 0 var(--ar-accent);color:var(--ar-accent);cursor:pointer;font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:0;padding:3px 7px 4px;position:absolute;user-select:none;-webkit-user-select:none;white-space:nowrap;z-index:3}.ascii-raster .blip:after{animation:ar-fuse 4s linear forwards;background:var(--ar-accent);content:"";display:block;height:2px;margin-top:3px}.ascii-raster .blip:hover{background:var(--ar-accent);color:var(--ar-bg)}.ascii-raster .blip.out{opacity:0;transform:scale(.6);transition:opacity .3s,transform .3s}.ascii-raster .blip.q{border-color:var(--ar-txt);box-shadow:3px 3px 0 var(--ar-txt);color:var(--ar-txt);font-weight:600;max-width:300px;white-space:normal}.ascii-raster .blip.q:after{animation-duration:6s;background:var(--ar-txt)}.ascii-raster .blip.q:hover{background:var(--ar-txt);color:var(--ar-bg)}@keyframes ar-fuse{0%{width:100%}to{width:0}}@keyframes ar-blipin{0%{opacity:0;transform:scale(.4)}}.ascii-raster .mhint{bottom:10px;font-size:10px;left:10px;opacity:.5;pointer-events:none;position:absolute;z-index:2}@container (max-width: 560px){.ascii-raster{font-size:8.5px;padding:10px}.ascii-raster pre{letter-spacing:0}.ascii-raster .h{text-shadow:none}.ascii-raster:after{background:radial-gradient(ellipse at center,transparent 65%,color-mix(in srgb,var(--ink) 6%,transparent) 100%)}.ascii-raster .pcard{bottom:10px;font-size:12px;left:10px;max-width:none;padding:12px 30px 12px 13px;right:10px}.ascii-raster .blip{font-size:12px;max-width:72%;padding:8px 10px 9px}.ascii-raster .blip.q{max-width:72%}}@media (hover:none){.ascii-raster{cursor:default}}