/* Midnight Studio: shared theme across every Whit3star project. */
:root{--paper:#121518;--ink:#eeede7;--muted:#a9adb0;--blue:#94b9e9;--magenta:#d7b77c;--gold:#d7b77c;--line:#353c41;--panel:#1b2024;--green:#1b2422;--whit-cream:#121518;--whit-ink:#eeede7;--whit-blue:#d7b77c;--mono:Arial,Helvetica,sans-serif;color-scheme:dark}
html{scroll-padding-top:28px}body{background:#121518;color:#eeede7;font:16px/1.7 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}body h1,body h2,body h3{color:inherit}body h1 span{color:#d7b77c;text-shadow:none}body h1{font-size:clamp(44px,6vw,82px);letter-spacing:-.055em}body .shell{max-width:1320px;padding-inline:5%}body .eyebrow,body .overline{font:600 10px/1.7 Arial,Helvetica,sans-serif;letter-spacing:.15em}body .whit-header{border-bottom:1px solid #353c41;background:#121518}body .whit-header-inner{padding-block:25px}body .whit-brand{font:750 22px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.04em}body .whit-brand .whit-star{font-size:23px;color:#d7b77c}body nav.whit-nav a{font-size:13px;font-weight:500;color:#b8bfc3}body nav.whit-nav a:hover,body nav.whit-nav a[aria-current]{color:#f0d49e;border-color:#d7b77c}body .whit-footer{border-color:#353c41;color:#a9adb0}body .whit-footer .whit-brand{font-family:Arial,Helvetica,sans-serif;font-weight:700;color:#eeede7}body a:focus-visible,body button:focus-visible,body input:focus-visible,body select:focus-visible{outline-color:#f0d49e}body .button,body .primary,body .secondary{box-shadow:none;transform:none;min-height:48px;border:1px solid #d7b77c;border-radius:5px;background:#d7b77c;color:#171b1e;font:600 13px/1.5 Arial,Helvetica,sans-serif;text-decoration:none;padding:14px 22px}body .button:hover,body .primary:hover{background:#edd3a1;color:#121518;transform:none}body .secondary{background:transparent;color:#edd3a1}body .text-link{font:600 13px/1.5 Arial,Helvetica,sans-serif;color:#d7b77c}body .whit-menu{display:none}body .whit-section-nav,body .local-nav{border-color:#353c41;font-family:Arial,Helvetica,sans-serif}body .whit-section-nav a,body .local-nav a{font-size:13px;min-height:44px;color:#c0c8cc}body .project-navigation{background:#181d1e;border-color:#353c41}body .boot-line{border:0;color:#a9adb0;padding-block:16px}body .boot-line span:last-child{color:#d7b77c}
/* Homepage gallery */
.studio-intro{padding:90px 0 70px}.studio-intro h1{max-width:950px;margin:24px 0 35px;font-size:clamp(48px,6.9vw,92px);line-height:1.06}.studio-intro-bottom{display:flex;justify-content:space-between;align-items:end;gap:25px;max-width:960px}.studio-intro-bottom p{font-size:18px;line-height:1.65;color:#a9adb0;margin:0}.studio-home .section-heading{border-top:1px solid #353c41;padding:25px 0 28px}.studio-home .section-heading h2{font:600 17px Arial,Helvetica,sans-serif;letter-spacing:-.02em}.studio-home .section-heading>span{font:10px Arial,Helvetica,sans-serif;letter-spacing:.1em;color:#a9adb0}.studio-home .project{border:1px solid #353c41;box-shadow:none;border-radius:12px;background:#1a1f23;margin-bottom:32px;grid-template-columns:1fr 1fr}.studio-home .project-copy,.studio-home .veyr .project-copy{padding:48px;align-self:center}.studio-home .project h2{font:700 clamp(34px,4vw,54px)/1.08 Arial,Helvetica,sans-serif;letter-spacing:-.045em;margin:25px 0 20px;color:#f0eee8}.studio-home .project-copy>p{color:#dddcd5}.studio-home .project-copy .body-copy{font-size:15px;color:#aeb5b9;max-width:430px}.studio-home .overline{color:#aeb5b9;flex-wrap:wrap}.studio-home .status{border:1px solid #4c5953;background:#24302b;color:#b8d5bf;border-radius:20px;font:600 9px Arial,Helvetica,sans-serif;padding:6px 10px}.studio-home .muted-status{background:transparent;border-color:#505958;color:#c3c8c6}.studio-home .tags li{background:transparent;border-color:#3b4449;color:#aeb5b9;border-radius:4px;font:11px Arial,Helvetica,sans-serif;padding:6px 8px}.studio-home .project .button{margin-top:20px}.studio-home .roller .button,.studio-home .archive-home .button{background:#a9c8ef;border-color:#a9c8ef}.studio-home .project .accent{color:#a9c8ef}.studio-home .app-icon{border:0;border-radius:10px}.studio-home .studio-dice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:radial-gradient(ellipse at center,#25423b,#141d1e 70%);border:0;min-height:460px;padding:40px}.studio-home .studio-dice:before{display:none}.studio-home .studio-dice img{position:static;transform:none;width:min(75%,300px);height:auto;filter:none}.studio-dice>span{font-size:12px;color:#b8c8c2}.studio-home .veyr-art{background:#161b1b;border:0;padding:28px}.studio-home .veyr-art img{width:100%;max-width:500px;border:0;border-radius:10px}.studio-home .veyr .world-subtitle{font:400 22px Arial,Helvetica,sans-serif;color:#d7b77c}.studio-home .world-note{border-color:#3f4945}.studio-home .world-note p{font:400 17px/1.6 Arial,Helvetica,sans-serif;color:#c7c9c0}.studio-home .veyr .coming-note{color:#a9adb0}.studio-home .mythos .eyebrow{color:#d7b77c;margin-top:30px}.studio-home .mythos h2 span{color:#d7b77c}.studio-home .case-art:has(.mythos-project-image){border:0;background:#101311;padding:24px;min-height:0}.studio-home .mythos-project-image{max-width:500px;border-radius:12px}.studio-home .archive-home-art{background:#18232c;border:0;color:#c4d7eb;padding:48px}.studio-home .archive-home-art>b{font:700 clamp(80px,10vw,140px)/1 Arial,Helvetica,sans-serif;color:#a9c8ef;letter-spacing:-.07em}.studio-home .archive-home-art>p,.studio-home .archive-home-art>span{font-family:Arial,Helvetica,sans-serif;color:#bed0df}.studio-signoff{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 0}.studio-signoff p{font-size:24px;letter-spacing:-.03em}.studio-signoff span{color:#a9adb0;font-size:13px}
/* Reading pages and tools */
body .rules-section,body .development{background:#1b2223;color:#eeede7}body .rule-pair article p,body .section-deck,body .rule-note,body .difficulty p{color:#b9c2bf}body .range-demo{background:#141a1b;border-color:#404c48;color:#eeede7}body .demo-results,body .rule-pair article+article{border-color:#40504a}body .range{color:#e4c690}body .artwork{box-shadow:none;border-color:#3c4943}body .file-note{background:#171d1e}body .hero-copy>p:last-of-type{color:#b9c2bf}body .intro p{color:#b9c2bf}body input,body select{color:#eeede7;background:#20292d;border:1px solid #687879;border-radius:4px}body .range-demo input[type=range]{accent-color:#d7b77c}body .rules-section table th{background:#26312f;color:#eee9dc}body .rules-section table td{color:#c5cfca}body .rules-section table tr{background:transparent}body .rules-section table th,body .rules-section table td{border-color:#46524d}
body .facts{background:#353c41;border:1px solid #353c41;border-radius:8px;overflow:hidden}body .facts>div,body .archive-card,body .crosslink,body .note,body .chart{background:#1c2327;color:#eeede7;border-color:#353c41;box-shadow:none;border-radius:8px}body .reading p,body .crosslink p,body .note p,body .archive-card p{color:#b5bec3}body .chart button{color:#d2d9dd;font-family:Arial,Helvetica,sans-serif}body .chart button:hover,body .chart button[aria-pressed=true]{background:#2b3c4d;border-color:#94b9e9}body .chart p{color:#a9adb0}body .register-controls{border-color:#353c41}body .register-controls input[type=search]{background:#1c252a;color:#eeede7;border:1px solid #687879;border-radius:4px}body .register-controls button,body #chart-filter button{background:#253440;color:#d0e1f3;border:1px solid #58718a;border-radius:4px}body .table-scroll{border:1px solid #3d494e;border-radius:6px}body th{background:#28343a;color:#eeede7}body td{border-color:#354047;color:#d4dadd}body tr:nth-child(even){background:#1c2429}body .local-nav{border-width:1px}body .archive-hero h1{font-size:clamp(42px,6vw,72px);line-height:1.08}body .archive-card h2,body .reading h2,body .note h2,body .register-section>h2{font-family:Arial,Helvetica,sans-serif;font-weight:600}body .whit-footer p{display:block}
@media(max-width:900px){body .whit-header-inner{flex-direction:row;align-items:center;flex-wrap:wrap;gap:16px}html.whit-js body .whit-menu{display:inline-flex;align-items:center;gap:12px;margin-left:auto;padding:10px 14px;border:1px solid #526066;border-radius:5px;background:transparent;color:#eeede7;font-size:13px;min-height:44px}html.whit-js body header.whit-header nav.whit-nav{display:none;width:100%}html.whit-js body header.whit-header nav.whit-nav.whit-open{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #353c41;padding-top:12px}.studio-intro{padding:64px 0 50px}.studio-home .project-copy,.studio-home .veyr .project-copy{padding:30px}.studio-home .section-heading>span{display:none}}
@media(max-width:700px){.studio-intro-bottom{align-items:start;flex-direction:column;gap:20px}.studio-intro-bottom p{font-size:16px}.studio-home .project{grid-template-columns:1fr}.studio-home .veyr-art{grid-row:2}.studio-home .studio-dice{grid-row:2;min-height:290px;padding:30px}.studio-home .studio-dice img{max-width:210px}.studio-home .project-copy,.studio-home .veyr .project-copy{padding:28px}.studio-home .project h2{font-size:40px}.studio-home .overline{font-size:9px;gap:12px}.studio-home .case-art:has(.mythos-project-image){padding:20px}.studio-home .archive-home-art{padding:30px;min-height:280px}.studio-home .veyr-art{padding:20px}.studio-signoff{align-items:start;flex-direction:column;gap:0}.studio-home .section-heading h2{font-size:16px}body .whit-footer{margin-top:30px}.studio-home .project .button{width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Veyr's original palette tokens distinguish dark surfaces from pale text. */
body.world-page{--ink:#121817;--paper:#eeede7;--muted:#b9bfb4}body.world-page .duties-section{background:#202825;color:#eeede7}body.world-page .duties-intro,body.world-page .duty-list p{color:#bbc5bc}body.world-page .duties-section .eyebrow,body.world-page .duty-list article>span{color:#d7b77c}body.world-page .duty-list article{border-color:#455147}

/* Parts library: one focused catalogue, with explicit studio typography. */
body.parts-page h1,body.parts-page h2,body.parts-page p,body.parts-page a,body.parts-page button{font-family:Arial,Helvetica,sans-serif}
.parts-page .catalogue-heading{padding:64px 0 30px}.parts-page .catalogue-heading h1{font-size:clamp(40px,6vw,68px);line-height:1.1;margin:20px 0}.parts-page .catalogue-panel{max-width:760px;margin:40px 0 72px;padding:36px;border:1px solid #353c41;border-radius:10px;background:#1c2327}.parts-page .catalogue-panel h2{font-size:26px;margin:0 0 18px;line-height:1.3}.parts-page .catalogue-panel p{color:#b5bec3;line-height:1.8}.parts-page .catalogue-panel .button{display:inline-flex;gap:32px;margin-top:20px}.parts-page .catalogue-panel .button span{font-size:12px}
@media(max-width:600px){.parts-page .catalogue-heading{padding-top:35px}.parts-page .catalogue-panel{padding:24px;margin-block:25px 45px}.parts-page .catalogue-panel h2{font-size:23px}.parts-page .catalogue-panel .button{width:100%;justify-content:space-between}}

/* Keep Unquiet document downloads separate and easy to tap. */
#core-rules .button{display:inline-flex;gap:22px;margin:12px 12px 18px 0}#core-rules .button.secondary{background:transparent;color:#e4c690} @media(max-width:600px){#core-rules .button{display:flex;justify-content:space-between;margin-right:0}}

/* Supplied Whit3star retro identity v2. */
body .whit-brand{gap:0}body .whit-identity-icon{display:block;width:44px;height:44px;margin-right:12px;flex:none}body .whit-footer .whit-identity-icon{width:34px;height:34px}@media(max-width:380px){body .whit-header .whit-brand{font-size:18px}body .whit-identity-icon{width:38px;height:38px;margin-right:9px}}

/* Solid Veyr CTA, including hover/focus states. */
body.studio-home .veyr .button.gold-button{background:#d7b77c;border-color:#d7b77c;color:#171b1e;box-shadow:none}body.studio-home .veyr .button.gold-button:hover,body.studio-home .veyr .button.gold-button:focus-visible{background:#edd3a1;border-color:#edd3a1;color:#171b1e}

/* Plain, solid project actions: no contrasting edge, shadow or icon. */
body.studio-home .roller a.button,body.studio-home .veyr a.button,body.veyr-world a.button.primary,body .veyr-page a.button.primary{border:0;box-shadow:none;background-image:none;justify-content:center;gap:0}
body.studio-home .roller a.button{background:#a9c8ef;color:#121518}
body.studio-home .roller a.button:hover,body.studio-home .roller a.button:active{background:#c5dcf8;color:#121518}
body.studio-home .veyr a.button.gold-button,body .hero-actions a.button.primary{border:0;box-shadow:none;background:#d7b77c;color:#171b1e;background-image:none;justify-content:center}
body.studio-home .veyr a.button.gold-button:hover,body.studio-home .veyr a.button.gold-button:active,body .hero-actions a.button.primary:hover,body .hero-actions a.button.primary:active{border:0;box-shadow:none;background:#edd3a1;color:#171b1e}
body.studio-home .roller a.button::before,body.studio-home .roller a.button::after,body.studio-home .veyr a.button::before,body.studio-home .veyr a.button::after,body .hero-actions a.button.primary::before,body .hero-actions a.button.primary::after{content:none;display:none}

/* Unquiet action: a solid green button with readable light text. */
body.studio-home .mythos a.button{border:0;box-shadow:none;background:#294638;background-image:none;color:#f5f0e6;justify-content:center;gap:0}
body.studio-home .mythos a.button:hover,body.studio-home .mythos a.button:focus-visible,body.studio-home .mythos a.button:active{border:0;box-shadow:none;background:#355947;color:#f5f0e6}
body.studio-home .mythos a.button::before,body.studio-home .mythos a.button::after{content:none;display:none}