:root{--bg:#0b0611;--bg2:#1a0f24;--stone:#3b3145;--stone2:#6a5a7a;--stone-dark:#241a2e;--gold:#f8c65a;--orange:#df6b2d;--green:#78d178;--red:#c14545;--text:#f5ead9;--muted:#b9a7c9;--panel:rgba(20,11,28,.92);--pixel:"Press Start 2P",ui-monospace,monospace;--term:"VT323",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}*{box-sizing:border-box}html{min-height:100%;background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 50% -10%,rgba(124,60,149,.4),transparent 40rem),linear-gradient(180deg,#14081c,#08050d);font-family:var(--term);font-size:1.25rem;line-height:1.35;-webkit-font-smoothing:none;overflow-x:hidden}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px),radial-gradient(circle at 50% 50%,transparent 60%,rgba(0,0,0,.5) 100%);mix-blend-mode:multiply}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}h1,h2,h3{font-family:var(--pixel);line-height:1.4}.shell{width:min(100%,980px);margin:0 auto;padding:18px 14px 40px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:4px solid #000;box-shadow:0 4px 0 rgba(248,198,90,.12)}.brand{line-height:1}.brand h1{margin:0;font-size:clamp(1.6rem,9vw,3.4rem);color:var(--gold);letter-spacing:.04em;text-shadow:3px 3px 0 #000,0 0 22px rgba(248,198,90,.35)}.brand p{margin:10px 0 0;color:var(--muted);font-size:1.05rem}.welcome{margin:16px 0 4px}.panel{border:4px solid #000;background:var(--panel);box-shadow:0 0 0 4px var(--stone-dark),8px 8px 0 rgba(0,0,0,.55);padding:16px}.badge,.pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--pixel);font-size:.6rem;letter-spacing:.04em;border:3px solid #000;padding:8px 10px;background:rgba(248,198,90,.12);color:var(--gold);box-shadow:3px 3px 0 #000}.badge.open{color:var(--green);background:rgba(120,209,120,.12)}.badge.admin{color:var(--gold);background:rgba(248,198,90,.14)}.badge.locked{color:var(--muted);background:hsla(0,0%,100%,.05)}.cta,.ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 16px;border:3px solid #000;font-family:var(--pixel);font-size:.7rem;letter-spacing:.04em;cursor:pointer;box-shadow:5px 5px 0 #000;transition:transform .06s ease,box-shadow .06s ease}.cta{background:linear-gradient(#f8c65a,#d6813a);color:#1b0c12}.ghost{background:#1a1024;color:var(--text)}.cta.small{min-height:40px;padding:10px 12px;font-size:.62rem}.cta:active,.ghost:active{transform:translate(3px,3px);box-shadow:2px 2px 0 #000}.field{width:100%;min-height:48px;border:3px solid #000;background:#0c0614;color:var(--text);padding:12px;box-shadow:inset 4px 4px 0 rgba(0,0,0,.5)}.muted{color:var(--muted)}.journey-hud{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;margin:14px -14px 0;padding:10px 16px;font-family:var(--pixel);font-size:.62rem;letter-spacing:.06em;color:var(--gold);background:rgba(8,5,13,.86);border-top:4px solid #000;border-bottom:4px solid #000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hud-year{font-size:.95rem;color:var(--text);text-shadow:2px 2px 0 #000}.journey{position:relative;padding:6vh 0 8vh}.journey:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:6px;transform:translateX(-50%);background:repeating-linear-gradient(180deg,rgba(248,198,90,.5) 0 14px,transparent 14px 30px);opacity:.35}.gate{position:relative;z-index:1;min-height:92svh;display:grid;place-items:center;grid-gap:18px;gap:18px;padding:6vh 4vw;opacity:.3;transform:translateY(26px);transition:opacity .5s ease,transform .5s ease;text-align:center}.gate.in{opacity:1;transform:none}.gate-scene{display:grid;place-items:center}.gate-link{display:block}.gate-stone{position:relative;width:min(72vw,330px);aspect-ratio:.72;border:6px solid #14100b;background:radial-gradient(34% 16% at 16% 10%,#5c8036 0 62%,transparent 63%),radial-gradient(26% 12% at 84% 16%,#4c6a2c 0 62%,transparent 63%),radial-gradient(66% 18% at 50% 100%,#456229 0 60%,transparent 61%),repeating-linear-gradient(0deg,#2b2724 0 3px,#5c5850 3px 6px),repeating-linear-gradient(90deg,#6d6860 0 30px,#4b4740 30px 33px),#585349;box-shadow:0 0 0 6px #201a14,12px 12px 0 rgba(0,0,0,.6),inset 0 0 44px rgba(0,0,0,.55);-webkit-clip-path:polygon(0 10%,10% 10%,10% 0,90% 0,90% 10%,100% 10%,100% 100%,0 100%);clip-path:polygon(0 10%,10% 10%,10% 0,90% 0,90% 10%,100% 10%,100% 100%,0 100%)}.gate-stone,.gate-vines{image-rendering:pixelated}.gate-vines{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(#3f5f2b,#3f5f2b) 12% 11% /6px 32% no-repeat,linear-gradient(#4c6b2c,#4c6b2c) 88% 11% /6px 24% no-repeat,radial-gradient(42% 30% at 12% 12%,#3f5f2b 0 70%,transparent 71%),radial-gradient(42% 30% at 88% 12%,#4c6b2c 0 70%,transparent 71%)}.gate-stone:before{content:"";position:absolute;left:50%;top:0;width:22%;height:8%;transform:translateX(-50%);background:linear-gradient(#847d72,#55504a);border:3px solid #201a14;z-index:4}.gate-portal{position:absolute;inset:17% 15% 0;background:#050308;box-shadow:inset 0 0 26px #000;-webkit-clip-path:polygon(0 22%,12% 22%,12% 10%,34% 10%,34% 0,66% 0,66% 10%,88% 10%,88% 22%,100% 22%,100% 100%,0 100%);clip-path:polygon(0 22%,12% 22%,12% 10%,34% 10%,34% 0,66% 0,66% 10%,88% 10%,88% 22%,100% 22%,100% 100%,0 100%);overflow:hidden;transition:background .6s ease,box-shadow .6s ease}.gate.open.in .gate-portal{background:radial-gradient(120% 90% at 50% 100%,rgba(248,198,90,.95),rgba(160,60,190,.45) 45%,#06040a 78%);box-shadow:inset 0 0 30px #000,0 0 44px rgba(248,198,90,.5)}.gate-glow{position:absolute;inset:0;background:linear-gradient(0deg,rgba(248,198,90,.5),transparent 60%);animation:portalPulse 2.4s ease-in-out infinite}@keyframes portalPulse{0%,to{opacity:.55}50%{opacity:1}}.gate-door{position:absolute;inset:0;z-index:2;image-rendering:pixelated;background:repeating-linear-gradient(90deg,#3c2613 0 2px,transparent 2px 14px),repeating-linear-gradient(90deg,#7c5330 0 14px,#674326 14px 28px),repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 7px,transparent 7px 14px);box-shadow:inset 0 0 26px rgba(0,0,0,.65);transform-origin:left center;transition:transform 1s cubic-bezier(.55,-.15,.3,1.25)}.gate-door:before{content:"";position:absolute;left:0;right:0;top:20%;height:8%;background:repeating-linear-gradient(0deg,#9aa1a8 0 4px,#586067 4px 8px);box-shadow:0 46px 0 0 #9aa1a8,0 50px 0 0 #586067;opacity:.85}.gate-door:after{content:"";position:absolute;right:14%;top:54%;width:12px;height:12px;background:var(--gold);box-shadow:2px 2px 0 #000,inset -2px -2px 0 rgba(0,0,0,.45)}.gate.open.in .gate-door{transform:translateX(-108%)}.gate-lock{position:absolute;left:50%;top:52%;z-index:4;width:34px;height:30px;transform:translate(-50%,-50%);background:#cfc4a6;box-shadow:4px 4px 0 #000,inset 4px 4px 0 hsla(0,0%,100%,.28),inset -4px -4px 0 rgba(0,0,0,.3)}.gate-lock:before{content:"";position:absolute;left:7px;top:-16px;width:20px;height:18px;border:6px solid #9a927c;border-bottom:0}.gate-lock:after{content:"";position:absolute;left:13px;top:9px;width:8px;height:11px;background:#2b2216}.gate-plate{position:absolute;left:50%;top:8%;transform:translateX(-50%);z-index:5;image-rendering:pixelated;font-family:var(--pixel);font-size:clamp(.7rem,3.6vw,1rem);color:#f7e9c8;background:repeating-linear-gradient(90deg,#4a2f18 0 2px,transparent 2px 12px),linear-gradient(#7c5330,#613f24);border:4px solid #201a14;padding:8px 12px;box-shadow:4px 4px 0 #000,inset 0 0 0 2px rgba(0,0,0,.3);text-shadow:2px 2px 0 #000}.gate-plate:after,.gate-plate:before{content:"";position:absolute;top:50%;width:6px;height:6px;transform:translateY(-50%);background:#9a927c;box-shadow:1px 1px 0 #000}.gate-plate:before{left:5px}.gate-plate:after{right:5px}.gate-info{max-width:36rem;display:grid;grid-gap:12px;gap:12px;justify-items:center}.gate-title{margin:0;font-size:clamp(.85rem,4.4vw,1.3rem);color:var(--gold);text-shadow:2px 2px 0 #000}.gate-teaser{margin:0;color:var(--muted);font-size:1.15rem;max-width:30rem}.gate-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center}.journey-foot{position:relative;z-index:1;text-align:center;padding:10vh 0 4vh;display:grid;grid-gap:16px;gap:16px;justify-items:center}.content-stack{display:grid;grid-gap:14px;gap:14px;margin-top:18px}.content-card h3{margin:0 0 8px;color:var(--gold)}.content-card p{white-space:pre-wrap}.admin-grid{display:grid;grid-gap:14px;gap:14px}@media (min-width:850px){.admin-grid{grid-template-columns:1fr 1fr}}.table-list{display:grid;grid-gap:8px;gap:8px}.row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px;background:hsla(0,0%,100%,.04);border:3px solid #000}.form-grid{display:grid;grid-gap:10px;gap:10px}@media (min-width:720px){.shell{padding-top:28px}.gate-stone{width:min(42vw,340px)}}