:root{--bg:#07111f;--bg2:#0c1829;--card:#0b1626;--red:#9e1f1a;--red2:#d3302f;--gold:#c89b3c;--gold2:#f4d27b;--cream:#f8f1e7;--muted:rgba(248,241,231,.72);--line:rgba(200,155,60,.28);--shadow:rgba(0,0,0,.42);--radius-xl:32px;--radius-lg:22px;--radius-md:16px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--cream);background:radial-gradient(circle at 18% 0%,rgba(211,48,47,.23),transparent 32rem),radial-gradient(circle at 82% 20%,rgba(200,155,60,.18),transparent 28rem),linear-gradient(180deg,#050a12 0%,var(--bg) 42%,#04070d 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 78%);z-index:-1}a{color:inherit;text-decoration:none}button,input{font:inherit}img,video{max-width:100%;display:block}.skip-link{position:absolute;left:-999px;top:1rem;background:var(--gold);color:#09111f;padding:.8rem 1rem;border-radius:.8rem;z-index:1000}.skip-link:focus{left:1rem}.site-shell{overflow:hidden}.container{width:min(var(--max),calc(100% - 32px));margin-inline:auto}.topbar{position:sticky;top:0;z-index:40;backdrop-filter:blur(18px);background:rgba(5,10,18,.76);border-bottom:1px solid var(--line)}.topbar-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.7rem;min-width:0}.brand-logo{width:44px;height:44px;filter:drop-shadow(0 10px 22px rgba(0,0,0,.4))}.brand-text{display:grid;line-height:1.05}.brand-kicker{font-size:.68rem;letter-spacing:.18em;color:var(--gold2);text-transform:uppercase}.brand-title{font-size:1.12rem;font-weight:950;letter-spacing:.04em;text-transform:uppercase}.topnav{display:flex;align-items:center;gap:.25rem}.topnav a{color:var(--muted);padding:.75rem .9rem;border-radius:999px;font-size:.94rem}.topnav a:hover{background:rgba(255,255,255,.06);color:var(--cream)}.topnav .nav-cta{background:linear-gradient(135deg,var(--red),#68130f);color:var(--cream);border:1px solid rgba(244,210,123,.3)}.hero{position:relative;min-height:calc(100svh - 72px);display:grid;align-items:center;padding:52px 0 72px}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,10,18,.96),rgba(5,10,18,.72),rgba(5,10,18,.94)),url('../img/captain-alaaf-hero-wide.webp') center/cover no-repeat;opacity:.42}.hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:190px;background:linear-gradient(to bottom,transparent,var(--bg));pointer-events:none}.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(280px,.58fr);gap:clamp(28px,5vw,72px);align-items:center;position:relative;z-index:2}.kicker{display:inline-flex;align-items:center;gap:.55rem;font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold2);background:rgba(200,155,60,.1);border:1px solid var(--line);padding:.55rem .85rem;border-radius:999px}.kicker:before{content:"✦";color:var(--gold)}.hero h1,.display-title{margin:1.2rem 0 .8rem;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:clamp(3.2rem,11vw,8.7rem);line-height:.82;letter-spacing:.015em;text-transform:uppercase;text-wrap:balance;color:var(--cream);text-shadow:0 6px 0 rgba(158,31,26,.72),0 22px 42px rgba(0,0,0,.58)}.red{color:#d64136}.lede{font-size:clamp(1.04rem,2.2vw,1.34rem);line-height:1.55;max-width:690px;color:rgba(248,241,231,.84)}.hero-actions,.button-row{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.35rem}.btn{--btn-bg:rgba(255,255,255,.08);display:inline-flex;justify-content:center;align-items:center;min-height:48px;gap:.55rem;padding:.85rem 1.05rem;color:var(--cream);background:var(--btn-bg);border:1px solid rgba(255,255,255,.14);border-radius:999px;box-shadow:0 14px 32px rgba(0,0,0,.2);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px);border-color:rgba(244,210,123,.5)}.btn:active{transform:translateY(1px)}.btn-primary{--btn-bg:linear-gradient(135deg,var(--red2),var(--red) 62%,#62110e);border-color:rgba(244,210,123,.48);font-weight:900}.btn-gold{--btn-bg:linear-gradient(135deg,var(--gold2),var(--gold));color:#0b101a;border-color:rgba(255,255,255,.28);font-weight:900}.btn-ghost{--btn-bg:rgba(7,17,31,.62)}.hero-proof{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.25rem;color:rgba(248,241,231,.78);font-size:.95rem}.hero-proof span{border:1px solid var(--line);border-radius:999px;padding:.5rem .75rem;background:rgba(255,255,255,.055)}.hero-card{position:relative;border:1px solid rgba(244,210,123,.32);border-radius:var(--radius-xl);padding:12px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));box-shadow:0 32px 90px rgba(0,0,0,.42);max-width:440px;justify-self:center}.hero-card:before{content:"";position:absolute;inset:-20px;border-radius:inherit;background:radial-gradient(circle at 50% 10%,rgba(211,48,47,.32),transparent 60%);filter:blur(24px);z-index:-1}.hero-card img{width:100%;aspect-ratio:9/16;object-fit:cover;object-position:center center;border-radius:calc(var(--radius-xl) - 10px);background:#03060b}.hero-badge{position:absolute;left:26px;right:26px;bottom:26px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-radius:18px;background:rgba(5,10,18,.78);border:1px solid rgba(244,210,123,.3);backdrop-filter:blur(12px)}.hero-badge span{display:grid}.hero-badge strong{font-size:.92rem}.hero-badge span span{font-size:.78rem;color:var(--muted)}.pulse-dot{width:12px;height:12px;border-radius:999px;background:var(--red2);box-shadow:0 0 0 9px rgba(211,48,47,.18)}.section{padding:72px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;margin-bottom:1.3rem}.section-title{font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(2.2rem,7vw,5.4rem);line-height:.9;margin:.75rem 0 .5rem;text-shadow:0 5px 0 rgba(158,31,26,.54)}.section-copy{max-width:760px;color:var(--muted);line-height:1.55;font-size:1.08rem}.board-wrap{padding:16px;border:1px solid var(--line);border-radius:var(--radius-xl);background:rgba(255,255,255,.035);box-shadow:0 26px 80px rgba(0,0,0,.28)}.board-toolbar{display:flex;gap:.8rem;margin-bottom:1rem}.search-input{width:100%;min-height:52px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(5,10,18,.72);color:var(--cream);padding:0 1rem;outline:none}.search-input:focus{border-color:rgba(244,210,123,.58)}.filter-row{display:flex;gap:.55rem;overflow:auto;padding:.2rem 0 1rem;scrollbar-width:thin}.chip{border:1px solid var(--line);background:rgba(255,255,255,.055);color:var(--muted);border-radius:999px;padding:.65rem .9rem;white-space:nowrap;cursor:pointer}.chip.is-active{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#07111f;font-weight:900}.board-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.reaction-card{position:relative}.reaction-card.is-hidden{display:none}.card-full-link{position:absolute;inset:0;z-index:1}.poster{position:relative;overflow:hidden;isolation:isolate;border-radius:var(--radius-lg);border:1px solid rgba(244,210,123,.22);background:#050a12;min-height:100%;box-shadow:0 18px 40px rgba(0,0,0,.22)}.poster img{width:100%;aspect-ratio:9/16;object-fit:cover}.poster:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(to bottom,transparent,rgba(5,10,18,.92) 40%,rgba(5,10,18,.98));z-index:2}.badges{position:absolute;top:10px;left:10px;right:10px;display:flex;gap:.45rem;flex-wrap:wrap;z-index:3}.badge{font-size:.69rem;color:var(--cream);border:1px solid rgba(255,255,255,.18);background:rgba(5,10,18,.72);backdrop-filter:blur(10px);padding:.35rem .5rem;border-radius:999px}.badge-gold{border-color:rgba(244,210,123,.42)}.badge-red{background:rgba(158,31,26,.8)}.card-content{position:absolute;inset:auto 0 0;z-index:3;padding:16px}.card-category{font-size:.72rem;color:var(--gold2);text-transform:uppercase;letter-spacing:.08em}.card-title{margin:.35rem 0 .35rem;font-size:clamp(1.12rem,2vw,1.42rem);line-height:1.03}.card-desc{font-size:.86rem;line-height:1.35;color:rgba(248,241,231,.78);margin:0 0 .55rem}.file-hint{font-size:.72rem;color:rgba(248,241,231,.56);word-break:break-word;margin:.25rem 0 .65rem}.file-hint.strong{font-size:.95rem;color:var(--gold2)}.card-actions{position:relative;z-index:4;display:flex;gap:.45rem}.card-actions .btn{min-height:40px;padding:.58rem .72rem;font-size:.84rem;box-shadow:none}.empty-state{display:none;text-align:center;padding:2rem;color:var(--muted)}.empty-state.is-visible{display:block}.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.info-card{border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.1rem;background:rgba(255,255,255,.045)}.info-card h3{margin:0 0 .35rem;font-size:1.25rem}.info-card p{margin:0;color:var(--muted);line-height:1.45}.feature-split{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(28px,5vw,68px);align-items:center}.feature-media,.feature-copy,.traits{border:1px solid var(--line);border-radius:var(--radius-xl);background:rgba(255,255,255,.035);padding:18px}.feature-media img{border-radius:calc(var(--radius-xl) - 12px);width:100%;height:auto}.feature-copy{padding:clamp(1.2rem,4vw,2.2rem)}.feature-copy p{line-height:1.6;color:rgba(248,241,231,.8)}.traits{display:grid;gap:12px}.traits div{border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:1rem;background:rgba(5,10,18,.45)}.traits strong{display:block;color:var(--gold2);margin-bottom:.25rem}.traits span{color:var(--muted)}.universe-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:1.2rem}.universe-grid div{min-height:110px;display:grid;place-items:center;text-align:center;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(160deg,rgba(158,31,26,.22),rgba(255,255,255,.035));font-weight:900}.footer{border-top:1px solid var(--line);padding:26px 0;background:rgba(5,10,18,.7)}.footer-inner{display:flex;justify-content:space-between;gap:1rem;align-items:center;color:var(--muted);font-size:.95rem}.footer-links{display:flex;gap:1rem;flex-wrap:wrap}.footer-links a:hover{color:var(--cream)}.reaction-modal{width:min(980px,calc(100% - 24px));border:1px solid var(--line);border-radius:28px;background:#06101d;color:var(--cream);padding:0;box-shadow:0 40px 120px rgba(0,0,0,.7)}.reaction-modal::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}.modal-close{position:absolute;right:14px;top:14px;z-index:4;width:42px;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(5,10,18,.8);color:var(--cream);font-size:1.7rem;cursor:pointer}.reaction-modal[open]{display:grid;grid-template-columns:minmax(260px,420px) 1fr}.modal-media{position:relative;background:#02060b;display:grid;place-items:center;min-height:520px}.modal-media video{width:100%;height:100%;max-height:76svh;aspect-ratio:9/16;object-fit:contain;background:#02060b}.video-missing{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:2rem;background:rgba(5,10,18,.86);color:var(--gold2);line-height:1.5}.video-missing strong{color:var(--cream);font-size:.82rem;word-break:break-all}.modal-copy{padding:clamp(1.2rem,3vw,2rem);align-self:center}.modal-category{color:var(--gold2);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.modal-copy h2{font-size:clamp(2rem,5vw,4rem);line-height:.9;margin:.55rem 0;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;text-transform:uppercase}.modal-copy p{color:var(--muted);line-height:1.5}.modal-actions,.detail-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}.toast{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translate(-50%,130%);z-index:80;background:rgba(5,10,18,.96);border:1px solid var(--line);box-shadow:0 18px 50px rgba(0,0,0,.42);border-radius:999px;padding:.9rem 1.1rem;color:var(--cream);transition:transform .24s ease}.toast.is-visible{transform:translate(-50%,0)}.detail-main{padding:60px 0}.detail-grid{display:grid;grid-template-columns:minmax(260px,410px) 1fr;gap:clamp(26px,5vw,60px);align-items:center}.detail-video{border:1px solid var(--line);border-radius:var(--radius-xl);padding:12px;background:rgba(255,255,255,.035);max-width:430px}.detail-video video,.detail-video img{width:100%;aspect-ratio:9/16;object-fit:contain;background:#02060b;border-radius:calc(var(--radius-xl) - 10px)}.detail-eyebrow{color:var(--gold2);text-transform:uppercase;letter-spacing:.12em;font-size:.82rem}.detail-title{font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:clamp(3rem,9vw,7rem);line-height:.86;margin:.8rem 0;text-transform:uppercase;text-shadow:0 5px 0 rgba(158,31,26,.54)}.detail-line{font-size:1.35rem;color:var(--cream);font-weight:900}.detail-note{color:var(--muted);line-height:1.6;max-width:680px}.portrait-hero{position:relative;padding:70px 0;background:linear-gradient(90deg,rgba(5,10,18,.92),rgba(5,10,18,.54)),url('../img/captain-alaaf-hero-wide.webp') center/cover no-repeat}.portrait-grid{display:grid;grid-template-columns:1fr minmax(260px,420px);gap:clamp(28px,5vw,72px);align-items:center}.portrait-main{border:1px solid var(--line);border-radius:var(--radius-xl);padding:10px;background:rgba(255,255,255,.04);aspect-ratio:9/16;object-fit:cover;box-shadow:0 30px 90px rgba(0,0,0,.45)}.portrait-gallery{display:grid;grid-template-columns:1fr;gap:22px}.portrait-gallery figure{margin:0;border:1px solid var(--line);border-radius:var(--radius-xl);padding:12px;background:rgba(255,255,255,.035)}.portrait-gallery img{width:100%;height:auto;border-radius:calc(var(--radius-xl) - 10px)}.portrait-gallery figcaption{padding:.9rem .4rem .2rem;color:var(--muted);line-height:1.4}@media (max-width:1050px){.board-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.universe-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.topnav a:not(.nav-cta){display:none}.hero{padding:34px 0 56px;min-height:auto}.hero-grid,.feature-split,.detail-grid,.portrait-grid{grid-template-columns:1fr}.hero-card{max-width:min(420px,100%);order:-1}.hero-card img{max-height:72svh}.section{padding:54px 0}.section-head{display:block}.board-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.reaction-modal[open]{grid-template-columns:1fr}.modal-media{min-height:auto}.modal-media video{height:auto;max-height:62svh}.modal-copy{padding-bottom:calc(1.2rem + env(safe-area-inset-bottom))}.detail-video{justify-self:center}.portrait-main{max-height:70svh;width:min(420px,100%);justify-self:center}}@media (max-width:560px){.container{width:min(var(--max),calc(100% - 22px))}.brand-kicker{display:none}.brand-title{font-size:.98rem}.topbar-inner{min-height:62px}.topnav .nav-cta{padding:.65rem .78rem}.hero h1,.display-title{font-size:clamp(3.05rem,17vw,5.2rem)}.lede{font-size:1.02rem}.hero-card{padding:9px;border-radius:24px}.hero-badge{left:18px;right:18px;bottom:18px}.board-wrap{padding:10px;border-radius:24px}.board-grid{grid-template-columns:1fr 1fr;gap:9px}.card-content{padding:10px}.card-title{font-size:1rem}.card-desc{display:none}.file-hint{display:none}.card-actions{gap:.35rem}.card-actions .btn{font-size:.76rem;min-height:36px;padding:.5rem .55rem}.badges .badge-gold{display:none}.info-grid,.universe-grid{grid-template-columns:1fr}.footer-inner{display:block}.footer-links{margin-top:.7rem}.modal-actions .btn,.detail-actions .btn{width:100%}.poster img{aspect-ratio:9/16;object-fit:cover}}

/* --- 2026-06-29 mobile / reaktor improvements --- */
.hero-card{overflow:hidden;}
.hero-card img{display:block;}
.hero-badge{display:none !important;}
.poster{display:flex;flex-direction:column;min-height:0;}
.poster:after{display:none;}
.poster img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;background:#02060b;}
.card-content{position:relative;inset:auto;padding:12px 12px 14px;}
.card-title{font-size:1.06rem;}
.card-desc{display:block;}
.card-full-link{z-index:2;}
.card-actions{z-index:4;}
.card-actions .btn{position:relative;z-index:5;}
.reaction-modal{overflow:hidden;}
.modal-topbar{position:sticky;top:0;z-index:6;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:linear-gradient(180deg,rgba(6,16,29,.98),rgba(6,16,29,.88));border-bottom:1px solid var(--line);}
.modal-back,.modal-close{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.65rem .9rem;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(5,10,18,.8);color:var(--cream);cursor:pointer;}
.modal-close{position:static;width:42px;padding:0;font-size:1.55rem;line-height:1;}
.modal-media{min-height:auto;}
.detail-backbar{margin-bottom:1rem;}
@media (max-width:820px){.reaction-modal[open]{width:min(96vw,560px);max-height:92svh;overflow:auto;}.modal-media video{max-height:58svh;}.card-desc{font-size:.82rem;}.board-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;}}
@media (max-width:620px){.board-grid{grid-template-columns:1fr;gap:12px;}.poster img{max-height:none;}.card-actions .btn{flex:1;justify-content:center;}.reaction-modal[open]{width:min(96vw,480px);}.modal-copy{padding-top:1rem;}.modal-back{font-size:.92rem;}}


