:root { color-scheme: light; }
* { box-sizing: border-box; }
html, body { margin: 0; background: #fff; }
main {
    min-height: 100vh;
    min-height: 100svh;
    display: grid;
    place-items: center;
    padding: 24px;
}
.emblem { width: min(100%, 580px, calc(100svh - 48px)); }
#logo-stage { display: block; position: relative; width: 100%; aspect-ratio: 1; border-radius: 8px; }
#logo-stage:focus-visible { outline: 2px solid #e6314d; outline-offset: 4px; }
#logo-fallback { position: absolute; width: 72%; height: 72%; inset: 14%; }
canvas { display: block; width: 100%; height: 100%; }
[hidden] { display: none !important; }
@media print { canvas { display: none; } #logo-fallback[hidden] { display: block !important; } }