/* Shared layouts. Local artwork and real catalog data are kept separate. */
.text-link{display:inline-flex;align-items:center;gap:9px;color:var(--gold);font-weight:550;font-size:14px;line-height:1.6}.text-link:hover{color:#f0d69e}.small,small{font-size:12px;line-height:1.7}.muted{color:var(--muted)}.badge{display:inline-block;padding:4px 9px;border:1px solid #8c79583d;background:#a0843c12;color:#d6c79e;font-size:11px;line-height:1.5;letter-spacing:.25px}kbd{font:600 12px Saraya,Arial;padding:5px 9px;color:#edd6a6;background:#302f26;border:1px solid #87734d77;box-shadow:0 2px #080b0e}.button:disabled{cursor:wait;opacity:.5;transform:none}
.header-actions{display:flex;align-items:center;gap:18px;flex:none}.language-switch{display:flex;gap:3px}.language-button{border:0;border-radius:2px;background:none;color:#92a0ac;font-size:12px;min-height:38px;padding:7px 6px}.language-button[aria-pressed=true]{color:var(--gold);background:#d0ae6f0e}.login-link,.account-link{font-size:13px;white-space:nowrap}.account-link{display:flex;align-items:center;gap:8px}.account-link span{max-width:120px;overflow:hidden;text-overflow:ellipsis}.site-header .desktop-nav a{position:relative;white-space:nowrap;line-height:1.4;padding:10px 0}.desktop-nav .active{color:var(--gold)}.desktop-nav .active:after{content:'';height:2px;background:var(--gold);position:absolute;bottom:-16px;left:0;right:0}.menu-button{display:none;width:42px;height:42px;border:1px solid var(--line);background:var(--surface);color:var(--ink);align-items:center;justify-content:center}.mobile-navigation{position:fixed;top:116px;right:16px;left:16px;z-index:25;padding:20px;background:#18232cfb;border:1px solid #8f79474f;box-shadow:0 20px 60px #000a;display:grid;grid-template-columns:1fr 1fr;gap:4px}.mobile-navigation>a,.mobile-navigation>button{padding:12px;min-height:44px;border-bottom:1px solid #ffffff09}
.introduction{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.intro-copy>.text-link{margin-top:25px}.intro-image{position:relative;padding:20px 0 0 20px}.intro-image:before{content:'';position:absolute;inset:0 20px 20px 0;border:1px solid #d0ae6f38;pointer-events:none}.intro-image .missing-shot{min-height:275px}.image-note{display:block;text-align:right;font-size:9px;letter-spacing:1.6px;color:#a99a7c;margin-top:16px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.section-heading h2{margin-bottom:0}.discovery-section{padding-top:25px;padding-bottom:90px}.knowledge-entries{display:grid;grid-template-columns:repeat(3,1fr);gap:0 35px;margin-top:35px}.knowledge-entry{display:flex;align-items:center;gap:18px;min-height:110px;border-top:1px solid #59656e70;transition:background .2s}.knowledge-entry>.icon{width:29px;height:29px;color:#bea375}.knowledge-entry>span{flex:1}.knowledge-entry strong{display:block;font:600 21px SarayaDisplay;line-height:1.4}.knowledge-entry small{display:flex;align-items:center;justify-content:space-between;color:#85949e}.knowledge-entry small .icon{width:16px}.knowledge-entry:hover strong{color:var(--gold)}
.class-section{position:relative;overflow:hidden;background:linear-gradient(90deg,#131c26ef 8%,#18232cb5 70%),url('assets/day-courtyard.png') center 55%/cover;border-top:1px solid #9e876840;border-bottom:1px solid #9e876840}.class-inner{display:grid;grid-template-columns:1fr 1fr;gap:75px;min-height:600px;align-items:center}.class-copy{max-width:540px}.class-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:27px 0 18px}.class-tab{display:flex;align-items:center;gap:9px;background:#111820b0;border:1px solid #80735860;color:#c8c8c3;padding:9px 13px;font-size:13px;min-height:48px}.class-tab img{width:28px;height:28px;object-fit:contain}.class-tab[aria-pressed=true]{border-color:#e0c189;background:#433c2aba;color:#f2ddb0}.class-copy>.button{margin-top:28px}.class-figure{height:500px;display:flex;justify-content:center;align-items:flex-end}.class-figure img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 25px 22px #0009);animation:character-in .35s ease-out}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.news-card{display:block;border-top:1px solid var(--line)}.news-card>div{padding:22px 0 10px}.news-card h3{font-size:27px;margin:12px 0}.news-card p{font-size:14px}.news-card .text-link{margin-top:20px}.news-art{display:block;height:225px;overflow:hidden;position:relative;background:linear-gradient(120deg,#101a26c9,#253c427c),url('assets/night-courtyard.png') center/cover}.news-art img{height:145%;width:100%;object-fit:contain;object-position:center top;position:relative;top:8%;transition:transform .4s}.news-card:hover .news-art img{transform:scale(1.04)}.news-art-equipment{background-position:30% 55%}.news-art-world{background:linear-gradient(120deg,#23312acc,#4d3f276b),url('assets/day-courtyard.png') center/cover}.start-banner{max-width:1232px;margin:10px auto 85px;padding:45px 55px;display:flex;align-items:center;justify-content:space-between;gap:40px;border:1px solid #b0925c4f;background:linear-gradient(120deg,#2c2d28,#1c292f)}.start-banner h2{font-size:38px;margin:12px 0}.start-banner p{max-width:610px;font-size:14px}.start-banner>div:last-child{display:flex;gap:12px;flex:none;flex-wrap:wrap}
.page-heading{max-width:1320px;padding:65px 44px 48px;margin:auto;position:relative}.page-heading h1{font-size:clamp(38px,4.2vw,65px);line-height:1.17;max-width:1000px;margin:13px 0 22px}.page-heading>p:not(.eyebrow){font-size:17px;max-width:750px}.page-heading>.text-link{display:flex;width:max-content;margin-bottom:26px}.page-heading+.section{padding-top:0}.presentation-heading{padding-top:75px;padding-bottom:90px;min-height:360px;overflow:hidden;isolation:isolate}.presentation-heading:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#11171d 5%,#11171db0 55%,#11171d38),url('assets/night-courtyard.png') center/cover;mask-image:linear-gradient(black 75%,transparent)}.presentation-heading h1{max-width:760px;font-size:clamp(45px,5vw,76px)}.presentation-heading>p{max-width:650px}.presentation-hero-figure{position:absolute;right:25px;top:15px;width:350px;height:390px;z-index:-1;opacity:.72}.presentation-hero-figure img{height:100%;width:100%;object-fit:contain;object-position:center top}
.presentation-layout{max-width:1320px;margin:0 auto;padding:0 44px 80px;display:grid;grid-template-columns:235px minmax(0,1fr);gap:55px}.chapter-index{position:sticky;top:128px;height:max-content;padding:16px 24px 24px 0;border-right:1px solid #52606a50}.chapter-index>.eyebrow{font-size:9px;letter-spacing:1.3px;display:block;margin-bottom:20px}.chapter-index>a:not(.text-link){display:flex;gap:12px;font-size:13px;color:#acb6bb;min-height:50px;align-items:center;line-height:1.45}.chapter-index>a:hover{color:#f0d69e}.chapter-index>a>span{font-size:10px;color:#8d815f;font-variant-numeric:tabular-nums}.chapter-index>.text-link{font-size:12px;margin-top:23px}.presentation-content{min-width:0}.presentation-note{font-size:12px;display:flex;align-items:start;gap:12px;padding:20px 23px;background:#1b252d;border-left:2px solid #9c825b;line-height:1.8}.presentation-note>.icon{margin-top:3px;color:#bba270}.presentation-chapter{padding:65px 0 55px;border-bottom:1px solid #4859635c;scroll-margin-top:135px}.presentation-chapter>header{display:flex;gap:22px;align-items:start;margin-bottom:32px}.chapter-number{font:500 40px/1.2 Saraya;color:#6e6856}.presentation-chapter h2{font-size:38px}.presentation-chapter header p{margin-top:15px;max-width:610px;font-size:15px}.chapter-showcase{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:stretch;margin-bottom:26px}.chapter-showcase>.missing-shot,.chapter-showcase>div>.missing-shot{height:100%;min-height:330px}.chapter-feature{position:relative;isolation:isolate;display:flex;align-items:end;min-height:365px;overflow:hidden;background:#1a252d}.chapter-character{position:absolute;z-index:-1;height:100%;width:100%;object-fit:contain;object-position:80% top;opacity:.44;top:10px;left:8%;filter:drop-shadow(0 20px 25px #000)}.chapter-feature>div{width:100%;position:relative;margin-top:100px;background:linear-gradient(0deg,#152028,#152028ee 80%,transparent)}.chapter-feature .compact{background:transparent;border:0;border-top:1px solid #85917b30;padding:17px 20px;min-height:0}.chapter-feature .compact h3{font-size:22px;margin-top:8px}.chapter-feature .compact p{font-size:12px}.chapter-feature .compact .system-card-head{font-size:9px}.chapter-system-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}.all-systems-prompt{padding:55px 0 0}.all-systems-prompt p{margin:17px 0 25px}
.systems-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.system-card{display:block;min-height:195px;padding:26px;background:#1a242d;border:1px solid #53606a52;transition:border-color .25s,background .25s}.system-card:hover{border-color:#b99f6866;background:#202c34}.system-card h3{font-size:25px;margin:22px 0 13px}.system-card p{font-size:13px;line-height:1.7}.system-card-head{display:flex;align-items:center;gap:12px;font-size:10px;color:#ab9b7b}.system-card-head>.icon:last-child{margin-left:auto;width:16px;height:16px}.directory-section{padding-top:0}.result-count{margin:18px 0;font-size:12px}
.missing-shot{min-height:250px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:12px;padding:30px;background:radial-gradient(ellipse at 45% 30%,#263640cc,#18232b 70%);border:1px dashed #7b725555;color:#8d9aa2;position:relative;overflow:hidden}.missing-shot:before,.missing-shot:after{content:'';width:70px;height:70px;position:absolute;border:1px solid #a9946340;pointer-events:none}.missing-shot:before{left:17px;top:17px;border-right:0;border-bottom:0}.missing-shot:after{right:17px;bottom:17px;border-left:0;border-top:0}.missing-shot>.icon{height:36px;width:36px;color:#ac9363;margin-bottom:6px}.missing-shot strong{font-size:17px;font-weight:500;color:#c3beac}.missing-shot span{max-width:295px;font-size:12px;line-height:1.7}.image-placeholder{display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;color:#8f9b9d;background:#26333a80}.image-placeholder .icon{width:33px;height:33px}.system-shot{margin:0}.shot-open{display:block;width:100%;padding:0;border:1px solid #84775770;background:#0a1015;color:var(--gold);position:relative}.shot-stage{display:block;overflow:hidden;position:relative}.shot-stage img{display:block;width:100%}.shot-crop img{position:absolute;max-width:none}.shot-zoom{position:absolute;bottom:10px;right:10px;background:#0d151dcc;width:35px;height:35px;display:flex;align-items:center;justify-content:center}.system-shot figcaption{display:flex;flex-direction:column;gap:6px;font-size:11px;padding-top:12px;color:#b3a789}.system-shot figcaption small{color:#8f989c}.system-detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px}.system-detail-media{position:sticky;top:140px;height:max-content}.system-detail-media .missing-shot{min-height:410px}.system-detail-info h2{font-size:32px}.system-detail-info>h3{margin:32px 0 16px}.instruction-steps{list-style:none;padding:0;margin:27px 0}.instruction-steps>li{display:flex;gap:16px;align-items:start;margin:19px 0}.instruction-steps>li>span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #826c4559;flex:none;color:#ceb580;font-size:12px}.instruction-steps p{font-size:14px}.fact-list{margin:15px 0;padding:0}.fact-list>div{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;padding:12px 0;border-bottom:1px solid #6f798029;font-size:13px}.fact-list dt{color:#96a4ac}.fact-list dd{margin:0;color:#dbd8cc}.related-systems{margin-top:65px}.related-systems h2{font-size:32px;margin-bottom:25px}
.download-section{padding-top:0}.client-download{display:grid;grid-template-columns:.85fr 1fr;background:#1c2831;border:1px solid #917b4e46;min-height:440px;margin-bottom:70px}.client-download-art{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:end;background:linear-gradient(0deg,#13212aba,#14222985),url('assets/night-courtyard.png') center/cover}.client-download-art>img:not(.client-logo){height:420px;width:100%;object-fit:contain;object-position:center top;position:absolute;top:14px}.client-logo{position:relative;z-index:1;width:290px;margin-bottom:25px;filter:drop-shadow(0 2px 10px #000)}.client-download-copy{padding:50px;display:flex;flex-direction:column;align-items:start;justify-content:center}.client-download-copy h2{font-size:42px;margin:20px 0}.client-download-copy p{margin-bottom:26px;font-size:15px}.client-download-copy .text-link{margin-top:20px}.setup-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:0;margin:35px 0 45px}.setup-steps span{display:block;font:500 35px Saraya;color:#a8905f;margin-bottom:10px}.setup-steps h3{font-size:23px;margin-bottom:14px}.setup-steps p{font-size:14px}.download-requirements{border-top:1px solid var(--line);padding:20px 0}.download-requirements p{margin-top:15px;font-size:14px}.article-section{max-width:890px}.article-section>.missing-shot{min-height:350px;margin-bottom:35px}.article-section>.lead{margin-top:25px}.help-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;padding-top:0}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list details p{margin:17px 22px 4px;font-size:14px}summary{cursor:pointer;color:#dad8cc;line-height:1.6}summary:hover{color:var(--gold)}.support-form h2{font-size:31px;margin:15px 0}.support-form>.form-field{margin-top:22px}.legal-copy{min-height:260px}.legal-copy>.text-link{margin-top:30px}
/* Catalog, forms, account and tables share a comfortable reading width. */
main>.panel,main>.notice,main>.toolbar,main>.item-grid,main>.detail-layout,main>.tabs,main>.field-row,main>.table-wrap,main>#commerce-shop-results,main>.empty-state,main>.text-link,main>p:not(.eyebrow){width:calc(100% - 88px);max-width:1232px;margin-left:auto;margin-right:auto}main>.panel,main>.detail-layout,main>.item-grid,main>.table-wrap,main>#commerce-shop-results{margin-bottom:36px}main>.panel{margin-top:25px}main>p:not(.eyebrow){margin-bottom:25px}.panel{padding:30px;background:#1a242c;border:1px solid #55636b50;min-width:0}.panel h2{font-size:30px;margin:5px 0 20px}.panel h3{font-size:22px;margin:25px 0 15px}.panel>p{margin:13px 0;font-size:14px}.panel>.eyebrow{margin-top:0}.panel+.panel{margin-top:24px}.panel>ul{padding-left:20px;color:#aebac0;font-size:14px}.panel li{margin:8px 0}.panel ul .text-link{font-size:13px}.notice{padding:17px 20px;border-left:2px solid #8e7a56;background:#2830298c;color:#b9bcb1;font-size:12px;line-height:1.8;margin:20px 0}.notice p{font-size:12px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;margin-top:30px}.detail-layout .detail-side{align-self:start}.detail-side>img{display:block;width:115px;height:130px;object-fit:contain;margin:10px auto 25px;image-rendering:pixelated}.detail-side>.image-placeholder{display:flex;margin:10px auto 25px}.detail-side .panel{margin-bottom:24px}.detail-side>figure{margin:0}.detail-side>figure img{max-height:400px;object-fit:contain}.item-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.item-card{padding:22px;background:#1a242c;border:1px solid #4f5d6352;min-width:0;display:flex;align-items:start;flex-direction:column;position:relative;transition:border-color .25s}.item-card:hover{border-color:#9c895753}.item-card h2,.item-card h3{font-size:22px;line-height:1.35;margin:15px 0 12px}.item-card h3 a:hover{color:var(--gold)}.item-card>p{font-size:13px;margin:7px 0 10px}.item-card>small{color:#81939e}.item-card>.button{margin-top:auto;align-self:stretch;font-size:12px;padding:10px 13px;min-height:42px}.item-card>.badge{margin-top:9px}.item-card .fact-list{width:100%}.item-card .fact-list>div{grid-template-columns:1fr auto;gap:10px;font-size:11px}.item-art{display:flex;align-items:center;justify-content:center;width:100%;height:140px;background:radial-gradient(ellipse,#43504460,transparent 65%);margin:0 0 8px}.item-art img{width:95px;height:110px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 8px 12px #0005)}.item-art .image-placeholder{background:transparent;width:80px;height:90px}.item-art .image-placeholder>.icon{width:28px;height:28px}.panel>.item-art{height:210px}.panel>.item-art img{width:130px;height:170px}.material{display:flex;gap:15px;align-items:center;padding:12px 0;min-width:0}.material>img{width:46px;height:55px;object-fit:contain;flex:none;image-rendering:pixelated}.material>.image-placeholder{width:46px;height:55px;flex:none}.material>div{min-width:0;line-height:1.5}.material .text-link{font-size:13px;display:inline;overflow-wrap:anywhere}.material>div>span{display:inline-block;font-size:13px;color:#ddd2b5;margin-left:4px}.material small{display:block;color:#929da3}.materials{display:grid;grid-template-columns:1fr 1fr;gap:5px 22px}.upgrade-board{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:15px;align-items:stretch;margin-top:20px;position:relative}.upgrade-board>.panel{margin:0;padding:20px 16px;border-top:2px solid #8f78495e;background:#131d24}.upgrade-board>.panel h3{font-size:18px;margin-top:0}.upgrade-board .materials{display:block}.upgrade-board .fact-list>div{display:block;font-size:11px}.upgrade-board .fact-list dd{margin-top:4px}.upgrade-board .material{gap:9px}.upgrade-board .material>img{width:35px;height:43px}.upgrade-board .material .text-link{font-size:11px}.upgrade-board>.panel:first-child{border-color:#5b7068}.upgrade-board>.panel:last-child{border-color:#caa25a}
.form-field{display:flex;flex-direction:column;gap:8px;margin:19px 0;min-width:0}.form-field>label,.form-field:not(:has(>label)){font-size:13px;color:#c9c9bb}.form-field small{color:#96a3aa;font-size:11px}.form-field label:has(input[type=checkbox]){display:flex;align-items:start;gap:9px;line-height:1.6;font-size:12px}.form-field input[type=checkbox]{width:17px;height:17px;min-height:17px;margin:2px 0;accent-color:var(--gold);flex:none;padding:0}.form-field p{font-size:12px}.field-row{display:flex;gap:15px;align-items:end;flex-wrap:wrap;margin:20px 0}.field-row .form-field{flex:1}.field-row .button{flex:none}input,select,textarea{min-width:0;min-height:46px;width:100%;border:1px solid #58666e78;border-radius:0;background:#111b23;color:#e4e5df;padding:11px 14px;font-size:14px;line-height:1.5}input::placeholder,textarea::placeholder{color:#768892}input:focus,select:focus,textarea:focus{border-color:#bda16f;outline-offset:0}input[readonly]{color:#8e9fa9}textarea{resize:vertical}input[type=checkbox]{width:auto}form>.button[type=submit]{margin:12px 0 22px;min-width:160px}.form-error{color:#efb0a1;font-size:13px;line-height:1.7;margin:12px 0}.form-error:empty{display:none}.toolbar{display:flex;gap:15px;align-items:end;flex-wrap:wrap;margin:20px 0 28px}.toolbar>.form-field{flex:1;min-width:140px;margin:0}.toolbar>.search{flex:1.8;min-width:220px}.toolbar>.search:not(.form-field){display:flex;align-items:center;gap:8px;position:relative}.toolbar>.search:not(.form-field)>.icon{position:absolute;left:13px;pointer-events:none;color:#96a3a9}.toolbar>.search:not(.form-field)>input{padding-left:40px}.toolbar>select{width:auto;min-width:160px}.toolbar .button{margin:0;min-width:0;min-height:46px;padding:10px 16px}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:15px 0 28px;border-bottom:1px solid #515d625e;padding-bottom:12px}.tab{display:block;min-height:42px;padding:9px 16px;background:#1b283080;color:#99a8b2;font-size:13px;line-height:1.8;border:1px solid transparent}.tab.active{background:#b49a5b19;border-color:#967d4d70;color:#e8cf9a}.tab:hover{color:var(--gold)}.table-wrap{width:100%;overflow:auto;border:1px solid #56606960}.data-table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.6;text-align:left;font-variant-numeric:tabular-nums}.data-table th{color:#c8b382;font-size:11px;font-weight:550;background:#263138;padding:15px 18px;white-space:nowrap}.data-table td{padding:13px 18px;border-bottom:1px solid #55636d33;color:#c8d0d0}.data-table tbody tr:hover{background:#8d9f8720}.data-table td:first-child{color:#eee1c5}.data-table td img{max-width:46px;max-height:56px;object-fit:contain}.data-table .material{padding:0}.data-table .material>.text-link{font-size:12px}.steps{padding-left:23px;color:#b1bcc0;font-size:14px;line-height:1.8}.steps li{margin:12px 0}.empty-state{padding:65px 25px;text-align:center;border:1px dashed #81735452;grid-column:1/-1}.empty-state h2{font-size:28px;margin-bottom:12px}.empty-state p{font-size:14px;margin-bottom:20px}
.site-footer{background:#0c1319;border-top:1px solid #8c76534d;max-width:none;margin-top:60px;padding:55px max(44px,calc((100vw - 1232px)/2)) 22px;display:grid;grid-template-columns:1fr 1.35fr;gap:40px 80px}.footer-brand>img{width:230px;height:80px;object-fit:contain;margin-left:-15px}.footer-brand h3{font-size:24px;margin:9px 0 13px}.footer-brand p{font-size:13px;max-width:360px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding-top:22px}.footer-links>div{display:flex;flex-direction:column;gap:14px;font-size:12px;color:#8f9da7}.footer-links>div>span{color:#cabb9a;font-weight:600;font-size:11px;margin-bottom:5px}.footer-links a:hover{color:var(--gold)}.social-links{display:flex;gap:18px;margin-top:24px;color:#697b86;font-size:11px}.social-links span{cursor:default}.footer-bottom{grid-column:1/-1;border-top:1px solid #61727b27;padding-top:21px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#758590}
.dialog-open{overflow:hidden}.dialog-backdrop{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;background:#071017da;backdrop-filter:blur(6px);padding:24px}.dialog{max-width:600px;width:100%;max-height:calc(100dvh - 48px);overflow:auto;position:relative;padding:35px;background:#1e2b34;border:1px solid #aa8c554f;box-shadow:0 25px 80px #0009}.dialog h2{font-size:30px;margin-right:35px;margin-bottom:23px}.dialog p{font-size:14px;margin:20px 0}.dialog>.button{margin-top:15px}.dialog-close{position:absolute;right:16px;top:17px;display:flex;align-items:center;justify-content:center;background:#111b2399;color:#d7d6c7;border:1px solid #66737b5a;width:40px;height:40px}.lightbox-image{display:block;max-width:100%;max-height:65vh;object-fit:contain;margin:auto}@keyframes character-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero{min-height:740px}.hero-figure{width:530px;height:670px;right:max(10%,calc((100vw - 1380px)/2))}.hero-copy{margin-left:max(0px,calc((100vw - 1550px)/4))}}
@media(max-width:1350px){.site-header{gap:20px;padding-left:30px;padding-right:30px}.brand{width:185px}.site-header .desktop-nav{gap:20px;font-size:12px}.header-actions{gap:12px}.header-register{font-size:12px;padding:10px 14px}.header-actions .language-button{font-size:11px}.item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.presentation-layout{gap:35px;grid-template-columns:210px minmax(0,1fr)}.start-banner{margin-left:44px;margin-right:44px}.introduction{gap:50px}.upgrade-board{grid-template-columns:1fr}.upgrade-board>.panel{display:flex;gap:18px;flex-direction:column}.upgrade-board>.panel h3{margin-bottom:0}.upgrade-board .materials{display:grid;grid-template-columns:1fr 1fr}.upgrade-board .fact-list>div{display:grid;grid-template-columns:1fr 1fr;font-size:12px}.upgrade-board .material .text-link{font-size:13px}.upgrade-board .material>img{width:46px;height:55px}}
@media(max-width:1100px){.site-header .desktop-nav{display:none}.menu-button{display:flex}.site-header{padding:10px 28px}.brand{width:215px}.header-actions{gap:20px}.mobile-navigation{top:118px;left:auto;min-width:420px}.hero-figure{right:-30px;opacity:.65}.hero-copy{max-width:480px}.introduction{gap:30px}.knowledge-entries{gap:0 24px}.knowledge-entry strong{font-size:19px}.class-inner{gap:15px}.class-figure{height:455px}.presentation-layout{grid-template-columns:1fr;padding:0 35px 65px}.chapter-index{position:sticky;top:94px;background:#11171df7;border:1px solid #52606a50;border-left:0;border-right:0;padding:9px 0;display:flex;gap:20px;overflow:auto;z-index:12;white-space:nowrap}.chapter-index>.eyebrow,.chapter-index>.text-link{display:none}.chapter-index>a:not(.text-link){font-size:12px;min-height:38px}.presentation-heading>p{max-width:570px}.presentation-hero-figure{right:-20px;opacity:.4}.presentation-note{margin-top:26px}.chapter-showcase{grid-template-columns:1.1fr 1fr}.systems-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.system-detail-layout{gap:35px}.start-banner{display:block;padding:35px}.start-banner>div:last-child{margin-top:25px}.help-layout{gap:30px}.site-footer{gap:40px;padding-left:35px;padding-right:35px}.footer-links{gap:20px}.client-download-copy{padding:35px}}
@media(max-width:760px){body{font-size:14px}.header-actions{gap:11px}.site-header{padding:8px 18px;height:78px;gap:12px}.brand{width:160px}.header-register,.login-link{display:none}.language-button{min-height:38px;padding:7px 5px}.menu-button{width:38px;height:38px}.account-link span{display:none}.account-link .icon{width:18px}.mobile-navigation{top:107px;left:16px;right:16px;min-width:0}.hero{min-height:715px}.hero-copy h1{font-size:clamp(48px,11vw,65px)}.hero-figure{width:250px;height:300px;right:-10px;bottom:25px;opacity:.7}.hero-copy>p{max-width:400px}.hero-proof{max-width:360px}.introduction{grid-template-columns:1fr;gap:36px}.intro-image{max-width:550px}.intro-copy>.text-link{font-size:13px}.section-heading{display:block;margin-bottom:27px}.section-heading>.text-link{margin-top:20px}.discovery-section{padding-bottom:55px;padding-top:0}.knowledge-entries{grid-template-columns:1fr 1fr;gap:0 22px}.knowledge-entry{gap:12px;min-height:95px}.knowledge-entry strong{font-size:17px}.knowledge-entry>.icon{width:22px;height:22px}.knowledge-entry small{font-size:10px}.class-inner{display:block;position:relative;padding-bottom:330px;min-height:0}.class-copy{max-width:100%}.class-tabs{gap:6px}.class-tab{font-size:12px;padding:8px 10px}.class-tab img{width:24px;height:24px}.class-figure{position:absolute;height:305px;bottom:10px;left:0;right:0}.class-copy>.button{margin-top:20px}.news-grid{grid-template-columns:1fr;gap:35px}.news-card{display:grid;grid-template-columns:135px 1fr;gap:18px}.news-art{height:100%;min-height:205px}.news-art img{width:170%;max-width:none;left:-35%;height:110%;object-position:center top}.news-card>div{padding-top:12px}.news-card h3{font-size:22px;margin-top:8px}.news-card p{font-size:12px}.news-card .eyebrow{font-size:9px;letter-spacing:1px}.news-card .text-link{font-size:12px;margin-top:13px}.start-banner{margin:0 24px 55px;padding:28px 24px}.start-banner h2{font-size:30px}.start-banner p{font-size:12px}.start-banner>div:last-child{gap:10px}.start-banner .button{font-size:12px;padding:11px 16px}.page-heading{padding:45px 24px 35px}.page-heading h1{font-size:40px;letter-spacing:-.6px}.page-heading>p:not(.eyebrow){font-size:14px}.presentation-heading{min-height:315px;padding-bottom:60px;padding-top:45px}.presentation-heading h1{max-width:460px;font-size:45px}.presentation-heading>p{max-width:400px}.presentation-hero-figure{height:300px;width:240px;right:-55px;top:60px;opacity:.2}.presentation-layout{padding:0 24px 55px;gap:0}.chapter-index{top:78px;margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px;gap:20px}.chapter-index>a:not(.text-link){font-size:11px;gap:8px}.presentation-note{font-size:11px;padding:16px;line-height:1.8;margin-top:24px}.presentation-chapter{padding:40px 0;scroll-margin-top:148px}.presentation-chapter>header{gap:15px;margin-bottom:25px}.chapter-number{font-size:30px}.presentation-chapter h2{font-size:30px}.presentation-chapter header p{font-size:13px;margin-top:12px}.chapter-showcase{grid-template-columns:1fr;gap:18px;margin-bottom:18px}.chapter-showcase>div>.missing-shot{min-height:245px}.chapter-feature{min-height:305px}.chapter-character{width:80%;left:20%;top:5px;opacity:.4}.chapter-feature>div{margin-top:95px}.chapter-system-grid{grid-template-columns:1fr;gap:14px}.all-systems-prompt h2{font-size:29px}.system-card{min-height:155px;padding:20px}.system-card h3{font-size:23px;margin-top:18px}.system-card p{font-size:12px}.systems-grid{grid-template-columns:1fr;gap:15px}.system-detail-layout{grid-template-columns:1fr;gap:30px}.system-detail-media{position:static}.system-detail-media .missing-shot{min-height:270px}.system-detail-info h2{font-size:28px}.system-detail-info>h3{font-size:23px}.related-systems{margin-top:40px}.instruction-steps p{font-size:13px}.fact-list>div{font-size:12px;gap:16px}.client-download{grid-template-columns:1fr;margin-bottom:40px}.client-download-art{height:275px}.client-download-art>img:not(.client-logo){height:350px}.client-logo{width:255px;margin-bottom:12px}.client-download-copy{padding:28px 24px}.client-download-copy h2{font-size:33px}.client-download-copy p{font-size:13px}.setup-steps{grid-template-columns:1fr;gap:28px;margin-top:30px}.setup-steps li{display:grid;grid-template-columns:45px 1fr;gap:0 18px}.setup-steps span{grid-row:1/3;font-size:30px;margin:0}.setup-steps h3{font-size:21px;margin:0 0 10px}.setup-steps p{font-size:13px}.help-layout{grid-template-columns:1fr;gap:35px}.faq-list details{padding:17px 0;font-size:13px}.faq-list details p{font-size:12px;margin-left:15px}.legal-copy{min-height:200px}
main>.panel,main>.notice,main>.toolbar,main>.item-grid,main>.detail-layout,main>.tabs,main>.field-row,main>.table-wrap,main>#commerce-shop-results,main>.empty-state,main>.text-link,main>p:not(.eyebrow){width:calc(100% - 48px)}.panel{padding:23px}.panel h2{font-size:25px}.panel>p{font-size:13px}.detail-layout{grid-template-columns:1fr;gap:22px;margin-top:22px}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.item-card{padding:16px}.item-card h2,.item-card h3{font-size:18px;margin:10px 0}.item-card>p{font-size:11px}.item-card .badge{font-size:9px;padding:3px 6px}.item-card>small{font-size:10px}.item-card>.button{min-height:40px;padding:9px 10px;font-size:11px}.item-art{height:108px;margin-bottom:5px}.item-art img{height:90px;width:75px}.item-card .fact-list>div{display:block;font-size:10px;padding:7px 0}.item-card .fact-list dd{margin-top:2px}.toolbar{gap:12px;align-items:stretch}.toolbar>.search,.toolbar>.form-field.search{flex-basis:100%;min-width:0}.toolbar>.form-field{flex:1;min-width:110px}.toolbar>select{flex:1;min-width:140px}.toolbar>.button{min-height:44px;font-size:12px}.form-field{margin:16px 0}.form-field input,.form-field select,.form-field textarea,input,select,textarea{font-size:16px}.tabs{gap:4px}.tab{padding:8px 12px;font-size:12px}.materials{grid-template-columns:1fr}.upgrade-board{gap:14px}.upgrade-board .materials{grid-template-columns:1fr}.data-table{font-size:12px}.data-table th{font-size:10px;padding:12px}.data-table td{padding:12px}.table-wrap{max-width:100%}.table-wrap .material{min-width:150px}.field-row{gap:12px}.field-row>.button{font-size:12px;padding:10px 15px}.dialog-backdrop{padding:16px}.dialog{padding:26px 22px;max-height:calc(100dvh - 32px)}.dialog h2{font-size:25px}.dialog p{font-size:13px}.dialog .button{font-size:12px}.site-footer{display:block;padding:35px 24px 20px;margin-top:40px}.footer-brand>img{width:205px;height:72px}.footer-brand h3{font-size:23px}.footer-brand p{font-size:12px}.footer-links{margin:25px 0 35px;gap:20px;grid-template-columns:repeat(2,1fr)}.footer-links>div:last-child{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;gap:12px 20px}.footer-links>div:last-child>span{flex-basis:100%}.footer-bottom{font-size:9px;line-height:1.7}.social-links{gap:22px}}
@media(max-width:390px){.site-header{padding:8px 14px}.brand{width:145px}.header-actions{gap:8px}.hero-actions .button{font-size:12px;padding:12px 17px}.hero-proof{max-width:280px}.knowledge-entries{grid-template-columns:1fr}.knowledge-entry{min-height:86px}.news-card{grid-template-columns:110px 1fr;gap:14px}.item-grid{gap:10px}.item-card{padding:13px}.item-card h2,.item-card h3{font-size:17px}.page-heading h1{font-size:35px}.class-tab{font-size:11px;padding:7px 8px}.class-tab img{width:21px;height:21px}.chapter-index{top:78px}.preview-strip{font-size:8px}.presentation-heading h1{font-size:39px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}