#menuOv { padding:36px 5vw 20px; gap:24px; box-sizing:border-box; }
#menuOv #hween { display:none; }
#menuOv .home-content { width:100%; max-width:1360px; margin:auto; flex:1; display:grid; grid-template-columns:1fr 1.1fr; grid-template-rows:1fr auto; column-gap:64px; row-gap:32px; align-items:center; min-height:0; }
#menuOv .home-hero { padding:16px 0; display:flex; flex-direction:column; gap:22px; align-items:flex-start; }
#menuOv .eyebrow { font-size:11px; letter-spacing:.15em; color:#c4bacc; }
#menuOv .logo { font-size:clamp(64px,7.5vw,112px); line-height:.95; margin:0 0 12px; }
#menuOv .logo span { display:inline; }
#menuOv .cta { width:100%; min-height:88px; border-radius:18px; padding:22px 26px; grid-template-rows:auto; box-sizing:border-box; }
#menuOv .cta-k { font-size:24px; }
#menuOv .cta-go { grid-row:1; }
#menuOv .home-progress { display:flex; flex-wrap:wrap; gap:12px 24px; width:100%; }
#menuOv .home-progress p { margin:0; color:#e0d4ea; font-size:15px; }
#menuOv #homeBest { color:var(--lantern); margin-left:auto; }
#menuOv .home-primary-actions { width:100%; display:grid; grid-template-columns:1fr 1fr; gap:12px; }
#menuOv .home-action { min-height:60px; padding:16px 20px; border:1px solid rgba(208,164,236,.3); border-radius:14px; background:rgba(27,18,43,.82); color:var(--ink); font:600 15px var(--display); display:flex; justify-content:space-between; align-items:center; cursor:pointer; }
#menuOv .home-world-art { position:relative; min-width:0; align-self:stretch; display:flex; flex-direction:column; justify-content:center; min-height:300px; }
#menuOv #menuArt { position:relative; height:100%; min-height:300px; }
#menuOv .home-art-orbit { position:absolute; inset:10% 0; border:1px solid rgba(255,209,102,.13); border-radius:50%; transform:rotate(-20deg); background:radial-gradient(ellipse,rgba(255,209,102,.12),transparent 65%); }
#menuOv .home-world-name { text-align:center; font:500 12px var(--display); letter-spacing:.12em; color:#c4bacc; padding:16px; }
#menuOv .home-feature-cards { grid-column:1 / -1; display:grid; grid-template-columns:1fr 1fr; gap:20px; }
#menuOv .home-feature { display:grid; grid-template-columns:44px 1fr auto; gap:16px; align-items:center; text-align:left; min-height:106px; padding:22px 24px; color:var(--ink); border:1px solid rgba(208,164,236,.2); border-radius:18px; background:rgba(23,16,38,.88); cursor:pointer; }
#menuOv .home-feature b { font:600 16px var(--display); display:block; }
#menuOv .home-feature small { display:block; margin-top:8px; font:400 13px var(--body); color:#c4bacc; }
#menuOv .home-feature-icon { font-size:28px; color:var(--lantern); }
#menuOv .home-bottom-nav { display:grid; grid-template-columns:repeat(5,1fr); gap:8px; width:100%; max-width:1360px; margin:0 auto; padding-top:16px; border-top:1px solid rgba(208,164,236,.2); flex-shrink:0; }
#menuOv .home-nav-button { min-height:68px; display:flex; align-items:center; justify-content:center; gap:12px; background:transparent; color:#bbb0c8; border:0; border-radius:12px; font:500 13px var(--body); cursor:pointer; }
#menuOv .home-nav-button > span:first-child { font-size:23px; }
#menuOv .home-nav-button[aria-current] { background:rgba(255,209,102,.08); color:var(--lantern); }
#menuOv .home-nav-button:hover, #menuOv .home-action:hover, #menuOv .home-feature:hover { background:rgba(62,43,82,.88); }
#menuOv button:focus-visible, #worldsOv button:focus-visible { outline:2px solid var(--lantern); outline-offset:4px; }
#menuOv .home-drawer { flex:1; width:100%; max-width:1360px; margin:auto; padding:24px 0; }
#menuOv .home-drawer-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:28px; }
#menuOv .home-browse-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
#menuOv .home-browse-grid .mcard { min-height:150px; }
.home-social-buttons { display:flex; flex-wrap:wrap; gap:12px; }
#menuOv .home-social-buttons .chip { min-height:64px; min-width:150px; border-radius:14px; }
.home-profile-controls { display:flex; flex-direction:column; gap:16px; padding:16px 0 24px; }
.home-profile-controls .mtop-r { flex-wrap:wrap; justify-content:flex-start; overflow:visible; }
#worldsOv .world-map-panel { max-width:1480px; width:100%; padding:28px; background:linear-gradient(145deg,rgba(14,16,40,.96),rgba(30,23,51,.96)); }
.world-map-heading { margin:20px 0 28px; }
.world-map-heading h2 { margin:8px 0; }
.world-map-heading p { color:#c4bacc; font-size:14px; margin:0; }
.world-map-layout { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:28px; align-items:start; }
#worldList.world-map { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-template-rows:repeat(var(--map-rows),190px) auto; gap:14px 6px; padding:10px; background:radial-gradient(ellipse at 45% 50%,rgba(89,84,144,.24),transparent 70%); border-radius:24px; }
.map-route { position:absolute; width:100%; height:calc(100% - 100px); inset:0; pointer-events:none; opacity:.4; }
.map-route polyline { fill:none; stroke:#a3a0d0; stroke-width:2; stroke-dasharray:5 8; vector-effect:non-scaling-stroke; }
.world-island { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:0; padding:10px 4px; background:transparent; border:1px solid transparent; border-radius:24px; color:var(--island-color); cursor:pointer; }
.world-island b { font:600 12px var(--display); text-align:center; color:#eee5f6; line-height:1.45; }
.world-island small { font:500 12px var(--body); color:#c4bacc; }
.world-island[aria-pressed="true"] { background:color-mix(in srgb,var(--island-color) 10%,transparent); border-color:color-mix(in srgb,var(--island-color) 45%,transparent); }
.world-island:hover { background:rgba(255,255,255,.06); }
.world-island.locked .island-scene { opacity:.45; filter:saturate(.4); }
.island-scene { width:min(160px,100%); height:auto; overflow:visible; color:var(--island-color); }
.island-float { animation:islandFloat 5s ease-in-out infinite; transform-origin:center; }
.world-island:nth-child(3n) .island-float { animation-delay:-2s; }
.world-island:nth-child(3n + 1) .island-float { animation-delay:-4s; }
.island-spark { animation:islandSpark 3s ease-in-out infinite; }
.spark-two { animation-delay:-1.5s; }
@keyframes islandFloat { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-7px); } }
@keyframes islandSpark { 0%,100% { opacity:.2; } 50% { opacity:1; } }
.map-interlude { grid-column:1 / -1; justify-self:center; margin-top:16px; padding:14px 28px; background:rgba(0,0,0,.2); border:1px dashed rgba(208,164,236,.4); color:#e0d4ea; border-radius:14px; cursor:pointer; }
.map-interlude small { display:block; margin-top:5px; }
.map-interlude:disabled { opacity:.5; cursor:default; }
.world-detail { position:sticky; top:20px; padding:24px; border:1px solid color-mix(in srgb,var(--island-color) 40%,transparent); border-radius:22px; background:rgba(15,13,32,.85); min-width:0; display:flex; flex-direction:column; gap:16px; }
.world-detail .island-scene { width:180px; align-self:center; }
.world-detail h3 { font:600 23px var(--display); margin:0; line-height:1.3; }
.map-lore { font-size:13px; line-height:1.6; color:#c4bacc; margin:0; }
.map-completion { display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; font-size:12px; color:#e0d4ea; }
.map-progress { width:100%; height:6px; background:rgba(255,255,255,.1); border-radius:8px; overflow:hidden; }
.map-progress i { display:block; height:100%; background:var(--island-color); }
.map-stats { margin:0; display:grid; grid-template-columns:1fr 1fr; gap:18px 12px; }
.map-stats div:last-child { grid-column:1 / -1; }
.map-stats dt { color:#bcb1c8; font-size:11px; margin-bottom:5px; }
.map-stats dd { margin:0; font-size:14px; color:#eee5f6; }
.map-preview { padding:14px; background:rgba(255,255,255,.05); border:1px solid rgba(208,164,236,.25); border-radius:12px; color:var(--island-color); font:600 13px var(--body); cursor:pointer; }
.map-preview small { display:block; margin-top:6px; color:#c4bacc; font-weight:400; }
.world-detail .btn { width:100%; font-size:13px; }
@media (max-width:1100px) {
  #menuOv .home-content { column-gap:32px; }
  #menuOv .logo { font-size:clamp(52px,7.5vw,80px); }
  .world-map-layout { grid-template-columns:minmax(0,1fr) 280px; gap:16px; }
  .world-island b { font-size:10px; }
}
@media (max-width:760px) {
  #menuOv { padding:24px 16px 12px; gap:20px; }
  #menuOv .home-content { grid-template-columns:1fr; gap:22px; flex:0 0 auto; }
  #menuOv .home-hero { gap:16px; padding:16px 4px 0; }
  #menuOv .logo { font-size:clamp(38px,14vw,72px); margin:4px 0 8px; }
  #menuOv .eyebrow { font-size:9px; }
  #menuOv .cta { min-height:76px; padding:18px 20px; }
  #menuOv .cta-k { font-size:21px; }
  #menuOv .home-progress { gap:8px 16px; }
  #menuOv .home-progress p { font-size:13px; }
  #menuOv .home-primary-actions { gap:10px; }
  #menuOv .home-action { min-height:54px; font-size:12px; padding:14px; }
  #menuOv .home-world-art { min-height:140px; height:140px; }
  #menuOv #menuArt { height:140px; min-height:120px; }
  #menuOv .home-world-name { font-size:10px; padding:6px; }
  #menuOv .home-feature-cards { grid-template-columns:1fr; gap:10px; }
  #menuOv .home-feature { min-height:86px; padding:16px; grid-template-columns:32px 1fr auto; gap:10px; }
  #menuOv .home-feature b { font-size:13px; }
  #menuOv .home-feature small { font-size:12px; margin-top:6px; }
  #menuOv .home-bottom-nav { position:sticky; bottom:-12px; padding:8px 0 max(8px,env(safe-area-inset-bottom)); gap:0; background:rgba(17,13,31,.96); border-radius:16px 16px 0 0; margin-top:auto; }
  #menuOv .home-nav-button { min-height:64px; flex-direction:column; gap:5px; font-size:10px; }
  #menuOv .home-browse-grid { grid-template-columns:1fr 1fr; }
  #worldsOv .world-map-panel { padding:16px; }
  .world-map-layout { grid-template-columns:1fr; }
  #worldList.world-map { grid-template-rows:repeat(var(--map-rows),150px) auto; padding:4px; gap:8px 0; }
  .world-island { padding:6px 2px; }
  .world-island b { font:600 9px var(--body); }
  .world-island small { font-size:10px; }
  .world-detail { position:relative; top:auto; }
  .map-route { height:calc(100% - 90px); }
}
@media (min-width:761px) and (max-height:750px) {
  #menuOv { padding:20px 4vw 12px; gap:16px; }
  #menuOv .home-hero { gap:14px; }
  #menuOv .logo { font-size:64px; margin:0; }
  #menuOv .home-feature { min-height:86px; padding:16px 20px; }
  #menuOv #menuArt { min-height:200px; }
  #menuOv .home-nav-button { min-height:54px; }
}
@media (prefers-reduced-motion:reduce) {
  .island-float,.island-spark { animation:none; }
  #menuOv button { animation:none!important; transition:none; }
}
#menuOv { background:linear-gradient(100deg,rgba(13,14,32,.88),rgba(18,16,33,.42)); }
#menuOv .home-content { grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); }
#menuOv .home-hero { min-width:0; }
#menuOv .logo { font-size:clamp(48px,6.2vw,96px); }
#menuOv #homeBest { color:#ffce8c; }
.world-map-viewport { max-height:calc(100vh - 240px); min-height:450px; overflow-y:auto; scrollbar-width:thin; scrollbar-color:#605777 transparent; border:1px solid rgba(208,164,236,.1); border-radius:24px; }
@media (max-width:760px) {
  #menuOv .home-content { grid-template-columns:minmax(0,1fr); }
  #menuOv .logo { font-size:clamp(38px,14vw,72px); }
  .world-map-viewport { max-height:520px; min-height:380px; }
}
@media (min-width:761px) and (max-height:750px) {
  #menuOv .logo { font-size:64px; }
}
.map-reduced .island-float,.map-reduced .island-spark { animation:none; }
#menuOv #logo {
  position:relative;
  display:inline-block;
  width:max-content;
  max-width:100%;
  padding:0 8px 24px 0;
  margin:0 0 8px;
  font-size:clamp(38px,5.1vw,88px);
  font-weight:700;
  font-style:italic;
  line-height:1.08;
  letter-spacing:-.065em;
  text-transform:uppercase;
  color:#fff5e9;
  background:linear-gradient(180deg,#fffaf0 15%,#fff3df 45%,#afddd9 100%);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:none;
  filter:drop-shadow(0 2px 0 #41334f) drop-shadow(0 5px 0 #201b35) drop-shadow(0 14px 18px rgba(0,0,0,.25));
}
#menuOv #logo span {
  display:inline-block;
  color:#ffc161;
  background:linear-gradient(170deg,#fff3b0 4%,#ffc85a 35%,#ff862d 72%,#ed607d 100%);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:none;
}
#menuOv #logo::after {
  content:'';
  position:absolute;
  bottom:4px;
  left:4px;
  width:76%;
  height:9px;
  border-radius:2px;
  background:linear-gradient(90deg,#adf1e5,#ffcc69 55%,#ff8e50);
  clip-path:polygon(0 40%,10% 40%,12% 0,14% 80%,16% 40%,34% 40%,36% 0,38% 80%,40% 40%,62% 40%,64% 0,66% 80%,68% 40%,100% 40%,100% 60%,68% 60%,66% 100%,64% 20%,62% 60%,40% 60%,38% 100%,36% 20%,34% 60%,16% 60%,14% 100%,12% 20%,10% 60%,0 60%);
  opacity:.85;
}
#menuOv #logo.thump::after { animation:wordmarkPulse .32s ease-out; }
@keyframes wordmarkPulse { 50% { opacity:1; filter:brightness(1.35); transform:scaleY(1.3); } }
@media (max-width:760px) {
  #menuOv #logo { font-size:clamp(32px,11.7vw,60px); padding-bottom:20px; }
  #menuOv #logo::after { height:7px; }
}
@media (min-width:761px) and (max-height:750px) {
  #menuOv #logo { font-size:clamp(38px,4.9vw,70px); }
}
@media (prefers-reduced-motion:reduce) {
  #menuOv #logo.thump, #menuOv #logo.thump::after { animation:none; }
}
#menuOv .home-account-bar {
  position:relative;
  z-index:20;
  flex-shrink:0;
  width:100%;
  max-width:1360px;
  margin:0 auto;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  gap:20px;
  padding:12px 16px;
  border:1px solid rgba(208,164,236,.2);
  border-radius:16px;
  background:rgba(17,15,35,.85);
  backdrop-filter:blur(18px);
}
.home-identity { display:flex; align-items:center; gap:12px; min-width:0; flex:1; }
.home-avatar { display:grid; place-items:center; flex-shrink:0; width:38px; height:38px; border-radius:12px; color:#c3f1e8; border:1px solid rgba(184,242,230,.3); background:linear-gradient(140deg,rgba(184,242,230,.14),rgba(201,184,255,.12)); font:600 16px var(--display); }
.home-identity-text { min-width:0; }
.home-identity-text b, .home-identity-text small { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.home-identity-text b { color:#f6edfa; font:600 13px var(--body); }
.home-identity-text small { color:#bcb1c8; font:400 11px var(--body); margin-top:4px; }
.home-gem-balance { display:flex; align-items:center; gap:8px; padding:9px 13px; border:1px solid rgba(255,209,102,.2); border-radius:12px; background:rgba(255,209,102,.06); flex-shrink:0; }
.home-gem-balance .wallet { font-size:14px; color:#ffda82; }
.home-gem-balance small { color:#d6c9d7; font:500 11px var(--body); }
.home-account-buttons { display:flex; gap:8px; align-items:center; flex-shrink:0; }
#menuOv .home-account-bar .chip { min-height:40px; box-sizing:border-box; border-radius:10px; font-size:12px; text-decoration:none; }
#menuOv .home-account-bar #mShop { color:#c3f1e8; border-color:rgba(184,242,230,.35); background:rgba(184,242,230,.08); }
#menuOv .home-account-bar #mAdmin { flex-shrink:0; }
@media (max-width:760px) {
  #menuOv .home-account-bar { gap:10px; padding:10px 12px; flex-wrap:wrap; }
  .home-identity { flex:1 1 140px; }
  .home-avatar { width:32px; height:32px; font-size:13px; }
  .home-identity-text b { font-size:12px; }
  .home-identity-text small { font-size:10px; max-width:210px; }
  .home-gem-balance { padding:8px 10px; }
  .home-gem-balance .wallet { font-size:12px; }
  .home-account-buttons { flex:1 1 100%; justify-content:flex-end; }
  #menuOv .home-account-bar .chip { min-height:36px; padding:8px 12px; }
}
#resultOv { padding:20px; background:rgba(8,10,24,.76); }
#resultOv .result-panel { width:100%; max-width:560px; max-height:calc(100dvh - 40px); padding:32px; border:1px solid rgba(208,164,236,.22); border-radius:26px; background:radial-gradient(ellipse at 50% 0,rgba(80,67,108,.28),transparent 45%),#141426; box-shadow:0 24px 90px rgba(0,0,0,.45); gap:18px; box-sizing:border-box; }
#resultOv .result-heading { text-align:center; display:flex; flex-direction:column; gap:10px; }
#resultOv #rEyebrow { color:#b7e5db; font-size:10px; letter-spacing:.2em; }
#resultOv #rTitle { font-size:clamp(25px,3vw,34px); line-height:1.18; color:#fff6e9; }
#resultOv .result-outcome { font:600 12px var(--display); letter-spacing:.24em; text-transform:uppercase; color:#ffcf74; }
#resultOv .lore { color:#c1bacd; font:italic 13px/1.6 var(--body); padding:0 8px; }
#resultOv .lore b { display:none; }
#resultOv .result-rating { display:flex; justify-content:center; align-items:center; gap:20px; padding:6px 0; }
#resultOv .bigstars { gap:16px; font-size:42px; }
#resultOv .bigstars span { color:#655d7b; }
#resultOv .bigstars span.on { color:#ffce72; text-shadow:0 0 24px rgba(255,209,102,.3); }
#resultOv #rStarCount { font:500 13px var(--body); color:#bcb1c8; }
#resultOv .crit { gap:0; padding:6px 16px; border:1px solid rgba(208,164,236,.13); border-radius:16px; background:rgba(255,255,255,.025); font:400 13px/1.5 var(--body); }
#resultOv .crit li { display:grid; grid-template-columns:20px minmax(0,1fr) auto; align-items:center; gap:8px; padding:10px 0; color:#bcb1c8; }
#resultOv .crit li + li { border-top:1px solid rgba(208,164,236,.1); }
#resultOv .crit li::before { content:'○'; font-size:16px; color:#817693; }
#resultOv .crit li.ok { color:#ede7f3; }
#resultOv .crit li.ok::before { content:'✓'; color:#b8e8db; }
#resultOv .crit li b { font:500 12px var(--body); color:#c9c0d5; white-space:nowrap; }
#resultOv .result-stats { gap:12px; }
#resultOv .result-stats > div { gap:8px; padding:18px; border:1px solid rgba(208,164,236,.15); border-radius:16px; background:linear-gradient(140deg,rgba(255,255,255,.055),rgba(255,255,255,.02)); }
#resultOv .result-stats .lbl { font:500 10px var(--body); letter-spacing:.15em; color:#aca1bd; text-transform:uppercase; }
#resultOv .result-stats b { font:600 30px var(--display); letter-spacing:-.035em; color:#fff4e3; }
#resultOv .result-rewards { display:flex; align-items:center; justify-content:center; gap:24px; padding:0 4px; }
#resultOv #rReward, #resultOv #rXP { font:600 13px var(--body); text-align:left; }
#resultOv #rXP { color:#b9e8dd; }
#resultOv #rReward { color:#ffcf74; }
#resultOv .unlock { text-align:center; font-size:12px; }
#resultOv .unlock:empty { display:none; }
#resultOv .result-milestones { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
#resultOv .result-milestones:not(:has(> :not([hidden]))) { display:none; }
#resultOv .result-milestone { display:flex; gap:12px; align-items:flex-start; border:1px solid rgba(255,209,102,.2); border-radius:14px; background:rgba(255,209,102,.04); padding:14px; }
#resultOv .result-milestone:only-child, #resultOv .result-milestone:not([hidden]):has(+ [hidden]), #resultOv .result-milestone[hidden] + .result-milestone { grid-column:1 / -1; }
#resultOv .result-milestone-icon { color:#ffcf74; font-size:21px; }
#resultOv .result-milestone small { display:block; font:600 10px var(--body); text-transform:uppercase; letter-spacing:.1em; color:#ffcf74; margin-bottom:5px; }
#resultOv .result-milestone b { display:block; color:#fff4e3; font:600 16px var(--display); line-height:1.3; }
#resultOv #rRankBonus { display:block; color:#c7baca; font-size:11px; margin-top:6px; }
#resultOv .quest-milestone { border-color:rgba(184,242,230,.2); background:rgba(184,242,230,.04); }
#resultOv .quest-milestone small, #resultOv .quest-milestone .result-milestone-icon { color:#b8e8db; }
#resultOv #rQuestNames { margin:0; padding:0; list-style:none; font-size:12px; line-height:1.5; color:#e8e0ed; }
#resultOv #rClaimQuest { background:none; padding:0; margin-top:6px; border:0; color:#b8e8db; font:500 11px var(--body); cursor:pointer; }
#resultOv .result-actions { display:flex; flex-direction:column; gap:10px; padding-top:4px; }
#resultOv .result-next { width:100%; min-height:56px; display:flex; align-items:center; justify-content:space-between; padding:16px 22px; border-radius:14px; font-size:15px; }
#resultOv .result-secondary { display:flex; gap:8px; }
#resultOv .result-secondary .btn { flex:1; min-height:42px; border:0; background:transparent; color:#c7bdd6; font:500 12px var(--body); }
#resultOv .result-secondary .btn:hover { background:rgba(255,255,255,.05); }
#resultOv #rShare { width:100%; min-height:44px; border-radius:12px; background:rgba(255,255,255,.025); border-color:rgba(208,164,236,.18); color:#c7bdd6; font:500 12px var(--body); }
#resultOv .near { font:500 12px/1.5 var(--body); color:#ffd19a; }
#resultOv button:focus-visible { outline:2px solid #ffd166; outline-offset:3px; }
@media (max-width:600px) {
  #resultOv { padding:12px; }
  #resultOv .result-panel { padding:24px 20px; gap:16px; border-radius:22px; max-height:calc(100dvh - 24px); }
  #resultOv .result-stats b { font-size:26px; }
  #resultOv .result-stats > div { padding:16px; }
  #resultOv .crit { padding-inline:12px; font-size:12px; }
  #resultOv .crit li { gap:6px; }
  #resultOv .result-milestones { grid-template-columns:1fr; }
}
@media (max-width:360px) {
  #resultOv .result-panel { padding:20px 16px; }
  #resultOv .result-stats b { font-size:23px; }
  #resultOv .bigstars { font-size:36px; gap:12px; }
  #resultOv .crit li { grid-template-columns:16px minmax(0,1fr) auto; }
}
@media (max-width:600px) {
  #resultOv .result-actions { position:sticky; bottom:-24px; z-index:3; margin-bottom:-12px; padding:14px 0 12px; background:#141426; border-top:1px solid rgba(208,164,236,.15); box-shadow:0 -12px 20px #141426; }
}
@media (max-width:360px) {
  #resultOv .result-actions { bottom:-20px; }
}
#resultOv #rNext { background:#ffd166; color:#2b2350; border:0; }
#resultOv .result-achievements { padding:12px 14px; background:rgba(255,255,255,.025); border:1px solid rgba(208,164,236,.13); border-radius:12px; }
#resultOv .result-achievements summary { font:500 12px var(--body); color:#c7bdd6; }
#resultOv .result-achievements ul { margin:10px 0 0; padding-left:18px; color:#ffcf74; font:400 12px/1.7 var(--body); }
#resultOv .result-panel { overflow:hidden; }
#resultOv .result-heading, #resultOv .result-actions { flex-shrink:0; }
#resultOv .result-body { display:flex; flex-direction:column; gap:18px; min-height:0; overflow-y:auto; scrollbar-width:thin; scrollbar-color:#605777 transparent; padding-right:2px; }
#resultOv .result-body > * { flex-shrink:0; }
#resultOv .result-actions { position:relative; bottom:auto; margin-bottom:0; padding:14px 0 0; border-top:1px solid rgba(208,164,236,.15); box-shadow:none; }
@media (max-width:600px) {
  #resultOv .result-panel { gap:14px; }
  #resultOv .result-body { gap:16px; }
}