@font-face{font-family:EvaTitle;src:url('assets/LibreBodoni-Bold.ttf') format('truetype');font-weight:400 700;font-display:swap}
*{box-sizing:border-box}html{background:#030503;color:#f4f0df}body{margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #b4ff4b;outline-offset:5px}.stage{position:relative;min-height:700px;height:100svh;isolation:isolate;overflow:hidden}.art{position:absolute;inset:0;z-index:-1;pointer-events:none}.backdrop,.candle-glow{height:100%;width:100%;position:absolute;inset:0}.backdrop{object-fit:cover;object-position:center;filter:brightness(.52) saturate(.78)}.candle-glow{opacity:.2;animation:breathe 1.8s ease-in-out infinite;will-change:opacity}.shinji{position:absolute;height:51%;width:auto;left:50%;bottom:5.5%;transform:translateX(-50%);filter:brightness(.9)}.title-area{position:absolute;left:5%;top:clamp(44px,calc(100svh - 640px),32vh);width:36%}h1{font-family:EvaTitle,Georgia,serif;font-size:clamp(42px,5.2vw,82px);line-height:1.06;letter-spacing:0;margin:0;font-weight:700;text-shadow:0 2px 18px #0009}h1>span{display:block}.green{color:#f4f0df}.period{display:none}.platforms{position:absolute;right:5%;top:33%;width:20%;max-width:240px;display:grid;gap:10px}.plate{display:flex;align-items:center;gap:14px;min-height:48px;padding:10px 8px;text-decoration:none;font-size:14px;font-weight:600;letter-spacing:.025em;cursor:pointer;transition:color .2s,transform .2s;text-shadow:0 2px 8px #000}.plate img{height:24px;width:24px;object-fit:contain;flex-shrink:0}.plate .mono{filter:invert(1)}.plate .x-icon{width:21px;height:21px}.plate:hover{color:#b2ff54;transform:translateX(3px)}.plate:active{transform:scale(.98)}.plate[aria-disabled=true]{cursor:default}.contract{position:absolute;bottom:24px;left:5%;right:5%;max-width:550px;min-height:48px;background:#060a06ed;display:flex;align-items:center;border:1px solid #59634e;padding:6px 8px 6px 15px;gap:12px}.contract[hidden]{display:none}.contract label{font-size:13px;color:#b2ff54;font-weight:700}.contract input{width:100%;min-width:0;background:none;border:0;color:#f4f0df;font-family:monospace;font-size:13px;cursor:copy}.contract button{background:#b2ff54;color:#101a09;border:0;padding:10px 12px;font-size:12px;font-weight:700;cursor:pointer}.notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#101910;color:#b2ff54;font-size:14px;padding:12px 18px;opacity:0;pointer-events:none}.notice.visible{opacity:1}
@keyframes breathe{0%,100%{opacity:.08}50%{opacity:1}}
@media(max-width:1000px) and (min-width:701px){.platforms{right:3%;width:24%}.plate{font-size:13px;gap:10px}.title-area{left:3%}}
@media(max-width:700px){.stage{height:auto;min-height:100svh;padding:0 24px 26px}.art{height:680px}.shinji{height:295px;bottom:28px}.title-area{position:relative;inset:auto;width:100%;height:200px;padding-top:36px;text-align:center}h1{font-size:clamp(35px,9.8vw,62px);line-height:1.12}h1>span{display:inline}h1>span:first-child{margin-right:.22em}h1>span:last-child{display:block}.platforms{position:relative;inset:auto;width:100%;max-width:430px;margin:490px auto 0;grid-template-columns:1fr 1fr;gap:4px 14px}.plate{font-size:13px;padding:10px 4px;gap:10px}.plate:first-child{grid-column:1/-1;justify-content:center;margin-bottom:4px}.contract{position:relative;inset:auto;margin:22px auto 0;width:100%;max-width:480px}.contract input{font-size:11px}.contract button{padding:10px 8px}.notice{width:max-content;max-width:90%;text-align:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.candle-glow{opacity:.65}}

/* Links share a quiet backing beneath the title. */
.platforms{position:relative;inset:auto;width:230px;max-width:100%;margin:22px 0 0;padding:12px 16px;gap:2px;background:rgba(3,8,5,.82);border:1px solid rgba(200,232,190,.15);border-radius:6px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:0 8px 28px #0003}
.plate{padding:9px 4px;min-height:45px}
.candle-glow{filter:brightness(1.32) saturate(1.2)}
@media(max-width:700px){.title-area{height:auto;padding-top:36px}.platforms{width:100%;max-width:430px;margin:560px auto 0;padding:14px 18px;grid-template-columns:1fr 1fr;gap:4px 14px;text-align:left}.plate:first-child{justify-content:center}.contract{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.candle-glow{filter:none}}

/* Larger title and persistent contract field in the left column. */
.title-area{top:clamp(36px,calc(100svh - 760px),24vh)}
h1{font-size:clamp(52px,6.6vw,112px)}
.contract{position:relative;inset:auto;width:100%;max-width:470px;margin:22px 0 0;min-height:52px;background:rgba(3,8,5,.9);border-color:rgba(200,232,190,.22);border-radius:6px}
.contract input::placeholder{color:#85907f;opacity:1}
.contract button:disabled{opacity:.4;cursor:default}
.platforms{margin-top:12px}
@media(max-width:700px){.title-area{top:auto}h1{font-size:clamp(40px,11vw,70px)}.contract{margin:540px auto 0;max-width:430px;text-align:left}.platforms{margin:12px auto 0}}