@font-face{font-family:Modesto Condensed;font-style:normal;font-weight:400;src:url("./modesto-condensed-H3232GXN.woff2") format("woff2")}@font-face{font-family:Modesto Condensed;font-style:normal;font-weight:600 900;src:url("./modesto-condensed-bold-AMCDFPGY.woff2") format("woff2")}@font-face{font-family:Signika;font-style:normal;font-weight:300;src:url("./signika-light-AFXAT4B2.woff2") format("woff2")}@font-face{font-family:Signika;font-style:normal;font-weight:400;src:url("./signika-regular-7WEY5JZB.woff2") format("woff2")}@font-face{font-family:Signika;font-style:normal;font-weight:600;src:url("./signika-semibold-77SIN3CL.woff2") format("woff2")}:root{--bg: #0b0a13;--bg-deep: #060509;--bg-panel: #06050c;--surface: #18141f;--surface-2: #211b29;--surface-3: #2a2235;--border: #302831;--border-gold: #4a3520;--gold: #ee9b3a;--gold-dim: #8b5e2f;--text: #e7d1b1;--text-dim: #9f8475;--text-head: #f7f3e8;--radius: 8px;--radius-lg: 12px;--transition: .28s cubic-bezier(.4, 0, .2, 1);--color-scrollbar: #5d142b;--color-scrollbar-track: transparent;--fallback-gradient-start: #090612;--fallback-gradient-end: #131019;--brand-github: #ffffff;--brand-dnd: #e40712;--brand-dnd-border: #8a0009;--brand-dnd-hover: #ff2030;--brand-youtube: #ff0033;--brand-youtube-border: #990020;--brand-youtube-hover: #ff334d;--note-accent: #b07838;--json-text: #7eb3d8;--success-border: #3d8b40;--success-text: #5cb85c}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");color:var(--text);font-family:Signika,system-ui,sans-serif;font-weight:300;min-height:100vh;overflow-x:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(14px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.site-header{position:relative;padding:3.75rem 1.5rem 0;text-align:center;overflow:hidden;animation:fadeUp .7s ease both;&:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--gold-dim) 30%,var(--gold) 50%,var(--gold-dim) 70%,transparent 100%)}}.site-title{font-family:Modesto Condensed,serif;font-size:clamp(2.1rem,5.5vw,3.3rem);font-weight:900;letter-spacing:.04em;line-height:1.1;color:var(--gold)}.ornament{display:flex;align-items:center;justify-content:center;gap:.8rem;max-width:280px;margin:1.25rem auto;animation:fadeUp .7s .3s ease both;&:before,&:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold-dim))}&:after{background:linear-gradient(90deg,var(--gold-dim),transparent)}i{color:var(--gold-dim);font-size:.55rem}}main{max-width:1240px;margin:0 auto;padding:0 1.5rem 5rem}.site-intro{max-width:640px;margin:0 auto 2.5rem;text-align:center;color:var(--text-dim);font-size:.88rem;p{line-height:1.75;margin-bottom:.25rem}.ornament{margin:.4rem auto}ul{list-style:none;line-height:2}}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.module-card{background:var(--surface);border:1px solid var(--border);border-radius:3px;overflow:hidden;cursor:pointer;position:relative;display:flex;flex-direction:column;transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition);opacity:0;animation:fadeUp .55s ease forwards;&:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 0 6px var(--gold-dim);.card-dim{opacity:.55}.card-img img{filter:brightness(1);transform:scale(1.06)}}}.card-img{aspect-ratio:16 / 9;overflow:hidden;background:var(--bg-deep);position:relative;img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.85);transition:filter .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}}.card-img-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--fallback-gradient-start),var(--fallback-gradient-end));color:var(--border);font-size:2.2rem}.card-dim{position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,10,19,.6) 0%,transparent 55%);opacity:.25;transition:opacity var(--transition);pointer-events:none}.card-version-badge{font-family:Signika,Palatino Linotype,sans-serif;font-size:.77rem;font-weight:600;color:var(--text-dim);flex-shrink:0;i{font-size:.8em}}.card-body{flex:1;padding:1.1rem 1.2rem .85rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.card-name{font-family:Modesto Condensed,serif;font-size:1.25rem;font-weight:600;color:var(--text-head);line-height:1.3}.modal-backdrop{display:none;position:fixed;inset:0;z-index:900;background:#040309e0;backdrop-filter:blur(6px);align-items:center;justify-content:center;padding:1rem;&.open{display:flex;animation:backdropIn .2s ease both}}.modal{background:var(--surface);border:1px solid var(--border);border-top:2px solid var(--gold-dim);border-radius:var(--radius-lg);width:100%;max-width:780px;max-height:90vh;display:flex;flex-direction:column;animation:modalIn .3s cubic-bezier(.34,1.4,.64,1) both;box-shadow:0 24px 80px #000c,0 0 60px #ee9b3a0d;overflow:hidden}.modal-close-bar{flex-shrink:0;display:flex;justify-content:flex-end;padding:.75rem .85rem 0}.modal-close{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;color:var(--text-dim);cursor:pointer;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:.88rem;transition:border-color var(--transition),color var(--transition);&:hover{border-color:var(--gold-dim);color:var(--gold)}}.modal-scroll{overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--color-scrollbar) var(--color-scrollbar-track);&::-webkit-scrollbar{width:5px}&::-webkit-scrollbar-track{background:var(--color-scrollbar-track)}&::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border-radius:99px}}.modal-inner{padding:1rem 1.75rem 1.75rem}.modal-title{font-family:Modesto Condensed,serif;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:700;color:var(--text-head);line-height:1.25;margin-bottom:0}.modal-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.1rem;.modal-title{flex:1;min-width:0}}.modal-link-btns{display:flex;align-items:center;gap:.4rem;flex-shrink:0;padding-top:.25rem}.modal-icon-btn{--icon-color: var(--text-dim);--icon-hover-border: var(--gold-dim);--icon-hover-color: var(--gold);width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:.95rem;border:1px solid var(--border);background:var(--surface-2);cursor:pointer;text-decoration:none;transition:all var(--transition);flex-shrink:0;color:var(--icon-color);&:hover{border-color:var(--icon-hover-border);color:var(--icon-hover-color)}&.modal-icon-btn--dnd{--icon-color: var(--brand-dnd);--icon-hover-border: var(--brand-dnd-border);--icon-hover-color: var(--brand-dnd-hover)}&.modal-icon-btn--github{--icon-color: var(--brand-github)}&.modal-icon-btn--youtube{--icon-color: var(--brand-youtube);--icon-hover-border: var(--brand-youtube-border);--icon-hover-color: var(--brand-youtube-hover)}}.modal-icon-dropdown{position:relative}.modal-dropdown-menu{position:absolute;top:calc(100% + .4rem);right:0;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);min-width:240px;z-index:10;overflow:hidden;box-shadow:0 8px 24px #00000080;a{display:block;padding:.75rem 1rem;font-size:.85rem;color:var(--text);text-decoration:none;transition:background var(--transition),color var(--transition);&:hover{background:var(--surface-3);color:var(--text-head)}}a+a{border-top:1px solid var(--border)}}.modal-dropdown-heading{padding:.5rem 1rem .4rem;font-size:.7rem;font-family:Modesto Condensed,serif;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--border);+a{border-top:none}}.modal-hero{width:calc(100% + 3.5rem);margin:0 -1.75rem;aspect-ratio:16 / 7;overflow:hidden;background:var(--bg-deep);position:relative;img{width:100%;height:100%;object-fit:cover;display:block}&:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,10,19,.45) 0%,transparent 40%);pointer-events:none}}.modal-hero-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--fallback-gradient-start),var(--fallback-gradient-end));color:var(--border);font-size:3rem}.modal-hero-credit{position:absolute;bottom:.45rem;right:.65rem;font-size:.58rem;color:#ffffff61;letter-spacing:.03em;pointer-events:none;z-index:2;text-shadow:0 1px 3px rgba(0,0,0,.7)}.hero-preview-btn{position:absolute;top:.65rem;right:.65rem;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:#080a0dbf;border:1px solid var(--border);border-radius:6px;color:var(--text-dim);font-size:.88rem;cursor:pointer;backdrop-filter:blur(4px);transition:border-color var(--transition),color var(--transition);z-index:2;&:hover{border-color:var(--gold-dim);color:var(--gold)}}.modal-body{padding-top:1.5rem}.modal-sec{font-family:Modesto Condensed,serif;font-size:.68rem;font-weight:600;color:var(--gold);letter-spacing:.2em;text-transform:uppercase;display:flex;align-items:center;gap:.75rem;margin-bottom:.85rem;&:after{content:"";flex:1;height:1px;background:var(--border)}}.packs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:.5rem;margin-bottom:1.5rem}.pack-item{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:.6rem .8rem;display:flex;align-items:flex-start;gap:.6rem}.pack-icon{color:var(--gold-dim);font-size:.9rem;margin-top:.12rem;flex-shrink:0;width:1rem;text-align:center}.pack-icon--svg{width:1rem;height:1rem;display:inline-block;color:var(--gold-dim);background-color:currentColor}.pack-icon--background{-webkit-mask:url("./background-GHC4F7ZW.svg") center / contain no-repeat;mask:url("./background-GHC4F7ZW.svg") center / contain no-repeat}.pack-icon--npc{-webkit-mask:url("./npc-AEXZWJFJ.svg") center / contain no-repeat;mask:url("./npc-AEXZWJFJ.svg") center / contain no-repeat}.pack-icon--subclass{-webkit-mask:url("./subclass-2TSDNKSW.svg") center / contain no-repeat;mask:url("./subclass-2TSDNKSW.svg") center / contain no-repeat}.pack-text{min-width:0}.pack-label{font-size:.78rem;color:var(--text);line-height:1.35}.module-note{display:inline-flex;align-items:center;gap:.45rem;font-size:.72rem;color:var(--note-accent);background:#ee9b3a0f;border:1px solid rgba(238,155,58,.14);border-radius:4px;padding:.35rem .8rem;margin-bottom:1.4rem}.modal-description{margin-bottom:1.5rem;h2{font-family:Modesto Condensed,serif;font-size:.9rem;font-weight:600;color:var(--gold);letter-spacing:.2em;text-transform:uppercase;display:flex;align-items:center;gap:.75rem;margin-bottom:.85rem;&:after{content:"";flex:1;height:1px;background:var(--border)}}p{font-size:.82rem;color:var(--text);line-height:1.6;margin-bottom:.75rem}ul,ol{padding-left:1.4rem;margin-bottom:.75rem}li{font-size:.82rem;color:var(--text);line-height:1.6;margin-bottom:.3rem}strong{color:var(--text-head);font-weight:600}a{color:var(--gold-dim);text-decoration:none;transition:color var(--transition);&:hover{color:var(--gold)}}}.json-block{display:flex;gap:.5rem;align-items:stretch}.json-input{flex:1;min-width:0;appearance:none;-webkit-appearance:none;background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;color:var(--json-text);-webkit-text-fill-color:var(--json-text);font-family:JetBrains Mono,Cascadia Code,Fira Code,Consolas,Courier New,monospace;font-size:.72rem;padding:.5rem .9rem;outline:none;opacity:1;transition:border-color var(--transition);&:focus{border-color:var(--gold-dim)}}.copy-btn{background:var(--surface-3);border:1px solid var(--border-gold);border-radius:5px;color:var(--gold-dim);cursor:pointer;padding:.35rem .6rem;display:flex;align-items:center;gap:.35rem;font-size:.7rem;font-family:Signika,sans-serif;transition:all var(--transition);&:hover{border-color:var(--gold-dim);color:var(--gold)}&.copied{border-color:var(--success-border);color:var(--success-text)}}.modal-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;color:var(--text-dim);font-size:1rem;cursor:pointer;transition:border-color var(--transition),color var(--transition);&:hover{border-color:var(--gold-dim);color:var(--gold)}}.modal-nav-prev{left:1.25rem}.modal-nav-next{right:1.25rem}.lightbox{position:fixed;inset:0;z-index:1000;background:#000000eb;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;&[hidden]{display:none}}.lightbox-inner{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:min(90vw,1200px);padding:0 4rem}.lightbox-img{max-width:100%;max-height:72vh;object-fit:contain;border-radius:var(--radius);display:block}.lightbox-caption{text-align:center;max-width:60ch}.lightbox-heading{font-family:Modesto Condensed,serif;font-size:1.15rem;font-weight:600;color:var(--text-head);margin-bottom:.35rem}.lightbox-desc{font-size:.95rem;color:var(--text);line-height:1.5}.lightbox-close{position:absolute;top:1.25rem;right:1.25rem;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;color:var(--text-dim);font-size:.88rem;cursor:pointer;transition:border-color var(--transition),color var(--transition);&:hover{border-color:var(--gold-dim);color:var(--gold)}}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;color:var(--text-dim);font-size:1rem;cursor:pointer;transition:border-color var(--transition),color var(--transition);&:hover{border-color:var(--gold-dim);color:var(--gold)}}.lightbox-prev{left:1.25rem}.lightbox-next{right:1.25rem}.site-footer{border-top:1px solid var(--border);padding:2.5rem 1.5rem;text-align:center;color:var(--text-dim);font-size:.77rem;letter-spacing:.02em;line-height:1.9;a{color:var(--gold-dim);text-decoration:none;transition:color var(--transition);&:hover{color:var(--gold)}}}.footer-gem{margin:.4rem 0;color:var(--border);font-size:.4rem}@media(max-width:900px){.modal-nav{display:none}}@media(max-width:600px){.site-intro{ul{font-size:.78rem}}.modal-inner{padding:.85rem 1.25rem 1.5rem}.modal-hero{width:calc(100% + 2.5rem);margin:0 -1.25rem}.packs-grid{grid-template-columns:1fr 1fr}}