/* The original title-screen scenery, graded to a quiet evening palette. */
*,*::before,*::after{-webkit-user-select:none!important;user-select:none!important}
::selection{background:transparent;color:inherit}
.menu-world{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 22%,#375658 0,#17393d 55%,#0c2329 100%)}
.menu-world:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 42%,transparent 20%,#06171b66 75%,#061317bd),linear-gradient(transparent 65%,#06171b55)}
.world-mountains{position:absolute;left:50%;bottom:-10%;width:max(100%,1600px);height:90%;transform:translateX(-50%);background:url('assets/class-menu/mountains.webp') center top/100% auto no-repeat;filter:brightness(.38) saturate(.55);opacity:.7}
.world-village{position:absolute;left:50%;bottom:-12%;width:max(100%,1600px);height:65%;transform:translateX(-50%);background:url('assets/class-menu/village.webp') center top/100% auto no-repeat;filter:brightness(.48) saturate(.7);opacity:.8}
.world-cloud{position:absolute;object-fit:contain;opacity:.12;filter:brightness(.7) saturate(.3);will-change:transform;animation:cloud-drift 48s ease-in-out infinite alternate}
.cloud-left{left:-5%;top:6%;width:min(34vw,620px)}
.cloud-right{right:-6%;top:24%;width:min(26vw,440px);animation-duration:61s;animation-direction:alternate-reverse}
.world-leaves{position:absolute;width:380px;bottom:-190px;filter:brightness(.32) saturate(.65);opacity:.85}
.leaves-left{left:-160px;transform:rotate(38deg)}.leaves-right{right:-165px;transform:scaleX(-1) rotate(38deg)}

.brand-mark{display:block;width:min(440px,84vw);height:auto;max-height:148px;flex:none;overflow:visible;user-select:none;pointer-events:none;animation:brand-arrive .6s cubic-bezier(.16,1,.3,1) both}
.brand-lockup{position:relative;flex:none;max-width:100%;z-index:3}
.accuracy-note{position:absolute;right:0;bottom:17%;line-height:normal;pointer-events:auto;z-index:5}
.accuracy-note .accuracy-trigger{display:grid;place-items:center;width:30px;height:30px;padding:0;border:2px solid #172a26;border-radius:50%;background:linear-gradient(#517366,#294b42);color:#e7dcad;font:bold 19px Georgia,serif;text-shadow:0 2px #152e28;box-shadow:inset 0 1px 0 #a1b98265,0 2px 0 #091c2099;cursor:pointer;touch-action:manipulation;transition:filter .15s,box-shadow .15s}
.accuracy-note .accuracy-trigger:hover,.accuracy-note .accuracy-trigger[aria-expanded=true]{filter:brightness(1.17);box-shadow:inset 0 1px 0 #a1b98265,0 2px 0 #091c2099,0 0 0 2px #d2c38230}
.accuracy-note .accuracy-trigger:focus-visible{outline:2px solid #e7dcad;outline-offset:3px}
.accuracy-tooltip{position:absolute;top:calc(100% + 8px);right:0;width:min(294px,calc(100vw - 32px));box-sizing:border-box;margin:0;padding:14px 16px;border:2px solid #162b26;border-radius:11px;background:linear-gradient(145deg,#365b4b,#203f38);box-shadow:inset 0 0 0 1px #a8ba7655,0 8px 22px #061a1fcc;color:#f0e9ce;font:14px/1.5 HeyComic,Arial,sans-serif;text-align:left;text-shadow:0 1px 1px #0b241e;animation:accuracy-arrive .15s ease-out both}
.accuracy-tooltip[hidden]{display:none!important}
@keyframes accuracy-arrive{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@keyframes cloud-drift{to{transform:translate3d(55px,8px,0)}}
@keyframes brand-arrive{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:600px){.world-village{width:1200px;bottom:-5%;height:50%}.world-mountains{width:1300px}.world-leaves{width:280px;bottom:-115px}.leaves-left{left:-140px}.leaves-right{right:-145px}.cloud-left{width:65vw}.cloud-right{width:55vw;top:17%}}
@media(prefers-reduced-motion:reduce){.world-cloud,.brand-mark,.accuracy-tooltip{animation:none}}