:root{--color-bg:#0a0e0d;--color-bg-alt:#0f1614;--color-panel:#12181a;--color-panel-alt:#171f21;--color-border:#4a3a1e;--color-gold:#c9a227;--color-gold-bright:#e8c766;--color-red:#b6382d;--color-red-bright:#e2543f;--color-text:#d8d2c2;--color-text-muted:#8d9490;--font-heading:"Cinzel", "Georgia", "Times New Roman", serif;--font-body:"Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);scroll-behavior:smooth;margin:0;padding:0}html{scrollbar-gutter:stable}body{background-image:radial-gradient(at 50% -10%,#c9a22714,#0000 45%),radial-gradient(at 90% 10%,#b6382d0f,#0000 40%),linear-gradient(#060908 0%,#0a0e0d 100%)}h1,h2,h3{font-family:var(--font-heading);color:var(--color-gold-bright);letter-spacing:.03em}a{color:var(--color-gold)}.site-header{background:linear-gradient(180deg, #000 0%, var(--color-bg-alt) 100%);border-bottom:3px solid var(--color-border);box-shadow:0 4px 20px #0009}.header-frame{border-bottom:1px solid #c9a22740}main{max-width:1100px;margin:0 auto;padding:2.5rem 1.5rem 5rem}.fan-notice{text-align:left;justify-content:center;align-items:center;gap:1.1rem;max-width:920px;margin:0 auto 1.25rem;display:flex}.fan-notice img{flex:none;width:72px;height:72px}.fan-notice p{color:#b9b3a3;margin:0;font-size:.875rem;line-height:1.5}@media (width<=560px){.fan-notice{text-align:center;flex-direction:column}}.disclaimer-btn{cursor:pointer;font-family:var(--font-heading);letter-spacing:.1em;text-transform:uppercase;color:var(--color-gold-bright);border:1px solid var(--color-border);background:linear-gradient(#1a1410 0%,#0d0b08 100%);border-radius:4px;margin:0 0 .9rem;padding:.5rem 1.4rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s,color .2s;display:inline-block}.disclaimer-btn:hover,.disclaimer-btn:focus-visible{border-color:var(--color-gold);outline:none;box-shadow:0 0 12px #c9a22759}.disclaimer-wrap{display:inline-block;position:relative}.disclaimer-bubble{z-index:60;text-align:left;width:min(660px,100vw - 2rem);color:var(--color-text);border:1px solid var(--color-border);border-top:2px solid var(--color-gold);transform-origin:50% 100%;background:#0d0f0e;border-radius:10px;padding:1.1rem 1.25rem;animation:.22s cubic-bezier(.2,.9,.3,1.2) disclaimer-pop;position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%);box-shadow:0 14px 40px #000000bf}.disclaimer-bubble[hidden]{display:none}.disclaimer-bubble:after{content:"";border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:#0d0f0e;width:16px;height:16px;margin-top:-9px;position:absolute;top:100%;left:50%;transform:translate(-50%)rotate(45deg)}@keyframes disclaimer-pop{0%{opacity:0;transform:translate(-50%)translateY(8px)scale(.9)}to{opacity:1;transform:translate(-50%)}}.disclaimer-bubble .fan-notice{margin:0}.disclaimer-title{font-family:var(--font-heading);color:var(--color-gold-bright)!important;margin:0 0 .45rem!important;font-size:1rem!important}.site-footer{text-align:center;color:var(--color-text-muted);border-top:1px solid var(--color-border);background:var(--color-bg-alt);padding:2rem 1rem;font-size:.9rem}.hero{text-align:center;padding:3rem 1rem}.hero h1{text-shadow:0 0 20px #c9a2274d;margin-bottom:.5rem;font-size:2.6rem}.hero .subtitle{color:var(--color-text-muted);max-width:640px;margin:0 auto 2rem;font-size:1.15rem}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--color-border);border-radius:3px;padding:.7rem 1.6rem;font-size:.95rem;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-block}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(180deg, var(--color-gold-bright), var(--color-gold));color:#1a1408;border-color:var(--color-gold);box-shadow:0 0 16px #c9a22759}.btn-secondary{background:var(--color-panel);color:var(--color-text)}.teaser{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:3rem;display:grid}.teaser-card{background:var(--color-panel);border:1px solid var(--color-border);border-radius:4px;padding:1.5rem}.link-arrow{margin-top:.75rem;font-weight:600;text-decoration:none;display:inline-block}.back-link{margin-top:2rem}.page-title{text-align:center;margin-bottom:2.5rem}.page-title p{color:var(--color-text-muted)}.character-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;display:grid}.character-card{color:inherit;background:var(--color-panel);border:1px solid var(--color-border);border-radius:4px;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:block;overflow:hidden}.character-card:hover{border-color:var(--color-gold);transform:translateY(-4px);box-shadow:0 8px 24px #00000080}.character-portrait{aspect-ratio:3/4;background:linear-gradient(160deg,#1c1a14,#0a0e0d);width:100%;overflow:hidden}.character-portrait img{object-fit:cover;object-position:top center;width:100%;height:100%}.character-info{padding:1rem}.character-info h3{margin:0 0 .25rem;font-size:1.2rem}.character-role{color:var(--color-gold);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .6rem;font-size:.85rem}.character-desc{color:var(--color-text-muted);font-size:.95rem;line-height:1.4}.character-detail{grid-template-columns:minmax(240px,340px) 1fr;gap:2.5rem;margin-bottom:3rem;display:grid}.character-detail-media{border:1px solid var(--color-border);border-top:3px solid var(--color-gold);background:var(--color-panel);overflow:hidden}.character-detail-portrait{width:100%;display:block}.character-detail-main h1{margin:.25rem 0 1rem;font-size:2.2rem}.character-tagline{color:var(--color-text-muted);border-left:3px solid var(--color-gold);margin:1rem 0 1.5rem;padding-left:1rem;font-style:italic}.character-facts{grid-template-columns:1fr 1fr;gap:.75rem 1.5rem;margin:0;display:grid}.character-fact{border-bottom:1px solid #c9a22726;padding-bottom:.5rem}.character-fact dt{color:var(--color-gold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.15rem;font-size:.75rem}.character-fact dd{color:var(--color-text);margin:0}.character-sections{flex-direction:column;gap:2rem;display:flex}.character-section{background:var(--color-panel);border:1px solid var(--color-border);border-left:3px solid var(--color-gold);border-radius:2px;padding:1.5rem 1.75rem}.character-section h2{margin-top:0;font-size:1.3rem}.character-section p{color:var(--color-text);line-height:1.65}.character-section p+p{margin-top:.9rem}.character-gallery{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:2.5rem;display:grid}.character-gallery img{border:1px solid var(--color-border);border-radius:2px;width:100%}@media (width<=720px){.character-detail,.character-facts{grid-template-columns:1fr}}.lore-card{background:#000;border:1px solid #7a4a1e;max-width:640px;margin:0 auto 2rem;box-shadow:0 0 0 1px #2a1a0a,0 10px 30px #000000b3}.lore-card-header{text-align:center;background:linear-gradient(#3a2313 0%,#1c1108 100%);border-bottom:1px solid #7a4a1e;padding:.9rem 1rem .7rem}.lore-card-body{padding:1.25rem 1.5rem}.lore-card-body p{color:var(--color-text);margin:0;line-height:1.65}.lore-card-body p+p{margin-top:.9rem}.weapon-showcase{text-align:center;margin-top:3rem}.weapon-showcase-title{margin-bottom:1.25rem}.item-tooltip{max-width:360px;font-family:var(--font-body);background:#000;border:1px solid #7a4a1e;margin:0 auto;box-shadow:0 0 0 1px #2a1a0a,0 10px 30px #000000b3}.item-tooltip-header{text-align:center;background:linear-gradient(#3a2313 0%,#1c1108 100%);border-bottom:1px solid #7a4a1e;padding:.9rem 1rem .7rem}.item-name{color:#d97a2b;font-family:var(--font-heading);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:1.15rem}.item-basetype{color:#d97a2b;letter-spacing:.03em;text-transform:uppercase;opacity:.9;margin:.2rem 0 0;font-size:.85rem}.item-tooltip-section{text-align:center;border-bottom:1px solid #7a4a1e66;padding:.7rem 1.1rem}.item-tooltip-section:last-child{border-bottom:none}.item-stat{color:#c9c2b4;margin:.2rem 0;font-size:.9rem}.item-stat span{color:#8d8578}.item-mod{color:#88e;margin:.25rem 0;font-size:.92rem}.item-flavor{color:#af9868;margin:0;font-size:.9rem;font-style:italic}.item-tooltip-image{background:#000;padding:.75rem}.item-tooltip-image img{width:100%;display:block}.timeline{border-left:2px solid var(--color-border);max-width:800px;margin:0 auto;padding-left:2rem;position:relative}.timeline-item{padding:0 0 2.5rem 1.5rem;position:relative}.timeline-item:before{content:"";background:var(--color-gold);border:3px solid var(--color-bg);width:14px;height:14px;box-shadow:0 0 0 2px var(--color-border);border-radius:50%;position:absolute;top:.3rem;left:-2.6rem}.timeline-date{color:var(--color-gold);font-family:var(--font-heading);margin-bottom:.25rem;font-size:.95rem}.timeline-item h3{margin:0 0 .4rem}.timeline-item p{color:var(--color-text-muted);margin:0;line-height:1.5}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.brand{display:block}.logo-stage{aspect-ratio:1000/182;background:#000;width:100%;max-width:1600px;margin:0 auto;display:block;position:relative}.layer{display:block;position:absolute}.layer img{user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.layer-ship-behind{z-index:1;display:none}.layer-cloud{z-index:2}.layer-ship,.layer-ship-front{z-index:3}.layer-ship-front,.layer-book-front,.layer-book-behind{display:none}.layer-book-front{z-index:3}.layer-book-behind{z-index:1}.logo-stage[data-variant=books] .layer-ship-left img{transform-origin:50%;transform:rotate(var(--book-rot-left))}.logo-stage[data-variant=books] .layer-ship-right img{transform-origin:50%;transform:rotate(var(--book-rot-right))}.layer-ship-left img{transform-origin:100% 55%;transform:rotate(var(--ship-tilt-left))}.layer-ship-right img{transform-origin:0 55%;transform:rotate(calc(var(--ship-tilt-right) * -1))}.layer-gas{z-index:3;filter:drop-shadow(0 2px 3px #4634008c)}.layer-gas-left{transform-origin:49.3% 55%;transform:translateY(-12%) rotate(var(--ship-tilt-left)) scaleY(1.35)}.layer-gas-right{transform-origin:49.3% 52%;transform:translateY(-12%) rotate(calc(var(--ship-tilt-right) * -1)) scaleY(1.35)}.layer-cloud .puff{aspect-ratio:1;pointer-events:none;height:auto;position:absolute}.layer-plate{z-index:4}.layer-strip{z-index:5}.logo-letters{z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.letter{transform-box:fill-box;transform-origin:50%;filter:drop-shadow(0 0 .9px #a0ff3ccc)}.letter text{fill:#041204;stroke:#b6f23c;stroke-width:2.1px;stroke-linejoin:round;paint-order:stroke fill;filter:url(#letter-wobble);font-family:Modak,Cinzel,sans-serif}.intro-overlay{z-index:1000;background:#000;display:none;position:fixed;inset:0}.intro-skip{z-index:1002;color:var(--color-gold-bright);font-family:var(--font-heading);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#0000008c;border:1px solid #c9a22780;border-radius:3px;padding:.45rem .9rem;font-size:.8rem;display:none;position:fixed;bottom:18px;right:18px}.intro-skip:hover{background:#c9a2272e}html.intro-active,html.intro-active body{overflow:hidden}html.intro-active .intro-overlay,html.intro-active .intro-skip{display:block}html.intro-active .logo-stage{z-index:1001}html.intro-active .layer,html.intro-active .letter{opacity:0}html.intro-active .layer-ship-front,html.intro-active .layer-ship-behind,html.intro-active .layer-book-front,html.intro-active .layer-book-behind{display:block}.fx{pointer-events:none;opacity:0;aspect-ratio:1;z-index:6;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.fx-puff{z-index:2;background:url(/images/logo/puff.png) 50%/contain no-repeat;border-radius:0}.fx-gas{background:url(/images/logo/puff.png) 50%/contain no-repeat;border-radius:0}.fx-wisp{z-index:0}.fx-flash{background:radial-gradient(circle,#ffffebf2 0%,#ffeb7880 38%,#ffdc0000 70%)}.fx-ring{border:3px solid #fff4aae6}.fx-bubble{filter:drop-shadow(0 0 4px #aaff788c);background:conic-gradient(from 10deg,#82ffaa9e,#ffee828c,#ff96dc8c,#87cdff99,#82ffaa9e);-webkit-mask:radial-gradient(circle,#0000 60%,#000 66%);mask:radial-gradient(circle,#0000 60%,#000 66%)}.fx-pop-flash{background:radial-gradient(circle,#fffff0f2 0%,#c8ff788c 34%,#a0ff3c00 68%)}.fx-pop-ring{border:2.5px solid #beff6ef2;box-shadow:0 0 8px #aaff50b3}.fx-pop-ring-white{border:1.5px solid #ffffffe6}.fx-drop{background:#d7ff82fa;width:.36%;box-shadow:0 0 7px #aaff50e6}@keyframes logo-cloud-breath{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes logo-plate-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-1.8%)rotate(.7deg)}}@keyframes logo-ship-bob-left{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(-2%,-5%)rotate(-1.2deg)}}@keyframes logo-ship-bob-right{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(2%,-6%)rotate(1.2deg)}}@keyframes logo-glint{0%,62%{background-position:135% 0}to{background-position:-35% 0}}@keyframes logo-letter-glow{0%,to{filter:drop-shadow(0 0 .9px #a0ff3ccc)}50%{filter:drop-shadow(0 0 2.6px #aaff46f2)}}.layer-plate:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(105deg,#fff0 38%,#ffffffd9 50%,#fff0 62%) 135% 0/300% 100%;position:absolute;inset:0;-webkit-mask:url(/images/logo/plate.png) 50%/100% 100% no-repeat;mask:url(/images/logo/plate.png) 50%/100% 100% no-repeat}html.logo-idle .layer-cloud{animation:7s ease-in-out infinite logo-cloud-breath}html.logo-idle .layer-plate{animation:6s ease-in-out infinite logo-plate-float}html.logo-idle .layer-plate:after{opacity:1;animation:6s ease-in-out infinite logo-glint}html.logo-idle .layer-ship-left{animation:5s ease-in-out infinite logo-ship-bob-left}html.logo-idle .layer-ship-right{animation:5.6s ease-in-out infinite logo-ship-bob-right}html.logo-idle .letter{animation:4.5s ease-in-out infinite logo-letter-glow}html.logo-idle .letter:nth-of-type(odd){animation-delay:-1.8s}@media (prefers-reduced-motion:reduce){html.logo-idle .layer,html.logo-idle .letter,html.logo-idle .layer-plate:after{animation:none!important}}.site-header{z-index:30;position:relative;overflow-x:clip}.menu-wrap{background:linear-gradient(#1a1410 0%,#0d0b08 100%);border-top:1px solid #c9a22759;height:clamp(50px,5.4vw,66px);position:relative}html.intro-active .menu-wrap,html.intro-active .stickman{visibility:hidden}.menu-btn{z-index:40;cursor:pointer;background:#080705b3;border:1px solid #c9a22780;border-radius:6px;flex-direction:column;justify-content:center;gap:6px;width:clamp(36px,4.4vw,54px);height:clamp(34px,4vw,48px);padding:0 clamp(6px,.8vw,9px);transition:border-color .2s,box-shadow .2s;display:flex;position:absolute;top:clamp(6px,.8vw,10px);left:clamp(8px,1.6vw,20px);box-shadow:0 2px 10px #0009}@media (width<=520px){.menu-btn{gap:4px;width:30px;height:28px;padding:0 5px}.menu-bar{height:4px}}.menu-btn:hover,.menu-btn:focus-visible{border-color:var(--color-gold-bright);outline:none;box-shadow:0 0 12px #e8c76673}.menu-bar{will-change:transform;background:linear-gradient(#f6dd8a 0%,#c9a227 55%,#8a6a14 100%);border-radius:3px;height:clamp(4px,.5vw,6px);display:block;box-shadow:0 0 0 1px #000000d9,0 1px 2px #0009}.menu-panel{z-index:41;border:1px solid var(--color-border);border-top:2px solid var(--color-gold);background:#0d0f0e;flex-direction:column;width:min(300px,100vw - 16px);max-height:min(70vh,560px);display:none;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 14px 30px #000000bf}.menu-wrap.is-open .menu-panel{animation:.18s ease-out menu-panel-in;display:flex}@keyframes menu-panel-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.menu-link{color:var(--color-text);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #c9a22726;padding:.85rem 1.2rem;font-size:.98rem;text-decoration:none;transition:color .2s,background .2s,text-shadow .2s;display:block}.menu-link:hover,.menu-link:focus-visible,.menu-link.active{color:var(--color-red-bright);text-shadow:0 0 8px #e2543f99;background:#c9a2270f;outline:none}.menu-sub{background:#00000040}.menu-link-sub{font-family:var(--font-body);text-transform:none;letter-spacing:.02em;border-bottom-color:#c9a22714;padding:.6rem 1.2rem .6rem 2.1rem;font-size:.9rem}.menu-sub .menu-link-sub:last-child{border-bottom:none}.stickman{--sm-h:clamp(32px, 4vw, 59px);z-index:45;height:var(--sm-h);aspect-ratio:100/129;pointer-events:none;visibility:hidden;position:absolute;bottom:0;left:0}.sm-body,.sm-svg{width:100%;height:100%;display:block}.sm-body{transform-origin:50% 100%}.sm-svg{filter:drop-shadow(0 0 1px #000)drop-shadow(0 0 1px #000);overflow:visible}[data-p]{transform-box:view-box}.sm-limb{stroke:#fff;stroke-width:6.4px;stroke-linecap:round;fill:none}.sm-head{fill:#fff}.sm-joint{display:none}.sm-fist{fill:#fff;opacity:0}.sm-face{opacity:0}.sm-eye{fill:#111}.sm-brow{stroke:#111;stroke-width:3.4px;stroke-linecap:round}.sm-mouth{stroke:#111;stroke-width:2.8px;stroke-linecap:round;fill:none}