:root{--bg:#0c1012;--panel:#13191b;--ink:#f3f0e7;--muted:#aab4b5;--gold:#dfb572;--line:#ffffff1c;--serif:'Cormorant Garamond',Georgia,serif;--sans:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.75}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{outline-offset:5px}a:hover{color:var(--gold)}button{cursor:pointer}button:disabled{cursor:default}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.04}h1{font-size:clamp(54px,6.5vw,94px)}h2{font-size:clamp(38px,4vw,58px)}h3{font-size:30px}p{color:var(--muted)}.wrap{max-width:1280px;margin:auto;padding:0 60px}.eyebrow{font:700 10px/1.7 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}.site-header{height:90px;position:absolute;inset:0 0 auto;z-index:10;border-bottom:1px solid var(--line)}.site-header.inner{position:relative;background:#101719}.header-row{height:100%;display:flex;align-items:center;gap:40px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.crest{display:grid;place-items:center;width:36px;height:44px;color:var(--gold);font-size:30px;line-height:1;border:1px solid #dfb57266;clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%)}.brand-name{font-family:var(--serif);font-weight:600;font-size:25px;letter-spacing:.02em}.brand small{display:block;font:600 8px/1.4 var(--sans);letter-spacing:.3em;color:var(--muted)}nav{display:flex;align-items:center;gap:30px;margin-left:auto}nav a{font-size:11px;font-weight:700;color:#d1d4d1;position:relative}nav a[aria-current=page]{color:var(--gold)}nav a[aria-current=page]:after{content:'';position:absolute;left:0;right:0;height:2px;background:var(--gold);bottom:-34px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:25px;padding:14px 23px;border:1px solid var(--gold);background:var(--gold);color:#171b1b;font:800 10px/1.6 var(--sans);text-transform:uppercase;letter-spacing:.12em;transition:.2s}.btn:hover{background:#eccb93;color:#111;transform:translateY(-2px)}.btn.ghost{background:transparent;color:var(--ink);border-color:#ffffff4d}.btn.ghost:hover{border-color:var(--gold);color:var(--gold)}.header-cta{padding:10px 17px;font-size:9px}.menu-toggle{display:none;background:none;color:var(--ink);border:1px solid var(--line);padding:5px 12px}.hero{min-height:770px;height:min(900px,94vh);position:relative;isolation:isolate;overflow:hidden;background:#19262b url('assets/hero-poster.jpg') center/cover}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071016df 0%,#0b12178a 49%,#07101622 100%),linear-gradient(0deg,#0c1012 0%,transparent 38%,#07101677 100%);z-index:-2}.hero:after{content:'';position:absolute;inset:0;opacity:.13;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.35' filter='url(%23n)'/%3E%3C/svg%3E");z-index:-1}.hero-content{padding-top:215px}.hero h1{margin:20px 0 25px;max-width:800px;line-height:.95;text-shadow:0 4px 40px #0006}.hero h1 em{font-weight:400;color:#e5c493}.hero .intro{font-size:14px;line-height:1.9;max-width:430px;color:#d4d9d5}.hero-actions{display:flex;align-items:center;gap:18px;margin-top:34px}.play{background:none;border:0;color:var(--ink);display:flex;align-items:center;gap:12px;font-size:11px}.play span{border:1px solid #fff6;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:10px}.hero-bottom{position:absolute;bottom:38px;left:0;right:0;display:flex;align-items:end;justify-content:space-between}.hero-bottom .caption{color:#c8cbc5;font-size:10px}.media-controls{display:flex;align-items:center;gap:20px}.icon-btn{background:#0c101266;color:var(--ink);border:1px solid #fff4;border-radius:50%;width:36px;height:36px;font-size:11px}.vertical-note{position:absolute;right:25px;top:45%;writing-mode:vertical-rl;letter-spacing:.24em;font-size:9px;color:#e4dfce}.connection-strip{border-block:1px solid var(--line);background:#101719}.connection-row{display:grid;grid-template-columns:1.2fr 1.5fr 1fr;align-items:center;min-height:110px;gap:35px}.connection-label{color:var(--muted);font-size:9px;letter-spacing:.2em;text-transform:uppercase}.server-host{font-family:var(--serif);font-size:27px;color:var(--ink);display:block}.host-copy{display:flex;align-items:center;gap:22px}.text-button{background:none;color:var(--gold);border:0;padding:0;font:700 10px var(--sans)}.connection-divider{border-left:1px solid var(--line);padding-left:30px}.section{padding:95px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}.section-heading h2{margin-top:12px}.section-heading>p{max-width:330px;font-size:12px}.moments{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:18px}.moment{position:relative;height:330px;overflow:hidden;display:flex;align-items:end;padding:26px;background:#1c2929}.moment img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;z-index:0;transition:transform .6s}.moment:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071014fa,transparent 95%)}.moment:hover img{transform:scale(1.06)}.moment-content{z-index:1}.moment h3{font-size:31px;margin:8px 0}.moment p{font-size:11px;color:#c6cdcb}.section-alt{background:#11191b;border-block:1px solid var(--line)}.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.path-grid h2{margin:15px 0 25px}.path-grid p{margin-bottom:25px}.steps-preview{display:grid;gap:0}.step-preview{display:grid;grid-template-columns:40px 1fr 20px;gap:22px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}.step-preview>span{font-family:var(--serif);font-size:27px;color:var(--gold)}.step-preview h3{font-family:var(--sans);font-size:14px;margin-bottom:4px}.step-preview p{font-size:11px;margin:0}.step-preview b{font-size:17px;font-weight:400;color:var(--gold)}.callout{padding:65px 0;text-align:center}.callout p{margin:15px auto 25px;max-width:480px}.footer{padding:35px 0;border-top:1px solid var(--line);font-size:10px}.footer-row{display:flex;justify-content:space-between;gap:35px}.footer a{text-decoration:underline;text-underline-offset:3px}.footer .legal{max-width:630px;font-size:9px;color:#899496;margin-top:14px}.footer-links{display:flex;gap:20px;align-items:start;white-space:nowrap}.page-heading{padding:65px 0 50px;background:radial-gradient(ellipse at 90% 0,#25444366,transparent 55%);border-bottom:1px solid var(--line)}.page-heading h1{font-size:67px;margin:13px 0 18px}.page-heading p{max-width:620px}.breadcrumb{font-size:10px;color:var(--muted);margin-bottom:24px}.guide-layout{display:grid;grid-template-columns:220px 1fr;gap:70px;padding-top:55px;padding-bottom:80px}.guide-nav{position:sticky;top:30px;align-self:start;font-size:11px}.guide-nav a{display:block;padding:12px 0;border-bottom:1px solid var(--line)}.guide-nav a span{color:var(--gold);margin-right:10px}.progress-label{margin-top:28px;font-size:10px;color:var(--muted)}progress{width:100%;height:4px;accent-color:var(--gold)}.guide-step{padding:0 0 45px;margin-bottom:45px;border-bottom:1px solid var(--line);scroll-margin-top:35px}.guide-step h2{font-size:40px;margin:10px 0 24px}.guide-step p{margin:14px 0}.guide-step ol,.guide-step ul{padding-left:21px;color:var(--muted)}.guide-step li{margin:10px 0}.guide-step a:not(.btn){color:var(--gold);text-decoration:underline;text-underline-offset:3px}code{font:12px/1.7 Consolas,monospace;color:#e8c991;overflow-wrap:anywhere;background:#ffffff06;padding:2px 4px}.codebox{position:relative;background:#080e10;border:1px solid var(--line);margin:20px 0;padding:20px;padding-top:40px}.codebox pre{margin:0;white-space:pre-wrap;word-break:break-word;font:12px/1.9 Consolas,monospace;color:#d6e2dd}.codebox .text-button{position:absolute;right:15px;top:12px}.notice{border-left:2px solid var(--gold);padding:16px 20px;background:#dfb57208;margin:22px 0;color:#c5cbca;font-size:12px}.notice strong{color:var(--ink)}.complete{display:inline-flex;align-items:center;gap:10px;font-size:11px;color:var(--gold);margin-top:15px;cursor:pointer}.complete input{accent-color:var(--gold);width:16px;height:16px}.link-row{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.source-note{font-size:10px!important;color:#849496}.faq-tools{display:flex;align-items:center;gap:25px;justify-content:space-between;margin-bottom:30px}.search{background:#151d20;color:var(--ink);border:1px solid #ffffff30;padding:15px 18px;width:330px;max-width:100%;border-radius:0}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{background:transparent;color:var(--muted);border:1px solid var(--line);padding:8px 15px;font-size:10px}.filter.active{background:var(--gold);color:#101719;border-color:var(--gold)}details{border-bottom:1px solid var(--line);padding:23px 0}summary{font-size:14px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:23px;color:var(--gold);font-weight:400}details[open] summary:after{content:'−'}details p{margin:17px 35px 0 0;font-size:13px;max-width:850px}details a{color:var(--gold);text-decoration:underline}details[hidden]{display:none}.faq-count{font-size:10px;color:var(--muted);margin-bottom:5px}.empty{padding:35px;text-align:center}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px}.about-grid h2{margin:15px 0 25px}.about-grid p{margin-bottom:22px}.fact-table{border-top:1px solid var(--line)}.fact{display:flex;justify-content:space-between;gap:25px;padding:18px 0;border-bottom:1px solid var(--line);font-size:12px}.fact span{color:var(--muted)}.pending{color:var(--muted);font-weight:400;font-size:11px}.contact-panel{border:1px solid var(--line);padding:35px;margin-top:30px;background:var(--panel)}.contact-panel h3{margin-bottom:15px}.contact-panel p{font-size:12px}.roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:40px}.roadmap>div{border-top:1px solid var(--gold);padding-top:22px}.roadmap h3{font-size:28px;margin:12px 0}.roadmap p{font-size:12px}.badge{font-size:8px;letter-spacing:.16em;color:var(--muted);text-transform:uppercase}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--gold);color:#111;padding:12px 25px;font-size:12px;z-index:40;box-shadow:0 5px 30px #0006}.modal{background:#090e10;color:var(--ink);border:1px solid var(--line);padding:25px;max-width:1000px;width:90vw}.modal::backdrop{background:#000d}.modal video{width:100%;display:block;margin-top:20px}.modal-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.modal-close{background:none;border:1px solid var(--line);color:var(--ink);padding:8px 15px}.skip{position:absolute;top:-100px;left:20px;z-index:100;background:var(--gold);color:#111;padding:10px}.skip:focus{top:5px}.noscript{background:var(--panel);padding:10px;text-align:center}.download-list a{display:inline-block;margin-right:12px;font-size:12px}[hidden]{display:none!important}
@media(min-width:1500px){.hero-content{padding-top:240px}}@media(max-width:1000px){.wrap{padding-inline:30px}.header-row{gap:20px}nav{gap:20px}.hero{height:810px}.hero-content{padding-top:220px}.guide-layout{gap:35px;grid-template-columns:180px 1fr}.path-grid{gap:50px}.moments{grid-template-columns:1fr 1fr 1fr}.moment{padding:20px;height:290px}.about-grid{gap:40px}.header-cta{display:none}}@media(max-width:700px){.wrap{padding-inline:22px}.site-header{height:78px}.brand-name{font-size:24px}.menu-toggle{display:block;margin-left:auto}nav{display:none;position:absolute;top:78px;left:0;right:0;background:#101719;padding:20px 25px;margin:0;flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:13px 0}nav a[aria-current=page]:after{display:none}.hero{height:760px;min-height:700px}.hero-content{padding-top:190px}.hero h1{font-size:66px}.hero .intro{font-size:13px;max-width:310px}.hero-actions{gap:15px;flex-wrap:wrap}.vertical-note{display:none}.hero-bottom{bottom:30px}.hero-bottom .caption{max-width:190px;font-size:9px}.media-controls{gap:10px}.connection-row{grid-template-columns:1fr;gap:18px;padding-block:25px}.connection-divider{border:0;padding:0}.connection-row>div:last-child{display:none}.server-host{font-size:25px}.section{padding:65px 0}.section-heading{display:block}.section-heading>p{margin-top:20px}.moments{grid-template-columns:1fr}.moment{height:300px}.path-grid,.about-grid{grid-template-columns:1fr;gap:35px}.footer-row{flex-direction:column}.page-heading{padding-top:40px}.page-heading h1{font-size:52px}.guide-layout{display:block}.guide-nav{position:static;margin-bottom:40px;display:flex;flex-wrap:wrap;gap:0 20px}.guide-nav a{padding-block:8px}.progress-label{margin-top:15px;flex-basis:100%}.guide-step h2{font-size:35px}.faq-tools{align-items:stretch;flex-direction:column;gap:20px}.search{width:100%}.roadmap{grid-template-columns:1fr;gap:30px}.contact-panel{padding:25px}.fact{font-size:11px}.hero-bottom .eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.hero-video{display:none}}

/* Owner-supplied About page content. */
.about-grid .mission-heading{font-size:clamp(32px,3.2vw,45px);line-height:1.14;text-wrap:pretty}.fact strong{max-width:65%;text-align:right;overflow-wrap:anywhere}.server-rules{margin-top:30px;padding-top:25px;border-top:1px solid var(--line);scroll-margin-top:30px}.server-rules h2{font-size:29px;margin:10px 0 18px}.server-rules p{font-size:12px;margin-bottom:15px}.contact-email{color:var(--gold);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
@media(max-width:700px){.fact strong{max-width:60%}.about-grid .mission-heading{font-size:35px}}

/* Cait Sith branding and About introduction. */
.brand-icon{width:48px;height:48px;object-fit:contain;image-rendering:pixelated;flex-shrink:0;filter:drop-shadow(0 2px 3px #0006)}.about-intro-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:75px;align-items:start}.about-intro h1{font-size:clamp(44px,4.8vw,67px);max-width:730px}.about-intro .server-rules{margin:0;padding:25px 28px;border:1px solid var(--line);background:#0c1317aa}.about-intro .server-rules h2{font-size:29px}.about-intro .server-rules p{font-size:12px;line-height:1.75;margin:0 0 12px}.about-intro .server-rules p:last-child{margin-bottom:0}.inline-link{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){.about-intro-grid{gap:35px;grid-template-columns:1.2fr 1fr}}@media(max-width:700px){.about-intro-grid{grid-template-columns:1fr;gap:30px}.brand-icon{width:42px;height:42px}.about-intro .server-rules{padding:23px}.about-intro h1{font-size:48px}}
