@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/dm-sans-400.woff2) format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/dm-sans-600.woff2) format('woff2')}
:root{color-scheme:only light;--paper:#f4efe6;--paper-hi:#fbf8f1;--ink:#303030;--ribbon:#fefefe;--teal:#2f6f73;--glow:rgba(238,186,108,.55);--ui:rgba(48,48,48,.55);--muted:#787a70}
*{box-sizing:border-box}
html{font-size:100%}
html,body{height:100%;margin:0}
body{background:radial-gradient(120% 90% at 50% 45%,var(--paper-hi),var(--paper));height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;--reserve:11.875rem;font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
 padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);-webkit-tap-highlight-color:transparent}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.28;mix-blend-mode:multiply;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .3 0 0 0 0 .25 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
#host{width:100%;max-width:80rem;padding:0 clamp(0.75rem,3vw,2.5rem)}
#host svg{display:block;width:100%;height:auto;max-height:calc(100vh - var(--reserve));max-height:calc(100dvh - var(--reserve));overflow:visible}
.tag{font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:400;letter-spacing:.012em;fill:var(--ink)}.tag .em{font-weight:600;fill:var(--teal)}
#foot{display:flex;flex-direction:column;align-items:center;gap:clamp(0.875rem,2.4vh,1.375rem);margin-top:clamp(0.25rem,1.2vh,0.75rem);padding:0 1rem}
.network-wrap{display:flex;flex-direction:column;align-items:center;gap:0.375rem}
.network{margin:0;font-size:clamp(0.62rem,0.58rem + 0.2vw,0.75rem);color:var(--muted);letter-spacing:.04em;text-align:center}
.slots{display:flex;gap:1rem;justify-content:center}
.slot{width:9.75rem;height:3rem;display:grid;place-items:center;overflow:hidden;color:var(--ui);text-decoration:none;padding:0.5rem 1rem;transition:border-color .25s,background-color .25s,transform .3s cubic-bezier(.22,1,.36,1)}
.slot:empty{display:none}
.slot img,.slot svg{width:100%;height:auto;max-width:100%;max-height:100%;object-fit:contain;display:block;filter:grayscale(100%);opacity:.6;transition:filter .25s ease,opacity .25s ease}
.slot:hover img,.slot:hover svg{filter:grayscale(0%);opacity:1}
.slot:focus-visible,.social a:focus-visible{outline:0.125rem solid var(--teal);outline-offset:0.1875rem}
.social{list-style:none;margin:0;padding:0;display:flex;gap:0.375rem;justify-content:center}
.social a{width:2.75rem;height:2.75rem;display:grid;place-items:center;border-radius:50%;color:var(--ink);opacity:.6;transition:opacity .25s,color .25s,background-color .25s,transform .3s cubic-bezier(.22,1,.36,1)}
.social a:hover{opacity:1;color:var(--teal);background:rgba(47,111,115,.07)}
.social svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:51.25em){body{--reserve:9.875rem}.slot{width:8.5rem;height:2.625rem;padding:0.375rem 0.75rem}.slots{gap:0.75rem}}
.ink{fill:var(--ink)}.rib{fill:var(--ribbon)}.wm path{fill:var(--teal)}
#again{position:fixed;right:calc(env(safe-area-inset-right,0rem) + 1rem);bottom:calc(env(safe-area-inset-bottom,0rem) + 1rem);width:2.5rem;height:2.5rem;border-radius:50%;
 border:0.0625rem solid var(--ui);background:transparent;color:var(--ui);display:grid;place-items:center;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .6s ease,color .2s,border-color .2s}
#again svg{width:1.125rem;height:1.125rem;display:block}
#again.on{opacity:.7;pointer-events:auto}#again:hover{opacity:1}
#again:focus-visible{outline:0.125rem solid var(--teal);outline-offset:0.1875rem}
::selection{background:rgba(47,111,115,.2)}
@media (prefers-reduced-motion:reduce){.slot,.social a{transition:none}.slot:hover,.social a:hover{transform:none}}
.sr{position:absolute;width:0.0625rem;height:0.0625rem;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}