@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Nunito:wght@400;500;600;700&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.handbook{text-align:left;color:#eee0f7;gap:16px;max-width:850px;margin:32px auto 0;display:grid}.handbook>.page-panel{background:#21172dee;border:1px solid #8b6b9a;border-radius:8px;padding:clamp(18px,4vw,30px)}.handbook h2{margin:0 0 12px;font-size:clamp(20px,3vw,28px)}.handbook ul,.handbook dl{margin:0;line-height:1.6}.handbook ul{padding-inline-start:1.3em}.handbook li+li{margin-top:8px}.handbook-command{padding-block:8px}.handbook-command+.handbook-command{border-top:1px solid #70567e}.handbook-command dd{margin:2px 0 0}.handbook-command code{color:#f2ce92;overflow-wrap:anywhere}.handbook>a{color:#f2ce92;width:fit-content;text-decoration:underline}.chronicles{--chronicles-gold:#f2ce92;--chronicles-text:#e4d3ed;--chronicles-line:#99704c;max-width:1260px;color:var(--chronicles-text);margin-inline:auto;padding:clamp(36px,6vw,76px) clamp(18px,6vw,90px)}.chronicles-header,.chronicles-submissions{border:1px solid var(--chronicles-line);outline-offset:-7px;background:radial-gradient(at top,#53354e,#0000 72%),#211727;border-radius:4px;outline:1px solid #99704c55;padding:clamp(26px,6vw,66px)}.chronicles-header h1{color:var(--chronicles-gold);margin:12px 0;font-size:clamp(30px,5vw,60px);line-height:1.12}.chronicles-header p,.chronicles-submissions p{max-width:54ch;margin-inline:auto;line-height:1.65}.chronicles-submit-link{color:#251528;background:#edc98d;border:1px solid #fff0c4;margin-top:24px;display:inline-block}.chronicles-shelf{text-align:left;margin-block:46px}.chronicles-shelf h2,.chronicles-submissions h2{margin:0 0 8px}.chronicles-filters{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.chronicles-filters button{font:inherit;cursor:pointer;color:var(--chronicles-text);background:#261b32;border:1px solid #9674a7;border-radius:4px;padding:8px 13px}.chronicles-filters button:hover{border-color:var(--chronicles-gold)}.chronicles-filters button[aria-pressed=true]{color:#251528;background:var(--chronicles-gold);border-color:var(--chronicles-gold)}.chronicles-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));align-items:start;gap:14px;display:grid}.chronicles-card{border:1px solid var(--chronicles-line);border-left:5px solid var(--chronicles-line);background:linear-gradient(100deg,#412839,#291e32 25%);border-radius:3px 8px 8px 3px;padding:21px 20px;line-height:1.6;box-shadow:0 8px 18px #100a19aa}.chronicles-card h3{color:var(--chronicles-gold);margin:4px 0 8px;line-height:1.25}.chronicles-category{color:#dec1a3;margin:0;font-size:.8rem}.chronicles-card details{margin-top:14px}.chronicles-card summary{cursor:pointer;color:var(--chronicles-gold)}.chronicles-card details p{margin:8px 0 0}.chronicles :focus-visible{outline-offset:3px;outline:2px solid #fff0c4}.chronicles-submissions{scroll-margin-top:16px}.chronicles-sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}:root{color:#f4eaff;font-synthesis:none;background:#11101d;font-family:Nunito,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}.site{isolation:isolate;background:radial-gradient(at 20% 15%,#7641b259,#0000 45%),radial-gradient(at 85% 45%,#415baf47,#0000 45%),radial-gradient(at 30% 80%,#9645aa38,#0000 45%),linear-gradient(160deg,#100c21 0%,#211536 30%,#171a3a 60%,#29183e 85%,#100c21 100%);min-height:100vh;position:relative;overflow:hidden}.navbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#120c20a6;border-bottom:1px solid #c99eff2e;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:18px;padding:10px 3%;display:flex;position:relative}.brand{color:#e6c48d;white-space:nowrap;font-family:Cinzel,serif;font-size:14px;font-weight:700}.nav-links{flex-wrap:nowrap;justify-content:center;align-items:center;gap:16px;min-width:0;display:flex}.nav-links a{color:#d5c2e4;white-space:nowrap;font-size:12px;font-weight:700;transition:color .2s}.nav-links a:hover{color:#f0d3ff}.nav-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.nav-play,.nav-discord{color:#e9d6f3;cursor:pointer;background:linear-gradient(135deg,#332341,#241a35);border:1px solid #8b719c;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:130px;height:40px;padding:0 12px;font-family:Nunito,sans-serif;font-size:12px;font-weight:700;line-height:1;text-decoration:none;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.nav-play:hover,.nav-discord:hover{background:linear-gradient(135deg,#49315e,#302040);border-color:#d4b5e8;transform:translateY(-2px)}.nav-play svg,.nav-discord svg{flex-shrink:0;width:16px;height:16px}@media (width<=480px){.nav-play,.nav-discord{width:112px;height:36px;font-size:11px}}@media (width<=900px){.navbar{flex-wrap:wrap;justify-content:center}.nav-links{flex-wrap:wrap;order:3;width:100%}}@media (width<=600px){.navbar{gap:12px;padding:12px}.nav-links{gap:12px}.nav-links a{font-size:11px}}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;padding:85px 20px;display:flex;position:relative;overflow:hidden}.stars{color:#e8c68d;letter-spacing:22px;margin-bottom:20px;animation:5s ease-in-out infinite float}.main-logo{filter:drop-shadow(0 0 18px #ae5bff73)drop-shadow(0 0 45px #36d4ee33);width:min(540px,90%);height:auto;transition:transform .4s}.main-logo:hover{transform:scale(1.03)}h1,h2,h3{font-family:Cinzel,serif}h1{color:#ead2ff;margin:20px 0 10px;font-size:clamp(28px,4vw,48px)}.subtitle{color:#d4c3e3;font-size:18px}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:30px;display:flex}.btn{border-radius:8px;padding:14px 25px;font-weight:700;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-3px)}.primary{background:linear-gradient(135deg,#9254d0,#6636a4);border:1px solid #d4a6ff;box-shadow:0 0 20px #a85aff33}.secondary{background:#241b36;border:1px solid #b59aca}.server-box{color:#e4c68e;background:#20182e;border:1px solid #69517d;border-radius:10px;margin-top:32px;padding:14px 25px}.server-box button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:none}.section{text-align:center;padding:80px 8%}.section-heading{color:#d7adff;letter-spacing:3px;text-transform:uppercase;font-size:13px}.section h2{color:#e8c68d;font-size:clamp(26px,3vw,38px)}.about p{color:#cfc2da;max-width:720px;margin:20px auto;line-height:1.9}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));place-items:start center;gap:20px;max-width:1000px;margin:40px auto 0;display:grid}.feature-card{box-sizing:border-box;aspect-ratio:auto;border:24px solid #0000;text-align:center;background-color:#21182e;border-image-source:url(/art/panel-frame.png);border-image-slice:24 fill;border-image-width:24px;border-image-repeat:stretch;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:195px;height:275px;min-height:0;padding:20px 10px;transition:transform .3s,filter .3s;display:flex;position:relative}.feature-card:hover{filter:drop-shadow(0 0 12px #b06eff66);transform:translateY(-6px)}.feature-icon{margin-bottom:6px;font-size:20px;line-height:1}.feature-card h3{color:#e9c991;margin:4px 0;font-family:Cinzel,serif;font-size:17px;line-height:1.3}.feature-card p{color:#d5c5e3;max-width:170px;margin:6px 0;font-size:12px;line-height:1.5}.coming-soon{color:#ad86d3;margin-top:6px;font-size:10px}footer{text-align:center;color:#d4b5f0;background:#100d1a;border-top:1px solid #463654;padding:35px 20px}footer small{color:#a99bb8}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (width<=850px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.feature-grid{grid-template-columns:1fr}.feature-card{max-width:195px}.section{padding:60px 22px}.hero{padding:65px 20px}.subtitle{font-size:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.galaxy-stars{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.galaxy-star{color:#e4c6ff;opacity:.55;text-shadow:0 0 8px #c68fffcc,0 0 18px #9258ff66;font-family:Georgia,serif;animation:4s ease-in-out infinite twinkle;position:absolute}.navbar,main,footer{z-index:1;position:relative}@keyframes twinkle{0%,to{opacity:.25;transform:scale(.85)}50%{opacity:.9;transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){.galaxy-star{animation:none}}.galaxy-dot{opacity:.65;background:#f3eaff;border-radius:50%;animation:5s ease-in-out infinite starTwinkle;display:block;position:absolute;box-shadow:0 0 4px #e1c3ffb3,0 0 8px #a670ff4d}.galaxy-dot:nth-child(5n){background:#b6a4ff}.galaxy-dot:nth-child(9n){background:#9cecff}.galaxy-dot:nth-child(13n){background:#fff2cc}@keyframes starTwinkle{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:.9;transform:scale(1.25)}}@media (prefers-reduced-motion:reduce){.galaxy-dot{animation:none}}
