:root{--ground:#0d0c0a;--surface:#17150f;--line:#2e2a20;--line-2:#3a3528;--text:#f1ecdf;--text-2:#e0dacb;--muted:#a69e8a;--hazard:#f5c518;--alert:#e8432e;--energy:#8cff66;--idle:#4a4433;--font-display:"Saira Stencil One", "Impact", sans-serif;--font-ui:"Barlow", system-ui, sans-serif;--font-hud:"VT323", ui-monospace, monospace;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--ground);color:var(--text);font-family:var(--font-ui);overscroll-behavior:none;-webkit-font-smoothing:antialiased;overflow:hidden}a{color:var(--text)}.hud{font-family:var(--font-hud);letter-spacing:.08em}.boot{height:100dvh;color:var(--muted);background:repeating-linear-gradient(0deg, #f1ecdf08 0 2px, transparent 2px 4px), var(--ground);place-items:center;font-size:22px;display:grid}.cursor{color:var(--hazard);animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.app{grid-template-columns:1fr;height:100dvh;display:grid}.sidebar{display:none}.stage{min-width:0;height:100dvh;position:relative}@media (width>=1024px){.app{grid-template-columns:300px minmax(0,1fr)}.sidebar{border-right:1.5px solid var(--line);background:var(--ground);flex-direction:column;gap:36px;padding:40px 28px;display:flex;position:relative;overflow-y:auto}.sidebar:before{content:"";background:repeating-linear-gradient(-45deg, var(--hazard) 0 12px, var(--ground) 12px 24px);height:6px;position:absolute;inset:0 0 auto}.stage .topbar .brand,.stage .hint{visibility:hidden}}.ops{flex-direction:column;gap:12px;display:flex}.label{letter-spacing:.12em;color:var(--muted);margin:0;font-size:16px;font-weight:400}.op{flex-direction:column;gap:5px;display:flex}.op-row{justify-content:space-between;align-items:baseline;display:flex}.op-name{font-size:16px;font-weight:600}.op-count{color:var(--energy);font-size:19px}.op-bar{background:var(--line);height:6px}.op-fill{background:#6b6350;height:100%}.op-fill.lead{background:var(--hazard)}.keys{border:1.5px solid var(--line);color:#cfc8b6;border-radius:4px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin:auto 0 0;padding:14px;font-size:18px;display:grid}.keys div{gap:8px;display:flex}.keys dt{color:var(--hazard)}.keys dd{margin:0}.warn{color:var(--alert);margin:0;font-size:16px}.brand{flex-direction:column;display:flex}.wordmark{font-family:var(--font-display);letter-spacing:.04em;font-size:30px;line-height:1}.wordmark.big{font-size:40px}.tagline{letter-spacing:.12em;color:var(--hazard);font-size:15px}.feed{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:grab;background:#060504;position:absolute;inset:0;overflow:hidden}.feed:active{cursor:grabbing}.track,.slot{will-change:transform;position:absolute;inset:0}.slide{background:radial-gradient(120% 50% at 50% 50%, #221e14 0%, var(--ground) 70%);position:absolute;inset:0;overflow:hidden}.slide:after{content:"";pointer-events:none;background:linear-gradient(#0d0c0a00 58%,#0d0c0ae6 100%);position:absolute;inset:0}.backdrop{filter:blur(36px)brightness(.35)saturate(1.15);background-position:50%;background-size:cover;position:absolute;inset:-60px}.video{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.frame-placeholder{aspect-ratio:16/9;background:repeating-linear-gradient(0deg, #f1ecdf09 0 2px, transparent 2px 4px), var(--surface);place-items:center;max-height:100%;margin:0 auto;display:grid;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.frame-placeholder .hud{color:var(--muted);font-size:20px}.corner{border:0 solid var(--hazard);width:18px;height:18px;position:absolute}.corner.tl{border-top-width:2px;border-left-width:2px;top:12px;left:12px}.corner.tr{border-top-width:2px;border-right-width:2px;top:12px;right:12px}.corner.bl{border-bottom-width:2px;border-left-width:2px;bottom:12px;left:12px}.corner.br{border-bottom-width:2px;border-right-width:2px;bottom:12px;right:12px}.paused-badge{border:1.5px solid var(--hazard);width:64px;height:64px;color:var(--hazard);z-index:1;background:#0d0c0acc;border-radius:4px;place-items:center;margin:-32px 0 0 -32px;display:grid;position:absolute;top:50%;left:50%}.info{left:20px;right:64px;bottom:calc(96px + var(--safe-bottom));z-index:1;flex-direction:column;gap:10px;display:flex;position:absolute}.info .label{font-size:15px}.who{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.author{font-size:22px;font-weight:700}.meta{color:var(--muted);font-size:17px}.caption{color:var(--text-2);white-space:pre-line;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:17px;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.actions{flex-wrap:wrap;gap:8px;display:flex}.view-post{color:var(--text);font-family:var(--font-hud);cursor:pointer;border:1.5px solid var(--hazard);background:#0d0c0a80;border-radius:4px;align-self:flex-start;align-items:center;gap:6px;min-height:44px;padding:0 14px;font-size:18px;text-decoration:none;display:inline-flex}.view-post:hover{background:#f5c5181f}.progress{left:20px;right:20px;bottom:calc(44px + var(--safe-bottom));color:var(--muted);z-index:1;align-items:center;gap:10px;font-size:17px;display:flex;position:absolute}.progress .track{background:var(--line);will-change:auto;flex:1;height:6px;position:relative;inset:auto}.progress .fill{background:var(--energy);width:0;height:100%;box-shadow:0 0 8px #8cff6680}.hazard-strip{height:calc(5px + var(--safe-top));background:repeating-linear-gradient(-45deg, var(--hazard) 0 10px, var(--ground) 10px 20px);z-index:2;position:absolute;inset:0 0 auto}.topbar{left:0;right:0;top:calc(5px + var(--safe-top));z-index:2;pointer-events:none;justify-content:space-between;align-items:center;padding:16px 16px 0 20px;display:flex;position:absolute}.topbar>*{pointer-events:auto}.icon-btn{border:1.5px solid var(--line-2);width:44px;height:44px;color:var(--text);cursor:pointer;background:#0d0c0abf;border-radius:6px;place-items:center;padding:0;display:grid}.controls{gap:8px;display:flex}.mode-btn{border:1.5px solid var(--line-2);height:44px;color:var(--hazard);cursor:pointer;background:#0d0c0abf;border-radius:6px;align-items:center;gap:6px;padding:0 12px;font-size:18px;display:inline-flex}.mode-btn:hover,.icon-btn:hover{border-color:var(--hazard)}.icon-btn:focus-visible,.mode-btn:focus-visible,.view-post:focus-visible{outline:2px solid var(--hazard);outline-offset:2px}.chip{left:50%;top:calc(96px + var(--safe-top));white-space:nowrap;background:var(--hazard);color:var(--ground);z-index:2;pointer-events:none;border-radius:3px;padding:4px 14px;font-size:18px;position:absolute;transform:translate(-50%)}.release{white-space:nowrap;background:var(--hazard);color:var(--ground);z-index:3;pointer-events:none;border-radius:3px;padding:8px 16px;font-size:22px;position:absolute;top:46%;left:50%;transform:translate(-50%)}.hint{left:0;right:0;bottom:calc(12px + var(--safe-bottom));text-align:center;letter-spacing:.14em;color:var(--muted);z-index:2;pointer-events:none;font-size:15px;position:absolute}@media (prefers-reduced-motion:reduce){.cursor{animation:none}}.gate{min-height:100dvh;padding:calc(48px + var(--safe-top)) 28px calc(48px + var(--safe-bottom));background:repeating-linear-gradient(0deg, #f1ecdf06 0 2px, transparent 2px 4px), var(--ground);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.gate.denied{background:repeating-linear-gradient(0deg,#e8432e0a 0 2px,#0000 2px 4px),#100b0a}.gate-inner{flex-direction:column;gap:32px;width:100%;max-width:400px;display:flex}.tagline.big{letter-spacing:.14em;font-size:18px}.gate-title{font-family:var(--font-display);letter-spacing:.02em;white-space:nowrap;margin:0;font-size:clamp(40px,13vw,64px);font-weight:400;line-height:.95}.gate-title.small{font-size:44px;line-height:1}.terminal{letter-spacing:.04em;color:#cfc8b6;flex-direction:column;font-size:20px;line-height:1.35;display:flex}.terminal .prompt{color:var(--hazard)}.denied .terminal{border:1.5px solid #3a2420;border-radius:4px;padding:14px;font-size:18px}.terminal .id{color:var(--text);-webkit-user-select:all;user-select:all;font-size:24px}.discord-btn{color:#fff;background:#4752c4;border-radius:4px;justify-content:center;align-items:center;gap:10px;min-height:56px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.discord-btn:hover{color:#fff;background:#3c45a5}.discord-btn:focus-visible,.danger-btn:focus-visible,.ghost-btn:focus-visible,.link-btn:focus-visible{outline:2px solid var(--hazard);outline-offset:2px}.gate-note{text-align:center;color:var(--muted);margin:-16px 0 0;font-size:14px}.hazard-floor,.hazard-ceiling{background:repeating-linear-gradient(-45deg, var(--hazard) 0 14px, var(--ground) 14px 28px);height:22px;position:absolute;left:0;right:0}.hazard-floor{bottom:0}.hazard-ceiling{background:repeating-linear-gradient(-45deg, var(--alert) 0 14px, #100b0a 14px 28px);top:0}.lock{border:2px solid var(--alert);width:72px;height:72px;color:var(--alert);border-radius:4px;align-self:flex-start;place-items:center;display:grid}.denied-copy{flex-direction:column;gap:10px;display:flex}.denied-copy p{color:#d4cbbc;margin:0;font-size:17px;line-height:1.45}.denied-copy strong{color:var(--text)}.err{letter-spacing:.14em;color:var(--alert);font-size:20px}.gate-actions{flex-wrap:wrap;gap:10px;display:flex}.danger-btn,.ghost-btn{min-height:48px;font-family:var(--font-ui);cursor:pointer;border-radius:4px;padding:0 18px;font-size:16px;font-weight:700}.danger-btn{background:var(--alert);color:#100b0a;border:none}.ghost-btn{color:var(--text);background:0 0;border:1.5px solid #3a2420;font-weight:600}.whoami{flex-direction:column;gap:8px;display:flex}.whoami-row{align-items:center;gap:10px;display:flex}.whoami-row img{border-radius:4px}.link-btn{border:1.5px solid var(--line-2);min-height:32px;color:var(--muted);cursor:pointer;background:0 0;border-radius:4px;margin-left:auto;padding:0 8px;font-size:16px}.link-btn:hover{color:var(--text);border-color:var(--hazard)}