#living-landing{display:none}
html.living-mobile body.landing-active{padding:0!important;background:#0f2229!important;min-width:0}
html.living-mobile body.landing-active::before{background:#0f2229!important}
html.living-mobile body.landing-active>:is(#auth-screen,.ll-tagline,.ll-desc,.ll-wrap,.ll-foot,#app-landing-tiles,#news-strip){display:none!important}
html.living-mobile body.landing-active #living-landing{display:block}
#living-landing{max-width:680px;margin:0 auto;color:#d9e5db;background:#0f2229;font:14px/1.5 Arial,sans-serif;isolation:isolate;min-height:100dvh}
#living-landing *,#living-login *{box-sizing:border-box}
#living-landing :is(button,a){-webkit-tap-highlight-color:transparent;text-shadow:none;box-shadow:none;cursor:pointer}
#living-landing button{font:inherit;color:inherit;border:0;background:none}
#living-landing :is(button,a,summary):focus-visible,#living-login :is(button,input,a):focus-visible{outline:2px solid #dfc994;outline-offset:3px}
#living-landing [hidden]{display:none!important}
#living-landing .living-header{height:74px;display:flex;align-items:center;padding:10px 20px;gap:12px;position:relative;z-index:4;background:#12282ef5;border-bottom:1px solid #4e778155}
.living-logo{display:block;margin-right:auto;line-height:0}.living-logo img{width:172px;height:49px;max-width:100%;object-fit:contain}
#living-landing .living-language{min-width:44px;min-height:44px;border:1px solid #87937a55;border-radius:7px;background:#ffffff05;font-size:11px}
#living-landing .living-menu-toggle{display:grid;align-content:center;gap:5px;min-width:44px;min-height:44px;padding:12px}
.living-menu-toggle span{height:1px;width:20px;background:#d8c496}
#living-menu{position:absolute;top:calc(100% - 1px);left:12px;right:12px;padding:10px;background:#132d34f7;border:1px solid #78948d66;border-radius:0 0 14px 14px;box-shadow:0 18px 35px #0008;backdrop-filter:blur(12px);max-height:75dvh;overflow:auto;display:grid;grid-template-columns:1fr 1fr}
#living-menu :is(button,a){min-height:48px;display:flex;align-items:center;padding:10px 12px;text-decoration:none;color:#e3e0c7;font:13px Arial;text-align:left;border-radius:7px}
#living-menu :is(button,a):hover{background:#7d9c9830}
.living-hero{position:relative;min-height:320px;padding:110px 24px 26px;background:linear-gradient(0deg,#0f2229 2%,#162a3577 58%,#0e273155),url('img/scenes/scene_spirit_hamlet.jpg') center/cover}
.living-categories{position:absolute;left:20px;right:16px;top:14px;display:flex;gap:6px;flex-wrap:wrap}
#living-landing .living-categories button{min-height:40px;padding:7px 12px;border-radius:22px;border:1px solid #8dafb977;background:#122a39c7;color:#d5e5e7;backdrop-filter:blur(8px);font-size:11px}
#living-landing .living-categories button[aria-pressed=true]{background:#c2d7cd;color:#173837}
.living-copy small{display:block;color:#e8c991;margin-bottom:12px;font:700 9px/1.6 Arial;letter-spacing:1.5px}
#living-landing h1{font:42px/1.12 Georgia,serif;color:#f4efd9!important;margin:0;letter-spacing:-.7px;text-shadow:0 2px 18px #0b242d66}
#living-title span{display:block}
.living-copy p{font:13px/1.65 Arial;color:#c1d7d7;margin:14px 0 0;max-width:300px}
#living-landing #landing-gallery{width:calc(100% - 40px);margin:-17px 20px 18px;display:flex;flex-direction:column;border:1px solid #73929b77;border-radius:12px;background:linear-gradient(120deg,#25454b,#16333a);box-shadow:0 8px 25px #0003;padding:38px 13px 0;overflow:hidden;--eg-gold:#d9d0aa;--eg-muted:#b2c7c1}
#living-landing #landing-gallery .eg-stage{height:auto;aspect-ratio:1.9;width:100%;border-radius:7px;background:#111f21;border:1px solid #758c7455}
#living-landing .eg-panel{position:static;display:grid;grid-template-columns:1fr auto;gap:5px 10px;padding:12px 0 0;border:0;background:none;align-items:start;width:100%}
#living-landing .eg-panel::after,#living-landing .eg-rule{display:none}
#living-landing .eg-series{position:absolute;top:14px;left:14px;font:700 9px Arial;letter-spacing:1.5px;color:#bdcbb9}
#living-landing .eg-count{position:absolute;right:14px;top:12px;margin:0;font:11px Arial;color:#c7cbb5}
#living-landing .eg-count span{font-size:10px}
#living-landing #landing-gallery .eg-title{grid-column:1;grid-row:1;font:20px/1.2 Georgia;color:#e5e9ce!important;text-align:left;text-wrap:initial}
#living-landing #landing-gallery .eg-copy{grid-column:1/-1;grid-row:2;font:11px/1.5 Arial;color:#b5caca;margin:0;min-height:34px;text-wrap:initial}
#living-landing .eg-controls{grid-column:2;grid-row:1;gap:2px}
#living-landing #landing-gallery .eg-controls button{width:32px;height:40px;border-color:#80937d66;border-radius:20px;background:transparent;font-size:24px;color:#ded8b4}
#living-landing #landing-gallery .eg-controls [data-action=pause]{font-size:12px}
#living-landing .eg-markers{grid-column:1/-1;grid-row:3;justify-content:center;margin:0}
#living-landing #landing-gallery .eg-markers button{width:12.5%;min-width:0!important;height:36px}
#living-landing .eg-markers button::before{width:5px;height:4px;background:#a2b3a566}
#living-landing .eg-markers button[aria-current=true]::before{width:20px;background:#ded0a5}
.living-join{padding:0 24px;text-align:center}
#living-landing .living-start{width:100%;min-height:52px;padding:12px 18px;border-radius:9px;border:1px solid #d4c8a4;background:linear-gradient(135deg,#d3c39a,#9f936d);color:#302919;display:flex;justify-content:center;align-items:center;gap:20px;font-size:15px;font-weight:700}
.living-start>span:last-child{font-size:24px;font-weight:400}
#living-landing .living-login-link{min-height:44px;font-size:12px;color:#b3c5c3;margin-top:3px}
.living-login-link b{color:#eee0b6;text-decoration:underline;text-underline-offset:3px;margin-left:5px}
.living-free{font:10px Arial;color:#9cb9b6;margin:4px 0 0}
.living-links{display:flex;justify-content:space-around;gap:12px;margin:22px 20px 14px}
#living-landing .living-links :is(a,button){display:flex;flex:1;align-items:center;flex-direction:column;gap:6px;font:11px Arial;color:#c0d2ca;text-decoration:none;min-height:62px;padding:0}
.living-links img{width:36px;height:36px;object-fit:contain}
.living-footer{border-top:1px solid #47707844;text-align:center;padding:12px 20px max(20px,env(safe-area-inset-bottom));color:#99b3b1}
.living-footer>div{display:flex;justify-content:center;gap:12px}
#living-landing .living-footer button{min-height:44px;font-size:11px}
.living-footer details{font-size:12px;line-height:1.7;text-align:left}.living-footer summary{cursor:pointer;text-align:center;min-height:44px;padding:12px}
.living-footer>small{font:9px Arial;letter-spacing:1px;display:block;margin-top:12px}
#living-legal .ll-foot{font:11px/1.7 Arial!important;text-align:left!important;color:#a7b8b4!important;margin:12px 0!important}
#living-login>.living-login-card{max-width:440px!important;width:100%!important;max-height:94dvh!important;overflow:auto!important;background:linear-gradient(140deg,#204249,#112a31)!important;border:1px solid #8e9e80!important;color:#cfdfd5!important;border-radius:20px 20px 0 0!important;padding:24px!important;text-align:left}
.living-login-card>img{object-fit:contain;display:block;margin:0 auto 24px}
#living-login h2{font:26px/1.25 Georgia!important;color:#f0e3c5!important;margin:8px 30px 8px 0}
.living-login-card>p{font:13px/1.5 Arial;color:#acc7c6;margin-bottom:22px}
#living-login .living-close{position:absolute;right:10px;top:10px;min-width:44px;min-height:44px;border:1px solid #80947777;border-radius:9px;background:#213d43;color:#efdfbb;font-size:24px;cursor:pointer}
#living-login #lg-right-slot{display:block!important;position:static!important;width:100%!important;text-align:left}
#living-login #lg-guest-box{display:flex!important;flex-direction:column;gap:12px!important;align-items:stretch!important}
#living-login #lg-guest-box input{width:100%!important;min-height:50px!important;background:#10272d!important;color:#e9e1ca!important;border:1px solid #809b8a!important;padding:12px!important;font:16px Arial!important}
#living-login #lg-guest-box button{min-height:48px!important;width:100%!important;justify-content:center!important;border-radius:8px!important;font:700 13px Arial!important}
#living-login #lg-login-btn{background:linear-gradient(135deg,#d3c39a,#9f936d)!important;color:#302919!important;border-color:#c5b789!important}
#living-login #lg-right-slot>a{display:inline-flex;min-height:44px;align-items:center;color:#d6cda8!important;font:12px Arial!important;margin:8px 12px 0 0!important}
#living-login #lg-reg-link{display:none!important}
@media(max-width:360px){#living-landing .living-header{padding:10px 14px;gap:8px}.living-logo img{width:156px}#living-landing h1{font-size:38px}#living-landing .eg-controls button{width:28px}#living-landing #landing-gallery .eg-title{font-size:18px}}
@media(min-width:641px) and (max-height:500px) and (pointer:coarse){#living-landing{max-width:100%;display:none;grid-template-columns:1fr 1fr}html.living-mobile body.landing-active #living-landing{display:grid}.living-header{grid-column:1/-1}.living-hero{grid-column:1;grid-row:2/4;min-height:350px;padding-top:150px}#living-gallery-slot{grid-column:2;grid-row:2}#living-landing #landing-gallery{margin:18px 20px 12px;width:calc(100% - 40px)}.living-join{grid-column:2;grid-row:3}.living-links,.living-footer{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){#living-landing *{scroll-behavior:auto!important}}