:root{
  --black:#050505;
  --white:#f3f3ef;
  --gray:#a5a5a0;
  --dim:#696965;
  --line:rgba(243,243,239,.22);
  --pad:clamp(20px,4vw,64px);
  --sans:Arial,Helvetica,sans-serif;
  --mono:"Courier New",Courier,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;background:var(--black)}
body{min-width:280px;min-height:100vh;overflow-x:hidden;background:var(--black);color:var(--white);font-family:var(--sans);-webkit-font-smoothing:antialiased}
body.gate-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
a:focus-visible,button:focus-visible{outline:2px solid var(--white);outline-offset:-4px}
::selection{background:var(--white);color:var(--black)}
.skip-link{position:fixed;z-index:20;top:8px;left:8px;padding:9px 12px;background:var(--white);color:var(--black);font:700 12px var(--mono);transform:translateY(-150%)}
.skip-link:focus{transform:none}

.site-head{height:82px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}
.identity{display:flex;align-items:center;gap:11px;width:max-content;font:700 11px/1.02 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.identity img{width:28px;height:28px}
.site-head>p{color:var(--dim);font:11px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.site-head>p i{margin:0 7px;color:var(--white);font-style:normal}
.head-entry{justify-self:end;padding-bottom:4px;border-bottom:1px solid var(--white);font:700 12px var(--mono);letter-spacing:.04em}
.head-entry span{display:inline-block;margin-left:8px;transition:transform .2s ease}
.head-entry:hover span{transform:translate(3px,-3px)}

.universe-shell{min-height:calc(100vh - 150px);display:grid;grid-template-columns:minmax(320px,.8fr) minmax(580px,1.2fr);border-bottom:1px solid var(--line)}
.statement{position:relative;min-height:720px;padding:clamp(56px,8vh,96px) var(--pad);display:flex;flex-direction:column;border-right:1px solid var(--line)}
.section-code{display:flex;justify-content:space-between;gap:20px;color:var(--gray);font:11px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.section-code span{color:var(--dim)}
h1{margin:auto 0;font-weight:400;font-size:clamp(70px,8.2vw,154px);line-height:.78;letter-spacing:-.075em}
h1 span,h1 strong{display:block}
h1 strong{font-weight:400;color:transparent;-webkit-text-stroke:1px var(--white)}
.intro{max-width:50ch;color:var(--gray);font-size:clamp(15px,1.25vw,18px);line-height:1.55}
.status-line{margin-top:32px;padding-top:16px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border-top:1px solid var(--line);font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.status-line i{width:8px;height:8px;border-radius:50%;background:var(--white)}
.status-line b{color:var(--dim);font-weight:400}

.directory{padding:clamp(56px,8vh,96px) var(--pad);display:flex;flex-direction:column;justify-content:center}
.directory-head{padding-bottom:24px;display:flex;align-items:end;justify-content:space-between;gap:20px}
.directory-head h2{font-size:clamp(28px,3vw,46px);line-height:1;letter-spacing:-.04em}
.directory-head span{color:var(--dim);font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.world{position:relative;width:100%;min-height:108px;padding:19px 14px;display:grid;grid-template-columns:46px minmax(0,1fr) 122px 28px;align-items:center;gap:14px;border:0;border-top:1px solid var(--line);background:transparent;text-align:left;cursor:pointer;transition:background .2s,color .2s,padding .25s ease}
.world:last-of-type{border-bottom:1px solid var(--line)}
.world-no{align-self:start;padding-top:4px;color:var(--dim);font:11px var(--mono)}
.world h3{font-size:clamp(25px,2.5vw,38px);line-height:1;letter-spacing:-.045em}
.world p{margin-top:7px;color:var(--dim);font-size:13px;line-height:1.4}
.world small{justify-self:start;color:var(--gray);font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.world>b{justify-self:end;font:400 24px var(--sans)}
.world-open:hover{padding-right:20px;padding-left:20px;background:var(--white);color:var(--black)}
.world-open:hover .world-no,.world-open:hover p,.world-open:hover small{color:var(--black)}
.world-gated:hover{padding-right:20px;padding-left:20px;background:var(--white);color:var(--black)}
.world-gated:hover .world-no,.world-gated:hover p,.world-gated:hover small{color:var(--black)}
.world-closed{cursor:not-allowed}
.world-closed h3{color:var(--gray)}
.world-closed:hover{background:rgba(255,255,255,.035)}
.world-classified h3,.world-classified p{font-family:var(--mono)}

footer{min-height:68px;padding:0 var(--pad);display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--dim);font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.notice{position:fixed;z-index:10;right:18px;bottom:18px;max-width:calc(100vw - 36px);padding:12px 16px;border:1px solid var(--white);background:var(--white);color:var(--black);font:700 11px/1.4 var(--mono);letter-spacing:.04em;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}
.notice.show{opacity:1;transform:none}

.records-gate{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:20px}
.records-gate[hidden]{display:none}
.gate-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.78);cursor:default}
.gate-dialog{position:relative;width:min(620px,100%);padding:clamp(28px,5vw,58px);border:1px solid var(--white);background:var(--black);box-shadow:18px 18px 0 rgba(255,255,255,.09)}
.gate-index{position:absolute;top:18px;left:20px;color:var(--dim);font:10px var(--mono);letter-spacing:.12em}
.gate-close{position:absolute;top:10px;right:10px;width:42px;height:42px;border:0;background:transparent;color:var(--gray);font:300 28px/1 var(--sans);cursor:pointer}
.gate-close:hover{color:var(--white)}
.gate-kicker{margin-top:28px;color:var(--gray);font:10px var(--mono);letter-spacing:.14em;text-transform:uppercase}
.gate-dialog h2{margin-top:14px;font-size:clamp(36px,6vw,68px);line-height:.92;letter-spacing:-.055em}
.gate-dialog>p:not(.gate-kicker){max-width:47ch;margin-top:20px;color:var(--gray);font-size:14px;line-height:1.55}
.gate-dialog form{margin-top:32px}
.gate-dialog label{display:block;margin-bottom:9px;color:var(--gray);font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.gate-field{display:grid;grid-template-columns:minmax(0,1fr) auto;border:1px solid var(--line)}
.gate-field:focus-within{border-color:var(--white)}
.gate-field input{min-width:0;height:58px;padding:0 16px;border:0;outline:0;background:transparent;color:var(--white);font:16px var(--mono);letter-spacing:.08em}
.gate-field button{min-width:132px;border:0;border-left:1px solid var(--line);background:var(--white);color:var(--black);font:700 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.gate-field button span{display:inline-block;margin-left:8px;transition:transform .18s ease}
.gate-field button:hover span{transform:translateX(4px)}
.gate-error{min-height:18px;margin-top:10px!important;color:var(--white)!important;font:10px/1.5 var(--mono)!important;letter-spacing:.06em;text-transform:uppercase}
.gate-dialog.shake{animation:gate-shake .28s linear}
@keyframes gate-shake{25%{transform:translateX(-7px)}50%{transform:translateX(6px)}75%{transform:translateX(-3px)}}

@media(max-width:1050px){
  .site-head{grid-template-columns:1fr 1fr}.site-head>p{display:none}
  .universe-shell{grid-template-columns:1fr}
  .statement{min-height:620px;border-right:0;border-bottom:1px solid var(--line)}
  h1{font-size:clamp(72px,14vw,132px)}
}
@media(max-width:620px){
  :root{--pad:18px}
  html{scroll-behavior:auto}
  .site-head{height:70px}.identity img{width:24px;height:24px}.identity{font-size:9px}
  .head-entry{font-size:10px}
  .statement{min-height:auto;padding-top:50px;padding-bottom:44px}
  .section-code{font-size:9px}.section-code span{display:none}
  h1{margin:78px 0 70px;font-size:clamp(58px,20vw,92px);line-height:.82;letter-spacing:-.07em}
  .intro{font-size:15px}
  .status-line{grid-template-columns:auto 1fr;margin-top:26px}.status-line b{display:none}
  .directory{padding-top:48px;padding-bottom:58px}
  .directory-head{align-items:start}.directory-head span{max-width:100px;text-align:right}
  .world{min-height:124px;padding:18px 4px;grid-template-columns:32px minmax(0,1fr) 22px;gap:9px}
  .world h3{font-size:clamp(24px,8vw,34px)}
  .world p{max-width:30ch;font-size:12px}
  .world small{grid-column:2;margin-top:5px}
  .world>b{grid-column:3;grid-row:1/3}
  .world-open:hover{padding-right:8px;padding-left:8px}
  .world-gated:hover{padding-right:8px;padding-left:8px}
  .records-gate{padding:12px}
  .gate-dialog{padding:28px 20px 24px;box-shadow:8px 8px 0 rgba(255,255,255,.09)}
  .gate-dialog h2{font-size:42px}
  .gate-field{grid-template-columns:1fr}
  .gate-field button{height:52px;border-left:0;border-top:1px solid var(--line)}
  footer{padding-top:22px;padding-bottom:22px;flex-direction:column;align-items:flex-start;line-height:1.5}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.head-entry span,.world,.notice{transition:none}.gate-dialog.shake{animation:none}}