:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:#08141b;color:#efeadb}a{color:inherit}button,input{font:inherit}button{cursor:pointer}.gateway{min-height:100svh;display:grid;grid-template-columns:minmax(0,1.23fr) minmax(400px,.77fr);position:relative;overflow:hidden}.backdrop{position:absolute;inset:0;background:linear-gradient(90deg,#05131812 0%,#08141b73 43%,#08141b 69%),url('/assets/ever-ruin-moonwell.webp') 28% 45%/cover no-repeat;filter:saturate(.82)}.stars{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 24% 16%,#bc9a5732,transparent 35%),radial-gradient(circle at 72% 80%,#3ac9ba13,transparent 30%)}.story,.portal{position:relative;z-index:1}.story{display:flex;flex-direction:column;justify-content:space-between;padding:48px clamp(26px,5vw,86px)}.wordmark{text-decoration:none;color:#e6ce9a;font:500 20px Georgia,serif;letter-spacing:.28em}.storyBody{max-width:570px;padding-bottom:10vh}.eyebrow,.overline{font-size:11px;letter-spacing:.31em;font-weight:700;color:#e1bd78}.story h1{font:normal clamp(48px,5.6vw,86px)/1.06 Georgia,serif;letter-spacing:-.035em;margin:22px 0}.story h1 em{color:#dbb979}.story p{font:18px/1.85 Georgia,serif;color:#c5d4cf;max-width:420px}.emblem{display:flex;align-items:center;gap:16px;color:#cba76e;margin-top:55px;font-size:20px}.emblem span{letter-spacing:.24em;font:10px ui-sans-serif,system-ui,sans-serif;color:#d8c9a4}.portal{min-height:100svh;display:grid;place-items:center;border-left:1px solid #cba66f2c;background:linear-gradient(140deg,#07151af5,#0c2024fa);padding:32px}.panel{width:min(100%,440px);padding:40px clamp(12px,1.5vw,28px);text-align:center}.ornament{font-size:36px;color:#c9a66c}.overline{margin:14px 0}.panel h2{font:normal 34px/1.22 Georgia,serif;margin:20px 0 8px}.intro{font-size:13px;line-height:1.7;color:#9db6b6;margin:0 0 28px}.tabs{display:flex;border-bottom:1px solid #56605b;margin:0 0 28px}.tabs button{background:none;border:0;color:#99adb0;padding:15px 16px;flex:1;font-size:12px;text-transform:uppercase;letter-spacing:.16em}.tabs button[aria-pressed="true"]{color:#ecd4a2;border-bottom:2px solid #d7b277}form{text-align:left}label{display:block;font:700 10px ui-sans-serif,system-ui,sans-serif;letter-spacing:.17em;color:#b8cec8;margin:23px 0 10px}input{display:block;width:100%;padding:16px 17px;border:1px solid #58655f;border-radius:2px;background:#07161b;color:#f2eadb;outline:none}input:focus{border-color:#e7c284;box-shadow:0 0 0 3px #dabb8040}input::placeholder{color:#71898b}form small{display:block;color:#afc6c0;font-size:11px;line-height:1.6;margin-top:9px}.submit{display:block;text-decoration:none;width:100%;text-align:center;margin-top:24px;border:1px solid #e8c58a;border-radius:2px;padding:18px 10px;background:linear-gradient(145deg,#f0d4a0,#b4945b);color:#15262c;font:bold 15px Georgia,serif;letter-spacing:.06em;box-shadow:0 10px 30px #0005}.submit:hover{filter:brightness(1.11)}.submit:disabled{opacity:.55;cursor:wait}.error{color:#f9b6a6;line-height:1.5;font-size:12px;min-height:20px;margin:15px 0 0}.rule{width:100%;height:1px;margin:34px 0 20px;background:linear-gradient(90deg,transparent,#cbaa7669,transparent)}.fine{font-size:11px;line-height:1.7;color:#99adae}.return{display:inline-block;margin-top:24px;font-size:12px;color:#dcc196;text-underline-offset:5px}.quiet{border:1px solid #78817b;background:none;padding:14px 24px;color:#ecd4a2;margin-top:16px;width:100%}#identity{color:#e8dbc2;overflow-wrap:anywhere}@media(max-width:880px){.gateway{grid-template-columns:1fr}.story{min-height:35svh;padding:26px 25px 5px}.storyBody{padding:20px 0}.story h1{font-size:43px;margin:12px 0}.story p{font-size:14px;margin:0;line-height:1.6}.emblem{display:none}.portal{min-height:auto;padding:12px 25px 50px;border-left:0;background:#07171ae9}.panel{padding:20px 10px}.backdrop{background:linear-gradient(180deg,#03131648,#07171a 54%),url('/assets/ever-ruin-moonwell.webp') 50% 0%/auto 65% no-repeat}.ornament{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* LUMINOUS RUIN: match the shared in-game mineral/ivory/verdigris materials */
.gateway:after{content:'';position:absolute;inset:10px;border:1px solid #c5b5821a;pointer-events:none;z-index:2}
.portal{background:linear-gradient(130deg,#09191df8,#0e2025f9 60%,#1d302fa3)}
.panel{border:1px solid #abac8a26;background:linear-gradient(145deg,#17292a70,#0c1b22a3);box-shadow:inset 0 1px 0 #d5c8aa20,0 25px 70px #0005}
.story h1,.panel h2{text-shadow:0 3px 19px #0008}
.tabs button[aria-pressed="true"]{border-bottom-color:#dec58f;color:#f1dfb4}
/* v0.20 Nocturne pixel gateway — same art, fonts and frames as the game */
@font-face{font-family:'Ruin Script';src:url('/assets/pixel/font/ruin-script.woff?v=0.23.0') format('woff');font-display:block}
@font-face{font-family:'Ruin Gothic';src:url('/assets/pixel/font/ruin-gothic.woff?v=0.23.0') format('woff');font-display:block}
body{background:#07060c}
.backdrop{background:linear-gradient(90deg,#07060c10 0%,#07060c80 43%,#07060c 69%),url('/assets/pixel/ui/title-moonwell.png?v=0.23.0') 28% 45%/cover no-repeat;image-rendering:pixelated;filter:none}
.stars{display:none}
.story h1,.panel h2,.wordmark{font-family:'Ruin Gothic',Georgia,serif!important;letter-spacing:1px!important;-webkit-font-smoothing:none;text-shadow:3px 3px 0 #0e0b17}
.story h1{font-size:clamp(42px,5.6vw,84px)!important;color:#f2e7c9}.story h1 em{font-style:normal;color:#ecc25a}
.panel h2{font-size:28px!important;color:#f2e7c9}
.story p,.intro,form small,.fine{font-family:'Ruin Script',monospace!important;font-size:18px!important;line-height:1.55!important;-webkit-font-smoothing:none}
.intro,form small,.fine{font-size:9px!important}
.eyebrow,.overline,label,.tabs button,.emblem span,.return,.quiet{font-family:'Ruin Script',monospace!important;-webkit-font-smoothing:none;letter-spacing:1px!important;font-size:9px!important}
.eyebrow,.overline,.ornament{color:#ecc25a!important}
.portal{background:#0e0b17f2!important;border-left:4px solid #9c6527!important}
.panel{border:16px solid transparent;border-image:url('/assets/pixel/ui/frame-panel.png?v=0.23.0') 8 fill / 16px / 0 stretch;image-rendering:pixelated}
input{border-radius:0!important;background:#171327!important;border:2px solid #323a5c!important;font-family:'Ruin Script',monospace!important;font-size:18px!important;color:#f2e7c9!important}
input:focus{border-color:#ecc25a!important;box-shadow:none!important}
.submit{border:8px solid transparent!important;border-image:url('/assets/pixel/ui/frame-hot.png?v=0.23.0') 8 fill / 8px / 0 stretch!important;background:transparent!important;color:#ecc25a!important;font-family:'Ruin Script',monospace!important;font-size:18px!important;border-radius:0!important;box-shadow:none!important;image-rendering:pixelated}
.tabs{border-color:#323a5c!important}.tabs button[aria-pressed="true"]{color:#ecc25a!important;border-bottom:3px solid #ecc25a!important}