:root{--green:#72f1b8;--ink:#eef8f3;--muted:#7f948a;--line:rgba(138,255,202,.16);--ease:cubic-bezier(.2,.75,.2,1)}
*{box-sizing:border-box}html,body{min-height:100%;margin:0;background:#020504;color:var(--ink);font-family:Inter,"Helvetica Neue",Arial,sans-serif}body{overflow-x:hidden;background:radial-gradient(circle at 50% 44%,rgba(30,111,77,.18),transparent 28%),linear-gradient(135deg,#010302,#07100c 52%,#020504)}button,a{font:inherit;color:inherit}.za-noise{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.za-scan{position:fixed;inset:0;pointer-events:none;z-index:19;background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(123,255,194,.017) 6px)}
.za-header{height:76px;position:fixed;z-index:30;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4vw;border-bottom:1px solid var(--line);background:rgba(2,6,4,.72);backdrop-filter:blur(18px)}.za-back{text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.2em}.za-back span{color:var(--green);margin-right:8px}.za-status{font-size:10px;letter-spacing:.2em;color:#84988e;display:flex;align-items:center;gap:10px}.za-status i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 16px var(--green);animation:pulse 1.7s infinite}.za-sound{justify-self:end;border:1px solid var(--line);background:rgba(4,13,9,.7);border-radius:999px;padding:10px 14px;font-size:9px;letter-spacing:.16em;cursor:pointer}
.za-terminal{min-height:100svh;position:relative;padding:112px 8vw 60px;display:grid;place-items:center}.za-terminal:before,.za-terminal:after{content:"";position:fixed;top:76px;bottom:0;width:1px;background:linear-gradient(transparent,var(--line),transparent)}.za-terminal:before{left:6vw}.za-terminal:after{right:6vw}.za-rail{position:fixed;z-index:3;top:110px;bottom:30px;width:18px;display:flex;flex-direction:column;align-items:center;color:#53675d}.za-rail span,.za-rail small{font-size:8px;letter-spacing:.18em;writing-mode:vertical-rl}.za-rail i{flex:1;width:1px;margin:16px 0;background:linear-gradient(var(--line),transparent,var(--line))}.rail-left{left:2.5vw}.rail-right{right:2.5vw}.za-stage{width:min(1180px,100%);min-height:720px;position:relative;display:grid;place-items:center}
.za-frame{width:min(920px,78vw);height:min(72vh,720px);min-height:540px;position:relative;border:1px solid rgba(148,255,206,.2);border-radius:28px;padding:14px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.012));box-shadow:0 45px 140px rgba(0,0,0,.6),0 0 80px rgba(89,255,175,.06),inset 0 1px rgba(255,255,255,.12);overflow:hidden;transition:opacity 1s var(--ease),transform 1.2s var(--ease),filter 1s}.za-frame:before{content:"";position:absolute;inset:9px;border:1px solid rgba(255,255,255,.07);border-radius:21px;z-index:5;pointer-events:none}.za-frame video{width:100%;height:100%;object-fit:cover;border-radius:18px;filter:saturate(.82) contrast(1.08);background:#030806}.za-video-shade{position:absolute;inset:14px;z-index:2;border-radius:18px;background:linear-gradient(90deg,rgba(2,5,4,.58),transparent 45%,rgba(2,5,4,.3)),linear-gradient(0deg,rgba(2,5,4,.68),transparent 45%);transition:opacity .8s}.za-corners i{position:absolute;width:36px;height:36px;z-index:8;border-color:rgba(157,255,211,.48);border-style:solid}.za-corners i:nth-child(1){left:2px;top:2px;border-width:1px 0 0 1px}.za-corners i:nth-child(2){right:2px;top:2px;border-width:1px 1px 0 0}.za-corners i:nth-child(3){right:2px;bottom:2px;border-width:0 1px 1px 0}.za-corners i:nth-child(4){left:2px;bottom:2px;border-width:0 0 1px 1px}
.za-lock{position:absolute;left:7%;bottom:8%;z-index:6;display:flex;flex-direction:column;align-items:flex-start;transition:opacity .45s,transform .65s var(--ease)}.za-lock small{font-size:9px;letter-spacing:.28em;color:var(--green)}.za-lock b{font-size:clamp(55px,9vw,118px);letter-spacing:-.075em;line-height:.72;margin:18px 0 28px}.za-lock span{font-size:9px;letter-spacing:.22em;color:#91a69b}.za-lock span i{font-style:normal;color:var(--green)}.za-start{position:absolute;z-index:9;right:6%;bottom:8%;height:52px;padding:0 18px;border:1px solid rgba(137,255,201,.4);border-radius:999px;background:rgba(4,15,10,.72);backdrop-filter:blur(13px);font-size:10px;letter-spacing:.18em;display:flex;align-items:center;gap:28px;cursor:pointer;transition:.3s}.za-start i{font-style:normal;color:var(--green);font-size:18px}.za-start:hover{background:#e8fff4;color:#06100c;transform:translateY(-2px)}.is-playing .za-lock,.is-playing .za-start{opacity:0;transform:translateY(16px);pointer-events:none}.is-playing .za-video-shade{opacity:0}
.za-chapters{position:absolute;inset:0;z-index:11;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:scale(.97);pointer-events:none;transition:opacity 1s .3s var(--ease),transform 1.1s .25s var(--ease)}.is-open .za-frame{opacity:.16;transform:scale(1.06);filter:blur(13px)}.is-open .za-chapters{opacity:1;transform:none;pointer-events:auto}.za-chapter-head{display:flex;justify-content:space-between;align-items:end;padding:0 16px 22px;border-bottom:1px solid var(--line)}.za-chapter-head small{font-size:9px;letter-spacing:.25em;color:var(--green)}.za-chapter-head h1{font-size:clamp(46px,8vw,96px);line-height:.78;letter-spacing:-.065em;margin:14px 0 0}.za-chapter-head p{margin:0;text-align:right}.za-chapter-head p span,.za-chapter-head p b{display:block;font-size:9px;letter-spacing:.2em}.za-chapter-head p span{color:var(--muted);margin-bottom:8px}.za-chapter-head p b{color:var(--green)}
.za-grid{display:grid;grid-template-columns:1.35fr .8fr .8fr;gap:12px;padding-top:16px}.za-chapter{min-height:290px;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:26px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(15,37,27,.9),rgba(3,9,6,.86));box-shadow:inset 0 1px rgba(255,255,255,.06);overflow:hidden}.za-chapter:after{content:"";position:absolute;width:230px;height:230px;border:1px solid rgba(114,241,184,.12);border-radius:50%;right:-100px;bottom:-120px;box-shadow:0 0 80px rgba(114,241,184,.05)}.za-number small,.za-chapter-copy small,.za-state{font-size:8px;letter-spacing:.2em}.za-number{display:flex;align-items:start;justify-content:space-between;color:var(--green)}.za-number b{font-size:44px;font-weight:500;line-height:.8}.za-chapter-copy{position:relative;z-index:2}.za-chapter-copy small{color:#729184}.za-chapter-copy h2{font-size:clamp(21px,2.4vw,34px);line-height:.98;letter-spacing:-.035em;margin:10px 0}.za-chapter-copy p{color:var(--muted);font-size:14px}.za-state{position:absolute;right:22px;top:24px;color:var(--green)}.za-chapter.active{border-color:rgba(114,241,184,.42);box-shadow:0 25px 80px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.09)}.za-chapter.sealed{opacity:.42;filter:saturate(.35)}.za-chapter.sealed .za-number small{visibility:hidden}.za-replay{align-self:flex-end;margin:18px 4px 0;border:0;background:none;color:#7e9389;font-size:9px;letter-spacing:.18em;cursor:pointer}.za-replay:hover{color:var(--green)}
@keyframes pulse{50%{opacity:.35;box-shadow:0 0 5px var(--green)}}
@media(max-width:760px){.za-header{grid-template-columns:1fr 1fr;height:68px}.za-status{display:none}.za-terminal{padding:92px 7vw 34px}.za-rail{display:none}.za-stage{min-height:720px}.za-frame{width:86vw;height:72vh;min-height:560px}.za-lock{left:8%;bottom:16%}.za-lock b{font-size:62px}.za-start{left:8%;right:auto;bottom:6%}.za-chapter-head{align-items:start}.za-chapter-head h1{font-size:54px}.za-grid{grid-template-columns:1fr}.za-chapter{min-height:170px}.za-chapter.sealed{min-height:110px}.za-chapter.sealed .za-chapter-copy{display:none}.za-number b{font-size:36px}.za-replay{align-self:center}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.za-chapter.active.release-locked{cursor:default;opacity:.72}.za-chapter.active.release-locked:hover{transform:none;border-color:rgba(114,241,184,.42)}
.za-frame video{object-fit:contain!important;filter:saturate(.9) contrast(1.04)!important}.za-grid{grid-template-columns:1.05fr 1.05fr .72fr!important}.za-chapter.active{color:inherit;text-align:left;cursor:pointer}.za-chapter.active:hover{transform:translateY(-3px);border-color:rgba(114,241,184,.75)}
.za-chapter-film{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,rgba(29,94,69,.17),transparent 40%),#010302;opacity:0;pointer-events:none;transition:opacity .7s}.is-film .za-chapter-film{opacity:1;pointer-events:auto}.za-film-shell{height:min(86vh,900px);width:min(92vw,690px);position:relative;padding:12px;border:1px solid rgba(114,241,184,.3);border-radius:26px;background:#050a08;box-shadow:0 40px 160px #000,0 0 80px rgba(114,241,184,.08)}.za-film-shell video{width:100%;height:100%;object-fit:contain;border-radius:17px;background:#020403}.za-film-meta{position:absolute;left:28px;right:28px;bottom:25px;display:flex;justify-content:space-between;align-items:end;padding-top:35px;background:linear-gradient(transparent,rgba(1,4,2,.76));font-size:9px;letter-spacing:.2em}.za-film-meta span{color:var(--green)}.za-chapter-film>button{position:fixed;right:24px;bottom:20px;border:1px solid var(--line);border-radius:999px;padding:11px 15px;background:rgba(2,7,4,.76);font-size:9px;letter-spacing:.15em;cursor:pointer}
@media(max-width:760px){.za-grid{grid-template-columns:1fr!important}.za-film-shell{height:82vh;width:92vw}.za-film-meta{left:22px;right:22px}}
.is-booting .za-sound,.is-playing .za-sound{opacity:0;pointer-events:none}.za-chapter.active.release-locked{cursor:default;opacity:.72}.za-chapter.active.release-locked:hover{transform:none;border-color:rgba(114,241,184,.42)}
.za-noema-note{margin:16px 4px 0;padding:20px 22px 21px;border:1px solid rgba(114,241,184,.13);border-left-color:rgba(114,241,184,.72);background:linear-gradient(100deg,rgba(8,25,17,.82),rgba(3,10,7,.36));display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-items:baseline;position:relative;overflow:hidden}.za-noema-note:after{content:"01";position:absolute;right:15px;top:9px;color:rgba(114,241,184,.07);font-size:54px;font-weight:800;letter-spacing:-.08em}.za-noema-note b{font-size:11px;letter-spacing:.28em;color:#f1fff8}.za-noema-note span{font-size:8px;letter-spacing:.2em;text-transform:uppercase;color:var(--green)}.za-noema-note p{grid-column:1/-1;max-width:850px;margin:14px 0 0;padding-left:18px;border-left:1px solid rgba(238,248,243,.22);font-family:"Times New Roman",Times,serif;font-size:clamp(16px,1.45vw,20px);font-weight:400;font-style:italic;line-height:1.5;letter-spacing:.012em;color:#c4d4cb;text-wrap:balance}@media(max-width:760px){.za-noema-note{padding:17px 17px 18px;grid-template-columns:1fr}.za-noema-note span{margin-top:6px}.za-noema-note p{padding-left:13px;font-size:16px}}

/* Mobile chapter list: prevent the first card from being clipped above viewport. */
@media (max-width:760px){
  .is-open .za-terminal{display:block;min-height:100svh;padding-top:82px;padding-bottom:24px}
  .is-open .za-stage{display:block;min-height:0;width:100%}
  .is-open .za-frame{display:none}
  .is-open .za-chapters{position:relative;inset:auto;display:flex;justify-content:flex-start;opacity:1;transform:none;pointer-events:auto;width:100%;min-height:0;padding:10px 0 24px}
  .is-open .za-chapter-head{flex-shrink:0}
  .is-open .za-grid{width:100%;grid-template-columns:minmax(0,1fr)!important}
  .is-open .za-chapter{width:100%;min-width:0}
  .is-open .za-chapter-copy h2{overflow-wrap:anywhere}
}