*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#130605;color:#f5d4a1;font-family:Arial,Helvetica,sans-serif}#stage{position:fixed;inset:0;outline:none}#stage:focus-visible{outline:1px solid #f5d4a1;outline-offset:-4px}canvas{display:block;width:100%;height:100%}header{position:fixed;top:24px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;font-size:13px;letter-spacing:.015em}header span,header a{background:#130605b8;padding:9px 12px;backdrop-filter:blur(8px)}header a{pointer-events:auto;color:inherit;text-decoration:none}header a:hover,header a:focus-visible{background:#130605;outline:1px solid #f5d4a1}footer{position:fixed;bottom:23px;left:28px;right:28px;display:flex;justify-content:space-between;pointer-events:none;font:10px monospace;letter-spacing:.06em;text-shadow:0 1px 4px #130605,0 1px 4px #130605}#fallback{position:absolute;top:45%;width:100%;text-align:center}#diagnostics{position:fixed;top:60px;left:10px;background:#000b;color:white;pointer-events:none;font:10px monospace}[hidden]{display:none!important}@media(max-width:600px){header{top:16px;left:16px;right:16px;font-size:12px}footer{bottom:18px;left:16px;right:16px;font-size:9px}}
#native-look{position:absolute;inset:0;overflow:hidden;background:#801c12}#native-look video{position:absolute;top:0;left:0;width:200%;height:100%;max-width:none;object-fit:fill;filter:grayscale(1) sepia(1) saturate(3) hue-rotate(-28deg) contrast(1.15)}#native-look::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(#19060480 .7px,transparent 1.3px) 0 0/4px 4px,linear-gradient(125deg,#b3312466,#f1c69220 50%,#17040380);mix-blend-mode:multiply}