@font-face{font-family:'Young';src:url('../fonts/YoungSerif-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:'Lora';src:url('../fonts/Lora-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Lora';src:url('../fonts/Lora-Italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Lora';src:url('../fonts/Lora-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'Hand';src:url('../fonts/NothingYouCouldDo-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:'Ars';src:url('../fonts/ArsenalSC-Regular.ttf') format('truetype');font-display:swap}
:root{--paper:#FBF6EC;--paper2:#F3E8D2;--ink:#57432F;--ink-soft:#8a765d;--blush:#E7A9BC;--blush-tint:#FBE7EC;--blush-line:#EEC6D2;--sage-tint:#EDF2E6;--sage-line:#CAD9BE;--gold:#C29A43;--gold-soft:#DFC17E;--gold-line:#E6D2A0;--burgundy:#7A3A46}
*{box-sizing:border-box;margin:0;padding:0;min-width:0}
html{scroll-behavior:smooth}
body{font-family:'Lora',Georgia,serif;color:var(--ink);line-height:1.6;font-size:16px;overflow-x:hidden;
 background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/></svg>"),radial-gradient(120% 55% at 50% -5%,#FFFEF9 0%,var(--paper) 45%,var(--paper2) 130%);background-attachment:fixed}
img{max-width:100%}
a{color:var(--burgundy);text-decoration:none}
em{font-style:italic}
.wrap{max-width:860px;margin:0 auto;padding:0 22px}
.topbar{max-width:860px;margin:0 auto;padding:22px 22px 0}
.back{font-family:'Ars',serif;font-variant:small-caps;letter-spacing:.12em;color:var(--ink-soft);font-size:.82rem}
.back:hover{color:var(--burgundy)}
/* hero */
.mhero{display:flex;gap:26px;align-items:center;flex-wrap:wrap;justify-content:center;text-align:center;padding:30px 0 8px}
.mhero .art{width:min(240px,60vw);filter:drop-shadow(0 18px 18px rgba(90,70,45,.18))}
.mid{flex:1;min-width:240px;text-align:left}
.eyebrow{font-family:'Ars',serif;font-variant:small-caps;letter-spacing:.2em;color:var(--ac,var(--gold));font-size:.82rem}
.mtitle{font-family:'Young',serif;color:var(--burgundy);font-size:clamp(2rem,6vw,3rem);line-height:1.02;margin:4px 0 0}
.msub{font-style:italic;color:var(--ink-soft);font-size:1.05rem;margin-top:8px}
.namechip{display:inline-block;margin-top:14px;font-family:'Ars',serif;font-variant:small-caps;letter-spacing:.1em;
 font-size:.74rem;color:var(--burgundy);background:var(--blush-tint);border:1px solid var(--blush-line);border-radius:30px;padding:5px 14px}
.rule{display:flex;align-items:center;justify-content:center;gap:14px;margin:40px auto 22px;max-width:280px;color:var(--gold)}
.rule::before,.rule::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--gold-line) 20%,var(--gold) 50%,var(--gold-line) 80%,transparent)}
.sec-h{font-family:'Young',serif;color:var(--burgundy);font-size:1.5rem;text-align:center}
.sec-lab{font-family:'Ars',serif;font-variant:small-caps;letter-spacing:.16em;color:var(--gold);font-size:.78rem;text-align:center;display:block;margin-top:26px}
/* stats */
.stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:16px 0 0}
.stat{background:#FFFBF2;border:1px solid var(--gold-line);border-radius:12px;text-align:center;padding:9px 0 7px}
.s-lab{font-family:'Ars',serif;font-variant:small-caps;letter-spacing:.06em;color:var(--ink-soft);font-size:.62rem}
.s-val{font-family:'Young',serif;color:var(--ink);font-size:1.5rem;line-height:1}
.s-mod{color:var(--gold);font-size:.78rem}
.awb{display:flex;gap:8px;margin:12px 0 0;flex-wrap:wrap}
.awb span{flex:1;min-width:150px;text-align:center;border-radius:24px;padding:5px 8px;font-size:.85rem;border:1px solid transparent}
.awb b{font-family:'Ars',serif;font-variant:small-caps;letter-spacing:.05em;font-size:.74rem}
.aff{background:var(--sage-tint);border-color:var(--sage-line);color:#5f7350}
.ward{background:#FBF2DA;border-color:var(--gold-line);color:#9a7b2f}
.bane{background:var(--blush-tint);border-color:var(--blush-line);color:#9c4f63}
.prof{font-size:.9rem;color:var(--ink-soft);margin:12px 0 0;text-align:center}
.subline{text-align:center;margin:18px 0 0}
.subname{font-family:'Young',serif;color:var(--ink);font-size:1.15rem}
.subdesc{font-style:italic;color:var(--ink-soft);margin-top:4px;max-width:60ch;margin-left:auto;margin-right:auto}
/* levels */
.lv{display:flex;gap:12px;align-items:baseline;padding:11px 0;border-bottom:1px dotted var(--gold-line)}
.lv-b{font-family:'Ars',serif;font-variant:small-caps;letter-spacing:.05em;font-size:.7rem;color:#fff;background:var(--ac,var(--gold));border-radius:12px;padding:2px 9px;flex:none;min-width:40px;text-align:center}
.lv-n{font-weight:700}
.lv-d{color:var(--ink)}
/* run card */
.run{background:linear-gradient(160deg,#fff8f1,#FBEFE6);border:1px solid #EEC9B9;border-radius:18px;padding:22px 24px;margin-top:14px}
.run-row{display:flex;gap:14px;margin:8px 0;flex-wrap:wrap}
.run-k{font-family:'Ars',serif;font-variant:small-caps;letter-spacing:.05em;color:#9c6b57;font-size:.8rem;width:120px;flex:none;padding-top:2px}
.run-v{flex:1;min-width:200px}
.quote{font-family:'Young',serif;color:var(--burgundy);font-size:1.25rem;text-align:center;margin:16px 0 2px}
.summary{color:var(--ink);margin-top:18px;text-align:center;max-width:64ch;margin-left:auto;margin-right:auto}
.fights{font-style:italic;color:var(--ink-soft);margin-top:12px;text-align:center;font-size:.95rem}
/* prominent name form at the top of a mouse page */
.mid-name{margin-top:20px;max-width:460px}
.mid-name-q{font-family:'Young',serif;color:var(--burgundy);font-size:1.2rem;line-height:1.25}
.mid-star{color:var(--gold)}
.mid-name-note{font-size:.82rem;color:var(--ink-soft);margin-top:11px;line-height:1.5}
/* shared inline name form */
.nm-form{display:flex;gap:9px;align-items:center;margin-top:13px}
.nm-in{flex:1;min-width:0;font-family:'Lora',serif;font-size:1.02rem;padding:13px 18px;border:1px solid var(--gold-line);border-radius:30px;background:#fff;color:var(--ink)}
.nm-in:focus{outline:none;border-color:var(--burgundy);box-shadow:0 0 0 3px rgba(122,58,70,.10)}
.nm-in:disabled{opacity:.7}
.nm-hp{display:none!important}
.nm-go{flex:none;width:48px;height:48px;border:none;border-radius:50%;background:var(--burgundy);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .25s,box-shadow .25s;box-shadow:0 8px 18px rgba(122,58,70,.3)}
.nm-go:hover{transform:translateY(-2px) scale(1.05)}
.nm-go:disabled{opacity:.6;cursor:default}
.nm-go.load{animation:nmpulse 1s ease-in-out infinite}
@keyframes nmpulse{0%,100%{opacity:1}50%{opacity:.45}}
.nm-form.sent{gap:12px;flex-wrap:wrap}
.nm-ok{color:#5f7350;font-family:'Ars',serif;font-variant:small-caps;letter-spacing:.06em;font-size:1.02rem}
.nm-again{background:none;border:none;color:var(--burgundy);font-family:'Ars',serif;font-variant:small-caps;letter-spacing:.05em;font-size:.86rem;cursor:pointer;border-bottom:1px solid var(--gold-line);padding:0 0 2px}
footer{text-align:center;padding:44px 22px 60px;border-top:1px solid var(--gold-line);margin-top:46px}
.f-line{font-family:'Ars',serif;font-variant:small-caps;letter-spacing:.12em;color:var(--ink-soft);font-size:.8rem}
@media(max-width:640px){
 .mid{text-align:center}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}
 .run-k{width:100%}
}