body{background:#0c070a}main,body>footer{position:relative;max-width:1180px;margin-inline:auto;background:linear-gradient(90deg,#160c10ed,#10090bf7 12%,#10090bf7 88%,#160c10ed);border-inline:1px solid #88443339;box-shadow:0 0 90px #0009}main{overflow:clip}.topbar{z-index:80}.world-ambient{position:fixed;inset:-15vh -8vw;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 5% 25%,#721b29a6,transparent 40%),radial-gradient(ellipse at 95% 70%,#4a1021,transparent 45%),#0c070a}.world-ambient i{position:absolute;inset:0;pointer-events:none}.ambient-mist{background:repeating-conic-gradient(from 20deg at 50% 50%,transparent 0 22deg,#c6423010 25deg,transparent 30deg 70deg);filter:blur(24px);transform:translateY(calc(var(--scroll,0px) * -1));animation:mist-drift 30s ease-in-out infinite alternate}.ambient-ring{inset:12% -20%!important;border:1px solid #c3583930;border-radius:50%;box-shadow:0 0 60px #98262422,inset 0 0 90px #b4383022;transform:rotate(-30deg) translateY(calc(var(--scroll,0px) * -.35))}.ambient-sparks{background-image:radial-gradient(circle,#f0a56b80 0 1px,transparent 2px),radial-gradient(circle,#e0454580 0 1px,transparent 2px);background-size:159px 293px,283px 197px;opacity:.3;transform:translateY(calc(var(--scroll,0px) * -.5))}
.hero-content{padding-bottom:40px}.hero-signature{display:flex;align-items:center;gap:18px;width:max-content;max-width:100%;margin-top:28px;text-decoration:none;color:#eed4bc}.hero-signature img{width:112px;height:150px;object-fit:contain;mask-image:linear-gradient(#000 84%,transparent);filter:drop-shadow(0 0 18px #ae302844)}.hero-signature span{display:grid;gap:6px}.hero-signature small{font-size:8px;letter-spacing:.2em;color:#b58171}.hero-signature b{font:24px Georgia,serif}.hero-signature i{font:10px Arial,sans-serif;color:#bd8a75}.hero-content>h1,.hero-content>.eyebrow,.hero-content>p,.hero-content>.hero-actions{animation:entrance-v07 .9s ease-out both}.hero-content>h1{animation-delay:.12s}.hero-content>p{animation-delay:.24s}.hero-content>.hero-actions{animation-delay:.35s}.brand img{animation:logo-ember 5s ease-in-out infinite}
.welcome-features{text-align:center;padding-block:70px}.welcome-features h2{font-size:clamp(30px,4vw,48px)}.welcome-intro{font-size:13px;color:#bc9b8f;margin-bottom:35px}.welcome-features nav{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}.feature-link{position:relative;display:flex;align-items:center;gap:15px;min-height:54px;padding:13px 18px;color:#e9d7bf;text-decoration:none;border:1px solid #9b6747;background:linear-gradient(110deg,#20191a,#421b1b 48%,#1d1518);box-shadow:inset 0 0 0 3px #170c10,inset 0 0 0 4px #71513b;isolation:isolate}.feature-link::before,.system-grid>button::before{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,#ffe5bd24 50%,transparent 65%);background-size:250% 100%;background-position:100% 0;pointer-events:none;transition:background-position .75s}.feature-link:hover::before,.system-grid>button:hover::before{background-position:0 0}.feature-link span{font:10px Arial,sans-serif;color:#b57d65}.feature-link b{font:17px Georgia,serif;flex:1}.feature-link i{font-size:10px;color:#c37757}.depth-surface{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .2s ease-out,filter .3s}.depth-surface:hover{filter:brightness(1.08)}.system-grid>button{position:relative;overflow:hidden}
.angel-halo{position:absolute;top:-4%;left:35%;width:30%;height:5%;border:3px solid #ffe6a5;border-radius:50%;box-shadow:0 0 8px #fff3b4,0 0 22px #ffce63,0 0 45px #fff6c280;opacity:0;transform:translateY(8px) rotate(-8deg);transition:opacity .5s,transform .7s;z-index:3;pointer-events:none}.angel-wings{position:absolute;inset:7% -16% 15%;z-index:0;opacity:0;background:radial-gradient(ellipse at 25% 45%,#ffedb780,transparent 44%),radial-gradient(ellipse at 75% 45%,#f7f3ce80,transparent 44%);filter:blur(15px);transition:opacity .6s;pointer-events:none}.creator-angel:is(:hover,:focus-visible,[aria-expanded=true]) .angel-halo{opacity:1;transform:translateY(0) rotate(-8deg)}.creator-angel:is(:hover,:focus-visible,[aria-expanded=true]) .angel-wings{opacity:1}.creator-angel:is(:hover,:focus-visible,[aria-expanded=true])>img{filter:drop-shadow(0 0 12px #fff0b870)}
@keyframes entrance-v07{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@keyframes logo-ember{0%,100%{filter:drop-shadow(0 0 4px #b9232920)}50%{filter:drop-shadow(0 0 12px #e63c3650)}}@keyframes mist-drift{from{opacity:.4;scale:1}to{opacity:1;scale:1.15}}
@media(max-width:700px){.welcome-features nav{grid-template-columns:1fr;gap:10px}.creator-fan{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;gap:35px 12px;margin-top:30px}.creator-fan .creator-card{position:relative;left:auto;bottom:auto;width:100%;max-width:none;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));filter:none}.creator-fan .creator-lead{grid-column:1/-1;max-width:280px;justify-self:center}.creator-fan .creator-caption{opacity:1;margin:-25px 0 0}.creator-fan .creator-caption b{font-size:19px}.hero-signature img{width:90px;height:120px}.world-ambient{opacity:.5}}
@media(prefers-reduced-motion:reduce){.world-ambient i,.brand img,.hero-content>*{animation:none!important;transform:none!important;translate:none!important}.depth-surface{transform:none;transition:none}.creator-fan .creator-card{transition:none;transform:translateX(-50%) translateX(calc(var(--slot) * var(--spread))) translateY(calc(var(--order) * -13px)) scale(calc(1 - var(--order) * .045))!important}.angel-halo,.angel-wings{transition:none}.creator-fan{--spread:clamp(65px,9vw,103px)}}@media(max-width:700px) and (prefers-reduced-motion:reduce){.creator-fan .creator-card{transform:none!important}}

.creator-carousel{margin:20px -25px 0;padding:65px 0 45px;overflow:hidden;isolation:isolate;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.creator-track{display:flex;width:max-content;animation:creators-right 65s linear infinite;will-change:transform}
.creator-lane{display:flex;align-items:flex-end;gap:18px;padding-right:18px}
.creator-carousel .creator-card{position:relative;width:215px;flex:0 0 215px;overflow:visible;border:0;background:none;box-shadow:none;padding:0;text-align:center;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .45s,filter .45s;filter:brightness(.78);z-index:1}
.creator-carousel .creator-card>img{aspect-ratio:3/4;object-fit:contain;width:100%;mask-image:linear-gradient(#000 85%,transparent);transform:none;filter:drop-shadow(0 10px 16px #0008)}
.creator-carousel .creator-caption{margin:-25px 0 0;padding:10px 0;background:none;text-align:center;opacity:.8}.creator-carousel .creator-caption small{font-size:8px}.creator-carousel .creator-caption b{font-size:21px;white-space:nowrap}.creator-carousel .creator-aura{z-index:-1}
.creator-carousel .creator-card:is(:hover,:focus-visible,[aria-pressed=true]){transform:perspective(1000px) translateZ(55px) translateY(-12px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(1.1);filter:brightness(1.04);z-index:5;box-shadow:none}
.creator-carousel .creator-card:focus-visible{outline:1px dashed #d29879;outline-offset:5px}.creator-track:focus-within{animation-play-state:paused}
.creator-angel[aria-pressed=true] .angel-halo,.creator-angel[aria-pressed=true] .angel-wings{opacity:1;transform:translateY(0) rotate(-8deg)}
@keyframes creators-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.player-bars{width:clamp(105px,18vw,174px);display:flex;flex-direction:column;gap:4px;align-items:stretch}.player-bars>b{font:bold 12px Georgia,serif;text-shadow:1px 1px 3px #000;color:#f6ddaa;margin-bottom:1px}.player-bars .vital-track{height:17px;position:relative;overflow:hidden;border:1px solid #bba078;border-radius:3px;background:#0c090bd9;box-shadow:0 0 0 1px #0008,inset 0 1px 2px #000;min-width:0}.player-bars .vital-track>i{display:block;position:absolute;inset:0 auto 0 0;width:100%;height:100%;margin:0;border:0;border-radius:0;transition:width .18s ease-out}.player-bars .vital-hp>i{background:linear-gradient(#d84d4c,#8c161e 60%,#bc2935)}.player-bars .vital-sp>i{background:linear-gradient(#4585c0,#154c8e 60%,#286fb3)}.player-bars .vital-track>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;min-width:0;margin:0;padding:0;background:none;border:0;border-radius:0;font:bold 9px/1 Arial,sans-serif;color:#fff4df;text-shadow:1px 1px #000}.player-bars>small{font-size:8px;line-height:1.4;color:#dfccac}.combat-wheel .potion-icon{width:32px!important;height:32px!important;object-fit:contain;border-radius:0!important;filter:drop-shadow(0 1px 3px #000)}
.hero-art::before{background-image:url('assets/dungeons/owl-backdrop.png')!important;opacity:.5;filter:saturate(.6)}
.boss-portrait[data-realm=owl]::before{background-image:url('assets/dungeons/owl-backdrop.png')}
.boss-portrait{min-height:530px;align-self:start}.boss-portrait::before{display:none}.dungeon-viewport{position:relative;height:480px;width:100%;overflow:hidden}.dungeon-viewport canvas{display:block;width:100%;height:100%;touch-action:none}.dungeon-viewport [role=status]{position:absolute;inset:0;display:grid;place-items:center;background:#10090b99;font-size:12px}.dungeon-viewport [role=status][hidden]{display:none}.boss-portrait .boss-strike{height:40px;margin:0 auto 10px}
.inventory-touch-ghost{display:grid;place-items:center;background:none;border:0;pointer-events:none}.inventory-touch-ghost img{width:auto;max-width:100%;height:100%;object-fit:contain}.catalog-bag [draggable=true],.market3 [draggable=true]{touch-action:none;cursor:grab}.catalog-bag{grid-template-rows:repeat(6,38px)}.catalog-bag .catalog-slot{height:100%;min-height:0;grid-row-end:auto}.catalog-bag .catalog-empty{min-height:0;cursor:default}.slot-weapon{outline:1px solid #d7a26b66}.empty-weapon{font-size:9px;color:#b59472}.market3-slot img,.market3-bag-slot img{max-height:100%;height:auto;max-width:100%}.market3-hover{z-index:100;max-height:calc(100dvh - 24px);overflow:auto;animation:entrance-v07 .25s ease-out}.hero-logo{animation:logo-ember 5s ease-in-out infinite}
@media(max-width:700px){.creator-carousel{margin-inline:-15px;padding-top:50px}.creator-carousel .creator-card{width:175px;flex-basis:175px}.creator-track{animation-duration:55s}.creator-carousel .creator-caption b{font-size:18px}.catalog-bag{grid-template-rows:repeat(6,31px)}}
@media(prefers-reduced-motion:reduce){.creator-track{animation:none;transform:none}.creator-carousel{overflow-x:auto;mask-image:none}.creator-lane[aria-hidden=true]{display:none}.creator-carousel .creator-card{transition:none;transform:none!important}.hero-logo{animation:none}}

.creator-triangle{position:relative;isolation:isolate;height:460px;margin-top:60px;perspective:1300px;--space:clamp(45px,10vw,120px)}
.creator-triangle .creator-card{position:absolute;left:50%;bottom:0;width:clamp(160px,26vw,290px);border:0;background:none;box-shadow:none;border-radius:0;padding:0;overflow:visible;text-align:center;transform:translateX(-50%) translateX(calc(var(--slot) * var(--space))) translateY(calc(var(--depth) * -45px)) scale(var(--size)) perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .85s cubic-bezier(.2,.75,.2,1),filter .5s;filter:brightness(calc(1 - var(--depth) * .12));transform-origin:50% 100%;}
.creator-triangle .creator-card>img{display:block;position:relative;width:100%;height:auto;max-height:none;aspect-ratio:3/4;object-fit:contain;mask-image:linear-gradient(#000 85%,transparent 99%);filter:drop-shadow(0 12px 18px #0008);transform:none}.creator-triangle .creator-caption{display:block;position:relative;margin:-28px 0 0;padding:12px 0 0;background:none;text-align:center;opacity:.65;white-space:nowrap}.creator-triangle .creator-caption small{font-size:8px}.creator-triangle .creator-caption b{font-size:21px}.creator-triangle .creator-card[aria-pressed=true] .creator-caption{opacity:1}.creator-triangle .creator-card:hover,.creator-triangle .creator-card:focus-visible{filter:brightness(1.1);box-shadow:none}.creator-triangle .creator-aura{z-index:-1}.creator-triangle .creator-card:focus-visible{outline:1px dashed #c7926f;outline-offset:5px}.creator-turn{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:25px;font:18px Georgia,serif;color:#e2bda6}.creator-turn button{width:38px;height:32px;border:1px solid #85513c;background:#241317;color:#ddb391;cursor:pointer}.creator-turn span{min-width:145px;text-align:center}
.voice-game-panel .voice-range-tip{display:none}.voice-game-panel input[type=range]::-webkit-slider-thumb{appearance:none;width:42px;height:18px;background:transparent!important;border:0;clip-path:none}.voice-game-panel input[type=range]::-moz-range-thumb{width:42px;height:18px;background:transparent!important;border:0}.voice-thumb-ornament{position:absolute;width:42px;height:18px;pointer-events:none;z-index:3;display:block}.voice-thumb-ornament i{position:absolute;display:block;height:18px;background-image:url('assets/voice-reference.png');background-size:315px 473px;background-repeat:no-repeat}.voice-thumb-ornament .ornament-arrow{width:12px;background-position:-37px -101px;left:0;top:0}.voice-thumb-ornament .ornament-center{left:12px;top:0;width:18px;background-position:-154px -101px}.voice-thumb-ornament .ornament-arrow.right{left:30px;transform:scaleX(-1)}
@media(max-width:650px){.creator-triangle{height:330px;--space:clamp(34px,9vw,55px);margin-top:40px}.creator-triangle .creator-card{width:clamp(160px,33vw,210px);transform:translateX(-50%) translateX(calc(var(--slot) * var(--space))) translateY(calc(var(--depth) * -27px)) scale(var(--size))}.creator-triangle .creator-caption b{font-size:17px}}
@media(prefers-reduced-motion:reduce){.creator-triangle .creator-card{transition:none}}

.creator-triangle .creator-caption small,.creator-triangle .creator-caption b{display:block}.creator-triangle .creator-caption small{color:#b78169;letter-spacing:.2em}.creator-triangle .creator-caption b{font-family:Georgia,serif;font-weight:400;color:#ebcbb5;margin-top:5px}.creator-triangle .creator-aura{position:absolute;inset:15% 5% 20%;border-radius:50%;background:#c6383326;filter:blur(25px);pointer-events:none}
.hero-content>h2,.hero-content>.hero-buttons{animation:entrance-v07 .9s ease-out both;animation-delay:.25s}.hero-content>.hero-buttons{animation-delay:.4s}

/* Restore the original standalone boss showcase. */
.boss-portrait::before{display:block}.boss-portrait>model-viewer{width:100%;height:480px;position:relative;z-index:1}.boss-portrait .boss-strike{position:relative;z-index:2}.slot-weapon{touch-action:none;user-select:none;cursor:grab}

/* Hover windows are fixed before open, so they never enter page flow. */
.market3-hover{position:fixed;inset:12px auto auto 12px;margin:0}

/* Preserve each atlas image own dimensions; route overlay shares its bounds. */
.map-surface>img{display:block;aspect-ratio:auto;width:100%;height:auto}