/* Approved OrionWavesStudio cosmic direction. Decorative surfaces do not control access or interaction. */
:root{--bg:#030716;--surface:#071329;--surface2:#0b1b36;--text:#f1f6ff;--muted:#bdcde5;--line:#264c77;--mint:#38e8ff;--cyan:#44d7ff;--violet:#b490ff;--warm:#ffe0a3;--header-offset:84px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
body{background:radial-gradient(ellipse at 90% 0,#10265a99,transparent 40%),radial-gradient(ellipse at 0 65%,#24235944,transparent 45%),#030716}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 20% 30%,#6e98ff55 1px,transparent 1.5px),radial-gradient(circle at 80% 60%,#77dfff55 1px,transparent 1.5px);background-size:171px 193px,283px 251px;opacity:.5}
.site-header,main,.site-footer{width:min(1480px,calc(100% - 48px))}.site-header{min-height:84px;gap:12px;border:1px solid #22517b;border-top:0;border-radius:0 0 16px 16px;padding:10px 18px;background:#040b20ee;box-shadow:0 10px 35px #0008,0 1px 18px #1682ff1a;backdrop-filter:blur(18px)}
.prototype-strip{background:#040a19;border-bottom:1px solid #142c4d;color:#9eb8d7;font-size:10px;min-height:26px;padding:7px}.brand img{box-shadow:0 0 24px #3483ff55}.site-header nav{gap:2px}.site-header nav a{font-size:11px;padding:10px 7px;color:#c8d7ed}.site-header nav a:hover,.site-header nav a[aria-current]{color:#66f1ff;background:#0a2949}.site-header .nav-account{border:1px solid #22c3f2;border-radius:9px;color:#e3f6ff}.site-header nav .nav-support{border-color:#5b496f;color:#e0c5ff;margin-left:2px}.language-picker select,#menu-toggle{background:#07152d;border-color:#326692;color:#e3f4ff}
main{padding-top:8px}.visual-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:38px;padding:70px 42px 58px;margin:28px 0 8px;border:1px solid #29629a;border-radius:22px;background:linear-gradient(90deg,#020616d9,#030b2480 55%,#040a201f),url('assets/visuals/orion-cosmic-landscape.webp') center/cover;overflow:hidden;box-shadow:inset 0 1px 0 #79c4ff22,0 24px 70px #0006}
.visual-hero:before,.visual-hero:after{display:none}.hero-copy h1{font-size:clamp(42px,5.5vw,78px);line-height:1.03;letter-spacing:-.05em;margin:20px 0 24px;text-shadow:0 4px 22px #0008}.hero-copy h1 em{color:#51e8ff;text-shadow:0 0 28px #22a9ff44}.hero-copy .lead{font-size:16px;color:#d4e1f4;line-height:1.7;max-width:540px}.hero-copy .actions{gap:12px;margin-top:26px}.hero-signature{font-size:10px;color:#9fc7ed;margin-top:26px}.button{min-height:48px;border-radius:11px;gap:14px;font-size:13px;padding:14px 20px}.button.mint{background:linear-gradient(110deg,#51f3f1,#00bcff);border:1px solid #95faff;color:#001826;box-shadow:inset 0 1px 0 #fff7,0 5px 24px #009eff35}.cosmic-secondary{background:linear-gradient(110deg,#a027f4,#4632fa);color:white;border-color:#ba8fff;box-shadow:inset 0 1px 0 #e9aaff77,0 6px 24px #7e21ee44}.button.secondary{background:#0c1d39;border-color:#39719c;color:#e7f3ff}
.hero-board{padding:16px;transform:none;background:linear-gradient(135deg,#102859bb,#0b0d2fe8);border:1px solid #5860b9;border-radius:20px;box-shadow:0 18px 45px #0009,inset 0 1px 0 #a6c5ff33;backdrop-filter:blur(12px)}.hero-board:before{display:none}.board-caption{font-size:10px;letter-spacing:1.5px;color:#95ddff;margin-bottom:13px}.board-game.board-flagship{display:block;padding:0 0 18px;position:relative;background:#050b24;border:1px solid #7549b1;border-radius:14px;overflow:hidden}.flagship-product-head{display:flex;align-items:center;gap:16px;padding:16px;background:linear-gradient(110deg,#10172d,#17133c)}.flagship-product-head>img{width:64px;height:64px;border-radius:14px;box-shadow:0 0 22px #a330e93d}.flagship-product-head>span{display:grid;gap:5px}.flagship-product-head strong{font-size:28px;color:white;letter-spacing:-.6px}.flagship-product-head small{font-size:10px;color:#c4a9f6;letter-spacing:1px}.board-game.board-flagship>img{aspect-ratio:1024/500;width:100%;height:auto;object-fit:contain;border-radius:0;opacity:.95}.board-game.board-flagship>span:last-of-type{padding:16px 126px 10px 18px;min-height:70px;background:transparent;color:#edf4ff}.board-game.board-flagship>span:last-of-type strong{font-size:18px}.board-game.board-flagship>span:last-of-type small{font-size:10px}.board-game.board-flagship .milestone-stamp{width:108px;bottom:0;right:10px}.board-bottom{margin-top:12px;gap:12px}.board-app,.board-nova{background:#06172d;border:1px solid #285d88;border-radius:10px;min-height:66px}.board-app{padding:10px}.board-app img{width:38px;height:38px}.board-app span{font-size:13px}.board-nova img{height:60px;width:auto;max-width:100%;object-fit:contain}.board-footnote{font-size:11px;color:#9eb7d7;margin:12px 0 0}
.download-proof{border:1px solid #a3843f;background:linear-gradient(120deg,#251c1077,#0c1021e8);box-shadow:inset 0 1px 0 #ffda7922,0 5px 20px #0005;color:#ffe4a6;max-width:320px;border-radius:12px}.download-proof strong{color:#ffe7b1}.download-proof .proof-brand{color:#d7ba77}.download-proof .proof-label{color:#e4d5b7}.hero-copy .download-proof{margin-top:20px;padding:10px 16px 10px 10px;gap:12px}.hero-copy .download-proof .proof-emblem{width:46px;height:46px;flex-basis:46px}.hero-copy .download-proof strong{font-size:27px}.hero-copy .download-proof .proof-label{font-size:11px}
.universe-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.universe{min-height:215px;padding:24px;background:linear-gradient(130deg,#0d2445ed,#060c23);border:1px solid #275b8d;border-radius:15px;box-shadow:inset 0 1px 0 #82b5ff22,0 12px 35px #0004}.universe-top{margin-bottom:18px}.universe h3{font-size:25px}.universe p{font-size:13px;color:#b7cce4}.universe:hover{border-color:#37d9ff;box-shadow:0 0 28px #148de528}.universe-starter{border-color:#66549e}.universe-games{border-color:#5e4188}.universe-family{font-size:11px;color:#9bbfe2}
.product-card{background:linear-gradient(150deg,#0d1e3b,#040b20);border:1px solid #2b5585;border-radius:17px;box-shadow:inset 0 1px 0 #78b7fc22,0 12px 30px #0004}.product-card:hover{border-color:#65b6f3;box-shadow:0 10px 38px #07336170}.product-info{padding:25px}.product-info .card-link{display:flex;justify-content:space-between;background:linear-gradient(110deg,#6f20dc,#3c38e9);color:white;border:1px solid #a470f0;border-radius:9px;padding:12px 16px;text-decoration:none}.product-info .status-badge{margin-bottom:12px}.flagship-label{background:#282044;color:#ead4ff;border-color:#8165bc}.official-art,.official-detail{background:#061329}.status-closed_test,.status-closed{color:#ffe2a1}.guide-banner,.support-band,.business-spotlight,.kit-spotlight,.animation-spotlight,.version-panel,.resource-panel,.selection-panel,.practical-panel,.help-form-panel,.directory-grid>section,.faq-item,.product-history article,.product-news article{background:linear-gradient(130deg,#0b1c37ee,#060e24);border-color:#2b547e;box-shadow:inset 0 1px 0 #a0c6ff13}.page-heading{padding:44px 30px;margin:22px 0;border:1px solid #264e7f;border-radius:18px;background:linear-gradient(90deg,#041027e8,#06112ba6),url('assets/visuals/orion-cosmic-landscape.webp') center 42%/cover}.page-heading h1{font-size:clamp(35px,4.4vw,62px);color:#f4f8ff}.page-heading .lead{color:#c5d7ed}.catalogue-controls{background:#08172e;border:1px solid #28527b;border-radius:14px;padding:20px}.filter-group button[aria-pressed=true],.lifecycle-filters button[aria-pressed=true]{background:#31d7f3;color:#041626;border-color:#82f4ff}.site-footer{border-top:1px solid #21486e;margin-top:35px}.site-footer .brand{color:#ccedff}.mobile-quicknav{grid-template-columns:repeat(5,minmax(0,1fr));background:#030b20f5;border:1px solid #245e90;border-radius:16px;box-shadow:0 -6px 30px #0008;backdrop-filter:blur(18px)}.mobile-quicknav a[aria-current]{background:#073453;color:#54eeff}
@media(min-width:1351px){.site-header nav{display:flex!important;width:auto;flex-direction:row;order:0;padding-bottom:0}.site-header #menu-toggle{display:none}.site-header .brand{margin-right:0}.site-header .header-search-button,.site-header .language-picker{order:0}}
@media(max-width:1350px){.site-header{flex-wrap:wrap}.site-header .brand{margin-right:auto}.site-header nav{display:none;width:100%;order:4;flex-direction:column;align-items:stretch;padding-bottom:12px;max-height:calc(100dvh - 112px);overflow-y:auto}.site-header nav.open{display:flex}.site-header nav a{font-size:14px;padding:13px;min-height:44px}.site-header #menu-toggle{display:block;order:3;min-height:44px}.site-header .language-picker{order:2}.site-header .header-search-button{order:1}.visual-hero{padding:48px 30px}.hero-copy h1{font-size:clamp(42px,5.3vw,68px)}}
@media(max-width:1000px){.visual-hero{gap:24px;padding:38px 26px;grid-template-columns:1fr 1fr}.hero-copy h1{font-size:48px}.universe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flagship-product-head strong{font-size:24px}.hero-copy .actions{align-items:stretch;flex-direction:column}}
@media(max-width:760px){:root{--header-offset:76px}.site-header,main,.site-footer{width:calc(100% - 28px)}.site-header{min-height:76px;padding:10px 12px;gap:8px}.brand{font-size:11px;letter-spacing:1px}.brand img{width:38px;height:38px}.brand small{font-size:8px;letter-spacing:3px}.visual-hero{grid-template-columns:1fr;padding:34px 20px 20px;margin-top:18px;gap:28px;background-position:62% top;background-size:auto 640px;background-repeat:no-repeat;background-color:#040a1c}.hero-copy h1{font-size:clamp(38px,9.5vw,60px);max-width:580px;line-height:1.06}.hero-copy .lead{font-size:15px}.hero-copy .download-proof{max-width:290px}.hero-copy .actions{flex-direction:column;gap:12px}.hero-copy .actions .button{width:100%;font-size:14px}.hero-signature{display:none}.hero-board{padding:12px;border-radius:16px}.board-caption{font-size:9px}.flagship-product-head{padding:15px}.hero-copy .eyebrow{font-size:10px}.section{padding-block:28px}.section-heading{gap:18px;align-items:start;flex-direction:column}.section-heading h2{font-size:31px}.universe-grid{gap:12px}.universe{padding:20px;min-height:205px}.universe h3{font-size:23px}.products-grid{grid-template-columns:1fr}.product-info .card-link{min-height:46px}.page-heading{padding:28px 20px}.catalogue-controls{padding:16px}.mobile-quicknav{bottom:max(8px,env(safe-area-inset-bottom));left:10px;right:10px;gap:0;padding:7px 3px}.mobile-quicknav a{min-width:0;flex:1;font-size:9px;min-height:54px;padding:7px 2px;line-height:1.25}.mobile-quicknav .navigation-icon{width:21px;height:21px}body{padding-bottom:88px}.site-footer{padding-bottom:24px}}
@media(max-width:390px){.site-header{gap:6px}.site-header .brand{font-size:9px}.site-header .brand img{width:32px;height:32px}.site-header .brand small{letter-spacing:2px}.header-search-button{width:38px!important;min-width:38px!important}#menu-toggle{padding:9px}.language-picker select{padding:9px 5px}.visual-hero{padding:28px 16px 16px}.universe-grid{grid-template-columns:1fr}.flagship-product-head>img{width:54px;height:54px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.product-card:hover,.universe:hover,.button:hover{transform:none}}

@media(min-width:1001px){.visual-hero{background-size:cover,140% auto;background-position:center,right 65%}}

/* Compact desktop hero: preserve artwork proportions and natural content height. */
@media(min-width:1001px){
 .visual-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:28px;padding:28px 36px;margin-top:22px;min-height:0}
 .visual-hero .hero-copy,.visual-hero .hero-board{min-width:0}
 .visual-hero .hero-board{width:100%;max-width:420px;justify-self:end;padding:12px}
 .visual-hero .hero-copy h1{font-size:clamp(42px,4.3vw,62px);margin:14px 0 16px}
 .visual-hero .hero-copy .lead{margin-block:12px;font-size:15px;line-height:1.6}
 .visual-hero .hero-copy .actions{margin-top:18px}
 .visual-hero .hero-signature{margin-top:16px}
 .visual-hero .board-caption{margin-bottom:9px}
 .visual-hero .flagship-product-head{padding:12px;gap:12px}
 .visual-hero .flagship-product-head>img{width:48px;height:48px;border-radius:11px}
 .visual-hero .flagship-product-head strong{font-size:24px}
 .visual-hero .board-game.board-flagship{padding-bottom:10px}
 .visual-hero .board-game.board-flagship>span:last-of-type{padding:12px 108px 8px 14px;min-height:64px}
 .visual-hero .board-game.board-flagship .milestone-stamp{width:92px;right:8px}
 .visual-hero .board-bottom{margin-top:9px;gap:9px}
 .visual-hero .board-app,.visual-hero .board-nova{min-height:52px}
 .visual-hero .board-app{padding:7px}
 .visual-hero .board-app img{width:32px;height:32px}
 .visual-hero .board-nova img{height:46px}
 .visual-hero .board-footnote{margin-top:8px}
}