:root{--void:#12100b;--oak-dark:#2c261c;--oak-lite:#5d5140;--rivet:#8f7c59;--edge:#0d0b07;--orange:#ff981f;--tan:#c4ae87;--tan-lite:#d8c49c;--ink:#14110c;--clan:#5f2a94;--sys:#1c3b7a;--muted:#a39176}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{min-height:100vh;color:var(--tan-lite);background-color:var(--void);background-image:radial-gradient(80% 60% at 50% 0,#ff981f1a,#0000 70%),radial-gradient(70% 50% at 50% 100%,#5a784614,#0000 70%),repeating-linear-gradient(45deg,#00000038 0 2px,#0000 2px 5px);justify-content:center;align-items:center;padding:24px 16px;font-family:RuneScape,Trebuchet MS,Verdana,sans-serif;font-size:16px;display:flex}[hidden]{display:none!important}.frame{background:linear-gradient(180deg,var(--oak-lite),var(--oak-dark));border:2px solid var(--edge);width:min(620px,100%);box-shadow:0 0 0 1px var(--rivet), 0 24px 60px #000000bf;margin:auto;padding:7px;position:relative}.frame:after{content:"";pointer-events:none;background:radial-gradient(circle 3px at 8px 8px, var(--rivet) 45%, #241f16 60%, transparent 64%), radial-gradient(circle 3px at calc(100% - 8px) 8px, var(--rivet) 45%, #241f16 60%, transparent 64%), radial-gradient(circle 3px at 8px calc(100% - 8px), var(--rivet) 45%, #241f16 60%, transparent 64%), radial-gradient(circle 3px at calc(100% - 8px) calc(100% - 8px), var(--rivet) 45%, #241f16 60%, transparent 64%);position:absolute;inset:0}.panel{border:2px solid var(--edge);text-align:center;background-image:repeating-linear-gradient(0deg,#00000017 0 2px,#0000 2px 4px),linear-gradient(#483d2e,#332c21);padding:34px 26px 26px}.brand{text-align:left;justify-content:center;align-items:center;gap:16px;margin-bottom:2px;display:flex}.brand-text{min-width:0}.brand .tagline{margin-top:4px}.crest{background:radial-gradient(52% 56%,#0000009e,#0000 72%);flex:none;justify-content:center;align-items:center;width:104px;height:112px;display:flex}.helm{width:80px;height:104px;image-rendering:pixelated}.wordmark{letter-spacing:.05em;color:var(--orange);text-shadow:3px 3px #000,0 0 22px #ff981f4d;font-size:clamp(34px,8vw,54px);font-weight:700;line-height:1}.tagline{color:var(--tan);text-shadow:1px 1px #000;margin-top:12px;font-size:16px}.rule{opacity:.55;background:linear-gradient(90deg,transparent,var(--rivet) 15%,var(--rivet) 85%,transparent);height:2px;margin:22px 0}.chat{text-align:left;border:2px solid var(--edge);background:linear-gradient(180deg,var(--tan-lite),var(--tan));color:var(--ink);padding:12px 14px;font-size:15px;line-height:1.6;box-shadow:inset 0 0 0 1px #ffffff47}.chat .sys{color:var(--sys)}.chat .now{font-weight:700}.chat .chan{color:var(--sys)}.chat .msg{color:#7a1f1f}.chat a{color:#5f2a94;font-weight:700;text-decoration:underline}.chat a:hover{color:#7a1f1f}.caret{vertical-align:-2px;background:var(--ink);width:7px;height:15px;animation:1.06s step-end infinite blink;display:inline-block}@keyframes blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.legal{color:#7d6e58;margin-top:22px;font-size:12px;line-height:1.5}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);text-shadow:1px 1px #000;font-size:13px}.subhead{letter-spacing:.04em;color:var(--orange);text-shadow:3px 3px #000,0 0 22px #ff981f4d;margin-top:6px;font-size:clamp(28px,7vw,44px);font-weight:700;line-height:1.05}.nav{border-bottom:2px solid #0d0b078c;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px 14px;margin-bottom:22px;padding-bottom:16px;font-size:15px;display:flex}.nav-link{color:var(--muted);text-shadow:1px 1px #000;text-decoration:none}a.nav-link:hover{color:var(--orange)}a.nav-link:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.nav-link.is-here{color:var(--tan-lite);font-weight:700}.nav-link .ext{font-size:.85em;line-height:1}.firecape{letter-spacing:.06em;color:#9ad46f;text-shadow:1px 1px #000;margin-bottom:14px;font-size:14px;font-weight:700}.chat .im{vertical-align:-2px;width:10px;height:13px;image-rendering:pixelated;margin-right:4px}@media (width<=480px){.panel{padding:26px 16px 18px}.brand{gap:12px}.crest{width:78px;height:84px}.helm{width:60px;height:78px}.chat{font-size:14px}}@media (prefers-reduced-motion:reduce){*,:after{transition:none!important;animation:none!important}}