@font-face{font-family:LuneliaSerif;src:url('../assets/fonts/lunelia-serif.woff') format('woff');font-display:swap;font-weight:100 900}@font-face{font-family:LuneliaSerif;src:url('../assets/fonts/lunelia-italic.woff') format('woff');font-style:italic;font-display:swap;font-weight:100 900}@font-face{font-family:LuneliaSans;src:url('../assets/fonts/lunelia-sans.woff') format('woff');font-display:swap;font-weight:100 900}:root{--serif:LuneliaSerif,Georgia,serif;--sans:LuneliaSans,Arial,sans-serif;--paper:#f4dacf;--muted:#dcc0d3}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{margin:0;background:#281d35;color:var(--paper);font-family:var(--sans);isolation:isolate}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit}.about-scenery{position:absolute;inset:0 0 auto;height:1050px;z-index:-1;background:linear-gradient(#291a3a55,#281d35),url('../assets/lunelia-cidade.webp') center top/cover no-repeat;opacity:.65;pointer-events:none}.about-nav{width:min(1200px,100%);margin:auto;display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;padding:22px 35px}.nav-control{display:flex;align-items:center;gap:9px;color:#efd1dd;text-transform:uppercase;font-size:.62rem;letter-spacing:.13em;justify-self:start}.nav-control svg{width:23px;height:23px;fill:none;stroke:#f1d1b0;stroke-width:1.3}.about-mark{display:block;width:230px}.about-mark img{display:block;width:100%;height:auto}.games-link{justify-self:end;font-size:.65rem;letter-spacing:.04em;text-underline-offset:6px;text-decoration-color:#bf99b6}.eyebrow{font-size:.58rem;letter-spacing:.2em;color:#dbb7c8}.about-intro{max-width:760px;text-align:center;margin:65px auto 100px;padding:0 23px}.about-intro h1{font:400 clamp(3.1rem,6.7vw,5.8rem)/.99 var(--serif);letter-spacing:-.045em;color:#ffe4db;margin:27px 0}.about-intro h1 em{font-weight:400;color:#e0b8ce}.intro-rule{width:68px;height:1px;margin:30px auto;background:linear-gradient(90deg,transparent,#d4a9bc,transparent)}.about-intro p{font:.9rem/1.8 var(--sans);color:#dfbfd3;margin:13px auto;max-width:550px}.cast-section{width:min(1120px,100%);padding:0 28px;margin:auto;scroll-margin-top:25px}.cast-heading{text-align:center;margin-bottom:42px}.cast-heading h2{font:400 clamp(2.9rem,5.5vw,4.7rem)/1 var(--serif);letter-spacing:-.04em;margin:20px 0}.cast-heading h2 em{font-weight:400;color:#d9b2cb}.cast-heading p{font:italic 1.05rem/1.6 var(--serif);color:#be9db9}.character-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 22px}.character-profile{min-width:0;border:1px solid #bf95b04a;border-radius:44% 44% 19px 19px;overflow:hidden;background:radial-gradient(ellipse at 50% 10%,#b284ad1d,transparent 58%),linear-gradient(155deg,#57394e82,#32253b55);box-shadow:inset 0 0 0 5px #e0bbcb06;scroll-margin-top:30px}.portrait-arch{position:relative;height:225px;display:flex;align-items:flex-end;justify-content:center;padding:14px 13px 0;margin:10px 13px 0;border-radius:50% 50% 0 0;background:radial-gradient(ellipse at 50% 65%,#a77faa27,transparent 70%)}.portrait-arch::after{content:'';position:absolute;inset:auto 7% 0;height:1px;background:linear-gradient(90deg,transparent,#c29ab555,transparent)}.portrait-arch img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}.profile-copy{padding:24px 23px 28px;text-align:center}.profile-role{display:block;font-size:.47rem;letter-spacing:.13em;text-transform:uppercase;line-height:1.55;color:#ceabbf;min-height:1.55em}.profile-copy h3{font:400 2.6rem/1 var(--serif);letter-spacing:-.035em;color:#f7dcd7;margin:12px 0 15px}.profile-copy p{font-size:.75rem;line-height:1.7;color:#d6b6cb;margin:0}.about-invitation{width:min(850px,100%);display:flex;align-items:center;justify-content:center;gap:25px;padding:0 25px;margin:95px auto 60px}.about-invitation>img{width:200px;height:265px;object-fit:contain}.about-invitation h2{font:400 2.9rem/1 var(--serif);letter-spacing:-.035em;margin:17px 0 19px}.about-play{display:inline-flex;align-items:center;gap:12px;text-decoration:none;border:1px solid #d5b2bd;padding:14px 22px;border-radius:30px 12px 30px 12px;background:linear-gradient(120deg,#efd5be,#d7b1ca);color:#4a304c;font-size:.7rem}.about-play svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.3}.about-footer{text-align:center;border-top:1px solid #b98fa52e;padding:30px 16px 38px}.about-footer>a{font:400 1.5rem var(--serif);letter-spacing:.15em;text-decoration:none}.about-footer p{font-size:.59rem;color:#b28ba9;margin-top:9px}
@media(max-width:850px){.character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.cast-section{max-width:720px}.about-nav{padding-inline:22px}.about-intro{margin-top:45px;margin-bottom:75px}.about-invitation h2{font-size:2.5rem}}
@media(max-width:500px){.about-nav{padding:18px 14px;gap:9px}.about-mark{width:180px}.nav-control>span{display:none}.games-link{font-size:.53rem;line-height:1.4;max-width:60px;text-align:right}.about-intro{margin-top:35px;margin-bottom:65px;padding-inline:21px}.about-intro h1{font-size:3.1rem}.about-intro p{font-size:.76rem;line-height:1.75}.eyebrow{font-size:.49rem}.cast-section{padding-inline:15px}.cast-heading h2{font-size:2.7rem}.cast-heading p{font-size:.92rem}.character-grid{grid-template-columns:1fr;gap:20px;max-width:350px;margin:auto}.portrait-arch{height:220px;margin-top:6px}.profile-copy{padding:21px 24px 27px}.profile-role{font-size:.5rem}.profile-copy h3{font-size:2.8rem}.profile-copy p{font-size:.77rem;line-height:1.7}.about-invitation{margin:65px auto 40px;gap:12px;padding-inline:18px}.about-invitation>img{width:115px;height:170px}.about-invitation h2{font-size:2rem}.about-invitation .eyebrow{font-size:.4rem;line-height:1.5}.about-play{padding:11px 13px;font-size:.6rem;gap:7px}.about-play svg{width:14px;height:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}