/* --- clean no-mp4 version: video display fix --- */
.hero-badge{display:none!important;}
.poster{display:flex;flex-direction:column;min-height:0;}
.poster:after{display:none!important;}
.poster img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;background:#02060b;}
.card-content{position:relative;inset:auto;padding:12px 12px 14px;}
.card-title{font-size:1.06rem;}
.card-desc{display:block;}
.card-full-link{z-index:2;}
.card-actions{z-index:4;}
.card-actions .btn{position:relative;z-index:5;}
.video-missing{display:none!important;}
.reaction-modal{overflow:hidden;}
.modal-topbar{position:sticky;top:0;z-index:6;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:linear-gradient(180deg,rgba(6,16,29,.98),rgba(6,16,29,.88));border-bottom:1px solid var(--line);}
.modal-back,.modal-close{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.65rem .9rem;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(5,10,18,.8);color:var(--cream);cursor:pointer;}
.modal-close{position:static;width:42px;padding:0;font-size:1.55rem;line-height:1;}
.modal-media{min-height:auto;}
.modal-media video{position:relative;z-index:1;background:#02060b;object-fit:contain;}
.detail-backbar{margin-bottom:1rem;}
@media (max-width:820px){
  .reaction-modal[open]{width:min(96vw,560px);max-height:92svh;overflow:auto;}
  .modal-media video{max-height:58svh;}
  .card-desc{font-size:.82rem;}
  .board-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;}
}
@media (max-width:620px){
  .board-grid{grid-template-columns:1fr;gap:12px;}
  .poster img{max-height:none;}
  .card-actions .btn{flex:1;justify-content:center;}
  .reaction-modal[open]{width:min(96vw,480px);}
  .modal-copy{padding-top:1rem;}
  .modal-back{font-size:.92rem;}
}