/* Itoria coming soon. One colour world: night to gold-lit dawn. No third-party loads. */
:root{--bg:#0a0b1f;--surface:#15173f;--border:rgba(226,189,104,.28);--text:#ece8ff;--muted:#b4aed3;--gold:#e2bd68;--gold-strong:#f6dc9a;--gold-soft:rgba(226,189,104,.10);color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{background:#0a0b1f}
body{margin:0;background:linear-gradient(180deg,#050716 0%,#12123a 32%,#33235c 55%,#7a4668 68%,#d9965f 76%,#f3cd85 81%,#1a1230 84%);background-attachment:fixed;color:var(--text);font:16px/1.7 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--gold);overflow-wrap:anywhere}a:hover{color:var(--gold-strong)}
:focus-visible{outline:2px solid var(--gold-strong);outline-offset:3px;border-radius:4px}
.wrap{max-width:820px;margin:0 auto;padding:0 16px}
/* landing */
body.land{min-height:100svh;overflow:hidden}
#sky{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0}
.hero{position:relative;z-index:1;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:max(14vh,72px) 20px 120px;text-align:center}
.logo{opacity:0;transform:translateY(14px);animation:rise 1.3s .2s cubic-bezier(.2,.7,.2,1) forwards;width:clamp(250px,62vw,660px);height:auto;filter:drop-shadow(0 0 22px rgba(246,200,110,.45)) drop-shadow(0 3px 0 rgba(60,30,0,.6))}
.orn{opacity:0;animation:fade 1.4s 1.2s forwards}
@keyframes rise{to{opacity:1;transform:none}}
@keyframes fade{to{opacity:1}}
.tagline{margin:18px 0 0;font-size:clamp(1.05rem,2.8vw,1.4rem);color:#fff7e0;text-shadow:0 1px 10px rgba(10,6,30,.9),0 0 2px rgba(10,6,30,.9);max-width:30ch;opacity:0;animation:fade 1.4s 1.5s forwards}
.brandline{margin:10px 0 0;font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;color:#f6dc9a;text-shadow:0 1px 8px rgba(10,6,30,.9);opacity:0;animation:fade 1.4s 1.8s forwards}
.foot{position:fixed;z-index:2;left:0;right:0;bottom:0;padding:14px 16px calc(14px + env(safe-area-inset-bottom));text-align:center;font-size:.9rem;color:#cfc6ee;background:linear-gradient(180deg,rgba(10,6,30,0),rgba(10,6,30,.72) 55%)}
.foot nav{display:flex;flex-wrap:wrap;gap:4px 20px;justify-content:center}
.foot a{color:#f6dc9a;text-decoration:none;padding:4px 2px}.foot a:hover{text-decoration:underline}
.foot p{margin:4px 0 0;font-size:.78rem;color:#b4aed3}
/* inner pages */
.inner header.top{background:rgba(10,11,31,.9);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5;backdrop-filter:blur(6px)}
.top .wrap{max-width:1000px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;padding-top:10px;padding-bottom:10px}
.brand{font:700 1.2rem/1 "Trebuchet MS",system-ui,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:#f6dc9a;text-decoration:none;margin-right:auto}
.top nav{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:.9rem}
.top nav a{color:#d6d0f0;text-decoration:none}.top nav a:hover,.top nav a[aria-current]{color:#f6dc9a}
.inner{background:#0a0b1f}
.page{padding-bottom:20px}
.page h1{font-size:clamp(1.8rem,6vw,2.4rem);margin:28px 0 6px;color:var(--gold-strong);font-family:"Trebuchet MS",system-ui,sans-serif;letter-spacing:.04em}
.page h2{font-size:1.15rem;margin:34px 0 10px;padding-top:10px;border-top:1px solid var(--border);color:var(--gold)}
.page h3{font-size:1rem;margin:20px 0 4px}
.meta{color:var(--muted);margin:0 0 20px}
ul{padding-left:1.2em}li{margin:4px 0}
.tw{overflow-x:auto;margin:12px 0;border:1px solid var(--border);border-radius:10px}
table{width:100%;border-collapse:collapse;font-size:.93rem;min-width:300px}
th,td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--border);vertical-align:top}
th{background:var(--gold-soft)}tr:last-child td{border-bottom:0}
details{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 16px;margin:10px 0}
summary{cursor:pointer;font-weight:600}
.inner footer{margin-top:40px;padding:22px 0 40px;border-top:1px solid var(--border);color:var(--muted);font-size:.9rem}
.inner footer a{margin-right:14px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.logo,.orn,.tagline,.brandline{opacity:1!important;transform:none!important}}
@media(max-height:560px){.hero{padding-top:56px}}