:root{--color-bg: #141019;--color-bg-elev: #1b1524;--color-bg-header: rgba(20, 16, 25, .85);--color-fg: #ece0c6;--color-muted: #a495ad;--color-faint: #6f6379;--color-gold: #e6b54a;--color-gold-bright: #f4d27a;--color-gold-deep: #b98d2c;--color-arcane: #b48cf2;--color-arcane-soft: #8a63c9;--color-border: #332a44;--color-border-strong: #4a3c63;--shadow: rgba(10, 4, 20, .6);--font-display: "Cinzel", "Georgia", serif;--font-body: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--radius: 4px;--header-h: 64px}:root[data-theme=light]{--color-bg: #d8dccd;--color-bg-elev: #e7eadd;--color-bg-header: rgba(216, 220, 205, .85);--color-fg: #23261f;--color-muted: #545848;--color-faint: #838774;--color-gold: #9c6c17;--color-gold-bright: #c19a3c;--color-gold-deep: #6f4e12;--color-arcane: #5d4a86;--color-arcane-soft: #7d5fb0;--color-border: #b0b3a0;--color-border-strong: #909480;--shadow: rgba(38, 44, 40, .2)}*{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}html,body{margin:0;padding:0;background-color:var(--color-bg);background-repeat:no-repeat,repeat,no-repeat;background-size:auto,180px 180px,cover;background-position:center,center,center top;background-attachment:fixed,fixed,fixed;color:var(--color-fg);font-family:var(--font-body);line-height:1.68;overflow-x:hidden}:root{--grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/></svg>")}body{background-image:linear-gradient(#141019db,#141019ed),var(--grain),url(/silana-desert-bg.webp)}:root[data-theme=light] body{background-image:linear-gradient(#d2d7c857,#d2d7c88f),var(--grain),url(/silana-desert-bg-light.webp)}a{color:var(--color-gold);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--color-gold);outline-offset:3px;border-radius:2px}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.site-header{position:sticky;top:0;z-index:100;background:var(--color-bg-header);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-h);gap:1rem}.header-nav{display:flex;align-items:center;gap:.25rem;margin-right:auto;margin-left:1rem}.nav-link{font-family:var(--font-display);font-size:.95rem;letter-spacing:.03em;color:var(--color-muted);padding:.45rem .7rem;border-radius:6px;transition:color .12s ease,background-color .12s ease}.nav-link:hover{color:var(--color-fg);background:color-mix(in srgb,var(--color-arcane) 14%,transparent);text-decoration:none}@media(max-width:640px){.header-nav .nav-link{padding:.45rem .5rem;font-size:.85rem}}@media(max-width:420px){.header-nav{display:none}}.brand{display:flex;align-items:center;gap:.6rem;height:100%;color:var(--color-fg)}.brand:hover{text-decoration:none}.brand-mark{height:36px;width:36px;display:block}.brand-text{font-family:var(--font-display);font-size:1.15rem;font-weight:600;letter-spacing:.04em;white-space:nowrap}@media(max-width:480px){.brand-text{display:none}}.socials{display:flex;align-items:center;gap:.25rem}.social{display:inline-flex;align-items:center;padding:.5rem;border-radius:6px;color:var(--color-muted);transition:color .12s ease,background-color .12s ease}.social:hover{color:var(--color-fg);background:color-mix(in srgb,var(--color-arcane) 14%,transparent);text-decoration:none}.theme-toggle{flex:none;width:38px;height:38px;border-radius:50%;display:inline-grid;place-items:center;cursor:pointer;font-size:1.05rem;color:var(--color-muted);background:transparent;border:1px solid var(--color-border-strong);transition:color .2s,border-color .2s,transform .3s}.theme-toggle:hover{color:var(--color-gold);border-color:var(--color-gold);transform:rotate(18deg)}.theme-toggle:focus-visible{outline:2px solid var(--color-gold);outline-offset:3px}.social-icon{display:inline-flex;width:20px;height:20px}.social-icon .brand-img{width:20px;height:20px;display:block}.social-label{display:none}.hero{position:relative;padding:clamp(3rem,8vw,6rem) 0 clamp(2rem,5vw,4rem)}.hero-frame{position:relative;max-width:860px;margin-inline:auto;padding:clamp(2.5rem,6vw,4.5rem) clamp(1.5rem,5vw,4rem);text-align:center;border:1.5px solid var(--color-border-strong);background:linear-gradient(var(--color-bg-elev),var(--color-bg-elev)) padding-box,repeating-linear-gradient(45deg,transparent 0 6px,color-mix(in srgb,var(--color-gold) 8%,transparent) 6px 7px) border-box;box-shadow:0 24px 60px -30px var(--shadow),0 0 90px -18px color-mix(in srgb,var(--color-arcane) 34%,transparent),inset 0 0 90px color-mix(in srgb,var(--color-gold) 6%,transparent)}.hero-frame .corner{position:absolute;width:52px;height:52px;color:var(--color-gold);opacity:.9}.corner.tl{top:-3px;left:-3px}.corner.tr{top:-3px;right:-3px;transform:scaleX(-1)}.corner.bl{bottom:-3px;left:-3px;transform:scaleY(-1)}.corner.br{bottom:-3px;right:-3px;transform:scale(-1)}.hero-mark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(500px,70%);opacity:.1;pointer-events:none;z-index:0}.hero-frame>*:not(.hero-mark):not(.corner){position:relative;z-index:1}.hero h1{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4.5rem);margin:0;letter-spacing:.02em;color:var(--color-fg)}.hero h1 .lead{color:var(--color-gold);text-shadow:0 2px 0 color-mix(in srgb,var(--color-gold-deep) 40%,transparent)}.hero p.lede{font-size:1.2rem;color:var(--color-muted);max-width:46ch;margin:1.3rem auto 0}.hero p.lede em{color:var(--color-arcane);font-style:italic}.pips{display:flex;gap:.9rem;justify-content:center;align-items:center;margin:1.8rem 0 2rem}.pips .pip{width:20px;height:20px;border-radius:50%;border:2px solid var(--color-gold-deep);background:radial-gradient(circle at 35% 30%,var(--color-gold-bright),var(--color-gold) 70%);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-gold) 18%,transparent),0 1px 4px var(--shadow);transform:scale(.2);opacity:0;animation:pip-fill .5s cubic-bezier(.2,1.4,.4,1) forwards}.pips .pip:nth-child(1){animation-delay:.35s}.pips .pip:nth-child(3){animation-delay:.6s}.pips .pip:nth-child(5){animation-delay:.85s}.pips .link{width:26px;height:2px;background:var(--color-border-strong)}@keyframes pip-fill{to{transform:scale(1);opacity:1}}.cta-row{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}.hero .cta-row{margin-top:2rem}.cta{display:inline-block;font-family:var(--font-body);font-weight:700;letter-spacing:.01em;font-size:1.02rem;padding:.85rem 1.75rem;border-radius:3px;background:var(--color-gold);color:#1c1206;border:1.5px solid var(--color-gold-deep);box-shadow:0 4px 14px -6px var(--color-gold-deep);transition:transform .15s,box-shadow .2s,background .2s,color .2s}.cta:hover{background:var(--color-gold-bright);transform:translateY(-2px);box-shadow:0 8px 20px -8px var(--color-gold-deep);text-decoration:none}.cta.ghost{background:transparent;border-color:var(--color-border-strong);color:var(--color-fg)}.cta.ghost:hover{border-color:var(--color-arcane);color:var(--color-arcane)}.divider{display:flex;align-items:center;gap:1rem;justify-content:center;margin:clamp(3rem,7vw,4.5rem) 0}.divider .rule{height:1px;width:min(30%,220px);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-fg) 34%,transparent))}.divider .rule.r{background:linear-gradient(270deg,transparent,color-mix(in srgb,var(--color-fg) 34%,transparent))}.divider .diamond{width:8px;height:8px;transform:rotate(45deg);background:var(--color-gold);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-gold) 18%,transparent)}.divider .diamond.arcane{background:var(--color-arcane);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-arcane) 18%,transparent)}.module-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.chips{display:flex;gap:.5rem;flex-wrap:wrap}.chip{font-family:var(--font-body);font-size:.85rem;font-weight:700;letter-spacing:.02em;color:var(--color-fg);background:color-mix(in srgb,var(--color-bg-elev) 88%,transparent);padding:.4rem .85rem;border:1px solid var(--color-border-strong);border-radius:999px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:color .15s,border-color .15s,background-color .15s}.chip:hover{color:var(--color-gold);border-color:var(--color-gold);background:color-mix(in srgb,var(--color-gold) 10%,transparent);text-decoration:none}.filter-input{font-family:var(--font-body);font-size:.95rem;color:var(--color-fg);background:color-mix(in srgb,var(--color-bg-elev) 92%,transparent);border:1px solid var(--color-border-strong);border-radius:6px;padding:.5rem .85rem;min-width:220px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.filter-input::placeholder{color:var(--color-faint)}.filter-input:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px;border-color:var(--color-gold)}.filter-empty{text-align:center;color:var(--color-muted);padding:2rem 0}section.modules{scroll-margin-top:calc(var(--header-h) + 1rem)}section.modules{padding:3rem 0}section.modules:last-of-type{padding-bottom:6rem}section.modules h2{font-family:var(--font-display);font-size:2rem;margin:0 0 .5rem;text-align:center}.section-lede{text-align:center;color:var(--color-fg);margin:0 0 2rem;font-size:.95rem}section.modules h2+.module-grid{margin-top:2rem}.modules--commissioned{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--color-arcane) 4%,transparent));border-top:1px solid var(--color-border)}.module-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.25rem}.module-card{position:relative;flex:1 1 280px;max-width:356px;background:var(--color-bg-elev);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem;transition:transform .16s ease,border-color .16s ease,box-shadow .2s ease;display:flex;flex-direction:column}.module-card:before{content:"";position:absolute;inset:5px;border:1px solid transparent;border-radius:2px;pointer-events:none;transition:border-color .2s}.module-card:hover{transform:translateY(-3px);border-color:var(--color-gold);box-shadow:0 16px 34px -22px var(--shadow)}.module-card:hover:before{border-color:color-mix(in srgb,var(--color-gold) 35%,transparent)}.module-card--commissioned{border-style:dashed}.module-card--commissioned:hover{border-color:var(--color-arcane);transform:none}.module-card--featured{border-top:2px solid var(--color-gold);box-shadow:0 0 24px -8px color-mix(in srgb,var(--color-arcane) 30%,transparent)}.module-card--featured:hover{border-color:var(--color-gold)}.module-card h3{margin:0 0 .5rem;font-family:var(--font-display);font-size:1.35rem;color:var(--color-fg)}.module-card p{margin:0 0 1.25rem;color:var(--color-muted);flex:1}.module-card .badge{display:inline-flex;align-items:center;justify-content:center;line-height:1;font-family:var(--font-body);font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;text-indent:.1em;text-box-trim:trim-both;text-box-edge:cap alphabetic;padding:.42rem .6rem;border-radius:2px;align-self:flex-start;margin-bottom:.75rem}.badge-premium{background:var(--color-gold);color:#1c1206}.badge-commissioned{background:transparent;color:var(--color-arcane);border:1px solid var(--color-arcane-soft)}.badge-featured{background:transparent;color:var(--color-gold);border:1px solid color-mix(in srgb,var(--color-gold) 50%,transparent)}.badge-soon{background:transparent;color:var(--color-muted);border:1px dashed var(--color-border-strong);text-transform:none;letter-spacing:0;text-indent:0;font-size:.72rem}.card-actions{display:flex;gap:.5rem;margin-top:auto}.btn{display:inline-block;font-family:var(--font-body);padding:.55rem .9rem;border-radius:3px;font-size:.95rem;font-weight:700;letter-spacing:.01em;text-align:center;border:1px solid transparent;flex:1}.btn.primary{background:var(--color-gold);color:#1c1206;border-color:var(--color-gold-deep)}.btn.primary:hover{transform:translateY(-1px);color:#1c1206;text-decoration:none}.btn.primary.disabled{background:transparent;color:var(--color-muted);border-color:var(--color-border-strong);border-style:dashed}.btn.primary.disabled:hover{background:transparent;color:var(--color-fg);border-color:var(--color-arcane)}.btn.ghost{background:transparent;color:var(--color-fg);border-color:var(--color-border-strong)}.btn.ghost:hover{border-color:var(--color-arcane);color:var(--color-arcane);text-decoration:none}.fab{position:fixed;right:clamp(1rem,3vw,2rem);bottom:clamp(1rem,3vw,2rem);z-index:200;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;cursor:pointer;color:#1c1206;background:var(--color-gold);border:1px solid var(--color-gold-deep);box-shadow:0 6px 18px -6px var(--shadow),0 0 0 4px color-mix(in srgb,var(--color-gold) 16%,transparent);opacity:0;transform:translateY(12px) scale(.9);pointer-events:none;transition:opacity .2s ease,transform .2s ease,background .15s ease}.fab.show{opacity:1;transform:none;pointer-events:auto}.fab:hover{background:var(--color-gold-bright);transform:translateY(-2px)}.fab:focus-visible{outline:2px solid var(--color-gold-bright);outline-offset:3px}@media(prefers-reduced-motion:reduce){.fab{transition:opacity .2s ease;transform:none}}.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}.hero-motes{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.hero>.container{position:relative;z-index:1}@media(prefers-reduced-motion:no-preference){.hero-frame .corner path{stroke-dasharray:90;stroke-dashoffset:90;animation:draw 1s ease forwards}.hero-frame .corner circle{opacity:0;animation:fade-in .4s ease forwards .7s}.hero-frame .corner.tl path{animation-delay:.15s}.hero-frame .corner.tr path{animation-delay:.3s}.hero-frame .corner.bl path{animation-delay:.45s}.hero-frame .corner.br path{animation-delay:.6s}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes fade-in{to{opacity:1}}.d20{background:transparent;border:none;padding:0;cursor:pointer;display:inline-grid;place-items:center;position:relative;width:54px;height:54px;margin:0 auto .9rem;color:var(--color-gold);transition:transform .2s,color .2s,filter .2s}.d20:hover{transform:translateY(-2px) rotate(6deg)}.d20:focus-visible{outline:2px solid var(--color-gold);outline-offset:4px;border-radius:50%}.d20 svg{width:100%;height:100%}.d20 .d20-num{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--color-fg)}.d20.rolling svg{animation:d20-spin .5s ease}.d20.crit{color:var(--color-gold-bright);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--color-gold) 70%,transparent))}.d20.fumble{color:var(--color-arcane);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--color-arcane) 70%,transparent))}@keyframes d20-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.d20.rolling svg{animation:none}.d20:hover{transform:none}}footer{border-top:1px solid var(--color-border);padding:2.5rem 0;text-align:center;color:var(--color-muted);font-size:.9rem}footer .pips{margin:0 0 1rem}@media(prefers-reduced-motion:reduce){.pips .pip{transform:none;opacity:1;animation:none}}