@layer theme,foundation,components,utilities;@layer responsive{@media (width<=760px){.home-page{max-width:calc(100vw - 16px);transform:translateY(clamp(-6vh,50% - 50vh + 8px,0px))}.ascii-hero:after{display:none}}}@layer components.textmode;@layer components.features{.artwork-rotation,.badge-decoration{display:contents}.site-badges{box-sizing:border-box;width:100%;min-width:0;font-family:var(--text-font);font-size:var(--home-size);text-align:left;margin-top:24px;padding-inline:20px;line-height:1;container:site-badges/inline-size}.badge-panel{--badge-artwork-side-gap:16px;--badge-artwork-bottom-gap:var(--badge-gap);width:min(var(--badge-panel-width), calc(100% - 16px));max-width:472px;margin-left:16px}.badge-panel[data-overlap]{--badge-artwork-side-gap:calc(-1 * var(--badge-artwork-overlap));--badge-artwork-bottom-gap:calc(-1 * var(--badge-artwork-overlap))}.badge-composition{isolation:isolate;grid-template-columns:minmax(0,1fr);grid-template-areas:"art""actions""companion";display:grid}.badge-artwork{z-index:1;width:var(--badge-artwork-width);max-width:100%;height:auto;margin-bottom:calc(-1 * var(--badge-artwork-overlap));pointer-events:none;user-select:none;grid-area:art;place-self:end center;display:block;position:relative}.badge-companion{width:var(--badge-companion-width);pointer-events:none;user-select:none;grid-area:companion;justify-self:end;max-width:100%;margin-top:8px}.badge-companion[data-placement=bottom-left]{justify-self:start}.badge-companion img{width:100%;height:auto;display:block}.badge-panel:is([data-placement=top-left],[data-placement=bottom-left],[data-placement=left]) .badge-artwork{justify-self:start}.badge-panel:is([data-placement=top-right],[data-placement=bottom-right],[data-placement=right]) .badge-artwork{justify-self:end}.badge-panel:is([data-placement^=bottom],[data-placement=left],[data-placement=right]) .badge-composition{grid-template-areas:"actions""art""companion"}.badge-panel:is([data-placement^=bottom],[data-placement=left],[data-placement=right]) .badge-artwork{margin-top:var(--badge-artwork-bottom-gap);margin-bottom:0}@container site-badges (width>=400px){.badge-panel:is([data-placement=left],[data-placement=right]){width:min(var(--badge-horizontal-width), calc(100% - 16px))}.badge-panel[data-placement=left] .badge-composition{grid-template-areas:"art actions"".companion";grid-template-columns:max(0px, calc(var(--badge-artwork-width) + var(--badge-artwork-side-gap))) minmax(0, 1fr)}.badge-panel[data-placement=right] .badge-composition{grid-template-areas:"actions art""companion.";grid-template-columns:minmax(0, 1fr) max(0px, calc(var(--badge-artwork-width) + var(--badge-artwork-side-gap)))}.badge-panel:is([data-placement=left],[data-placement=right]) .badge-artwork{align-self:end;max-width:none;margin:0}.badge-panel:is([data-placement=left],[data-placement=right]) .badge-actions{justify-content:start;align-self:end}}.badge-actions{grid-area:actions;grid-template-columns:repeat(auto-fit, var(--badge-width));justify-content:center;gap:var(--badge-gap);margin:0;padding:0;list-style:none;display:grid}.badge-item,.badge-action,.badge-item img{width:var(--badge-width);height:var(--badge-height);display:block}.badge-action{background:var(--home-bg,var(--bg));color:inherit;font:inherit;cursor:pointer;appearance:none;outline-offset:2px;border:0;border-radius:0;outline:1px solid #0000;padding:0;position:relative}.badge-panel[data-overlap] .badge-action{background:0 0}.badge-panel:not([data-overlap]) .badge-action:is(:focus-visible,:active){outline-color:var(--link)}.badge-reveal{z-index:2;background:var(--home-bg,var(--bg));opacity:0;pointer-events:none;outline-offset:2px;outline:1px solid #0000;transition:opacity .18s ease-out,outline-color .18s ease-out;display:none;position:absolute;inset:0}.badge-panel[data-overlap] .badge-reveal{display:block}.badge-action:focus-visible .badge-reveal,.badge-action:active .badge-reveal{opacity:1;outline-color:var(--link)}@media (hover:hover){.badge-panel:not([data-overlap]) .badge-action:hover{outline-color:var(--link)}.badge-action:hover .badge-reveal{opacity:1;outline-color:var(--link)}}@media (hover:none){.badge-reveal{opacity:1}}@media (prefers-reduced-motion:reduce){.badge-reveal{transition:none}}.badge-item img{image-rendering:pixelated}.badge-item{position:relative}.badge-copy-status{z-index:3;pointer-events:none;white-space:nowrap;position:absolute;bottom:calc(100% + 4px);left:50%;translate:-50%}.badge-copy-status:not(:empty){border:1px solid var(--link);background:var(--home-bg,var(--bg));color:var(--link);padding:4px 6px}.badge-copy-dialog{box-sizing:border-box;border:1px solid var(--link);background:var(--home-bg,var(--bg));width:min(320px,100% - 32px);max-height:calc(100% - 32px);color:var(--fg);font:inherit;text-align:left;margin:auto;padding:16px;line-height:1.5;overflow:auto}.badge-copy-dialog label,.badge-copy-dialog textarea{display:block}.badge-copy-dialog textarea{box-sizing:border-box;width:100%;color:inherit;font:inherit;resize:vertical;background:0 0;border:1px solid;border-radius:0;margin-block:8px 12px;padding:6px}.badge-copy-dialog-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.badge-copy-dialog button{color:var(--link);font:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:0;padding:4px 8px}.badge-copy-dialog :is(textarea,button):focus-visible{outline:1px solid var(--link);outline-offset:2px}.home-page{max-width:100vw}.ascii-hero:before,.ascii-hero:after{pointer-events:none;content:"";opacity:0;position:absolute}.ascii-hero:before{top:var(--ascii-scan-top,0);left:var(--ascii-scan-left,0);width:var(--ascii-scan-width,0);height:var(--ascii-scan-height,0);mix-blend-mode:screen;background:currentColor}.ascii-hero:after{top:var(--ascii-bloom-y,50%);left:var(--ascii-bloom-x,50%);width:calc(var(--text-cell) * 7);height:calc(var(--text-size) * 2);filter:blur(8px);background:currentColor;transform:translate(-50%,-50%)}.ascii-hero.is-glitching:before{opacity:var(--ascii-scan-opacity,.6)}.ascii-hero.is-glitching:after{opacity:var(--ascii-bloom-opacity,.03)}.ascii-pre{z-index:1;color:var(--fg);padding-left:0;position:relative}.ascii-glitch{z-index:2;color:var(--link);opacity:0;text-shadow:var(--ascii-glitch-shadow-a,2px) 0 var(--fg), var(--ascii-glitch-shadow-b,-2px) 0 var(--link-hover);transform:translate(var(--ascii-glitch-shift-x,0), var(--ascii-glitch-shift-y,0));clip-path:inset(var(--ascii-glitch-clip-top,0) var(--ascii-glitch-clip-right,0) var(--ascii-glitch-clip-bottom,0) var(--ascii-glitch-clip-left,0));position:absolute;inset:0}.ascii-hero.is-glitching .ascii-glitch{opacity:var(--ascii-glitch-opacity,.72)}}
