.ascii-art{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.ascii-art canvas{max-width:100%;display:block}.ascii-art[data-tone=ink]{color:#0f172a;--ascii-ink:15, 23, 42;opacity:1;mix-blend-mode:multiply}.dark .ascii-art[data-tone=ink]{color:#fefcfc;--ascii-ink:254, 252, 252;opacity:.9;mix-blend-mode:normal}.ascii-ribbon{opacity:.62;width:100%;margin:0 auto;padding:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.ascii-ribbon .ascii-art{min-height:48px}.ascii-ribbon--compact{opacity:.6;width:min(32%,240px);margin:16px 24px 0 auto;padding:0}@media (max-width:640px){.ascii-ribbon{opacity:.52;padding:12px 0}.ascii-ribbon--compact{width:120px;margin:8px 16px 0 auto;padding:0}}@media print{.ascii-ribbon{display:none}}.ascii-ribbon--header{opacity:.85;width:100%;max-width:760px;margin:0 auto;padding:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}@media (max-width:767px){.ascii-ribbon--header{max-width:100%;padding:0}}:root:not(.dark) .ascii-ribbon{opacity:.9}.dark .ascii-art[data-art=terrain]{opacity:1}.footer-landscape{-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}