/* Approved Saphir composition, 28 October 2026. Shared theme. */
@font-face{font-family:'CSWerk';src:url('assets/fonts/libre-franklin-1.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--brand-accent:#7fa8f5;--brand-rgb:127,168,245;--accent-rgb:127,168,245;--display:'CSWerk','Segoe UI',Arial,sans-serif;--reading:var(--display);--ink:#f5f7fc;--muted:#b7c3d5;--paper:#0c1119;--soft:#111c2c;--line:#314158;--accent:#7fa8f5;--accent-dark:#abc6fa;--nav:#0c1119;--width:1320px;--graphite:#f5f7fc;--dark:#0c1119;--porcelain:#f5f7fc;--sage:#17263c;--forest:#7fa8f5;--bg:#0c1119}
html{background:var(--paper);scroll-padding-top:28px}body.werkstatt-site{min-width:0;background:radial-gradient(ellipse 65% 650px at 72% 180px,#19304d70,transparent 80%),var(--paper);color:var(--ink);font:450 17px/1.65 var(--display);font-synthesis:none}.werkstatt-site :is(h1,h2,h3){font-family:var(--display);text-wrap:balance;letter-spacing:-.045em}.werkstatt-site h1{font-weight:800}.werkstatt-site p{max-width:72ch}.werkstatt-site :is(a,button,summary){touch-action:manipulation}.werkstatt-site :is(.frame,.wrap){width:min(var(--width),calc(100% - 96px));margin-inline:auto}.werkstatt-site :is(.product-copy,.product-hero>*,.editorial-heading>*,.project-copy,.hero-copy){min-width:0}.werkstatt-site :is(button,input,select){font:inherit}.werkstatt-site ::selection{background:var(--accent);color:#0c1119}
/* Glass is reserved for the floating navigation. */
.werkstatt-site .site-header{position:relative;z-index:10;margin:24px auto 0;width:min(var(--width),calc(100% - 96px));background:#111c2cda;color:var(--ink);border:1px solid #526b896b;border-radius:22px;box-shadow:0 10px 35px #0002;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.werkstatt-site .site-header .header-inner{width:100%;padding:8px 26px;min-height:70px;display:flex;align-items:center;gap:30px}.werkstatt-site .site-brand{display:flex;align-items:center;flex:none;min-height:48px}.werkstatt-site .site-brand img{width:170px;height:50px;object-fit:contain}.werkstatt-site .main-nav{display:flex;align-items:center;justify-content:center;gap:30px;margin:0 auto}.werkstatt-site .main-nav :is(a,button){position:relative;display:flex;align-items:center;min-height:46px;padding:6px 0;font:500 15px/1.4 var(--display);color:#c6d0df;text-decoration:none;white-space:nowrap;background:none;border:0;cursor:pointer}.werkstatt-site .main-nav :is(a,button):hover{color:var(--ink)}.werkstatt-site .main-nav [aria-current]{color:var(--ink);font-weight:650}.werkstatt-site .main-nav [aria-current]:after{content:'';position:absolute;bottom:2px;left:0;right:0;height:3px;border-radius:3px;background:var(--accent)}.werkstatt-site .main-nav .nav-search{width:44px;height:44px;min-height:44px;justify-content:center;border:1px solid #56708a5e;border-radius:50%;background:#24334766;margin-left:20px}.werkstatt-site .nav-search svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.werkstatt-site .nav-toggle{display:none;margin-left:auto;min-height:44px;padding:8px 14px;border-radius:12px;background:#1b2a40;border:1px solid var(--line);color:var(--ink);font-size:14px}.werkstatt-site .header-utility{display:flex;gap:12px;align-items:center;margin-left:auto}.werkstatt-site .main-nav+.header-utility{margin-left:0}
.werkstatt-site .button,.werkstatt-home :is(.primary,.secondary),.werkstatt-site .surprise-button,.werkstatt-site .finder button{min-height:48px;padding:12px 22px;border-radius:999px;font:650 15px/1.4 var(--display);box-shadow:none;transition:background .16s,border-color .16s;color:var(--ink)}.werkstatt-site :is(.button.primary,.button.dark,.button.green),.werkstatt-home .hero-copy .primary{background:var(--accent);border:1px solid var(--accent);color:#0c1627}.werkstatt-site :is(.button.primary,.button.dark,.button.green):hover,.werkstatt-home .hero-copy .primary:hover{background:#a0bef9;border-color:#a0bef9;color:#0c1627;transform:none}.werkstatt-site :is(.button.secondary,.surprise-button,.finder button),.werkstatt-home .secondary{background:#17263c;color:var(--ink);border-color:#405673}.werkstatt-site :is(.button.secondary,.surprise-button,.finder button):hover,.werkstatt-home .secondary:hover{background:#213650;border-color:var(--accent);transform:none}.werkstatt-site :is(.editorial-link,.quiet-link){display:inline-flex;align-items:center;min-height:44px;font:550 15px/1.5 var(--display);color:var(--accent);text-underline-offset:6px}.werkstatt-site :is(.button,button):active{transform:none;filter:brightness(.93)}
/* Replace every inherited light content surface. */
.werkstatt-site :is(.finds-section,.play-section,.knowledge-section,.search-world,.feature-section,.tools-section,.howto,.details-band,.about-band,.site-footer,.projects-section){background:transparent;color:var(--ink)}.werkstatt-site :is(.product-shot,.app-media,.tool-grid .app-media,.brand-board,.checksum code,.discover-block,.search-result,.resource,.find-card,.knowledge-card,.finder,.discovery-controls,.project-media,.project-radio,.project-event,.play-shooter,.play-snake,.knowledge-list>a,.shortcut-note,.find-feature){background:var(--soft);color:var(--ink);border:1px solid var(--line);box-shadow:none}.werkstatt-site :is(.product-shot,.app-media,.resource,.knowledge-list>a,.search-result){border-radius:18px}.werkstatt-site :is(.discovery-pick,.discovery-pick:nth-child(2),.discovery-pick:nth-child(3)){background:var(--soft);color:var(--ink);border-color:var(--line)}.werkstatt-site :is(.discovery-pick,.search-result,.knowledge-list>a):hover{background:#17263c;border-color:#657fa5;transform:none;box-shadow:none}.werkstatt-site :is(.editorial-heading>p,.product-description,.product-meta,.product-kind,.app-copy p,.feature p,.product-columns p,.product-columns li,.collection-note,.legal p,.legal li,.tip-body,.resource-type,.resource>p,.search-result p,.search-result small,.footer-copy,.breadcrumbs,.back,.section-head p,.result-status,.search-status,.project-copy>p,.play-copy>p,.app-platform-note,.maker-section p,.knowledge-list p,.shortcut-note>p:not(.shortcut-title),.find-feature p){color:var(--muted);font-family:var(--display)}.werkstatt-site :is(.pick-kind,.pick-action,.knowledge-list span,.find-feature span){color:var(--accent)}.werkstatt-site .pick-symbol{background:#203252;color:var(--accent)}.werkstatt-site :is(.finder input,.finder select,.search-field input){min-width:0;background:#152239;color:var(--ink);border:1px solid #4b6280;border-radius:12px;min-height:50px}.werkstatt-site :is(input,select)::placeholder{color:#aebed4;opacity:1}.werkstatt-site :is(.empty,.notice){background:#2d271c;color:#f1d5a2;border:1px solid #79623c}.werkstatt-site kbd,.werkstatt-site .shortcut-keys kbd{background:#20314c;color:var(--ink);border-color:#536b8d}.werkstatt-site :is(.interest-buttons button,.filters button){background:transparent;color:var(--muted);border:1px solid transparent;border-radius:999px;min-height:44px}.werkstatt-site :is(.interest-buttons button,.filters button):hover{background:#21324d;color:var(--ink)}.werkstatt-site :is(.interest-buttons button[aria-pressed=true],.filters button[aria-pressed=true]){background:#263d60;color:var(--ink);border-color:#6a8ec5}.werkstatt-site .tip summary:after{color:var(--accent)}.werkstatt-site .discovery-controls{padding:10px;border-radius:18px}.werkstatt-site .product-shot{padding:24px;min-height:340px}.werkstatt-site .product-shot .product-artwork{width:210px;max-height:280px;border-radius:38px;box-shadow:0 24px 70px #0004}.werkstatt-site .product-shot figcaption{color:var(--muted);max-width:48ch}.werkstatt-site .product-hero{padding-block:25px 70px;gap:72px}.werkstatt-site .product-lead{line-height:1.4}.werkstatt-site .feature-section{border-block:1px solid #31415866}.werkstatt-site .feature-grid{gap:40px 64px}.werkstatt-site .breadcrumbs{margin-block:32px}.werkstatt-site :is(.legal p,.legal li,.product-columns p,.product-columns li){font-size:17px;line-height:1.8}.werkstatt-site .tip-body{line-height:1.8}.werkstatt-site .footer-inner{border-top:1px solid var(--line);padding-top:30px}.werkstatt-site .footer-nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--muted)}.werkstatt-site .footer-brand img{width:150px;height:auto}.werkstatt-site .site-footer{padding-block:20px 40px}.werkstatt-site :is(.discovery-section,.finds-section,.knowledge-section,.projects-section,.play-section,.search-world){padding-block:65px}.werkstatt-site .maker-section{padding-block:60px}.werkstatt-site .editorial-heading{gap:60px}.werkstatt-site .editorial-heading h2{max-width:22ch}.werkstatt-site .editorial-heading>p{font-size:17px;line-height:1.7}.werkstatt-site .find-feature{border-radius:20px}.werkstatt-site .knowledge-list>a{padding:26px}.werkstatt-site .shortcut-note{padding:28px;border-radius:20px}.werkstatt-site .shop-overview{padding:30px 0 85px}.werkstatt-site .shop-category img{border-radius:20px}
.werkstatt-site.wd-shop{--graphite:#f5f7fc;--dark:#0c1119;--porcelain:#f5f7fc;--sage:#17263c;--forest:#7fa8f5;--white:#0c1119;--mist:#111c2c;--line:#314158;--muted:#b7c3d5;background:radial-gradient(ellipse 65% 650px at 72% 180px,#19304d70,transparent 80%),var(--paper);font-family:var(--display)}.werkstatt-site.wd-shop :is(.serif,.product .story,.hero-copy .intro){font:450 19px/1.7 var(--display)}.werkstatt-site.wd-shop :is(.preview-note,.product .price-note,.questions details p,.trademark,.more-worlds p,.cart-item p,.footer-row p,.hero-copy>p:not(.series),.product .features){color:var(--muted)}.werkstatt-site.wd-shop .selection-dialog{background:var(--soft);color:var(--ink);border:1px solid #526b89;border-radius:20px;padding:28px;overscroll-behavior:contain}.werkstatt-site.wd-shop .selection-dialog::backdrop{background:#050a13cc;backdrop-filter:blur(8px)}.werkstatt-site.wd-shop .bag-link{background:#20314c;border:1px solid #4b6280;border-radius:999px;min-height:44px;white-space:nowrap;font-size:13px}.werkstatt-site.wd-shop .bag-link span{background:var(--accent);color:#0c1627}.werkstatt-site.wd-shop .select-button[aria-pressed=true]{background:#203b61;color:var(--ink);border-color:var(--accent)}.werkstatt-site.wd-shop .light,.werkstatt-site.wd-shop .green{background:var(--accent);color:#0c1627;border-color:var(--accent)}.werkstatt-site.wd-shop .light:hover,.werkstatt-site.wd-shop .green:hover{background:#a0bef9;color:#0c1627}.werkstatt-site.wd-shop .device-demo{border-radius:20px;background:#080d15}.werkstatt-site.wd-shop .scene-picker button:hover{background:#20314c}.werkstatt-site.wd-shop .concept-note{background:var(--soft);border-radius:18px}.werkstatt-site.wd-shop .status{background:#243b61;border-radius:12px}.werkstatt-site.wd-shop :is(.ideas-main,.idea-group,.details-grid,.questions,.more-worlds)>*{min-width:0}.werkstatt-site.wd-shop .hero-grid{padding-top:55px}.werkstatt-site.wd-shop .hero-stage{max-width:100%;width:100%;margin-left:0}.werkstatt-site.wd-shop .hero-stage figcaption{margin-right:0}.werkstatt-site.wd-shop .shop-footer{border-top:1px solid var(--line)}.werkstatt-site.wd-shop .footer-row nav a{min-height:44px;display:inline-flex;align-items:center}.werkstatt-site .shop-subnav{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding-block:16px;font-size:14px;color:var(--muted)}.werkstatt-site .shop-subnav a{min-height:44px;display:inline-flex;align-items:center}
@media(min-width:1600px){:root{--width:1500px}}
@media(max-width:1180px){.werkstatt-site .main-nav{gap:22px}.werkstatt-site .site-header .header-inner{gap:20px;padding-inline:22px}.werkstatt-site .main-nav .nav-search{margin-left:0}.werkstatt-site.wd-shop .site-brand img{width:140px}.werkstatt-site.wd-shop .main-nav{gap:16px}.werkstatt-site.wd-shop .main-nav :is(a,button){font-size:14px}.werkstatt-site.wd-shop .bag-link{font-size:12px;padding-inline:10px}.werkstatt-site .product-hero{gap:40px}}
@media(max-width:960px){.werkstatt-site :is(.frame,.wrap){width:calc(100% - 48px)}.werkstatt-site .site-header{width:calc(100% - 48px);margin-top:18px;border-radius:18px}.werkstatt-site .site-header .header-inner{flex-wrap:wrap;min-height:68px;gap:0;padding:8px 18px}.werkstatt-site .site-brand img{width:150px;height:46px}.werkstatt-site .nav-toggle{display:block}.werkstatt-site .main-nav{display:none;flex-basis:100%;order:3;flex-direction:column;align-items:stretch;gap:0;margin:8px 0}.werkstatt-site .main-nav.open{display:flex}.werkstatt-site .main-nav :is(a,button){padding:12px 14px;min-height:48px;font-size:16px}.werkstatt-site .main-nav [aria-current]:after{inset:14px auto 14px 0;width:3px;height:auto}.werkstatt-site .main-nav .nav-search{width:auto;justify-content:flex-start;gap:12px;border:0;border-radius:10px;margin:0;background:transparent}.werkstatt-site .nav-search .sr-only{position:static;width:auto;height:auto;clip:auto;overflow:visible}.werkstatt-site .header-utility{margin-left:12px}.werkstatt-site .shop-category{gap:30px}.werkstatt-site.wd-shop .main-nav :is(a,button){font-size:16px}.werkstatt-site.wd-shop .site-brand img{width:145px}.werkstatt-site .editorial-heading{gap:30px}.werkstatt-site .product-hero{gap:34px}}
@media(max-width:760px){.werkstatt-site :is(.frame,.wrap){width:calc(100% - 40px)}.werkstatt-site .site-header{width:calc(100% - 32px);margin-top:16px}.werkstatt-site .site-header .header-inner{padding:7px 14px;min-height:64px}.werkstatt-site .site-brand img{width:142px;height:42px}.werkstatt-site :is(.discovery-section,.finds-section,.knowledge-section,.projects-section,.play-section,.search-world,.maker-section){padding-block:42px}.werkstatt-site .editorial-heading{display:block}.werkstatt-site .editorial-heading>p{font-size:16px;margin-top:14px}.werkstatt-site .editorial-heading h2{font-size:32px}.werkstatt-site .product-hero{grid-template-columns:1fr;gap:30px;padding-block:8px 42px}.werkstatt-site .product-shot{min-height:0;padding:28px 20px}.werkstatt-site .product-shot .product-artwork{width:160px;border-radius:30px}.werkstatt-site .product-hero h1{font-size:clamp(37px,10vw,48px)}.werkstatt-site .product-description{font-size:17px}.werkstatt-site :is(.legal p,.legal li,.product-columns p,.product-columns li){font-size:16px}.werkstatt-site .breadcrumbs{margin-block:24px}.werkstatt-site .shop-category{grid-template-columns:1fr;gap:24px}.werkstatt-site .shop-category h2{font-size:32px}.werkstatt-site .footer-nav{gap:0 22px}.werkstatt-site .footer-inner{gap:22px}.werkstatt-site .footer-copy{font-size:14px}.werkstatt-site .discovery-controls{padding:8px}.werkstatt-site .surprise-button{font-size:14px}.werkstatt-site .interest-buttons button{font-size:12px;padding-inline:5px}.werkstatt-site .knowledge-list>a{padding:22px}.werkstatt-site.wd-shop .hero-copy h1{font-size:clamp(37px,10vw,48px)}.werkstatt-site.wd-shop .hero-stage{width:100%;max-width:100%;margin:25px 0 0}.werkstatt-site.wd-shop .hero-stage .device-demo{border-radius:16px}.werkstatt-site.wd-shop .hero-stage figcaption{padding-inline:0}.werkstatt-site.wd-shop .site-brand img{width:130px}.werkstatt-site.wd-shop .bag-link{font-size:12px;gap:6px;padding-inline:10px}.werkstatt-site.wd-shop .header-utility{margin-left:10px}.werkstatt-site.wd-shop .bag-link .bag-text{display:none}.werkstatt-site.wd-shop .hero-copy .intro{font-size:18px}.werkstatt-site .shop-subnav{gap:18px;padding-block:6px}.werkstatt-site .maker-mark img{width:100px}.werkstatt-site .feature-grid{gap:28px}.werkstatt-site .shortcut-note{padding:23px}}
@media(max-width:390px){.werkstatt-site .site-header .header-inner{padding-inline:12px}.werkstatt-site .site-brand img{width:128px}.werkstatt-site.wd-shop .site-brand img{width:112px}.werkstatt-site.wd-shop .header-utility{margin-left:6px}.werkstatt-site.wd-shop .bag-link{padding-inline:8px}.werkstatt-site .nav-toggle{font-size:12px;padding-inline:10px}.werkstatt-site .button{padding-inline:18px}}
@media(prefers-reduced-transparency:reduce){.werkstatt-site .site-header{background:#111c2c;backdrop-filter:none;-webkit-backdrop-filter:none}.werkstatt-site dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}.werkstatt-site .hotspot{background:#152239;backdrop-filter:none}}
@media(prefers-contrast:more){:root{--muted:#d0d9e7;--line:#6a83a6}.werkstatt-site .site-header{background:#111c2c;backdrop-filter:none}}
@media(forced-colors:active){body.werkstatt-site{background:Canvas;color:CanvasText}.werkstatt-site :is(h1,h2,h3,p,a,button){color:inherit}.werkstatt-site :is(.site-header,.resource,.discovery-pick,.find-feature,.knowledge-list>a,.product-shot,dialog){background:Canvas;border:1px solid CanvasText;box-shadow:none;backdrop-filter:none}.werkstatt-site :is(.button,button,input,select){border:1px solid ButtonText}.werkstatt-site .main-nav [aria-current]:after{background:Highlight}.werkstatt-site :is(a,button,input,select,summary):focus-visible{outline:3px solid Highlight}.werkstatt-site .stage-light{display:none}}

.werkstatt-site :is(a,button,input,select,summary,textarea):focus-visible{outline:3px solid var(--accent);outline-offset:5px}.werkstatt-site :is(.button,.surprise-button,.finder button){border:1px solid var(--line)}.werkstatt-site :is(.button.primary,.button.dark,.button.green),.werkstatt-home .hero-copy .primary{border-color:var(--accent)}.werkstatt-site .play-section .play-shooter .button.primary{background:var(--accent);color:#0c1627}.werkstatt-site .play-section .play-shooter .button.primary:hover{background:#a0bef9;color:#0c1627;transform:none}.werkstatt-site .skip{background:var(--ink);color:var(--paper);border-radius:8px}.werkstatt-site .shop-category{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:55px;align-items:center;text-decoration:none}.werkstatt-site .shop-category p{color:var(--muted);margin-block:16px 24px}.werkstatt-site .shop-category:hover h2{text-decoration:underline;text-underline-offset:7px}.werkstatt-site.wd-shop :is(.series,.scene-picker button[aria-pressed=true]){color:var(--accent)}.werkstatt-site.wd-shop .scene-picker button[aria-pressed=true]{border-color:var(--accent)}.werkstatt-site .maker-mark img{max-width:200px;width:100%;height:auto;margin:auto}.werkstatt-site :is(.site-brand,.featured-card,.directory-card){text-decoration:none}
@media(max-width:760px){.werkstatt-site .shop-category{grid-template-columns:1fr;gap:24px}.werkstatt-site .maker-mark img{width:100px}.werkstatt-site.wd-shop .site-header .header-utility{margin-left:8px}.werkstatt-site.wd-shop .bag-link .bag-text{display:none}.werkstatt-site.wd-shop .bag-link{padding:7px 9px;gap:0}.werkstatt-site.wd-shop .bag-link span[data-cart-count]{background:var(--accent);color:#0c1627;min-width:24px;min-height:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.werkstatt-site *,.werkstatt-site *:before,.werkstatt-site *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.werkstatt-site .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.werkstatt-site.wd-shop .bag-link .bag-text{display:inline;min-width:0;min-height:0;background:transparent;color:inherit;border-radius:0;font-size:13px}.werkstatt-site .discover-block:last-child{background:var(--soft)}.werkstatt-site :is(h1,h2,h3,.legal a,.product-description a,.product-columns a){overflow-wrap:anywhere}
@media(max-width:960px){.werkstatt-site .nav-search .sr-only{position:static;width:auto;height:auto;margin:0;clip:auto;overflow:visible}}
@media(max-width:760px){.werkstatt-site.wd-shop .bag-link .bag-text{display:none}}
@media(forced-colors:active){.werkstatt-site :is(a,button,input,select,summary):focus-visible{outline:3px solid Highlight}.werkstatt-site :is(.featured-card,.shortcut-note,.project-media,.project-radio,.project-event,.play-shooter,.play-snake,.finder,.discovery-controls){background:Canvas;color:CanvasText;border-color:CanvasText}}
