:root{color-scheme:dark;--bg:#08090b;--panel:#111215;--panel-2:#17191d;--text:#f5f5f7;--muted:#a1a3aa;--faint:#868991;--line:rgba(255,255,255,.12);--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait}img{max-width:100%;display:block}figure{margin:0}p,h1,h2,h3{margin:0}p{color:var(--muted)}h1,h2,h3{font-weight:600;line-height:1.06;letter-spacing:-.055em}h1{font-size:clamp(52px,7.7vw,110px)}h1 span{color:#92959d}h2{font-size:clamp(34px,4.4vw,62px)}h3{font-size:26px}::selection{background:#f5f5f7;color:#08090b}:focus-visible{outline:2px solid #fff;outline-offset:5px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:10px;left:20px;background:#fff;color:#111;padding:12px 20px;border-radius:10px;z-index:100;transform:translateY(-160%)}.skip-link:focus{transform:none}
.section-shell{width:min(1216px,calc(100% - 96px));margin-inline:auto}.section-pad{padding-block:130px}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:600;color:#aeb0b7;line-height:1.5}.button-group{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:52px;padding:14px 23px;border-radius:100px;font-weight:550;font-size:14px;letter-spacing:-.01em;transition:background .2s,transform .2s,border-color .2s}.button span{font-size:19px;line-height:1}.button:hover{transform:translateY(-2px)}.button-light{background:#f5f5f7;color:#111215;border:1px solid #f5f5f7}.button-light:hover{background:#d8d9dd}.button-outline{background:transparent;border:1px solid #55585f}.button-outline:hover{background:#202228;border-color:#999da6}.text-link{display:inline-flex;gap:14px;align-items:center;font-size:14px;font-weight:550;padding-block:8px}.text-link:hover{color:#c6c8ce}.back-link{font-size:13px;color:var(--muted);display:inline-block;margin-bottom:30px}.back-link:hover{color:#fff}.status-dot{display:inline-block;width:6px;height:6px;background:#e7e8eb;border-radius:50%;margin-right:10px;box-shadow:0 0 0 4px rgba(255,255,255,.055)}
.site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(8,9,11,.88);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.header-inner{width:min(1344px,calc(100% - 72px));margin:auto;min-height:82px;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand img{border-radius:10px}.brand>span{font-size:17px;font-weight:650;letter-spacing:.16em;line-height:1.1}.brand small{display:block;font-size:7px;letter-spacing:.65em;text-align:center;margin-top:6px;font-weight:500}.site-header nav{display:flex;gap:30px;align-items:center;margin:auto}.site-header nav a{font-size:13px;color:#a5a7ad;transition:color .2s}.site-header nav a:hover,.site-header nav a[aria-current]{color:#fff}.nav-discord{display:flex;align-items:center;gap:16px;padding:9px 17px;border:1px solid #44464c;border-radius:100px;font-size:12px}.nav-discord:hover{background:#22242a}.nav-toggle{display:none}
.hero{position:relative;min-height:740px;min-height:min(850px,calc(100svh - 82px));display:flex;flex-direction:column;justify-content:space-between;padding-top:30px;padding-bottom:30px;isolation:isolate}.hero-grid{position:absolute;inset:0 -30px;z-index:-1;overflow:hidden;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:92px 92px;mask-image:radial-gradient(ellipse at 50% 40%,#000 0%,transparent 67%);-webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000 0%,transparent 67%)}.hero-grid:after{content:"";position:absolute;width:640px;height:640px;left:calc(50% - 320px);top:calc(50% - 320px);border:1px solid rgba(255,255,255,.065);border-radius:50%;box-shadow:0 0 0 110px rgba(255,255,255,.018),0 0 0 220px rgba(255,255,255,.012)}.hero-topline,.hero-bottom{display:flex;align-items:center;justify-content:space-between;font-size:10px;line-height:1.7;letter-spacing:.12em;color:#999ca4}.hero-topline span:last-child{color:#696d76}.hero-inner{text-align:center;padding:76px 0 92px;max-width:990px;margin:auto}.hero-inner .eyebrow{font-size:10px;letter-spacing:.2em}.hero h1{font-size:clamp(68px,8.5vw,124px);letter-spacing:-.075em;line-height:.99;margin-top:32px}.hero-description{font-size:18px;line-height:1.65;max-width:590px;letter-spacing:-.02em;margin-top:28px}.hero-inner .hero-description{max-width:570px;margin:30px auto 0}.hero-inner .button-group{justify-content:center;margin-top:34px}.hero-bottom>a{display:flex;align-items:center;gap:40px;color:#c0c2c8}.hero-bottom>a span{font-size:21px}.hero-coordinate{text-align:right}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:50px}.section-heading h2{margin-top:20px}.section-heading>p{font-size:15px;max-width:330px;line-height:1.7}.section-heading .text-link{flex-shrink:0}
.featured-game{display:grid;grid-template-columns:1.05fr 1fr;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.game-art{position:relative;min-height:400px;overflow:hidden;background:#0e1013}.game-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent 45%)}.game-art img{width:100%;height:100%;object-fit:cover;filter:grayscale(.8) brightness(.72);transition:filter .6s,transform .8s}.game-art:hover img{filter:grayscale(.25) brightness(.9);transform:scale(1.025)}.art-corner{position:absolute;top:26px;left:28px;border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.35);border-radius:100px;padding:6px 12px;font-size:10px;letter-spacing:.13em;z-index:1}.art-label{position:absolute;left:28px;bottom:24px;font-size:9px;letter-spacing:.14em;color:#c7c9ce;z-index:1}.game-copy{padding:50px 42px;align-self:center}.game-copy h3{font-size:clamp(30px,3vw,45px);margin-top:18px;max-width:430px}.game-copy>p:not(.eyebrow){font-size:15px;margin-top:24px;max-width:400px}.game-facts{display:flex;gap:12px;flex-wrap:wrap;margin:27px 0 31px;font-size:10px;color:#b0b3bb}.game-facts>span{border:1px solid #33363d;border-radius:100px;padding:6px 10px}.game-copy .button{padding:12px 18px;min-height:46px;font-size:12px;gap:20px}
.knowledge-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:90px;display:grid;grid-template-columns:.85fr 1fr;gap:90px}.knowledge-lead h2{margin-top:24px}.knowledge-lead>p:not(.eyebrow){font-size:15px;max-width:340px;margin-top:26px}.knowledge-lead .button{margin-top:28px}.knowledge-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.knowledge-card{position:relative;border:1px solid var(--line);border-radius:20px;padding:24px;background:linear-gradient(135deg,#191b20,#111215);min-height:220px;overflow:hidden;transition:border-color .2s,background .2s}.knowledge-card:hover{border-color:#777b85;background:#1b1d22}.knowledge-card-wide{grid-column:1/-1;min-height:170px}.card-index{font-size:10px;color:#9b9ea7;letter-spacing:.12em;display:block}.knowledge-card h3{margin-top:34px;font-size:24px;letter-spacing:-.04em}.knowledge-card p{font-size:12px;margin-top:12px;max-width:170px;line-height:1.5}.knowledge-card-wide h3{margin-top:28px}.knowledge-card-wide p{max-width:270px}.line-symbol{position:absolute;right:24px;top:22px;font-size:33px;color:#b6b9c2}.knowledge-card-wide .line-symbol{font-size:70px;top:45px;right:40px;line-height:1}
.journal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.journal-home:has(.journal-card:only-child){grid-template-columns:minmax(0,1fr)}.journal-card{border-top:1px solid #41444d;padding:26px 0 36px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.journal-meta{display:flex;gap:20px;justify-content:space-between;width:100%;font-size:10px;letter-spacing:.08em;color:#a8abb2}.journal-meta>span{text-transform:uppercase}.journal-meta time{font-size:11px;letter-spacing:0}.journal-card h3{font-size:clamp(25px,3.1vw,36px);margin:25px 0 18px;max-width:660px}.journal-card>p{font-size:14px;line-height:1.8;white-space:pre-line;max-width:850px}.journal-card>.text-link{margin-top:24px}.journal-home .journal-card>p{max-width:800px}.journal-home .journal-card{padding-bottom:0}.journal-filter{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:40px}.journal-filter button{background:transparent;border:1px solid #3a3d44;color:#b2b5bc;border-radius:100px;font-size:13px;padding:10px 17px}.journal-filter button[aria-pressed="true"]{background:#f4f4f6;color:#111215;border-color:#f4f4f6}.journal-empty{border:1px solid var(--line);border-radius:20px;padding:36px;margin-bottom:24px}.updates-section{padding-bottom:110px}.updates-section>.source-note{margin-top:38px}
.community-band{padding:65px;border-radius:28px;background:linear-gradient(115deg,#1a1c21,#111215 70%);border:1px solid var(--line);display:flex;gap:50px;justify-content:space-between;align-items:center}.community-band h2{font-size:clamp(34px,4.3vw,58px);margin-top:22px}.community-band p:not(.eyebrow){font-size:14px;line-height:1.8;margin-top:24px}.community-actions{display:flex;flex-direction:column;align-items:flex-start;gap:20px;flex-shrink:0}.community-actions .text-link{font-size:12px}.compact{margin-bottom:100px}.compact h2{font-size:clamp(30px,3.3vw,46px)}.page-intro{padding-block:95px 75px}.page-intro h1{margin-top:28px;max-width:940px}.page-intro .hero-description{max-width:650px}.page-intro .button-group{margin-top:32px}.community-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-bottom:95px}.community-feature{background:#121418;border:1px solid var(--line);border-radius:24px;padding:40px;min-height:340px;display:flex;flex-direction:column;align-items:flex-start}.community-feature h2{font-size:38px;margin-top:32px}.community-feature p{font-size:15px;margin-top:22px;max-width:450px}.community-feature .text-link{margin-top:auto;padding-top:28px}.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.support-card{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:32px;display:flex;flex-direction:column;align-items:flex-start}.support-card h2{font-size:30px;margin-top:30px}.support-card p:not(.eyebrow){font-size:14px;margin-top:18px}.support-card .button{font-size:12px;padding:12px 17px;margin-top:28px}.support-note{padding-block:80px 110px;max-width:850px}.support-note h2{font-size:33px}.support-note p{font-size:15px;margin-top:24px}.support-note a{margin-top:20px}
.game-hero{padding-block:45px 90px}.game-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.game-hero h1{font-size:clamp(52px,6.2vw,84px);margin-top:24px}.game-hero .hero-description{font-size:16px}.game-hero .button-group{margin-top:32px}.game-hero .button{gap:18px;font-size:12px;min-height:46px;padding:12px 18px}.availability{font-size:11px;letter-spacing:.025em;margin-top:26px}.game-hero-art{border-radius:24px;overflow:hidden;background:#11151a;border:1px solid var(--line)}.game-hero-art img{width:100%;min-height:370px;object-fit:cover;filter:grayscale(.55) brightness(.86)}.game-hero-art figcaption{padding:17px 20px;color:#969aa3;letter-spacing:.1em;font-size:8px}.game-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;border-top:1px solid var(--line);padding-block:55px 90px}.game-pillars>div>span{font-size:10px;color:#a1a4ae;letter-spacing:.13em}.game-pillars h2{font-size:28px;margin-top:24px;line-height:1.15;letter-spacing:-.04em}.game-pillars p{font-size:14px;line-height:1.8;margin-top:21px}.gameplay-section{padding-block:40px 0}.gameplay-frame{border:1px solid var(--line);padding:10px;border-radius:22px;background:#15171c;overflow:hidden}.gameplay-frame img{border-radius:13px;width:100%;height:auto}.gameplay-frame figcaption{font-size:9px;letter-spacing:.13em;padding:17px 12px 7px;color:#a0a3ad}.status-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.status-grid>article{border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:28px}.status-grid h3{font-size:23px;margin-top:22px;letter-spacing:-.035em;line-height:1.3}.status-grid>article>p:last-child{font-size:12px;margin-top:15px}.source-note{font-size:11px;color:#9da0a8;line-height:1.7;letter-spacing:.005em}.status-grid+.source-note{margin-top:22px}
.handbook-library{padding-bottom:110px}.book-tile{border:1px solid var(--line);background:var(--panel);border-radius:24px;padding:45px;display:flex;align-items:center;gap:40px;justify-content:space-between}.book-tile h2{font-size:40px;margin-top:20px}.book-tile p:not(.eyebrow){font-size:15px;margin-top:18px}.book-tile>span{font-size:45px;color:#c3c6cd}.book-tile:hover{border-color:#8a8e99}.handbook-intro{padding-top:45px}.handbook-intro h1{font-size:clamp(50px,6.5vw,90px);margin-top:25px}.handbook-intro-bottom{display:flex;justify-content:space-between;gap:50px;margin-top:34px;padding-bottom:45px;border-bottom:1px solid var(--line)}.handbook-intro-bottom>p:first-child{max-width:500px;font-size:16px}.handbook-intro-bottom>.source-note{text-align:right;max-width:330px;flex-shrink:0}.handbook-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:80px;align-items:start;padding-bottom:100px}.handbook-sidebar{position:sticky;top:110px;padding-top:34px;max-height:calc(100svh - 120px);overflow:visible}.search-wrap label{display:block;font-size:11px;color:#bbbfc8;margin-bottom:10px}.search-wrap input{width:100%;border:1px solid #3b3e46;border-radius:12px;background:#15171b;color:#f5f5f7;padding:12px;font-size:12px;min-height:45px}.search-wrap input::placeholder{color:#8e929c;font-size:10px}.search-count{display:block;font-size:10px;color:#999ea8;margin:10px 0 22px}.handbook-sidebar nav{display:flex;flex-direction:column;gap:1px;max-height:calc(100svh - 340px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#40434b transparent}.handbook-sidebar nav a{padding:9px 9px 9px 0;display:flex;align-items:baseline;gap:12px;color:#b5b8c0;font-size:12px;border-radius:8px;line-height:1.5}.handbook-sidebar nav a span{font-size:9px;color:#7e838f;min-width:18px}.handbook-sidebar nav a:hover,.handbook-sidebar nav a[aria-current]{color:#fff;background:#14161a;padding-left:8px}.sidebar-support{display:block;font-size:11px;color:#9ca1ac;border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.sidebar-support strong{display:block;color:#d9dce3;font-weight:500;margin-top:8px}.handbook-content{min-width:0}.handbook-chapter{padding-top:40px;padding-bottom:50px;border-bottom:1px solid var(--line);scroll-margin-top:100px}.handbook-chapter>header{display:flex;align-items:center;justify-content:space-between;gap:20px}.handbook-chapter>h2{font-size:42px;margin-top:24px;line-height:1.12}.copy-link{color:#aeb3be;border:0;background:transparent;padding:8px 0;font-size:10px;flex-shrink:0}.copy-link:hover{color:#fff}.chapter-summary{font-size:18px;line-height:1.65;margin-top:22px;color:#c1c5ce}.handbook-section{margin-top:30px}.handbook-section h3{font-size:21px;letter-spacing:-.025em;line-height:1.4}.handbook-section p,.handbook-section li{font-size:14px;line-height:1.85;color:#a9aeb9}.handbook-section p{margin-top:12px}.handbook-section ul,.handbook-section ol{padding-left:23px;margin:14px 0 0}.handbook-section li{padding-left:5px;margin-block:7px}.chapter-related{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px;align-items:center}.chapter-related>span{font-size:8px;letter-spacing:.13em;color:#969da9;margin-right:4px}.chapter-related>a{font-size:10px;padding:7px 11px;border:1px solid #353943;border-radius:100px;color:#c1c6d0}.search-empty{padding:50px 0}.search-empty a{text-decoration:underline}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);padding:12px 20px;background:#f4f4f6;color:#111215;border-radius:100px;font-size:12px;z-index:70;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:90%;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}
.site-footer{width:min(1216px,calc(100% - 96px));margin:100px auto 0;border-top:1px solid var(--line);padding:50px 0 24px}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px;align-items:start;padding-bottom:55px}.footer-top>p{font-size:15px;line-height:1.7}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:13px 20px;font-size:12px;color:#c3c6cd}.footer-links>a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:25px;font-size:9px;color:#9197a2}.footer-bottom>a{color:#b4bbc7}
@media(min-width:1600px){.hero{min-height:850px}.hero-inner{padding-block:100px 130px}}
@media(max-width:1100px){.section-shell,.site-footer{width:calc(100% - 72px)}.header-inner{gap:24px}.site-header nav{gap:20px}.knowledge-section{gap:45px}.game-copy{padding:38px 30px}.game-art{min-height:390px}.game-copy .button-group{gap:10px}.game-copy .button{gap:15px;padding-inline:14px}.game-hero-grid{gap:35px}.game-hero-art img{min-height:350px}.game-hero .button-group{gap:10px}.handbook-layout{gap:45px;grid-template-columns:230px minmax(0,1fr)}.community-band{padding:45px}.community-actions{gap:15px}.support-card{padding:26px}}
@media(max-width:800px){.section-shell,.site-footer{width:calc(100% - 48px)}.header-inner{width:calc(100% - 40px);gap:20px;min-height:76px}.brand>span{font-size:15px}.brand img{width:33px;height:33px}.site-header nav{gap:15px}.site-header nav a{font-size:12px}.nav-discord{font-size:11px;padding-inline:14px;gap:10px}.hero{min-height:730px}.hero h1{font-size:88px}.hero-description{font-size:17px}.hero-inner{padding-block:80px}.section-pad{padding-block:90px}.section-heading{gap:30px;margin-bottom:34px}.section-heading>p{font-size:13px}.featured-game{grid-template-columns:1fr}.game-art{min-height:300px;height:300px}.game-copy{padding:35px}.game-copy h3{max-width:none;font-size:38px}.game-copy>p:not(.eyebrow){max-width:550px}.knowledge-section{grid-template-columns:1fr;padding-block:65px;gap:40px}.knowledge-lead>p:not(.eyebrow){max-width:500px}.knowledge-grid{grid-template-columns:1fr 1fr 1fr}.knowledge-card-wide{grid-column:auto;min-height:230px}.knowledge-card-wide .line-symbol{font-size:35px;top:22px;right:24px}.knowledge-card-wide h3{margin-top:34px}.knowledge-card h3{font-size:22px}.knowledge-card{padding:22px}.community-band{gap:35px;padding:40px}.community-band p br{display:none}.community-actions .button{font-size:12px;padding:13px 18px;gap:20px}.page-intro{padding-block:70px 55px}.community-feature{padding:30px;min-height:360px}.community-feature h2{font-size:34px}.game-hero-grid{grid-template-columns:1fr}.game-hero h1{font-size:70px}.game-hero-art img{min-height:0;max-height:400px}.game-pillars{gap:30px}.game-pillars h2{font-size:25px}.game-pillars p{font-size:13px}.status-grid>article{padding:22px}.status-grid h3{font-size:19px}.support-grid{grid-template-columns:1fr}.support-card{min-height:0;padding:30px;display:grid;grid-template-columns:1fr auto;gap:0 25px}.support-card .eyebrow{grid-column:1/-1}.support-card h2{font-size:29px;margin-top:15px}.support-card p:not(.eyebrow){grid-column:1;margin-top:15px}.support-card .button{grid-column:2;grid-row:2/4;align-self:center;margin:0}.handbook-layout{grid-template-columns:195px minmax(0,1fr);gap:30px}.handbook-intro-bottom{gap:30px}.handbook-intro-bottom>.source-note{font-size:10px;max-width:240px}.handbook-intro-bottom>p:first-child{font-size:14px}.handbook-chapter>h2{font-size:34px}.chapter-summary{font-size:16px}.handbook-chapter>header{gap:10px}.handbook-chapter>header .eyebrow{font-size:9px}.copy-link{font-size:9px}.handbook-sidebar nav a{font-size:11px}.footer-top{gap:30px}.footer-top>p{font-size:13px}.footer-links{gap:12px;font-size:11px}.footer-bottom{font-size:8px;gap:15px}}
@media(max-width:640px){.section-shell,.site-footer{width:calc(100% - 40px)}.header-inner{gap:15px;flex-wrap:wrap}.header-inner>.brand{margin-right:auto}.nav-discord{order:2;margin-left:0;padding:8px 13px;font-size:10px;min-height:36px}.site-header nav{order:4;width:100%;justify-content:space-between;padding:0 0 15px}.js .nav-toggle{order:3;display:flex;flex-direction:column;justify-content:center;gap:6px;width:36px;height:36px;padding:7px;background:transparent;border:0;color:#fff}.nav-toggle>span:not(.sr-only){display:block;height:1px;width:22px;background:#f5f5f7;transition:transform .2s}.js .site-header nav{position:absolute;top:75px;left:0;right:0;background:#111317;padding:25px 24px 30px;display:flex;flex-direction:column;gap:0;align-items:stretch;opacity:0;transform:translateY(-8px);visibility:hidden;pointer-events:none;border-bottom:1px solid var(--line);transition:opacity .2s,transform .2s}.js .site-header nav a{display:block;padding:15px 0;font-size:19px;border-bottom:1px solid var(--line)}.js .site-header:has([aria-expanded="true"]) nav{opacity:1;transform:none;visibility:visible;pointer-events:auto}.nav-toggle[aria-expanded="true"]>span:first-child{transform:translateY(3.5px) rotate(45deg)}.nav-toggle[aria-expanded="true"]>span:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}.hero{min-height:700px;padding-top:25px;padding-bottom:25px}.hero-topline{font-size:8px;letter-spacing:.1em}.hero-inner{padding:78px 0 82px}.hero h1{font-size:clamp(58px,13vw,82px);margin-top:28px;letter-spacing:-.065em}.hero-inner .eyebrow{font-size:8px;letter-spacing:.1em}.hero-description,.hero-inner .hero-description{font-size:15px;max-width:390px;margin-top:24px}.hero .button-group{gap:10px;flex-direction:column;align-items:center}.hero .button{min-width:210px;font-size:12px;min-height:47px}.hero-bottom{font-size:8px}.hero-bottom>a{gap:18px;font-size:7px;letter-spacing:.06em}.hero-coordinate{display:none}.hero-grid{inset:0 -8px;background-size:65px 65px}.section-pad{padding-block:75px}.section-heading{display:block;margin-bottom:30px}.section-heading>p,.section-heading>.text-link{margin-top:23px;max-width:360px}.section-heading h2{font-size:40px}.eyebrow{font-size:9px}.game-art{min-height:250px;height:250px}.game-copy{padding:27px}.game-copy h3{font-size:33px;margin-top:15px}.game-copy>p:not(.eyebrow){font-size:14px;margin-top:20px}.game-facts{font-size:8px;gap:8px}.game-facts>span{padding:5px 8px}.game-copy .button{font-size:11px;gap:15px;min-height:44px}.game-copy .button-group{gap:10px}.art-corner{left:20px;top:20px;font-size:8px}.art-label{left:20px;bottom:20px;font-size:8px}.knowledge-section{padding-block:55px;gap:32px}.knowledge-lead h2{font-size:40px}.knowledge-grid{grid-template-columns:1fr 1fr;gap:12px}.knowledge-card-wide{grid-column:1/-1;min-height:170px}.knowledge-card-wide .line-symbol{font-size:58px;top:48px;right:35px}.knowledge-card h3{font-size:22px}.knowledge-card{padding:20px;min-height:215px}.knowledge-card p{font-size:11px}.knowledge-card-wide{min-height:170px}.card-index{font-size:8px}.journal-grid{grid-template-columns:1fr;gap:25px}.journal-card h3{font-size:30px}.journal-card>p{font-size:13px}.journal-meta{font-size:9px}.journal-meta time{font-size:10px}.community-band{padding:30px 25px;display:block;border-radius:22px}.community-band h2{font-size:35px}.community-band p:not(.eyebrow){font-size:13px}.community-actions{margin-top:30px;gap:14px}.community-actions .button{min-width:210px}.community-band.compact>.button{margin-top:28px}.page-intro{padding-block:55px 45px}.page-intro h1{font-size:clamp(47px,11vw,65px);margin-top:22px}.page-intro .hero-description{font-size:15px}.community-grid{grid-template-columns:1fr;gap:14px;padding-bottom:65px}.community-feature{padding:30px;min-height:310px}.community-feature h2{margin-top:27px;font-size:34px}.community-feature p{font-size:14px}.game-hero{padding-block:30px 55px}.game-hero .back-link{font-size:11px;margin-bottom:25px}.game-hero h1{font-size:clamp(52px,11vw,70px);margin-top:22px}.game-hero .hero-description{font-size:15px}.game-hero .button{font-size:11px;padding:12px 16px;gap:15px}.game-hero-art figcaption{font-size:7px;padding:15px}.game-pillars{grid-template-columns:1fr;gap:35px;padding-block:40px 50px}.game-pillars h2{font-size:30px;margin-top:16px}.game-pillars p{font-size:14px;margin-top:15px}.gameplay-section{padding-top:25px}.gameplay-frame{padding:6px;border-radius:17px}.gameplay-frame figcaption{font-size:7px;padding:13px 8px 6px}.status-grid{grid-template-columns:1fr}.status-grid>article{padding:25px}.status-grid h3{font-size:25px;margin-top:17px}.status-grid>article>p:last-child{font-size:13px}.status-grid+.source-note{font-size:10px}.compact{margin-bottom:65px}.support-card{display:block;padding:27px}.support-card h2{font-size:30px}.support-card p:not(.eyebrow){font-size:14px}.support-card .button{margin-top:24px;font-size:12px}.support-note{padding-block:55px 70px}.support-note h2{font-size:29px}.support-note p{font-size:14px}.journal-filter{gap:8px;padding-bottom:32px}.journal-filter button{font-size:11px;padding:9px 13px}.book-tile{padding:28px;gap:20px}.book-tile h2{font-size:30px}.book-tile p:not(.eyebrow){font-size:13px}.book-tile>span{font-size:30px}.handbook-library{padding-bottom:60px}.handbook-intro{padding-top:28px}.handbook-intro .back-link{font-size:10px;max-width:100%;margin-bottom:25px}.handbook-intro h1{font-size:50px;letter-spacing:-.06em}.handbook-intro-bottom{display:block;padding-bottom:28px;margin-top:25px}.handbook-intro-bottom>p:first-child{font-size:14px}.handbook-intro-bottom>.source-note{text-align:left;margin-top:18px;font-size:10px;max-width:none}.handbook-layout{display:block;padding-bottom:50px}.handbook-sidebar{position:relative;top:0;max-height:none;overflow:visible;padding-top:25px}.search-wrap input{font-size:14px;padding:13px}.search-wrap input::placeholder{font-size:12px}.handbook-sidebar nav{max-height:none;overflow:visible;display:flex;flex-direction:row;gap:8px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid var(--line)}.handbook-sidebar nav a{font-size:10px;padding:7px 10px;border:1px solid #3a3e46;border-radius:100px;gap:6px}.handbook-sidebar nav a span{font-size:8px;min-width:10px}.handbook-sidebar nav a:hover,.handbook-sidebar nav a[aria-current]{padding-left:10px;border-color:#9ba1ae}.sidebar-support{display:none}.handbook-chapter{padding-top:34px;padding-bottom:35px;scroll-margin-top:90px}.handbook-chapter>h2{font-size:34px;margin-top:20px}.chapter-summary{font-size:16px;margin-top:18px}.handbook-section{margin-top:26px}.handbook-section h3{font-size:21px}.handbook-section p,.handbook-section li{font-size:14px}.chapter-related{gap:8px;margin-top:25px}.chapter-related>span{width:100%;font-size:8px}.chapter-related>a{font-size:10px}.site-footer{margin-top:70px;padding-top:35px}.footer-top{grid-template-columns:1fr 1fr;gap:30px;padding-bottom:35px}.footer-top>.brand{grid-column:1/-1}.footer-top>p{font-size:13px}.footer-links{font-size:10px;gap:12px 8px}.footer-bottom{flex-wrap:wrap;font-size:8px;gap:12px}.footer-bottom>span:nth-child(2){display:none}.footer-bottom>a{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover,.game-art:hover img{transform:none}}

/* VEYZOR / Glass. This material layer builds on the shared page structure. */
:root { --bg: #090909; --panel: #171717; --panel-2: #1f1f1f; --muted: #b6b6b6; --faint: #9a9a9a; --line: rgba(255,255,255,.15); --radius: 32px; --glass-ease: cubic-bezier(.22,.7,.2,1); }
html { scroll-padding-top: 125px; }
body { isolation: isolate; }
.material-defs { position: absolute; width: 0; height: 0; overflow: hidden; pointer-events: none; }
h1, h2, h3 { text-wrap: balance; }
h1 span { color: #acacac; background: linear-gradient(120deg,#f6f6f6,#b0b0b0 50%,#818181); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.page-ambient { position: fixed; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; background: radial-gradient(ellipse at 77% 12%,rgba(195,195,195,.105),transparent 48%), radial-gradient(ellipse at 0 67%,rgba(162,162,162,.055),transparent 45%); }
.page-ambient::before { content: ""; position: absolute; inset: 0; background: linear-gradient(115deg,transparent 30%,rgba(240,240,240,.026) 40%,transparent 49%,rgba(229,229,229,.025) 64%,transparent 74%); }
.section-pad { padding-block: 115px; }
.eyebrow { color: #b8b8b8; }
.button { font-size: 13px; min-height: 52px; border-color: rgba(255,255,255,.23); transition: transform .28s var(--glass-ease),background .28s,border-color .28s,box-shadow .28s; }
.button > span { transition: transform .25s var(--glass-ease); }
.button:hover > span { transform: translate(2px,-2px); }
.button-light { background: linear-gradient(150deg,#fff,#e5e5e5); color: #1b1b1b; border-color: rgba(255,255,255,.75); box-shadow: inset 0 1px 0 #fff,0 5px 18px rgba(255,255,255,.07),0 2px 2px rgba(0,0,0,.25); }
.button-light:hover { background: linear-gradient(150deg,#fff,#e5e5e5); box-shadow: inset 0 1px 0 #fff,0 8px 30px rgba(245,245,245,.16); }
.button-outline { background: linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025)); box-shadow: inset 0 1px 0 rgba(255,255,255,.13),inset 0 -1px 0 rgba(255,255,255,.025); color: #f1f1f1; }
.button-outline:hover { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.4); }
.text-link { min-height: 44px; color: #e7e7e7; }
.back-link { min-height: 38px; color: #bfbfbf; }

/* A floating control layer, with an opaque fallback for older browsers. */
.site-header { top: 14px; padding-top: 14px; margin-bottom: 14px; background: transparent; border: 0; backdrop-filter: none; -webkit-backdrop-filter: none; pointer-events: none; }
.header-inner { width: min(1312px,calc(100% - 64px)); min-height: 76px; padding: 11px 22px; gap: 22px; border: 1px solid rgba(255,255,255,.21); border-radius: 26px; background: linear-gradient(145deg,rgba(64,64,64,.92),rgba(22,22,22,.95)); box-shadow: inset 0 1px 0 rgba(255,255,255,.14),0 15px 45px rgba(0,0,0,.25); pointer-events: auto; }
.brand { gap: 10px; }
.brand-mark { position: relative; display: block; width: 40px; height: 34px; flex-shrink: 0; overflow: hidden; mix-blend-mode: screen; }
.brand-mark img { position: absolute; max-width: none; width: 188%; height: auto; left: -44%; top: -41%; border-radius: 0; }
.brand > .brand-word { font-size: 16px; font-weight: 650; letter-spacing: .16em; }
.site-header nav { gap: 3px; padding: 4px; border-radius: 100px; }
.site-header nav a { padding: 10px 14px; border: 1px solid transparent; border-radius: 100px; font-size: 12px; line-height: 1.4; color: #c5c5c5; transition: background .2s,color .2s,border-color .2s; }
.site-header nav a:hover { background: rgba(255,255,255,.065); color: white; }
.site-header nav a[aria-current] { border-color: rgba(255,255,255,.14); color: white; background: linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.04)); box-shadow: inset 0 1px 0 rgba(255,255,255,.1); }
.nav-discord { min-height: 42px; padding: 10px 17px; gap: 18px; background: rgba(255,255,255,.055); border-color: rgba(255,255,255,.25); box-shadow: inset 0 1px 0 rgba(255,255,255,.08); }
.nav-discord:hover { background: rgba(255,255,255,.14); }

/* A restrained, dimensional studio object using the original logo artwork. */
.hero { min-height: min(820px,calc(100svh - 105px)); padding-top: 24px; padding-bottom: 20px; }
.hero-grid { inset: -100px -40px -60px; background: radial-gradient(ellipse at 78% 42%,rgba(217,217,217,.1),transparent 55%); mask-image: none; -webkit-mask-image: none; }
.hero-grid::after { content: none; }
.hero-grid::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px); background-size: 80px 80px; mask-image: radial-gradient(ellipse at 80% 45%,#000,transparent 64%); -webkit-mask-image: radial-gradient(ellipse at 80% 45%,#000,transparent 64%); }
.hero-topline { font-size: 9px; letter-spacing: .14em; color: #a7a7a7; }
.hero-topline span:last-child { color: #bababa; }
.hero-layout { display: grid; grid-template-columns: 1.15fr 1fr; align-items: center; flex: 1; padding-block: 44px 40px; }
.hero-layout > .hero-inner { margin: 0; padding: 12px 0 24px; max-width: none; position: relative; z-index: 2; text-align: left; }
.hero-inner > .eyebrow { display: inline-flex; align-items: center; border: 1px solid rgba(255,255,255,.18); padding: 8px 12px; border-radius: 100px; background: linear-gradient(130deg,rgba(255,255,255,.07),rgba(255,255,255,.025)); font-size: 8px; letter-spacing: .13em; box-shadow: inset 0 1px 0 rgba(255,255,255,.08); }
.hero h1 { font-size: clamp(62px,7.1vw,104px); line-height: 1.005; letter-spacing: -.07em; margin-top: 29px; }
.hero-inner .hero-description { margin: 25px 0 0; max-width: 450px; font-size: 15px; line-height: 1.8; }
.hero-inner .button-group { justify-content: flex-start; margin-top: 30px; }
.hero-inner .button { font-size: 12px; gap: 24px; }
.hero-footnote { font-size: 10px; color: #b2b2b2; margin-top: 22px; display: flex; gap: 10px; align-items: center; }
.hero-footnote::before { content: ""; width: 20px; height: 1px; background: #9a9a9a; }
.hero-art { position: relative; min-width: 0; height: 470px; perspective: 1100px; display: grid; place-items: center; overflow: clip; overflow-clip-margin: 8px; }
.art-aura { position: absolute; inset: 0; background: radial-gradient(ellipse,rgba(227,227,227,.12),transparent 64%); pointer-events: none; }
.art-orbit { position: absolute; width: 400px; height: 400px; max-width: 108%; border-radius: 50%; border: 1px solid rgba(246,246,246,.1); transform: rotateX(64deg) rotateZ(-27deg); box-shadow: inset 0 1px 0 rgba(255,255,255,.12),0 -2px 5px rgba(255,255,255,.035); }
.art-orbit-second { width: 470px; height: 470px; max-width: 125%; transform: rotateX(64deg) rotateZ(30deg); border-color: rgba(246,246,246,.055); }
.glass-object { position: relative; width: min(88%,370px); aspect-ratio: 1; transform: rotateX(7deg) rotateY(-14deg) rotateZ(9deg); transform-style: preserve-3d; animation: studio-float 11s ease-in-out infinite; }
.glass-object::before,.glass-object::after { content: ""; position: absolute; inset: 0; border-radius: 30%; border: 1px solid rgba(255,255,255,.2); background: linear-gradient(140deg,rgba(238,238,238,.045),rgba(43,43,43,.1)); box-shadow: inset 1px 1px 1px rgba(255,255,255,.18),0 35px 55px rgba(0,0,0,.24); }
.glass-object::before { transform: translate(20px,-16px) rotate(12deg); }
.glass-object::after { transform: translate(-15px,20px) rotate(-8deg); border-color: rgba(255,255,255,.1); z-index: -1; }
.glass-object-face { position: absolute; inset: 0; display: grid; place-items: center; overflow: hidden; border-radius: 30%; border: 1px solid rgba(249,249,249,.44); background: linear-gradient(140deg,rgba(248,248,248,.18),rgba(190,190,190,.045) 40%,rgba(33,33,33,.3) 62%,rgba(223,223,223,.085)); box-shadow: inset 2px 2px 2px rgba(255,255,255,.23),inset -2px -2px 1px rgba(255,255,255,.07),0 24px 65px rgba(0,0,0,.33); }
.glass-object-face::before { content: ""; position: absolute; inset: 0; background: linear-gradient(120deg,transparent 15%,rgba(255,255,255,.13) 27%,transparent 45%,transparent 66%,rgba(255,255,255,.035) 76%,transparent); pointer-events: none; }
.studio-sigil { position: relative; width: 66%; aspect-ratio: 1.255; overflow: hidden; mix-blend-mode: screen; }
.studio-sigil img { position: absolute; width: 188%; max-width: none; height: auto; left: -44%; top: -46%; }
@supports (mask-mode: luminance) {
  .brand-mark,.studio-sigil { mix-blend-mode: normal; filter: url('#mark-alpha'); }
  .brand-mark::before,.studio-sigil::before { content: ""; position: absolute; inset: 0; background: linear-gradient(140deg,#fff,#e9e9e9); mask-image: url('/studio-assets/veyzor-identity-v2.png'); mask-mode: luminance; mask-size: 188% auto; mask-position: 50% 34%; mask-repeat: no-repeat; }
  .brand-mark img,.studio-sigil img { visibility: hidden; }
}
.object-caption { position: absolute; bottom: 25px; left: 0; right: 0; text-align: center; font-size: 7px; font-weight: 600; letter-spacing: .42em; color: #dbdbdb; }
.float-chip { position: absolute; z-index: 3; display: flex; align-items: center; gap: 11px; padding: 11px 15px; border: 1px solid rgba(255,255,255,.23); border-radius: 19px; background: linear-gradient(145deg,rgba(82,82,82,.93),rgba(32,32,32,.95)); box-shadow: inset 0 1px 0 rgba(255,255,255,.14),0 15px 40px rgba(0,0,0,.22); }
.float-chip p { font-size: 8px; line-height: 1.5; letter-spacing: .12em; color: #c7c7c7; }
.float-chip strong { display: block; font-size: 12px; line-height: 1.6; letter-spacing: -.01em; font-weight: 550; color: #f7f7f7; }
.float-chip > span { font-size: 22px; color: #ececec; }
.float-chip-game { left: -8px; bottom: 45px; padding: 9px 15px 9px 9px; animation: chip-float 12s ease-in-out infinite; }
.float-chip-game img { width: 46px; height: 46px; object-fit: cover; border-radius: 12px; filter: grayscale(.7); border: 1px solid rgba(255,255,255,.2); }
.float-chip-guide { top: 45px; right: -2px; animation: chip-float 10s ease-in-out infinite reverse; }
.float-chip-guide > span { width: 30px; height: 32px; display: grid; place-items: center; border-radius: 9px; background: rgba(255,255,255,.07); font-size: 12px; }
.hero-dock { display: grid; grid-template-columns: repeat(3,1fr); padding: 9px; border: 1px solid rgba(255,255,255,.18); border-radius: 26px; background: linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025)); box-shadow: inset 0 1px 0 rgba(255,255,255,.08),0 16px 50px rgba(0,0,0,.12); }
.hero-dock a { display: flex; align-items: center; gap: 14px; min-width: 0; padding: 13px 18px; border-radius: 18px; transition: background .25s; }
.hero-dock a:hover { background: rgba(255,255,255,.065); }
.dock-number { width: 32px; height: 32px; display: grid; place-items: center; flex-shrink: 0; font-size: 9px; border: 1px solid rgba(255,255,255,.17); border-radius: 11px; color: #cfcfcf; background: rgba(255,255,255,.045); }
.hero-dock strong { display: block; font-size: 12px; line-height: 1.5; font-weight: 550; }
.hero-dock small { display: block; margin-top: 2px; font-size: 9px; color: #b3b3b3; }
.dock-arrow { margin-left: auto; font-size: 17px; color: #c6c6c6; }
@keyframes studio-float { 0%,100% { transform: translateY(0) rotateX(7deg) rotateY(-14deg) rotateZ(9deg); } 50% { transform: translateY(-13px) rotateX(3deg) rotateY(-9deg) rotateZ(6deg); } }
@keyframes chip-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(8px); } }

/* Dense, readable content surfaces framed by fine reflective edges. */
.featured-game,.knowledge-card,.community-band,.community-feature,.support-card,.book-tile,.status-grid > article,.game-hero-art,.gameplay-frame,.handbook-sidebar,.handbook-chapter,.journal-card {
  border: 1px solid var(--line);
  background: linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.014)),rgba(21,21,21,.87);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.075),0 18px 45px rgba(0,0,0,.1);
}
.section-heading > p { font-size: 14px; }
.featured-game { padding: 12px; gap: 8px; border-radius: 36px; }
.game-art { border-radius: 26px; border: 1px solid rgba(255,255,255,.11); }
.game-art img { filter: grayscale(.58) brightness(.78); transition: filter .6s,transform 1s var(--glass-ease); }
.game-art:hover img { filter: grayscale(.1) brightness(.95); transform: scale(1.03); }
.game-copy { padding: 40px 30px; }
.game-copy > p:not(.eyebrow) { font-size: 14px; }
.game-facts { gap: 8px; color: #cdcdcd; }
.game-facts > span { border-color: rgba(255,255,255,.15); background: rgba(255,255,255,.035); }
.art-corner { background: rgba(29,29,29,.72); box-shadow: inset 0 1px 0 rgba(255,255,255,.1); }
.knowledge-section { gap: 80px; padding-block: 80px; }
.knowledge-card { border-radius: 26px; transition: transform .35s var(--glass-ease),border-color .3s; }
.knowledge-card::before { content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse at 100% 0,rgba(235,235,235,.07),transparent 75%); pointer-events: none; }
.knowledge-card:hover { transform: translateY(-4px); border-color: rgba(255,255,255,.35); background: linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025)),rgba(21,21,21,.9); }
.card-index { color: #b7b7b7; }
.line-symbol { color: #cfcfcf; }
.journal-card { border-radius: 28px; padding: 30px; }
.journal-home .journal-card { padding-bottom: 30px; }
.journal-meta { align-items: center; font-size: 9px; color: #c4c4c4; }
.journal-meta > span { padding: 5px 10px; border: 1px solid rgba(255,255,255,.17); border-radius: 100px; background: rgba(255,255,255,.04); }
.journal-meta time { font-size: 10px; }
.journal-card h3 { font-size: clamp(25px,2.8vw,35px); margin-top: 26px; }
.journal-card > p { overflow-wrap: anywhere; }
.journal-card > .text-link { margin-top: auto; padding-top: 24px; }
.journal-home .journal-card > p { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.journal-filter { width: fit-content; padding: 7px; margin-bottom: 34px; border: 1px solid rgba(255,255,255,.15); border-radius: 100px; background: rgba(255,255,255,.04); gap: 8px; }
.journal-filter button { min-height: 42px; border-color: transparent; padding: 9px 17px; font-size: 12px; color: #cfcfcf; }
.journal-filter button:hover { background: rgba(255,255,255,.07); }
.journal-filter button[aria-pressed="true"] { background: linear-gradient(140deg,#fff,#e3e3e3); color: #1b1b1b; border-color: rgba(255,255,255,.7); box-shadow: 0 3px 12px rgba(0,0,0,.1); }
.community-band { border-radius: 36px; padding: 60px; background: radial-gradient(ellipse at 95% -10%,rgba(221,221,221,.12),transparent 60%),linear-gradient(120deg,rgba(255,255,255,.06),rgba(255,255,255,.015)),rgba(21,21,21,.9); }
.community-feature { border-radius: 30px; }
.support-card { border-radius: 29px; }
.game-hero-art { border-radius: 32px; padding: 10px; transform: perspective(1000px) rotateY(-5deg) rotateX(2deg); }
.game-hero-art img { border-radius: 23px; filter: grayscale(.35) brightness(.85); border: 1px solid rgba(255,255,255,.1); }
.game-hero-art figcaption { padding: 17px 10px 9px; color: #c6c6c6; font-size: 7px; }
.gameplay-frame { border-radius: 32px; }
.gameplay-frame img { border-radius: 23px; border: 1px solid rgba(255,255,255,.1); }
.status-grid > article { border-radius: 27px; }
.status-grid h3 { font-size: 25px; line-height: 1.2; }
.source-note { color: #b1b1b1; }
.book-tile { border-radius: 31px; transition: transform .3s var(--glass-ease),border-color .3s; }
.book-tile:hover { transform: translateY(-3px); border-color: rgba(255,255,255,.35); }
.handbook-layout { grid-template-columns: 270px minmax(0,1fr); gap: 25px; }
.handbook-sidebar { padding: 23px 19px 20px; top: 122px; border-radius: 27px; }
.search-wrap label { color: #cecece; }
.search-wrap input { min-height: 45px; border-color: rgba(255,255,255,.2); background: rgba(12,12,12,.4); border-radius: 14px; box-shadow: inset 0 1px 5px rgba(0,0,0,.15); }
.search-wrap input::placeholder { color: #b7b7b7; }
.search-count { color: #bbbbbb; }
.handbook-sidebar nav { max-height: calc(100svh - 370px); min-height: 100px; gap: 3px; }
.handbook-sidebar nav a { padding: 9px 8px; border-radius: 11px; border: 1px solid transparent; color: #cfcfcf; font-size: 11px; }
.handbook-sidebar nav a:hover,.handbook-sidebar nav a[aria-current] { padding-left: 8px; color: white; border-color: rgba(255,255,255,.12); background: linear-gradient(130deg,rgba(255,255,255,.12),rgba(255,255,255,.035)); }
.sidebar-support { margin-top: 18px; padding-top: 18px; }
.handbook-chapter { padding: 32px 36px 37px; border-radius: 28px; scroll-margin-top: 122px; margin-bottom: 22px; background: linear-gradient(130deg,rgba(255,255,255,.025),transparent),rgba(21,21,21,.95); }
.handbook-chapter > h2 { font-size: 36px; line-height: 1.15; }
.handbook-chapter > header .eyebrow { font-size: 8px; }
.copy-link { font-size: 9px; min-height: 36px; color: #cecece; }
.chapter-summary { font-size: 17px; line-height: 1.75; color: #d8d8d8; }
.handbook-section p,.handbook-section li { color: #c8c8c8; line-height: 1.9; }
.chapter-related > span { width: 100%; color: #bababa; }
.chapter-related > a { color: #dedede; border-color: rgba(255,255,255,.17); background: rgba(255,255,255,.04); }
.chapter-related > a:hover { background: rgba(255,255,255,.1); }
.toast { background: #ececec; color: #222222; border: 1px solid rgba(255,255,255,.4); box-shadow: 0 10px 40px rgba(0,0,0,.3); }
.site-footer { width: min(1312px,calc(100% - 64px)); margin: 115px auto 0; padding: 45px 38px 25px; border: 1px solid rgba(255,255,255,.14); border-bottom: 0; border-radius: 35px 35px 0 0; background: linear-gradient(150deg,rgba(255,255,255,.04),transparent),rgba(21,21,21,.8); }
.footer-top { padding-bottom: 42px; }
.footer-top > p { font-size: 13px; }
.footer-links { color: #cccccc; }
.footer-bottom { border-color: rgba(255,255,255,.12); color: #b8b8b8; }
.reveal-visible { animation: content-enter .65s var(--glass-ease) both; }
@keyframes content-enter { from { opacity: .55; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .header-inner { background: linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025)),rgba(21,21,21,.63); backdrop-filter: blur(28px) saturate(110%); -webkit-backdrop-filter: blur(28px) saturate(110%); }
  .float-chip { background: linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.04)),rgba(38,38,38,.68); backdrop-filter: blur(17px); -webkit-backdrop-filter: blur(17px); }
  .glass-object-face { backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
}
@media (max-width: 1100px) {
  .hero-grid { inset-inline: -20px; }
  .header-inner { gap: 14px; padding-inline: 18px; }
  .site-header nav a { padding-inline: 11px; font-size: 11px; }
  .hero h1 { font-size: clamp(61px,7.15vw,80px); }
  .hero-art { height: 405px; }
  .glass-object { width: 86%; }
  .float-chip-guide { top: 25px; right: -7px; }
  .float-chip-game { bottom: 35px; left: 0; }
  .float-chip strong { font-size: 10px; }
  .float-chip p { font-size: 7px; }
  .hero-inner .button { padding-inline: 18px; gap: 18px; font-size: 11px; }
  .hero-inner .hero-description { font-size: 14px; max-width: 370px; }
  .hero-dock a { padding-inline: 13px; gap: 10px; }
  .hero-dock strong { font-size: 11px; }
  .hero-dock small { font-size: 8px; }
  .game-copy { padding: 32px 22px; }
  .knowledge-section { gap: 55px; }
  .community-band { padding: 45px; gap: 30px; }
  .handbook-layout { grid-template-columns: 240px minmax(0,1fr); gap: 20px; }
  .handbook-chapter { padding: 28px; }
  .handbook-chapter > h2 { font-size: 33px; }
}
@media (max-width: 880px) {
  .site-header { top: 10px; padding-top: 10px; }
  .header-inner { width: calc(100% - 40px); min-height: 70px; }
  .brand > .brand-word { font-size: 14px; }
  .site-header nav { gap: 0; }
  .site-header nav a { padding-inline: 10px; font-size: 10px; }
  .nav-discord { font-size: 10px; gap: 12px; padding-inline: 14px; }
  .hero { min-height: 0; padding-top: 20px; }
  .hero-grid { inset-inline: -20px; }
  .hero-layout { grid-template-columns: 1fr; padding-top: 36px; padding-bottom: 15px; }
  .hero-layout > .hero-inner { text-align: center; padding-bottom: 0; }
  .hero h1 { font-size: clamp(65px,10vw,86px); }
  .hero-inner .hero-description { margin-inline: auto; max-width: 510px; font-size: 16px; }
  .hero-inner .button-group { justify-content: center; }
  .hero-inner .button { min-height: 50px; font-size: 12px; padding-inline: 22px; }
  .hero-footnote { justify-content: center; }
  .hero-art { width: min(480px,90%); height: 410px; margin: 0 auto; overflow: clip; overflow-clip-margin: 8px; }
  .glass-object { width: 280px; }
  .float-chip-game { left: 15px; bottom: 35px; }
  .float-chip-guide { right: 18px; top: 40px; }
  .float-chip strong { font-size: 11px; }
  .float-chip p { font-size: 8px; }
  .art-orbit { width: 390px; height: 390px; }
  .art-orbit-second { width: 450px; height: 450px; }
  .knowledge-section { gap: 35px; }
  .journal-card { padding: 26px; }
  .community-band { padding: 40px; }
  .game-hero-art { transform: none; }
  .status-grid h3 { font-size: 21px; }
  .handbook-layout { grid-template-columns: 215px minmax(0,1fr); gap: 16px; }
  .handbook-sidebar { padding: 20px 14px; top: 110px; }
  .handbook-sidebar nav a { font-size: 10px; gap: 7px; padding-inline: 6px; }
  .handbook-chapter { padding: 24px; scroll-margin-top: 110px; }
  .handbook-chapter > h2 { font-size: 31px; }
}
@media (max-width: 640px) {
  html { scroll-padding-top: 110px; }
  .site-header { top: 8px; padding-top: 8px; margin-bottom: 12px; }
  .header-inner { position: relative; width: calc(100% - 24px); min-height: 65px; padding: 10px 15px; gap: 12px; border-radius: 22px; }
  .brand { gap: 8px; }
  .brand-mark { width: 33px; height: 29px; }
  .brand > .brand-word { font-size: 13px; }
  .brand small { font-size: 5px; margin-top: 5px; }
  .js .header-inner { flex-wrap: nowrap; }
  .js .nav-toggle { width: 44px; height: 44px; display: flex; flex-shrink: 0; flex-direction: column; align-items: center; justify-content: center; gap: 5px; margin-left: auto; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; padding: 10px; background: rgba(255,255,255,.055); }
  .nav-toggle > span:not(.sr-only) { width: 16px; height: 1px; margin: 0; background: #f1f1f1; transition: transform .2s; }
  .nav-toggle[aria-expanded="true"] > span:first-child { transform: translateY(3px) rotate(45deg); }
  .nav-toggle[aria-expanded="true"] > span:nth-child(2) { transform: translateY(-3px) rotate(-45deg); }
  .site-header nav { display: flex; width: 100%; justify-content: center; flex-wrap: wrap; }
  .js .site-header nav { display: none; }
  .js .nav-toggle[aria-expanded="true"] + nav { display: flex; position: absolute; top: calc(100% + 10px); left: 0; right: 0; padding: 10px; width: 100%; border: 1px solid rgba(255,255,255,.24); border-radius: 23px; background: rgba(31,31,31,.98); box-shadow: 0 20px 40px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.1); }
  .site-header nav a,.js .site-header nav a { font-size: 14px; min-height: 48px; padding: 13px 16px; border-bottom: 0; }
  body:not(.js) .header-inner { flex-wrap: wrap; }
  body:not(.js) .site-header nav { order: 3; }
  body:not(.js) .nav-toggle { display: none; }
  .nav-discord { min-height: 44px; font-size: 10px; padding: 8px 12px; gap: 10px; }
  .hero { padding-top: 17px; padding-bottom: 0; }
  .hero-grid { inset-inline: -20px; }
  .hero-topline { font-size: 7px; letter-spacing: .1em; }
  .hero-layout { padding-top: 34px; padding-bottom: 10px; }
  .hero-inner > .eyebrow { font-size: 7px; padding: 7px 9px; letter-spacing: .09em; }
  .hero h1 { font-size: clamp(48px,12.5vw,72px); margin-top: 26px; letter-spacing: -.065em; }
  .hero-inner .hero-description { font-size: 14px; line-height: 1.8; margin-top: 23px; max-width: 365px; }
  .hero-inner .button-group { margin-top: 27px; gap: 10px; flex-direction: row; flex-wrap: wrap; }
  .hero-inner .button { min-width: 0; padding: 12px 16px; min-height: 48px; font-size: 10px; gap: 15px; }
  .hero-footnote { margin-top: 20px; font-size: 9px; }
  .hero-art { width: 100%; height: 330px; margin-top: 5px; }
  .glass-object { width: 230px; }
  .art-orbit { width: 300px; height: 300px; }
  .art-orbit-second { width: 340px; height: 340px; }
  .float-chip { border-radius: 15px; padding: 9px 12px; gap: 8px; }
  .float-chip-game { left: -3px; bottom: 22px; padding: 7px 11px 7px 7px; }
  .float-chip-game img { width: 37px; height: 37px; border-radius: 10px; }
  .float-chip strong { font-size: 10px; }
  .float-chip p { font-size: 6px; }
  .float-chip-guide { top: 20px; right: -2px; }
  .float-chip-guide > span { width: 26px; height: 29px; font-size: 10px; }
  .object-caption { font-size: 5px; bottom: 19px; }
  .hero-dock { grid-template-columns: 1fr; border-radius: 24px; padding: 7px; }
  .hero-dock a { padding: 12px 13px; border-radius: 16px; gap: 13px; }
  .hero-dock a + a { border-top: 1px solid rgba(255,255,255,.075); }
  .hero-dock strong { font-size: 12px; }
  .hero-dock small { font-size: 9px; margin-top: 0; }
  .hero-dock a > div { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
  .featured-game { border-radius: 28px; padding: 8px; }
  .game-art { border-radius: 21px; }
  .game-copy { padding: 27px 19px 25px; }
  .game-copy h3 { font-size: 33px; }
  .game-copy > p:not(.eyebrow) { font-size: 13px; }
  .game-copy .button { min-height: 44px; font-size: 10px; padding-inline: 14px; gap: 15px; }
  .knowledge-section { padding-block: 60px; }
  .knowledge-card { border-radius: 24px; }
  .journal-card { padding: 26px; border-radius: 27px; }
  .journal-home .journal-card { padding-bottom: 26px; }
  .journal-meta { font-size: 8px; }
  .journal-meta time { font-size: 9px; }
  .journal-card h3 { font-size: 29px; }
  .journal-filter { gap: 6px; padding: 6px; border-radius: 23px; margin-bottom: 27px; }
  .journal-filter button { min-height: 44px; font-size: 11px; padding: 10px 12px; }
  .community-band { padding: 33px 28px; border-radius: 29px; }
  .community-band h2 { font-size: 36px; }
  .community-feature,.support-card { border-radius: 27px; }
  .game-hero-art { padding: 8px; border-radius: 28px; }
  .game-hero-art img { border-radius: 21px; }
  .gameplay-frame { border-radius: 24px; padding: 7px; }
  .gameplay-frame img { border-radius: 17px; }
  .status-grid > article { border-radius: 26px; }
  .status-grid h3 { font-size: 26px; }
  .book-tile { border-radius: 27px; }
  .handbook-sidebar { padding: 23px; margin-bottom: 20px; border-radius: 25px; top: 0; }
  .search-wrap input { font-size: 16px; min-height: 48px; }
  .search-wrap input::placeholder { font-size: 12px; }
  .handbook-sidebar nav { max-height: none; min-height: 0; }
  .handbook-sidebar nav a { min-height: 38px; font-size: 10px; padding: 7px 10px; }
  .handbook-chapter { padding: 26px 24px 29px; margin-bottom: 15px; border-radius: 25px; scroll-margin-top: 108px; }
  .handbook-chapter > h2 { font-size: 32px; }
  .copy-link { min-height: 44px; font-size: 9px; }
  .chapter-summary { font-size: 16px; }
  .chapter-related > a { font-size: 10px; padding: 9px 12px; min-height: 38px; }
  .site-footer { width: calc(100% - 24px); margin-top: 75px; padding: 34px 23px 22px; border-radius: 29px 29px 0 0; }
  .footer-top { padding-bottom: 31px; }
  .footer-links { font-size: 12px; gap: 15px 22px; }
}
@media (max-width: 359px) {
  .header-inner { padding-inline: 12px; gap: 9px; }
  .brand > .brand-word { font-size: 11px; }
  .brand-mark { width: 30px; height: 26px; }
  .nav-discord { font-size: 9px; padding-inline: 10px; gap: 7px; }
  .hero h1 { font-size: 43px; }
  .hero-inner .button { font-size: 9px; padding-inline: 15px; gap: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { animation: none !important; transition: none !important; }
  .button:hover,.knowledge-card:hover,.book-tile:hover,.game-art:hover img { transform: none; }
}
@media (forced-colors: active) {
  .page-ambient,.hero-grid,.art-aura,.art-orbit { display: none; }
  h1 span { -webkit-text-fill-color: CanvasText; color: CanvasText; background: none; }
  .header-inner,.hero-dock,.knowledge-card,.handbook-sidebar,.handbook-chapter,.journal-card,.community-feature,.support-card { background: Canvas; border-color: CanvasText; box-shadow: none; }
}

/* The studio is the shared home. Each game keeps its own information space. */
.studio-home-hero .hero-description { max-width: 465px; }
.studio-community-chip { padding: 10px 15px 10px 10px; }
.float-chip-symbol { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.16); border-radius: 12px; background: rgba(255,255,255,.05); }
.studio-overview { margin-top: 90px; }
.studio-overview .knowledge-card-wide p { max-width: 300px; }
.studio-journal-section { padding-top: 12px; }
.studio-next { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 26px; align-items: center; padding: 32px 35px; margin-top: 26px; border: 1px solid rgba(255,255,255,.12); border-radius: 28px; background: linear-gradient(130deg,rgba(255,255,255,.035),transparent); }
.next-symbol { display: grid; place-items: center; width: 52px; height: 52px; border: 1px solid rgba(255,255,255,.16); border-radius: 17px; font-size: 26px; color: #c5c5c5; }
.studio-next h3 { margin-top: 10px; font-size: 25px; }
.studio-next p:not(.eyebrow) { margin-top: 12px; max-width: 610px; font-size: 13px; line-height: 1.8; }
.studio-next > .text-link { font-size: 12px; white-space: nowrap; }
.games-library > .featured-game + .featured-game { margin-top: 28px; }
.game-copy:not(:has(.game-facts)) .button-group { margin-top: 24px; }
.studio-statement { display: grid; grid-template-columns: .6fr 1fr; gap: 70px; align-items: center; padding-block: 25px 10px; }
.studio-statement-mark { display: grid; place-items: center; width: min(100%,350px); aspect-ratio: 1; border: 1px solid rgba(255,255,255,.22); border-radius: 32%; background: radial-gradient(ellipse at 20% 0,rgba(255,255,255,.16),transparent 75%),linear-gradient(140deg,rgba(255,255,255,.05),rgba(255,255,255,.015)); box-shadow: inset 0 1px 0 rgba(255,255,255,.14),0 25px 50px rgba(0,0,0,.15); }
.studio-statement-mark .studio-sigil { width: 65%; }
.studio-statement h2 { font-size: clamp(32px,3.5vw,48px); margin-top: 23px; }
.studio-statement p:not(.eyebrow) { margin-top: 24px; font-size: 15px; line-height: 1.9; max-width: 610px; }
.studio-principles,.resource-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.studio-principles > article,.resource-grid > a,.game-community-item,.studio-empty { border: 1px solid rgba(255,255,255,.15); border-radius: 29px; background: linear-gradient(140deg,rgba(255,255,255,.06),rgba(255,255,255,.015)),rgba(20,20,20,.87); box-shadow: inset 0 1px 0 rgba(255,255,255,.07); }
.studio-principles > article { display: flex; flex-direction: column; align-items: flex-start; padding: 32px; }
.studio-principles h3 { font-size: 32px; margin-top: 30px; }
.studio-principles p { margin-top: 23px; font-size: 14px; line-height: 1.85; }
.studio-principles .text-link { margin-top: auto; padding-top: 24px; font-size: 12px; }
.resource-grid > a { position: relative; padding: 30px; transition: border-color .25s,background .25s; }
.resource-grid > a:hover { border-color: rgba(255,255,255,.4); background: rgba(255,255,255,.075); }
.resource-grid strong { display: block; margin-top: 22px; font-size: 25px; font-weight: 550; letter-spacing: -.04em; }
.resource-grid p { margin-top: 12px; max-width: 230px; font-size: 13px; }
.resource-grid > a > span:last-child { position: absolute; top: 25px; right: 28px; font-size: 22px; color: #c6c6c6; }
.game-community-list { display: grid; gap: 20px; }
.game-community-item { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; padding: 34px; }
.game-community-item h3 { font-size: 29px; margin-top: 18px; }
.game-copy h3,.game-community-item h3,.page-intro h1 { overflow-wrap: anywhere; }
.handbook-chapter > h2,.handbook-section h3 { overflow-wrap: anywhere; }
.game-community-item p:not(.eyebrow) { font-size: 13px; line-height: 1.8; margin-top: 18px; max-width: 440px; }
.game-community-item .button { font-size: 11px; min-height: 46px; padding: 12px 17px; gap: 18px; }
.game-community-item .text-link { font-size: 11px; }
.studio-empty { padding: 38px; font-size: 17px; }
.journal-toolbar { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; margin-bottom: 34px; }
.journal-toolbar .journal-filter { padding: 7px; margin: 0; }
.journal-scope { display: flex; align-items: center; gap: 12px; min-width: 0; }
.journal-scope label { font-size: 11px; color: #b8b8b8; }
.journal-scope select { min-width: 0; max-width: 280px; min-height: 48px; font: 12px var(--font); padding: 12px 35px 12px 15px; color: #efefef; border: 1px solid rgba(255,255,255,.22); border-radius: 17px; background: #202020; text-overflow: ellipsis; }
.journal-meta { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: start; gap: 12px; }
.journal-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; min-width: 0; }
.journal-tags > span:first-child { font-size: 8px; letter-spacing: .09em; text-transform: uppercase; padding: 5px 9px; border: 1px solid rgba(255,255,255,.16); border-radius: 100px; background: rgba(255,255,255,.04); }
.journal-tags .news-context { font-size: 9px; letter-spacing: 0; color: #bdbdbd; overflow-wrap: anywhere; }
.journal-meta time { white-space: nowrap; padding-top: 5px; }
@media (max-width: 1100px) {
  .studio-statement { gap: 45px; }
  .studio-principles > article { padding: 27px; }
  .studio-principles h3 { font-size: 29px; }
  .studio-next { grid-template-columns: auto minmax(0,1fr); }
  .studio-next > .text-link { grid-column: 2; padding-top: 0; }
  .resource-grid > a { padding: 26px; }
  .resource-grid strong { font-size: 22px; }
  .game-community-item { grid-template-columns: 1.1fr 1fr; gap: 30px; padding: 30px; }
}
@media (max-width: 880px) {
  .studio-overview { margin-top: 65px; }
  .studio-statement { grid-template-columns: .55fr 1fr; gap: 30px; }
  .studio-statement p:not(.eyebrow) { font-size: 14px; }
  .studio-principles { gap: 14px; }
  .studio-principles > article { padding: 24px; }
  .studio-principles h3 { font-size: 26px; }
  .studio-principles p { font-size: 13px; }
  .game-community-item { display: block; }
  .game-community-item .button-group { margin-top: 26px; }
  .resource-grid { gap: 13px; }
  .resource-grid > a { padding: 24px; }
}
@media (max-width: 640px) {
  .studio-home-hero .hero-description { max-width: 365px; }
  .studio-overview { margin-top: 60px; }
  .studio-next { padding: 25px 22px; gap: 18px; border-radius: 25px; }
  .next-symbol { width: 37px; height: 40px; border-radius: 12px; font-size: 22px; }
  .studio-next .eyebrow { font-size: 7px; }
  .studio-next h3 { font-size: 23px; }
  .studio-next p:not(.eyebrow) { font-size: 12px; }
  .studio-next > .text-link { font-size: 11px; white-space: normal; }
  .studio-statement { grid-template-columns: 1fr; padding-top: 10px; gap: 35px; }
  .studio-statement-mark { width: 210px; margin: 0 auto; }
  .studio-statement h2 { font-size: 34px; }
  .studio-principles,.resource-grid { grid-template-columns: 1fr; gap: 15px; }
  .studio-principles > article { padding: 29px; }
  .studio-principles h3 { font-size: 31px; margin-top: 23px; }
  .studio-principles p { font-size: 14px; margin-top: 20px; }
  .resource-grid strong { font-size: 26px; }
  .resource-grid p { max-width: none; }
  .game-community-item { padding: 27px; }
  .game-community-item h3 { font-size: 28px; }
  .game-community-item .button-group { gap: 10px; }
  .game-community-item .button { padding-inline: 14px; gap: 12px; font-size: 10px; }
  .game-community-item .eyebrow { font-size: 8px; }
  .journal-toolbar { gap: 18px; }
  .journal-toolbar .journal-filter { padding: 6px; }
  .journal-scope { width: 100%; }
  .journal-scope select { flex: 1; max-width: none; font-size: 12px; }
  .journal-tags { gap: 6px; }
  .journal-tags .news-context { font-size: 8px; }
  .journal-meta time { font-size: 8px; }
}
@media (forced-colors: active) {
  .studio-statement-mark,.studio-principles > article,.resource-grid > a,.game-community-item,.studio-next { background: Canvas; border-color: CanvasText; box-shadow: none; }
}
@media (max-width: 380px) {
  .studio-overview .knowledge-grid { grid-template-columns: 1fr; }
  .studio-overview .knowledge-card { grid-column: 1; min-height: 180px; }
}