:root { --gold:#d7a72f; --bright:#ffe078; --ivory:#d4cfb5; --red:#df6e55; --green:#80cf69; }
* { box-sizing:border-box; }
html { min-height:100%; background:#000; }
body { margin:0; min-height:100vh; color:var(--ivory); background:#000 url('/assets/og2004/pagebg.jpg') repeat-x center top; font-family:Arial,Helvetica,sans-serif; }
.masthead { height:112px; display:flex; justify-content:center; overflow:hidden; border-bottom:1px solid #4d370b; background:#080808 url('/assets/og2004/topbar-bg.gif') repeat-x top center; box-shadow:0 3px 9px #000; }
.masthead img { display:block; width:min(586px,100%); height:auto; object-fit:contain; }
nav { height:53px; display:flex; align-items:center; justify-content:center; gap:.55rem; border-bottom:1px solid #654811; color:#d3a42b; background:#030506 url('/assets/og2004/linksbar-bg.gif') repeat-x center; font:700 .75rem Georgia,serif; text-shadow:1px 1px #000; box-shadow:0 4px 9px #000; }
nav i { color:#6e5119; font-style:normal; }
.frame { width:min(650px,calc(100% - 1.25rem)); margin:1.25rem auto 2rem; padding:10px; border:1px solid #765618; outline:3px solid #080808; background:#050505; box-shadow:0 0 0 5px #222,0 0 0 7px #050505,0 12px 40px #000; }
.portal { position:relative; min-height:570px; padding:2rem clamp(1.4rem,7vw,4.8rem) 2.8rem; border:1px solid #745414; background:rgba(0,0,0,.95) url('/assets/og2004/intropane-center-bg.gif') repeat-x center top/auto 100%; box-shadow:inset 0 0 35px #000,0 0 0 3px #171717; }
.portal::before { content:''; position:absolute; top:10px; left:12%; right:12%; height:2px; background:linear-gradient(90deg,transparent,#72510e,#d2a327,#72510e,transparent); }
.globe { display:block; max-width:100%; height:auto; margin:-.55rem auto .65rem; }
.kicker { margin:0 0 .25rem; color:#788db0; font:700 .56rem Georgia,serif; letter-spacing:.2em; text-align:center; }
h1 { margin:0; color:var(--gold); font:700 clamp(2rem,7vw,2.8rem) Georgia,'Times New Roman',serif; text-align:center; text-shadow:1px 2px #000; }
.intro { max-width:440px; margin:.8rem auto 1.5rem; color:#85877e; font:italic .78rem/1.6 Georgia,serif; text-align:center; }
form { max-width:420px; margin:0 auto; }
label { display:block; margin:.95rem 0 .35rem; color:#d3a32b; font:700 .66rem Georgia,serif; }
.field { padding:3px; border:1px solid #765718; background:#090b0d; box-shadow:0 0 0 2px #222a30,0 2px 5px #000; }
input { width:100%; height:3rem; padding:0 .8rem; border:1px solid #141d24; border-radius:0; outline:0; color:#e7ddbd; caret-color:#ffd85b; background:linear-gradient(#101923,#05080b); font:700 .86rem Arial,sans-serif; box-shadow:inset 0 1px 7px #000; }
input:focus { border-color:#a37a20; box-shadow:inset 0 1px 7px #000,0 0 8px rgba(204,155,39,.45); }
.trap { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.message { min-height:2rem; margin:.8rem 0 0; color:var(--red); font:700 .7rem/1.4 Arial,sans-serif; text-align:center; }
.message.success { color:var(--green); }
button { width:min(280px,100%); height:3.1rem; margin:.15rem auto 0; display:block; border:1px solid #8b681d; outline:2px solid #141719; color:#e6ba46; background:linear-gradient(90deg,rgba(0,0,0,.75),transparent 18%,transparent 82%,rgba(0,0,0,.75)),linear-gradient(#20272c,#080b0d 50%,#010203 53%,#171c20); cursor:pointer; font:700 .76rem Georgia,serif; letter-spacing:.08em; text-shadow:1px 1px #000; box-shadow:inset 0 0 0 2px #323b40,0 3px 6px #000; }
button::before { content:'[ '; color:#68501b; } button::after { content:' ]'; color:#68501b; }
button:hover { color:var(--bright); border-color:#c09228; filter:brightness(1.15); }
button:disabled { opacity:.55; cursor:wait; }
.note { margin:1.4rem auto 0; max-width:430px; color:#59646a; font:italic .65rem/1.5 Georgia,serif; text-align:center; }
footer { width:min(760px,calc(100% - 2rem)); margin:0 auto 2rem; color:#705b2d; font:700 .57rem/1.5 Arial,sans-serif; letter-spacing:.08em; text-align:center; }
footer small { display:block; margin-top:.45rem; color:#3e4446; font-size:.52rem; font-weight:400; letter-spacing:0; }
.review-card { width:min(520px,calc(100% - 1.25rem)); margin:12vh auto; padding:2.3rem; border:1px solid #765618; outline:3px solid #151515; color:#cfc9ae; background:linear-gradient(#111820,#030506); box-shadow:0 0 35px #000; text-align:center; }
.review-card h1 { font-size:2rem; margin-bottom:1rem; }
.review-card p { line-height:1.6; }
.review-card form { display:flex; gap:1rem; margin-top:1.5rem; }
.review-card button { width:50%; }
.review-card .deny { color:#d98571; border-color:#713b2d; }
@media(max-width:520px){ .masthead{height:82px}.portal{min-height:545px;padding-top:2.1rem}nav{height:46px;font-size:.62rem}.review-card form{display:block}.review-card button{width:100%;margin:.8rem 0} }