:root{--paper:#fff;--grid:#edf2fb;--card:#fff;--text:#16213e;--frame:#16213e;--slate:#5b6b8c;--line:#cfd9ec;--tape:#ffd23f;--tape-soft:#fff3c4;--rec:#e23d28;--ok:#1f8a5b;--ok-soft:#ddf3e8;--warn-soft:#fde7e3;--bar:#16213e;--on-bar:#fff;--pri-bg:#16213e;--pri-fg:#fff;--field:#fff;--display:"Bricolage Grotesque","Trebuchet MS",system-ui,sans-serif;--body:"Atkinson Hyperlegible",Verdana,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0f1526;--grid:#172038;--card:#16203a;--text:#e8edf8;--frame:#c9d6f2;--slate:#9aa8c7;--line:#2c3a5e;--tape-soft:#4a3f12;--ok:#5ed39c;--ok-soft:#12382a;--warn-soft:#3f1c17;--bar:#0a0f1d;--pri-bg:#e8edf8;--pri-fg:#0f1526;--field:#101830}}:root[data-theme=dark]{--paper:#0f1526;--grid:#172038;--card:#16203a;--text:#e8edf8;--frame:#c9d6f2;--slate:#9aa8c7;--line:#2c3a5e;--tape-soft:#4a3f12;--ok:#5ed39c;--ok-soft:#12382a;--warn-soft:#3f1c17;--bar:#0a0f1d;--pri-bg:#e8edf8;--pri-fg:#0f1526;--field:#101830}:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}html{scroll-padding-top:env(safe-area-inset-top,0)}*,:after,:before{box-sizing:border-box}body{margin:0;font-family:var(--body);color:var(--text);font-size:17px;line-height:1.5;min-height:100%;background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:28px 28px}h1,h2,h3{font-family:var(--display);line-height:1.1;margin:0 0 .4em;letter-spacing:-.01em}h1{font-size:clamp(2rem,4.6vw,3.4rem);font-weight:800}h2{font-size:1.5rem}h2,h3{font-weight:700}h3{font-size:1.12rem}p{margin:0 0 1em;max-width:68ch}a{color:inherit}canvas,img{max-width:100%}:focus-visible{outline:3px solid var(--tape);outline-offset:2px}.muted{color:var(--slate)}.small{font-size:.88rem}.banner-mode{gap:.8rem;align-items:center;justify-content:space-between}.banner-mode,.proto .sw{display:flex;flex-wrap:wrap}.proto .sw{gap:.4rem}.proto button{font:700 .85rem var(--body);border:2px solid #16213e;background:transparent;color:#16213e;border-radius:6px;padding:.25em .7em;cursor:pointer}.proto button[aria-pressed=true]{background:#16213e;color:#fff}.btn{font:700 1rem var(--body);border:2px solid var(--frame);background:var(--card);color:var(--text);padding:.6em 1.1em;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:.5em}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--pri-bg);color:var(--pri-fg);border-color:var(--pri-bg)}.btn.tape{background:var(--tape);color:#16213e;border-color:#16213e}.btn.rec{background:var(--rec);border-color:var(--rec);color:#fff}.btn.ghost{border-color:transparent;background:transparent;padding-inline:.5em}.btn.sm{font-size:.88rem;padding:.35em .7em}input,textarea{font:inherit;color:var(--text);width:100%;padding:.55em .7em;border:2px solid var(--line);border-radius:6px;background:var(--field)}input:focus,textarea:focus{border-color:var(--frame);outline:none}textarea{resize:vertical;min-height:7em}.lab,label{display:block;font-weight:700;margin:0 0 .3em;font-size:.95rem}.field{margin-bottom:1rem}.topbar{justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.8rem clamp(1rem,3vw,2rem);background:var(--bar);color:var(--on-bar)}.brand,.topbar{display:flex;align-items:center}.brand{font-family:var(--display);font-weight:800;font-size:1.2rem;gap:.55rem;background:none;border:0;color:inherit;cursor:pointer;padding:0}.clap{width:30px;height:24px;background:#fff;border-radius:3px;position:relative;overflow:hidden;border:2px solid #16213e;flex:none}.clap:before{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:repeating-linear-gradient(135deg,#16213e 0 6px,#ffd23f 6px 12px)}.pills{display:flex;gap:.5rem;flex-wrap:wrap}.pill{background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.3);color:#fff;border-radius:999px;padding:.25em .8em;font-size:.88rem}.pill strong{color:var(--tape)}.topbar .btn{border-color:#fff;background:transparent;color:#fff}.wrap{max-width:1180px;margin:0 auto;padding:clamp(1.2rem,3vw,2.5rem) clamp(1rem,3vw,2rem)}.hero{display:grid;grid-template-columns:1.2fr 1fr;grid-gap:clamp(1.5rem,4vw,4rem);gap:clamp(1.5rem,4vw,4rem);align-items:start;padding-top:clamp(.5rem,4vw,3rem)}.hero h1{max-width:12ch}.strip{display:flex;gap:10px;margin:1.6rem 0}.strip img{flex:1 1;min-width:0;border:3px solid var(--frame);border-radius:4px;display:block}.panel{background:var(--card);border:3px solid var(--frame);border-radius:10px;padding:1.4rem;box-shadow:6px 6px 0 var(--frame)}.panel+.panel{margin-top:1.4rem}.panel.flat{box-shadow:none}.okmsg{background:var(--ok-soft);border-left:4px solid var(--ok)}.err,.okmsg{padding:.6em .8em;border-radius:4px;margin:.6rem 0;font-size:.95rem}.err{background:var(--warn-soft);border-left:4px solid var(--rec)}.projects{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.4rem;gap:1.4rem;margin-top:1.5rem}.proj{background:var(--card);border:3px solid var(--frame);border-radius:10px;padding:1.2rem;display:flex;flex-direction:column;gap:.6rem;text-align:left;font:inherit;color:inherit;cursor:pointer}.proj:hover{box-shadow:6px 6px 0 var(--tape)}.proj .thumb{aspect-ratio:16/9;border:2px dashed var(--line);border-radius:6px;display:grid;place-items:center;color:var(--slate);font-weight:700;background:var(--grid);overflow:hidden}.proj .thumb img{width:100%;height:100%;object-fit:cover;display:block}.status{display:inline-block;font-size:.82rem;font-weight:700;padding:.15em .6em;border-radius:999px;background:var(--grid)}.status.submitted{background:var(--tape-soft)}.status.approved{background:var(--ok-soft);color:var(--ok)}.editor{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 110px)}.steps{background:var(--card);border-right:3px solid var(--frame);padding:1.2rem .8rem;display:flex;flex-direction:column;gap:.3rem}.steps button{all:unset;cursor:pointer;display:flex;gap:.7rem;align-items:center;padding:.6rem .7rem;border-radius:6px;font-weight:700}.steps button .n{width:28px;height:28px;border-radius:50%;border:2px solid var(--frame);display:grid;place-items:center;font-size:.85rem;flex:none}.steps button[aria-current=step]{background:var(--tape);color:#16213e}.steps button[aria-current=step] .n{background:#16213e;color:#fff;border-color:#16213e}.steps button:focus-visible{outline:3px solid var(--frame)}.steps .foot{margin-top:auto;font-size:.85rem;color:var(--slate);padding:.6rem}.stage{padding:clamp(1rem,3vw,2.2rem);min-width:0}.stage-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;flex-wrap:wrap;margin-bottom:1.2rem}.stage-head p{margin:0}.board{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.4rem;gap:1.4rem}.shot{background:var(--card);border:3px solid var(--frame);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;position:relative}.shot .deco{top:-4px;left:18px;width:64px;height:16px;background:var(--tape);transform:rotate(-3deg)}.shot .deco,.shot .num{position:absolute;z-index:2}.shot .num{top:10px;right:10px;background:#16213e;color:#fff;font:800 .9rem var(--display);padding:.15em .55em;border-radius:4px}.view{aspect-ratio:16/9;background:var(--grid);border-bottom:3px solid var(--frame);display:grid;place-items:center;position:relative;overflow:hidden}.shot.portrait .view{aspect-ratio:9/16;max-height:440px}.view img{width:100%;height:100%;object-fit:cover;display:block}.view .empty{color:var(--slate);font-weight:700;text-align:center;padding:1rem}.shot.portrait .view.slim,.view.slim{aspect-ratio:auto;height:96px}.view.moving img{animation:drift 5s ease-in-out infinite alternate}.view.moving.push img{animation-name:push}.view.moving.pull img{animation-name:pull}.view.moving.follow img,.view.moving.pan img{animation-name:pan}.view.moving.tilt img{animation-name:tilt}@keyframes drift{0%{transform:scale(1.02)}to{transform:scale(1.08)}}@keyframes push{0%{transform:scale(1)}to{transform:scale(1.28)}}@keyframes pull{0%{transform:scale(1.28)}to{transform:scale(1)}}@keyframes pan{0%{transform:scale(1.2) translateX(-7%)}to{transform:scale(1.2) translateX(7%)}}@keyframes tilt{0%{transform:scale(1.2) translateY(7%)}to{transform:scale(1.2) translateY(-7%)}}.badge{position:absolute;left:10px;bottom:10px;background:var(--rec);color:#fff;font-weight:700;font-size:.78rem;padding:.15em .55em;border-radius:4px;z-index:2}.shot .body{padding:1rem;display:flex;flex-direction:column;gap:.7rem}.row2{display:grid;grid-template-columns:1fr 1fr;grid-gap:.6rem;gap:.6rem}.actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.busy{position:absolute;inset:0;background:rgba(22,33,62,.94);color:#fff;display:grid;place-items:center;text-align:center;font-weight:700;padding:1rem;z-index:3}.bar{width:60%;height:6px;background:hsla(0,0%,100%,.2);border-radius:3px;overflow:hidden;margin:.6rem auto 0}.bar:after{content:"";display:block;height:100%;width:40%;background:var(--tape);animation:slide 1.2s ease-in-out infinite}@keyframes slide{0%{transform:translateX(-100%)}to{transform:translateX(250%)}}.chips{display:flex;flex-wrap:wrap;gap:.35rem}.chip{all:unset;cursor:pointer;font-size:.85rem;font-weight:700;padding:.3em .7em;border:2px solid var(--line);border-radius:999px;background:var(--card)}.chip[aria-pressed=true]{border-color:var(--frame);background:var(--pri-bg);color:var(--pri-fg)}.chip:focus-visible{outline:3px solid var(--tape)}.peek{font-size:.82rem;color:var(--slate);background:var(--grid);border-radius:6px;padding:.5em .7em;margin:0}.addshot{border:3px dashed var(--line);border-radius:10px;display:grid;place-items:center;min-height:200px}details.edit>summary{cursor:pointer;font-weight:700;font-size:.92rem}details.edit[open]>summary{margin-bottom:.7rem}.banner{border:3px solid var(--frame);border-radius:10px;background:var(--card);padding:1rem 1.2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.4rem}.banner.approved{border-color:var(--ok)}.banner.submitted{background:var(--tape-soft)}.two>*{min-width:0}.two{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-gap:1.6rem;gap:1.6rem;align-items:start}.screen{background:#000;border:3px solid var(--frame);border-radius:10px;overflow:hidden}.screen canvas{display:block;width:100%;height:auto}.screen.portrait{max-width:360px}.progress{height:8px;background:var(--grid);border-radius:4px;overflow:hidden;margin-top:.6rem}.progress>div{height:100%;background:var(--frame);width:0}.reel{display:flex;gap:6px;overflow-x:auto;padding:.6rem 0}.cell{flex:none;width:120px;border:2px solid var(--frame);border-radius:6px;overflow:hidden;background:var(--card);font-size:.8rem}.cell img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.cell div{padding:.3em .4em;display:flex;justify-content:space-between;align-items:center;gap:.3em}.cell input{width:3.6em;padding:.1em .2em;font-size:.8rem}.mv{font-weight:700;color:var(--rec)}.toast{position:fixed;bottom:calc(1.2rem + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);background:#16213e;color:#fff;padding:.8em 1.2em;border-radius:6px;z-index:50;max-width:90vw;box-shadow:4px 4px 0 var(--tape)}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;background:var(--card);border:3px solid var(--frame)}td,th{text-align:left;padding:.6rem .7rem;border-bottom:1px solid var(--line);vertical-align:top;font-size:.95rem}th{background:var(--bar);color:#fff;font-family:var(--display)}.sb{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:.6rem;gap:.6rem;padding:.6rem 0}.sb .c{border:2px solid var(--line);border-radius:6px;padding:.5rem;font-size:.85rem}.sb .c img{width:100%;border-radius:4px;display:block;margin-bottom:.3rem}.pfhead{display:flex;justify-content:space-between;align-items:end;gap:1rem;flex-wrap:wrap}.pfgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:1.2rem;gap:1.2rem;margin-top:1rem}.pfcard{all:unset;cursor:pointer;background:var(--card);border:3px solid var(--frame);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.pfcard:hover,.pfcard[aria-current=true]{box-shadow:6px 6px 0 var(--tape)}.pfcard:focus-visible{outline:3px solid var(--tape);outline-offset:2px}.pfthumb{aspect-ratio:16/9;background:#000;position:relative;overflow:hidden;border-bottom:3px solid var(--frame)}.pfthumb img{width:100%;height:100%;object-fit:cover;display:block}.pfthumb.portrait img{object-fit:contain;background:#000}.pfthumb .dur{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.72);color:#fff;font-weight:700;font-size:.8rem;padding:.1em .45em;border-radius:4px}.pfmeta{padding:.8rem .9rem;display:flex;flex-direction:column;gap:.15rem}select{font:inherit;color:var(--text);width:100%;padding:.55em .7em;border:2px solid var(--line);border-radius:6px;background:var(--field)}.stack{display:flex;flex-direction:column;gap:.7rem}.why{background:var(--tape-soft);border-left:4px solid var(--tape);border-radius:4px;padding:.5em .7em;margin:0;font-size:.9rem}.dirs{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:1rem;gap:1rem;margin-top:.8rem}.dir{all:unset;cursor:pointer;background:var(--card);border:3px solid var(--frame);border-radius:10px;padding:1.1rem;display:flex;flex-direction:column;gap:.4rem}.dir:hover{box-shadow:6px 6px 0 var(--tape)}.dir:focus-visible{outline:3px solid var(--tape);outline-offset:2px}.dir[disabled]{opacity:.5;cursor:wait}.dir .dname{font-size:.8rem;font-weight:700;color:var(--slate)}.dir .dtitle{font-family:var(--display);font-size:1.25rem;line-height:1.15}.dir .go{margin-top:auto;font-weight:700;text-decoration:underline;text-underline-offset:3px}.check{display:flex;gap:.5rem;align-items:flex-start;font-weight:400}.check input{width:auto;margin-top:.3rem}.vlist{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:.8rem}.vrow{display:grid;grid-template-columns:110px 1fr;grid-gap:.8rem;gap:.8rem;align-items:start;border-top:1px solid var(--line);padding-top:.8rem}.vrow img{width:110px;aspect-ratio:16/9;object-fit:cover;border:2px solid var(--frame);border-radius:4px}.vrow p{margin:0 0 .4rem;font-weight:700}@media (max-width:900px){.editor,.hero,.projects,.two{grid-template-columns:1fr}.steps{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:3px solid var(--frame)}.steps .foot{display:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}.banner-mode{background:var(--tape);color:#16213e;padding:.5rem clamp(1rem,3vw,2rem);font-size:.92rem}.err-inline{color:var(--rec);font-weight:700;font-size:.9rem;margin:.2rem 0 0}.spin{display:inline-block;width:1em;height:1em;border:3px solid;border-right:3px solid transparent;border-radius:50%;animation:rot .8s linear infinite;vertical-align:-.15em}@keyframes rot{to{transform:rotate(1turn)}}.health{font-size:.9rem}.health td{padding:.35rem .6rem}.okdot{color:var(--ok)}.baddot,.okdot{font-weight:700}.baddot{color:var(--rec)}.view img.kb{animation:drift 5s ease-in-out infinite alternate}