:root{--primary:#0082C8;--dark:#002C3F;--light:#89BCE2;--ink:#222227;--soft:#edf6fb;--muted:#637482;--line:#d8e8ef;--white:#fff;--shadow:0 22px 60px rgba(0,44,63,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{color:var(--primary);text-decoration:none}a:hover{color:#006ea9}.site-nav{background:rgba(0,44,63,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08);padding:.75rem 0}.navbar-brand img{filter:drop-shadow(0 8px 18px rgba(0,0,0,.22))}.navbar-brand span{display:flex;flex-direction:column;line-height:.95;letter-spacing:.08em}.navbar-brand strong{font-size:1rem}.navbar-brand small{font-size:.62rem;color:var(--light);letter-spacing:.24em;margin-top:.28rem}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.72);font-weight:650;font-size:.92rem;padding:.65rem .8rem}.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link.active{color:#fff}.btn{border-radius:.65rem;font-weight:700}.btn-primary{background:var(--primary);border-color:var(--primary)}.btn-primary:hover,.btn-primary:focus{background:#006fae;border-color:#006fae}.btn-ghost{border:1px solid rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.06)}.btn-ghost:hover{color:#fff;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.7)}.flash-wrap{position:fixed;top:88px;left:50%;transform:translateX(-50%);z-index:1080;max-width:720px}.hero-section{position:relative;overflow:hidden;background:radial-gradient(circle at 76% 20%,rgba(137,188,226,.22),transparent 28%),linear-gradient(135deg,#001e2b 0%,var(--dark) 48%,#00486b 100%);color:#fff}.hero-section:after{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(137,188,226,.15);border-radius:50%;right:-180px;top:120px;box-shadow:0 0 0 80px rgba(137,188,226,.03),0 0 0 160px rgba(137,188,226,.025)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}.hero-section h1{font-size:clamp(3rem,7vw,6.7rem);line-height:.94;letter-spacing:-.055em;max-width:850px;margin:.9rem 0 1.5rem}.hero-lead{font-size:clamp(1.15rem,2vw,1.45rem);color:rgba(255,255,255,.72);max-width:720px}.eyebrow,.section-kicker{font-size:.76rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase;color:var(--primary)}.eyebrow{color:var(--light);display:flex;align-items:center;gap:.65rem}.eyebrow span{display:inline-block;width:34px;height:2px;background:var(--light)}.hero-trust{display:flex;align-items:center;gap:.7rem;color:rgba(255,255,255,.6);font-size:.94rem}.hero-trust i{color:var(--light)}.status-panel{position:relative;z-index:2;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(16px);border-radius:1.5rem;padding:1.5rem;box-shadow:0 30px 80px rgba(0,0,0,.28)}.status-top{display:flex;align-items:center;gap:.55rem;color:rgba(255,255,255,.75);font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;font-weight:750}.status-top small{margin-left:auto;text-transform:none;letter-spacing:0;color:rgba(255,255,255,.42)}.live-dot{width:9px;height:9px;border-radius:50%;background:#52d273;box-shadow:0 0 0 6px rgba(82,210,115,.12)}.status-number{font-size:5.5rem;line-height:1;font-weight:850;letter-spacing:-.06em;margin-top:1.9rem}.status-number small{font-size:1.5rem;color:rgba(255,255,255,.42);font-weight:650}.status-label{color:rgba(255,255,255,.62);font-size:1rem}.status-divider{height:1px;background:rgba(255,255,255,.12);margin:1.7rem 0}.mini-stat{display:grid;grid-template-columns:auto 1fr;column-gap:.65rem;align-items:center}.mini-stat i{grid-row:1/3;color:var(--light);font-size:1.4rem}.mini-stat strong{font-size:1.25rem;line-height:1}.mini-stat span{font-size:.78rem;color:rgba(255,255,255,.5)}.status-action{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;background:#fff;color:var(--dark);padding:.9rem 1rem;border-radius:.7rem;font-weight:800}.status-action:hover{color:var(--primary);transform:translateY(-1px)}.section-pad{padding:6.5rem 0}.intro-section{border-bottom:1px solid var(--line)}.section-kicker{margin-bottom:.7rem}.section-heading h2,.intro-section h2,.newsletter-card h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.04;letter-spacing:-.045em;margin:0}.section-lead{font-size:1.35rem;color:var(--muted)}.bg-soft{background:var(--soft)}.text-link{font-weight:800;display:inline-flex;align-items:center;gap:.5rem}.feature-card{background:#fff;border:1px solid var(--line);border-radius:1.25rem;padding:2rem;transition:.25s ease;box-shadow:0 8px 30px rgba(0,44,63,.04)}.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:rgba(0,130,200,.32)}.feature-icon{width:54px;height:54px;border-radius:1rem;background:linear-gradient(135deg,var(--primary),#47a8db);color:#fff;display:grid;place-items:center;font-size:1.3rem;box-shadow:0 12px 30px rgba(0,130,200,.25)}.feature-card h3{font-size:1.35rem;margin:1.5rem 0 .7rem}.feature-card p{color:var(--muted)}.feature-card a{font-weight:800}.post-card{background:#fff;border:1px solid var(--line);border-radius:1.2rem;overflow:hidden;transition:.25s ease}.post-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.post-card img,.post-placeholder{height:220px;width:100%;object-fit:cover}.post-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,var(--dark),#07577e);color:var(--light);font-size:3rem}.post-card-body{padding:1.5rem}.post-card h2,.post-card h3{font-size:1.35rem;line-height:1.25;margin:.55rem 0}.post-card h2 a,.post-card h3 a{color:var(--dark)}.post-card p{color:var(--muted);margin-bottom:0}.post-meta{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#758894}.newsletter-section{background:var(--dark)}.newsletter-card{background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.13);border-radius:1.5rem;padding:clamp(2rem,5vw,4rem);color:#fff}.newsletter-card p{color:rgba(255,255,255,.65);font-size:1.1rem}.newsletter-card small{display:block;color:rgba(255,255,255,.45);margin-top:.65rem}.page-hero,.article-hero{padding:11rem 0 5.5rem;background:radial-gradient(circle at 80% 0,rgba(137,188,226,.2),transparent 34%),linear-gradient(135deg,#001e2b,var(--dark));color:#fff}.page-hero h1,.article-hero h1{font-size:clamp(2.8rem,6vw,5rem);line-height:1;letter-spacing:-.05em;margin:.8rem 0 1rem}.page-hero p{max-width:760px;font-size:1.3rem;color:rgba(255,255,255,.66)}.feature-showcase{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;padding:4rem 0;border-bottom:1px solid var(--line)}.feature-showcase.reverse .feature-visual{order:2}.feature-visual{min-height:380px}.feature-visual img,.feature-visual-placeholder{width:100%;height:100%;min-height:380px;border-radius:1.5rem;object-fit:cover}.feature-visual-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,var(--dark),#075f88);color:var(--light);font-size:6rem;box-shadow:var(--shadow)}.feature-number{font-size:.8rem;font-weight:900;letter-spacing:.15em;color:var(--primary)}.feature-copy h2{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.04em;margin:.6rem 0 1rem}.feature-copy .lead{color:var(--muted)}.rules-nav{top:110px;display:flex;flex-direction:column;gap:.35rem}.rules-nav strong{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.rules-nav a{padding:.55rem .75rem;border-left:2px solid var(--line);color:var(--muted);font-weight:700}.rules-nav a:hover{border-color:var(--primary);color:var(--primary)}.rules-note{display:flex;gap:.7rem;background:var(--soft);padding:1rem;border-radius:.8rem;font-size:.82rem;color:var(--muted);margin-top:1.25rem}.rule-category{margin-bottom:4rem;scroll-margin-top:120px}.rule-category-heading{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.rule-category-heading span{color:var(--primary);font-weight:900;letter-spacing:.08em}.rule-category-heading h2{font-size:2rem;margin:0}.rule-card{display:grid;grid-template-columns:5px 1fr;gap:1.25rem;background:#fff;border:1px solid var(--line);border-radius:1rem;padding:1.5rem;margin-bottom:1rem}.rule-indicator{border-radius:8px;background:var(--primary)}.severity-warning .rule-indicator{background:#e7a626}.severity-major .rule-indicator{background:#d54b4b}.rule-card h3{font-size:1.2rem;margin-bottom:.55rem}.rule-card p:last-child{margin-bottom:0}.article-container{max-width:820px}.article-hero .post-meta{color:var(--light)}.article-excerpt{font-size:1.35rem;color:rgba(255,255,255,.68)}.back-link{color:rgba(255,255,255,.7);font-weight:700}.back-link:hover{color:#fff}.article-image-wrap{margin-top:-2.5rem;position:relative}.article-image{width:100%;max-height:520px;object-fit:cover;border-radius:1.25rem;box-shadow:var(--shadow)}.markdown-body{color:#42525d}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{color:var(--dark);line-height:1.2;margin-top:1.8em;margin-bottom:.6em}.markdown-body p,.markdown-body li{font-size:1rem}.article-body p,.article-body li{font-size:1.13rem}.markdown-body blockquote{border-left:4px solid var(--primary);background:var(--soft);padding:1rem 1.25rem;margin:1.5rem 0;border-radius:0 .8rem .8rem 0}.markdown-body pre{background:#081f2b;color:#d8edf7;border-radius:.8rem;padding:1rem;overflow:auto}.markdown-body code{background:#e9f3f8;border-radius:.3rem;padding:.15em .35em}.markdown-body pre code{background:transparent;padding:0}.article-share{display:flex;gap:.8rem;align-items:center;border-top:1px solid var(--line);margin-top:3rem;padding-top:1.5rem}.article-share span{font-weight:800;margin-right:auto}.article-share a{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--soft)}.changelog-container{max-width:900px}.changelog-entry{display:grid;grid-template-columns:28px 1fr;gap:1.5rem}.changelog-rail{position:relative}.changelog-rail:before{content:"";position:absolute;left:13px;top:18px;bottom:-20px;width:2px;background:var(--line)}.changelog-entry:last-child .changelog-rail:before{display:none}.changelog-rail span{position:relative;z-index:1;display:block;width:28px;height:28px;border-radius:50%;background:#fff;border:7px solid var(--primary);box-shadow:0 0 0 5px var(--soft)}.changelog-content{padding-bottom:4rem}.changelog-content h2{font-size:1.8rem}.version-badge{background:var(--dark);color:#fff;border-radius:999px;padding:.25rem .65rem;font-size:.75rem;font-weight:850}.document-category{margin-bottom:3.5rem}.document-category>h2{font-size:1.7rem;margin-bottom:1.25rem}.document-card{height:100%;display:grid;grid-template-columns:auto 1fr;gap:1.25rem;border:1px solid var(--line);border-radius:1rem;padding:1.4rem}.document-icon{width:48px;height:48px;border-radius:.8rem;display:grid;place-items:center;background:var(--soft);color:var(--primary)}.document-card h3{font-size:1.15rem}.document-summary p{font-size:.93rem}.empty-state{border:1px dashed #b7ced9;border-radius:1.2rem;text-align:center;padding:4rem;background:var(--soft)}.empty-state i{font-size:2.6rem;color:var(--primary);margin-bottom:1rem}.message-page{min-height:100vh;display:grid;align-items:center;background:linear-gradient(135deg,var(--soft),#fff);padding:6rem 0}.message-card{max-width:620px;margin:auto;text-align:center;background:#fff;border:1px solid var(--line);border-radius:1.5rem;padding:3.5rem;box-shadow:var(--shadow)}.message-card h1{font-size:2.3rem;margin:1rem 0}.message-card p{color:var(--muted)}.site-footer{background:#001b27;color:#fff;padding:4.5rem 0 2rem}.footer-brand{font-size:1.1rem;letter-spacing:.08em}.footer-heading{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--light);margin-bottom:1rem}.site-footer a{display:block;color:rgba(255,255,255,.6);margin:.45rem 0}.site-footer a:hover{color:#fff}.site-footer hr{border-color:rgba(255,255,255,.12);margin:3rem 0 1.5rem}.newsletter-form .form-control{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:#fff}.newsletter-form .form-control::placeholder{color:rgba(255,255,255,.4)}@media(max-width:991.98px){.site-nav{background:var(--dark)}.hero-section .min-vh-100{min-height:auto!important;padding-top:9rem!important;padding-bottom:6rem!important}.status-panel{margin-top:2rem}.feature-showcase{grid-template-columns:1fr;gap:2rem}.feature-showcase.reverse .feature-visual{order:0}.feature-visual,.feature-visual img,.feature-visual-placeholder{min-height:300px}.rules-nav{position:static!important;margin-bottom:2rem}.section-pad{padding:4.5rem 0}}@media(max-width:575.98px){.hero-section h1{font-size:3.15rem}.status-number{font-size:4rem}.section-pad{padding:3.75rem 0}.page-hero,.article-hero{padding:9rem 0 4rem}.page-hero h1,.article-hero h1{font-size:3rem}.newsletter-card{padding:1.5rem}.message-card{padding:2rem}.flash-wrap{width:calc(100% - 2rem)}}

/* Official Koalaty Roleplay brand assets */
.site-nav{padding:.35rem 0}.navbar-brand{padding:0;margin-right:1.5rem;line-height:0}.navbar-brand picture{display:block}.navbar-brand .brand-logo{display:block;width:76px;height:auto;filter:drop-shadow(0 8px 18px rgba(0,0,0,.22))}.footer-logo-wrap{display:flex;align-items:center;gap:1rem}.footer-logo-wrap picture{line-height:0}.footer-logo{display:block;width:112px;height:auto;filter:drop-shadow(0 12px 24px rgba(0,0,0,.22))}.message-logo{display:block;width:143px;height:auto;margin:0 auto}.message-card picture{display:block;line-height:0}@media(max-width:575.98px){.navbar-brand .brand-logo{width:66px}.footer-logo-wrap{align-items:flex-start;flex-direction:column;gap:.55rem}}
