/* YONODUNIYA.COM V6 final visual polish — 22 Oct 2026 */

/* Premium generated brand / guide artwork */
.yd-story-visual{min-height:0!important;aspect-ratio:4/3!important;background:#061c16!important;overflow:hidden!important}
.yd-story-brand-art{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.yd-story-chip{z-index:4!important;text-decoration:none!important;transition:transform .2s ease,background .2s ease,border-color .2s ease!important;cursor:pointer!important}
.yd-story-chip:hover,.yd-story-chip:focus-visible{transform:translateY(-2px);background:rgba(12,98,72,.93)!important;border-color:rgba(183,255,225,.7)!important;outline:none}
.yd-story-chip:after{content:" →";opacity:.8}
.yd-story-chip-1{top:16%!important;left:9%!important;right:auto!important;bottom:auto!important}
.yd-story-chip-2{top:20%!important;right:7%!important;left:auto!important;bottom:auto!important}
.yd-story-chip-3{bottom:18%!important;left:7%!important;top:auto!important;right:auto!important}
.yd-story-chip-4{bottom:14%!important;right:9%!important;top:auto!important;left:auto!important}

/* Game explainer art fills the visual frame instead of using app logos */
.yd-showcase-art{height:220px!important;border-radius:24px!important;overflow:hidden!important}
.yd-showcase-art img.yd-showcase-scene{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;border-radius:24px!important;object-fit:cover!important;box-shadow:none!important;transform:none!important;transition:transform .35s ease!important}
.yd-showcase-card:hover .yd-showcase-art img.yd-showcase-scene{transform:scale(1.025)!important}
.yd-guide-visual img.yd-guide-scene{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;border-radius:20px!important;object-fit:cover!important;box-shadow:none!important;z-index:1}

/* Equal-size compact floating game links. Six cards stay balanced around the orbit. */
.yd-hero-stage .yd-float-card{width:142px!important;min-height:60px!important;padding:8px 9px!important;gap:8px!important;border-radius:16px!important}
.yd-hero-stage .yd-float-card img{width:36px!important;height:36px!important;min-width:36px!important;border-radius:11px!important}
.yd-hero-stage .yd-float-card strong{font-size:.78rem!important;line-height:1.12!important}
.yd-hero-stage .yd-float-card small{font-size:.64rem!important;line-height:1.15!important}
.yd-float-card.yd-pos-1{left:1%!important;top:48%!important}
.yd-float-card.yd-pos-2{right:1%!important;top:46%!important}
.yd-float-card.yd-pos-3{right:9%!important;top:8%!important}
.yd-float-card.yd-pos-4{left:9%!important;top:8%!important}
.yd-float-card.yd-pos-5{left:8%!important;top:auto!important;bottom:5%!important;right:auto!important}
.yd-float-card.yd-pos-6{right:8%!important;top:auto!important;bottom:5%!important;left:auto!important}

/* Carousel controls: more obvious state + keyboard focus */
.yd-carousel-controls button{display:grid!important;place-items:center!important;touch-action:manipulation!important;user-select:none!important}
.yd-carousel-controls button:focus-visible{outline:3px solid rgba(112,232,183,.7)!important;outline-offset:3px!important}
.yd-carousel-controls button[disabled]{opacity:.38!important;cursor:not-allowed!important}

/* Game-by-game bonus evidence table */
.yd-bonus-evidence-table{margin-top:18px!important}
.yd-bonus-evidence-table table{min-width:780px}
.yd-bonus-evidence-table th:nth-child(1){width:16%}.yd-bonus-evidence-table th:nth-child(2){width:21%}.yd-bonus-evidence-table th:nth-child(4){width:13%}
.yd-bonus-evidence-table td{vertical-align:top!important}
.yd-evidence-pill{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border-radius:999px;background:#e9f8f1;color:#0a684b;font-size:.75rem;font-weight:850;line-height:1.2}
.yd-bonus-evidence-table a{font-weight:850;white-space:nowrap}

@media(max-width:980px){
  .yd-hero-stage .yd-float-card{width:134px!important}
  .yd-showcase-art{height:210px!important}
}
@media(max-width:620px){
  .yd-story-chip{font-size:.65rem!important;padding:.42rem .56rem!important}
  .yd-story-chip-1{top:14%!important;left:4%!important}.yd-story-chip-2{top:18%!important;right:3%!important}.yd-story-chip-3{bottom:16%!important;left:3%!important}.yd-story-chip-4{bottom:11%!important;right:3%!important}
  .yd-hero-stage{min-height:340px!important}
  .yd-hero-stage .yd-float-card{width:114px!important;min-height:52px!important;padding:6px 7px!important;gap:6px!important}
  .yd-hero-stage .yd-float-card img{width:30px!important;height:30px!important;min-width:30px!important}
  .yd-hero-stage .yd-float-card strong{font-size:.68rem!important}.yd-hero-stage .yd-float-card small{display:none!important}
  .yd-float-card.yd-pos-1{left:0!important;top:43%!important}.yd-float-card.yd-pos-2{right:0!important;top:43%!important}
  .yd-float-card.yd-pos-3{right:2%!important;top:5%!important}.yd-float-card.yd-pos-4{left:2%!important;top:5%!important}
  .yd-float-card.yd-pos-5{left:2%!important;bottom:3%!important}.yd-float-card.yd-pos-6{right:2%!important;bottom:3%!important}
  .yd-showcase-art{height:180px!important}
}
@media(prefers-reduced-motion:reduce){
  .yd-story-chip,.yd-showcase-art img.yd-showcase-scene{transition:none!important}
}
.yd-story-brand-mark{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:84px!important;height:84px!important;border-radius:24px!important;object-fit:cover!important;box-shadow:0 18px 44px rgba(0,0,0,.32),0 0 0 7px rgba(112,232,183,.16)!important}
@media(max-width:620px){.yd-story-brand-mark{width:68px!important;height:68px!important;border-radius:20px!important}}