@font-face{font-family:Silkscreen;src:url('/assets/fonts/retro/silkscreen-Silkscreen-Regular.ttf');font-display:swap}
@font-face{font-family:Atkinson;src:url('/assets/fonts/retro/atkinsonhyperlegible-AtkinsonHyperlegible-Regular.ttf');font-display:swap}
@font-face{font-family:Atkinson;src:url('/assets/fonts/retro/atkinsonhyperlegible-AtkinsonHyperlegible-Bold.ttf');font-weight:700;font-display:swap}
body[data-world]{--coral:var(--world-accent);--text:var(--world-ink);--muted:var(--world-muted);--tile:var(--world-panel);--line:var(--world-line);background:var(--world-bg);color:var(--world-ink)}
body[data-world] .site-header,body[data-world] .site-footer{background:var(--world-bg);border-color:var(--world-line)}
body[data-world] .product-header{max-width:none;border-bottom:1px solid var(--world-line)}
.product-header .brand span{font-size:24px;letter-spacing:-.025em}.product-header .brand img{width:54px;height:54px;object-fit:contain}.product-header .brand small{font:12px/1.5 var(--world-font,inherit);letter-spacing:0;text-transform:none;color:var(--world-muted)}
body[data-world] .parent-link{border-left:1px solid var(--world-line);padding-left:24px;font-size:12px!important;letter-spacing:.08em}
body[data-world] .primary,body[data-world] .nav-cta{background:var(--world-accent);color:var(--world-onaccent)}
body[data-world] .eyebrow,body[data-world] .text-link,body[data-world] .back-link,body[data-world] .resource-type{color:var(--world-accent)}
body[data-world] :is(.reading-tile,.resource-card,.catalog-controls,.library-intro,.detail-intro,.page-intro,.app-feature,.prose>section,.division-card,.capability-grid article){background:var(--world-panel);border-color:var(--world-line);color:var(--world-ink)}
body[data-world] :is(p,.section-lead,.note,.case-intro>p:last-child){color:var(--world-muted)}
body[data-world] :is(input,select,textarea){background:var(--world-bg);color:var(--world-ink);border-color:var(--world-line)}
body[data-world] :is(button,.button,a):focus-visible{outline:3px solid var(--world-accent);outline-offset:4px}
body[data-world] :is(.case-intro,.portfolio-intro):before{background:var(--world-panel);border-color:var(--world-line)}
body[data-world] .menu-toggle{color:var(--world-ink);border-color:var(--world-line)}
body[data-world=simpleapps]{--world-bg:#f1e6c8;--world-panel:#fcf5df;--world-ink:#20283f;--world-muted:#49516a;--world-accent:#294fb5;--world-onaccent:#fff9e8;--world-line:#c0b48f;--world-font:Atkinson;--font-body:Atkinson,sans-serif;--font-display:Silkscreen,monospace;--font-hud:Silkscreen,monospace;font-family:Atkinson,sans-serif;background-image:radial-gradient(#20283f13 .7px,transparent .7px);background-size:7px 7px}
body[data-world=simpleapps] :is(h1,h2,.product-header .brand>span){font-family:Silkscreen,monospace;font-weight:400;letter-spacing:-.055em;text-wrap:balance}
body[data-world=simpleapps] h1{font-size:clamp(32px,4.5vw,62px);line-height:1.13}
body[data-world=simpleapps] h2{font-size:clamp(22px,2.6vw,32px);line-height:1.3}
body[data-world=simpleapps] h3{font-family:Atkinson,sans-serif;font-size:25px;font-weight:700;color:#20283f}
body[data-world=simpleapps] .app-hero{padding:54px 30px 36px;gap:60px;align-items:center}
body[data-world=simpleapps] .app-hero>div>p:not(.eyebrow){font-size:21px;max-width:37ch}
body[data-world=simpleapps] .app-feature{padding:24px 32px 30px;border:2px solid #c0b48f;border-radius:10px;box-shadow:8px 8px 0 #c4b893}
.retro-hero-art{height:290px;display:flex;align-items:center;justify-content:center}.retro-hero-art img{width:330px;height:330px;object-fit:contain;transition:transform .3s ease}
.app-feature:hover .retro-hero-art img{transform:translateY(-8px) rotate(-3deg)}
body[data-world=simpleapps] .button{border-radius:4px;box-shadow:4px 4px 0 #20283f;transition:transform .15s,box-shadow .15s;font-family:Atkinson,sans-serif;font-weight:700}
body[data-world=simpleapps] .button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #20283f}
body[data-world=simpleapps] .resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-world=simpleapps] .reading-tile{border-radius:7px;box-shadow:4px 4px 0 #c4b893}.family-icon{float:right;object-fit:contain;margin:0 0 16px 20px}
body[data-world=simpleapps] .library-intro:after{display:none}
body[data-world=simpleapps] .catalog-controls button,body[data-world=simpleapps] .resource-top button{background:#f1e6c8;color:#20283f;border-color:#a89972}
body[data-world=simpleapps] .catalog-controls button[aria-pressed=true],body[data-world=simpleapps] .resource-top button[aria-pressed=true]{background:#294fb5;color:#fff9e8}
body[data-world=simpleapps] .resource-top img{width:70px;height:70px;border-radius:0}
body[data-world=ledger]{--world-bg:#f2ede3;--world-panel:#fbf8f1;--world-ink:#191714;--world-muted:#675f55;--world-accent:#782335;--world-onaccent:#fbf8f1;--world-line:#cfc4b4;--world-font:Arial;font-family:Arial,sans-serif}
body[data-world=ledger] :is(h1,h2,h3,.brand span){font-family:Georgia,'Times New Roman',serif;font-weight:400}
body[data-world=ledger] h1{letter-spacing:-.045em;font-size:clamp(40px,5.7vw,78px)}
body[data-world=ledger] .case-intro{padding-top:54px;padding-bottom:45px}body[data-world=ledger] .case-intro:before{display:none}body[data-world=ledger] .case-hero img{border-radius:3px;border-color:#cfc4b4}
body[data-world=ledger] .capability-grid article{border-radius:2px;border-top:4px solid #782335}body[data-world=ledger] .capability-grid article span{color:#782335}
body[data-world=windloot]{--world-bg:#09131b;--world-panel:#112330;--world-ink:#e8f5f6;--world-muted:#b0c9d1;--world-accent:#73d7cf;--world-onaccent:#09131b;--world-line:#304b5a;--world-font:Arial;font-family:Arial,sans-serif;background-image:radial-gradient(ellipse at 80% 10%,#1a3949 0,transparent 60%)}
body[data-world=windloot] .tile-art{background:radial-gradient(ellipse at 50% 65%,#27646b,#17273c 65%,#0e1928);border-color:#477a85}
body[data-world=windloot] .tile-art:before{border-color:#73d7cf33;box-shadow:0 0 35px #73d7cf17}
body[data-world=the288]{--world-bg:#09251c;--world-panel:#123329;--world-ink:#f6f8f0;--world-muted:#c0d1c5;--world-accent:#b7dca1;--world-onaccent:#09251c;--world-line:#39564b;--world-font:Arial;font-family:Arial,sans-serif}
.launch-status{border-top:1px solid var(--world-line);padding-top:20px;font-size:14px}
@media(max-width:900px){body[data-world] #navigation{background:var(--world-bg);border-color:var(--world-line)}body[data-world] .parent-link{border-left:0;padding-left:0}}
@media(max-width:600px){.product-header .brand span{font-size:19px}.product-header .brand small{font-size:10px}.product-header .brand img{width:42px;height:42px}body[data-world=simpleapps] .app-hero{padding:32px 20px;gap:28px}body[data-world=simpleapps] .resource-grid{grid-template-columns:1fr}.retro-hero-art{height:220px}.retro-hero-art img{width:260px;height:260px}body[data-world=simpleapps] .app-feature{padding:20px 24px}.family-icon{width:80px;height:80px}}
@media(prefers-reduced-motion:reduce){.retro-hero-art img,body[data-world=simpleapps] .button{transition:none}.app-feature:hover .retro-hero-art img{transform:none}}
html[data-motion=off] .app-feature:hover .retro-hero-art img{transform:none}
body[data-world]{background-color:var(--world-bg)!important;background-image:none!important}
body[data-world=simpleapps]{background-image:radial-gradient(#20283f13 .7px,transparent .7px)!important;background-size:7px 7px!important}
body[data-world] .app-hero>div{background:var(--world-panel);border-color:var(--world-line);box-shadow:none}
body[data-world] .resource-card:hover{background:var(--world-bg)}
body[data-world=simpleapps] .tool-card img{background:transparent;padding:0;width:76px;height:76px;border-radius:0}
body[data-world=simpleapps]{--bg:#f1e6c8;--bg2:#e6d9b7;--panel:#fcf5df;--accent:#294fb5;--accent-deep:#294fb5;--deepred:#294fb5;--base1:#f1e6c8;--base2:#fcf5df;--graymid:#e6d9b7;--graylight:#49516a}
body[data-world=simpleapps] input::placeholder,body[data-world=simpleapps] textarea::placeholder{color:#66697b!important;opacity:1}
body[data-world=simpleapps] .pill{white-space:normal;color:#49516a;background:#e6d9b7}
body[data-world=simpleapps] .tabs button{color:#20283f;min-height:44px}body[data-world=simpleapps] .tabs button.active{color:#fff9e8}
body[data-world=simpleapps] .wrap>a{color:#294fb5!important}body[data-world=simpleapps] .tag{color:#49516a!important}
body[data-world=simpleapps] .err{color:#8a2828;background:#fae4d6}
body[data-world=simpleapps]>a[href="/ventures/simpleapps/"]{color:#294fb5!important}
body[data-world=simpleapps] .simplegames-card,body[data-world=simpleapps] .game-card{background:#fcf5df;color:#20283f;border-color:#c0b48f}
