@font-face{font-family:"Cinzel";src:url(/fonts/cinzel.woff) format("woff");font-weight:400 700;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(/fonts/sourcesans3.woff) format("woff");font-display:swap}
@font-face{font-family:"Noto Sans Runic";src:url(/fonts/notosansrunic.woff) format("woff");unicode-range:U+16A0-16F8;font-display:swap}
:root{--wood:#4a2e1a;--wood-d:#2e1c0f;--bronze:#8a5a2b;--gold:#c99a5b;--parch:#f3e6c8;--parch-d:#e6d2a8;--ink:#2a1a0e;--muted:#5a4330}
*{box-sizing:border-box}
html{font-size:106.25%}
body{margin:0;font-family:"Source Sans 3",system-ui,sans-serif;line-height:1.6;color:var(--ink);background:var(--parch-d);background-image:radial-gradient(circle at 20% 10%,#f7edd6 0,transparent 60%),radial-gradient(circle at 80% 90%,#efe0bd 0,transparent 55%)}
a{color:#6b3d14}a:hover,a:focus{color:var(--wood-d)}
:focus-visible{outline:3px solid #1d4f8a;outline-offset:2px}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.5rem;z-index:9}
.rune{font-family:"Noto Sans Runic",serif;letter-spacing:.15em}
h1,h2,h3,.wordmark{font-family:"Cinzel",Georgia,serif;line-height:1.2}
.wrap{max-width:62rem;margin:0 auto;padding:0 1.25rem}
header.site{background:linear-gradient(180deg,var(--wood) 0,var(--wood-d) 100%);color:var(--parch);border-bottom:16px solid var(--wood-d);border-image:url(/img/knot.svg) 0 0 16 0 round}
header.site .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding-top:1rem;padding-bottom:1rem}
.brand{color:var(--parch);text-decoration:none;display:block}
.wordmark{font-size:1.7rem;font-weight:700;letter-spacing:.06em;display:block}
.brand .rune{display:block;color:var(--gold);font-size:1rem}
nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem 1.1rem}
nav a{color:var(--parch);text-decoration:none;font-weight:600}nav a:hover,nav a:focus{color:#fff;text-decoration:underline}
nav a[aria-current]{color:var(--gold)}
.hero{text-align:center;padding:3rem 0 2rem}
.hero h1{font-size:clamp(2rem,6vw,3.2rem);margin:.2rem 0;color:var(--wood-d)}
.hero .say{color:var(--muted);margin:0}
.hero .tag{font-size:1.35rem;font-family:"Cinzel",serif;color:var(--bronze);margin:1rem 0 0}
.hero .runes{font-size:1.6rem;color:var(--bronze);margin:.5rem 0 0}
.cap{font-size:.9rem;color:var(--muted);max-width:40rem;margin:.4rem auto 0}
section{padding:1.5rem 0}
.divider{text-align:center;color:var(--bronze);margin:1rem 0}
.divider span{display:inline-block;padding:0 .8rem}
.divider::before,.divider::after{content:"";display:inline-block;vertical-align:middle;width:min(30%,10rem);height:16px;background:url(/img/knot.svg) repeat-x center/auto 12px}
.panel{background:var(--parch);border:2px solid var(--bronze);border-radius:6px;padding:1.25rem 1.5rem;box-shadow:0 2px 0 var(--wood-d),inset 0 0 40px rgba(138,90,43,.12)}
blockquote{margin:0}
.motto .on{font-style:italic;font-size:1.15rem}
.motto .en{margin-top:.6rem}
.motto cite{display:block;color:var(--muted);font-size:.9rem;margin-top:.4rem}
.apps{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}
.app{background:var(--parch);border:2px solid var(--bronze);border-radius:6px;padding:1rem 1.2rem;box-shadow:0 2px 0 var(--wood-d)}
.app-head{display:flex;gap:.8rem;align-items:center}
.app h3{margin:0;font-size:1.15rem}
.app-icon{width:64px;height:64px;border-radius:14px;flex:none}
.rune-icon{display:flex;align-items:center;justify-content:center;background:var(--wood);color:var(--parch);font-family:"Noto Sans Runic",serif;font-size:2rem;border:2px solid var(--gold)}
.meta{margin:.2rem 0 0;font-size:.9rem}
.status{display:inline-block;padding:0 .5rem;border-radius:3px;font-weight:600}
.status-testing{background:#1f4d2b;color:#fff}.status-soon{background:var(--wood);color:var(--parch)}.status-live{background:#14532d;color:#fff}
.platform{color:var(--muted)}
.app ul{padding-left:1.2rem;margin:.5rem 0}
.links{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}
.btn{display:inline-block;background:var(--wood);color:var(--parch);padding:.4rem .9rem;border-radius:4px;text-decoration:none;font-weight:600}
.btn:hover,.btn:focus{background:var(--wood-d);color:#fff}
footer.site{margin-top:2rem;background:var(--wood-d);color:var(--parch-d);font-size:.9rem;border-top:16px solid var(--wood-d);border-image:url(/img/knot.svg) 16 0 0 0 round}
footer.site .wrap{padding-top:1.2rem;padding-bottom:1.5rem}
footer.site a{color:var(--gold)}
.small{font-size:.9rem;color:var(--muted)}
dl.runes dt{font-weight:600}dl.runes dd{margin:0 0 .5rem 1rem}
@media (max-width:600px){header.site .wrap{flex-direction:column;align-items:flex-start}.panel{padding:1rem}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}