@font-face{font-family:Schibsted;src:url('/fonts/schibsted-grotesk-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Plex;src:url('/fonts/ibm-plex-mono-400.woff2') format('woff2');font-weight:400;font-display:swap}
:root{color-scheme:dark;font-family:Schibsted,system-ui,sans-serif;background:#000;color:#efeee9;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-width:0;min-height:100svh;display:flex;flex-direction:column;overflow-x:clip}
.strip{display:grid;flex:none;width:100%}
.strip i{display:block;height:4px}
.strip i:nth-child(1){background:#ffaf01}
.strip i:nth-child(2){background:#fa500f}
.strip i:nth-child(3){background:#e51300}
.strip i:nth-child(4){background:#a1001f}
main{width:min(100%,640px);margin:auto;padding:clamp(24px,5vh,56px) 24px 32px;text-align:center}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
figure{margin:0 auto 34px;width:min(100%,500px)}
.stage{position:relative;width:100%;aspect-ratio:362/280;background:#000}
.poster{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;opacity:0;transition:opacity .75s ease-out}
iframe{position:absolute;inset:0;border:0;width:100%;height:100%;background:#000;opacity:0;pointer-events:none;transition:opacity .75s ease-out}
.crt-canvas-wrap{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.crt-host{position:absolute;inset:-16% -16% -12% -16%;pointer-events:none;opacity:0;transition:opacity .75s cubic-bezier(.22,1,.36,1);z-index:2}
.stage.crt-active .crt-host,.stage.crt-active~figcaption{opacity:1}
.stage.crt-active .poster,.stage.crt-active iframe{opacity:0;pointer-events:none}
.stage.crt-fallback .poster,.stage.crt-fallback iframe.ready,.stage.crt-fallback~figcaption{opacity:1}
figcaption{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 16px;font:11px/1.7 Plex,monospace;color:#a2a2a2;margin-top:10px;min-height:44px;opacity:0;transition:opacity .75s ease-out}
@media(scripting:none){.poster,figcaption{opacity:1}}
button{font:inherit;color:#b8b8b8;border:0;background:none;text-decoration:underline;text-underline-offset:4px;cursor:pointer;min-height:44px;padding:8px 4px}
[hidden]{display:none!important}
.intro{font-size:clamp(25px,5vw,32px);font-weight:400;line-height:1.25;letter-spacing:-.025em;margin:0 0 18px;text-wrap:balance}
.description{max-width:440px;font-size:15px;line-height:1.7;color:#a2a2a2;margin:0 auto 30px;text-wrap:pretty}
.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.actions a{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;padding:11px 22px;border-radius:3px;font:13px/1.5 Plex,monospace;text-decoration:none}
.lab{border:1px solid #ffaf01;color:#ffca4b}
.lab:hover{background:#1f1600;color:#ffe29b}
.guide{border:1px solid #fc642c;color:#ff8858}
.guide:hover{background:#211009;color:#ffab87}
.download{border:1px solid #434343;color:#c8c8c8}
.download:hover{border-color:#858585;background:#141414;color:#efeee9}
a:focus-visible,button:focus-visible{outline:2px solid #ffe29b;outline-offset:5px}
footer{text-align:center;padding:16px 24px 20px;font:10px/1.6 Plex,monospace}
footer a{color:#929292;text-underline-offset:3px;display:inline-block;min-height:28px;padding:6px}
@media(max-width:380px){main{padding-inline:20px}figure{margin-bottom:24px}.description{font-size:14px}}