@font-face{font-family:Archivo;font-style:normal;font-weight:600 800;font-display:swap;src:url(/fonts/archivo.woff2) format("woff2")}@font-face{font-family:Inter Tight;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/inter-tight.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/jetbrains-mono.woff2) format("woff2")}:root{--ink: #0a0d10;--panel: #131920;--line: #232d37;--text: #dce3e9;--dim: #75838f;--signal: #ffc145;--display: "Archivo", system-ui, sans-serif;--body: "Inter Tight", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--gut: clamp(1rem, 4vw, 3rem)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}body{background:var(--ink);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.osd{display:flex;flex-wrap:wrap;gap:0 1.25rem;font-family:var(--mono);font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}.osd b{color:var(--signal);font-weight:500}.osd span{white-space:nowrap}.wrap{max-width:1600px;margin:0 auto;padding-left:max(var(--gut),env(safe-area-inset-left));padding-right:max(var(--gut),env(safe-area-inset-right))}.masthead{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:2rem;padding:2rem 0 1.25rem;border-bottom:1px solid var(--line)}.masthead h1{font-family:var(--display);font-weight:800;font-size:clamp(1.5rem,3vw,2.25rem);letter-spacing:-.02em;text-transform:uppercase}.masthead .sub{font-family:var(--mono);font-size:.75rem;color:var(--dim);letter-spacing:.08em}.albums{display:grid;gap:1px;background:var(--line);margin:1px 0 6rem}.album-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);background:var(--ink);transition:background .16s ease}.album-row:hover,.album-row:focus-within{background:var(--panel)}.album-meta{padding:clamp(1.5rem,3vw,2.75rem);display:flex;flex-direction:column;gap:1rem}.album-meta .idx{font-family:var(--mono);font-size:.6875rem;color:var(--signal);letter-spacing:.12em}.album-meta h2{font-family:var(--display);font-weight:800;font-size:clamp(1.75rem,4vw,3.25rem);line-height:.95;letter-spacing:-.03em;text-transform:uppercase}.album-meta .date{color:var(--dim);font-size:.875rem}.album-meta .osd{margin-top:auto}.album-still{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--panel)}.album-still img,.album-still video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.album-row:hover .album-still img{transform:scale(1.03)}.album-still video{opacity:0;transition:opacity .3s ease}.album-row:hover .album-still video{opacity:1}@media (max-width: 820px){.album-row{grid-template-columns:1fr}.album-still{order:-1}}.stage{margin:2rem 0;background:#000;border:1px solid var(--line)}.stage video{width:100%;display:block;aspect-ratio:16 / 9;background:#000}.telemetry{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;border-top:1px solid var(--line);background:var(--panel)}.telemetry .osd{align-items:center}.quality-select{font-family:var(--mono);font-size:.6875rem;letter-spacing:.04em;color:var(--text);background:var(--ink);border:1px solid var(--line);border-radius:999px;padding:.25rem .5rem;cursor:pointer;transition:border-color .14s,color .14s}.quality-select:hover{border-color:var(--dim)}.quality-select:focus-visible{outline:2px solid var(--signal);outline-offset:1px}.quality-select[hidden]{display:none}.reel{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.reel button{position:relative;border:0;padding:0;aspect-ratio:16 / 9;background:var(--panel);cursor:pointer;overflow:hidden}.reel img{width:100%;height:100%;object-fit:cover;display:block;opacity:.72;transition:opacity .16s}.reel button:hover img,.reel button[aria-current=true] img{opacity:1}.reel button[aria-current=true]{outline:2px solid var(--signal);outline-offset:-2px}.play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:999px;background:#00000080;border:1px solid rgba(255,255,255,.55);pointer-events:none}.play:after{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent #fff}.play-lg{width:60px;height:60px}.play-lg:after{border-width:10px 0 10px 17px}.reel .dur{position:absolute;right:6px;bottom:6px;font-family:var(--mono);font-size:.625rem;background:#000000b8;padding:2px 5px;color:var(--text)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:3px;margin:1.5rem 0 6rem}@media (max-width: 560px){.grid{grid-template-columns:repeat(2,1fr)}}.grid img{width:100%;height:100%;object-fit:cover;display:block}.grid button.cell{aspect-ratio:1 / 1;background-size:cover;background-position:center}h3.rule{font-family:var(--mono);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin:3.5rem 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--line)}.back{font-family:var(--mono);font-size:.75rem;color:var(--dim);letter-spacing:.08em}.back:hover{color:var(--signal)}.head-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem 1.25rem}.manage-toggle{font-family:var(--mono);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);background:transparent;border:1px solid var(--line);padding:.35rem .7rem;border-radius:999px;cursor:pointer;transition:color .14s,border-color .14s}.manage-toggle:hover{color:var(--text);border-color:var(--dim)}.is-owner .manage-toggle{color:var(--signal);border-color:var(--signal)}.vis-control{display:inline-flex;align-items:center;gap:.4rem}.vis-control .vis-label{font-family:var(--mono);font-size:.625rem;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.vis-btn{font-family:var(--mono);font-size:.625rem;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);background:transparent;border:1px solid var(--line);padding:.25rem .55rem;border-radius:999px;cursor:pointer;transition:color .14s,border-color .14s}.vis-btn:hover{color:var(--text)}.vis-btn.cur{color:var(--signal);border-color:var(--signal)}.vis-tag{margin-left:.6rem;font-size:.625rem;letter-spacing:.08em;text-transform:uppercase;padding:.1rem .45rem;border-radius:999px;border:1px solid var(--line)}.vis-tag.private{color:var(--signal);border-color:var(--signal)}.vis-tag.public{color:var(--dim)}.vis-tag.fail-tag{color:#ff9a9a;border-color:#ff5c5c66}.grid button.cell{position:relative;margin:0;padding:0;border:0;background:var(--panel);overflow:hidden;cursor:zoom-in;display:block;width:100%}.grid button.cell img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.grid button.cell:hover img,.grid button.cell:focus-visible img{transform:scale(1.045)}.grid .cell-cap{position:absolute;inset:auto 0 0;padding:2rem .6rem .5rem;font-family:var(--mono);font-size:.625rem;letter-spacing:.04em;color:#fff;background:linear-gradient(transparent,#000000a8);opacity:0;transition:opacity .16s;text-align:left;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid button.cell:hover .cell-cap,.grid button.cell:focus-visible .cell-cap{opacity:1}.lightbox[hidden]{display:none}.lightbox{position:fixed;inset:0;z-index:50;display:grid;grid-template-rows:1fr auto;background:#06080af7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lb-stage{margin:0;display:flex;align-items:center;justify-content:center;min-height:0;padding:clamp(.5rem,3vw,2rem);touch-action:none;overflow:hidden}.lb-stage img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 8px 44px #0009;will-change:transform;transform-origin:center center}.lb-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;padding:.9rem clamp(1rem,4vw,3rem) 1.4rem;border-top:1px solid var(--line)}.lb-meta .lb-title{font-family:var(--mono);font-size:.75rem;color:var(--text);letter-spacing:.04em;word-break:break-all}.lb-orig{margin-left:auto;font-family:var(--mono);font-size:.6875rem;color:var(--signal);letter-spacing:.06em;white-space:nowrap}.lb-orig:hover{text-decoration:underline}.lb-close,.lb-nav{position:absolute;z-index:2;border:0;background:#0000006b;color:#fff;cursor:pointer;border-radius:999px;width:44px;height:44px;display:grid;place-items:center;font-size:1.5rem;line-height:1;transition:background .16s,color .16s}.lb-close:hover,.lb-nav:hover{background:var(--signal);color:#000}.owner-only{display:none}.is-owner .owner-only{display:inline-block}.fail-banner{margin:1.25rem 0 0;padding:.85rem 1rem;border:1px solid rgba(255,92,92,.4);background:#ff5c5c0f;border-radius:4px;font-family:var(--mono);font-size:.75rem;color:#ff9a9a}.is-owner .fail-banner{display:block}.fail-banner b{color:#ff5c5c}.fail-banner ul{margin:.5rem 0 0;padding-left:1.2rem;color:var(--dim)}.fail-banner li{margin:.15rem 0}.del-btn{border:1px solid var(--line);background:transparent;color:var(--dim);font-family:var(--mono);font-size:.625rem;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .55rem;border-radius:999px;cursor:pointer;transition:color .14s,border-color .14s}.del-btn:hover{color:#ff5c5c;border-color:#ff5c5c}.lb-del{position:absolute;top:max(1.1rem,env(safe-area-inset-top));right:max(4.25rem,calc(3.25rem + env(safe-area-inset-right)));z-index:2;border:1px solid rgba(255,92,92,.5);background:#0006;color:#ff7a7a;font-family:var(--mono);font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;padding:.45rem .85rem;border-radius:999px;cursor:pointer;transition:background .14s,color .14s}.lb-del:hover{background:#ff5c5c;color:#000}.is-owner .lb-del{display:inline-block}.lb-close{top:max(1rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right))}.lb-nav{top:50%;transform:translateY(-50%)}.lb-prev{left:max(1rem,env(safe-area-inset-left))}.lb-next{right:max(1rem,env(safe-area-inset-right))}.lb-count{position:absolute;top:max(1.15rem,env(safe-area-inset-top));left:max(1.25rem,env(safe-area-inset-left));font-family:var(--mono);font-size:.6875rem;color:var(--dim);z-index:2}@media (max-width: 640px){.masthead{flex-direction:column;align-items:flex-start;gap:.85rem;padding:1.5rem 0 1rem}.head-actions{width:100%;gap:.55rem .8rem}.vis-control{flex-wrap:wrap}.manage-toggle,.del-btn,.vis-btn{padding:.5rem .85rem;font-size:.6875rem}.back{padding:.4rem 0}.lb-nav{top:auto;bottom:max(5.5rem,calc(5rem + env(safe-area-inset-bottom)));transform:none}.lb-orig{margin-left:0}.lb-meta{padding-bottom:max(1.4rem,calc(1rem + env(safe-area-inset-bottom)))}}@media (max-width: 560px){.reel{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}