:root{--film: #191309;--rebate: #0d0a05;--silver: #ddd7c8;--edge: #e39b33;--perf: rgba(221, 215, 200, .12);--seam: rgba(221, 215, 200, .14);--strip: 56px;--hud-pad: 28px}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--film);font-family:Space Mono,monospace}.viewport{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;background:var(--film)}.container{position:absolute;width:200vw;height:200vh;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:4px;padding:4px;transform:translate(0);will-change:transform}.img-wrapper{position:relative;width:100%;padding-bottom:100%;overflow:hidden}img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}body:before,body:after{content:"";position:fixed;left:0;right:0;height:var(--strip);z-index:999;pointer-events:none;background-color:var(--rebate);background-image:repeating-linear-gradient(90deg,transparent 0 8px,var(--perf) 8px 22px,transparent 22px 30px);background-size:30px 9px;background-repeat:repeat-x}body:before{top:0;background-position:0 7px;border-bottom:1px solid var(--seam)}body:after{bottom:0;background-position:0 calc(100% - 7px);border-top:1px solid var(--seam)}.hud{position:fixed;inset:0;z-index:1001;pointer-events:none;user-select:none}.hud-corner{position:absolute;display:flex;flex-direction:row;align-items:center;gap:18px;height:var(--strip)}.hud-tl,.hud-tr{top:0;padding-top:12px}.hud-bl,.hud-br{bottom:0;padding-bottom:12px}.hud-tl,.hud-bl{left:var(--hud-pad)}.hud-tr,.hud-br{right:var(--hud-pad);flex-direction:row-reverse}.chip{display:inline-flex;align-items:center;gap:8px;color:var(--edge);text-shadow:0 0 7px color-mix(in srgb,var(--edge) 30%,transparent)}.wordmark{font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;line-height:1;gap:1px;color:var(--silver);text-shadow:0 0 7px color-mix(in srgb,var(--silver) 22%,transparent)}.wordmark sup{font-size:8px;font-weight:400;margin-left:3px;transform:translateY(-3px);color:color-mix(in srgb,var(--silver) 70%,transparent)}.sub{font-style:italic;font-size:11px;font-weight:400;letter-spacing:0;color:color-mix(in srgb,var(--silver) 62%,transparent);text-shadow:none}.mono{font-size:11px;font-weight:400;letter-spacing:.02em;line-height:1}.dim{color:color-mix(in srgb,var(--edge) 48%,transparent);text-shadow:none}.hint{color:color-mix(in srgb,var(--silver) 85%,transparent);text-shadow:none}.dot{width:6px;height:6px;border-radius:50%;background:var(--edge);animation:pulse 2.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.72)}}@media(max-width:768px){:root{--strip: 44px;--hud-pad: 14px}body:before,body:after{background-size:26px 8px}body:before{background-position:0 6px}body:after{background-position:0 calc(100% - 6px)}.hud-tl,.hud-tr{padding-top:10px}.hud-bl,.hud-br{padding-bottom:10px}.wordmark{font-size:13px}.sub,.hud-tr .dim,.hud-bl .dim{display:none}.mono{font-size:10px}}@media(max-width:480px){.hud-bl{display:none}}