/* Homepage refinement: Odyssey tokens and art; JoyMotion owns decoration motion. */
.od-home-experience{padding-bottom:32px}
.od-stock-narrative{display:flex;flex-direction:column;gap:8px;align-items:center;margin:0 0 18px;color:var(--od-gold)}
.od-stock-narrative>span{padding:8px 13px;border:1px solid #e7b77988;border-radius:6px;background:#071521de;font:600 11px/1.4 Arial,sans-serif;letter-spacing:.12em}
.od-stock-narrative>strong{font:400 clamp(22px,3vw,32px)/1.2 Georgia,serif;text-shadow:0 2px 14px #071521}
.od-home-promise strong{color:#f5ce98;font-weight:600}
.od-stock-universe{margin:32px auto 0;padding:26px;border:1px solid #e7b77955;border-radius:16px;background:#0b1b29ee;max-width:920px;text-align:center}
.od-stock-eyebrow{font-size:11px;letter-spacing:.13em;color:#e7b779}
.od-stock-universe h2{font:400 30px/1.2 Georgia,serif;margin:9px 0 10px;color:#fff2dc}
.od-stock-universe p{font-size:13px;line-height:1.6;color:#bdccd7;max-width:490px;margin:0 auto}
.od-stock-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}
.od-stock-token{display:flex;gap:12px;align-items:center;padding:14px;text-align:left;background:#102532;border:1px solid #334552;border-radius:10px;color:#fff2dc;text-decoration:none;min-width:0}
.od-stock-token img{border-radius:50%;object-fit:contain;flex-shrink:0;background:white}
.od-stock-token strong,.od-stock-token small{display:block}.od-stock-token strong{font-size:16px}.od-stock-token small{font-size:11px;line-height:1.5;margin-top:4px;color:#b0bfcb}
.od-stock-token:hover{border-color:#e7b779}.od-stock-token:focus-visible{outline:2px solid #e7b779;outline-offset:3px}
.od-stock-universe .od-stock-caption{margin-top:16px;font-size:11px}
@media(max-width:650px){.od-stock-narrative>span{font-size:9px;letter-spacing:.06em}.od-stock-narrative{margin-bottom:15px}.od-stock-universe{padding:20px 14px;margin-top:24px}.od-stock-examples{grid-template-columns:1fr}.od-stock-token{padding:11px 14px}.od-stock-token img{width:36px;height:36px}.od-stock-token>span{display:flex;align-items:center;justify-content:space-between;flex:1;gap:10px}.od-stock-token small{margin:0}}
.od-home-experience .od-hero{min-height:485px;padding-block:24px 30px;isolation:isolate}
.od-home-experience .od-hero-copy{width:680px;max-width:100%}
.od-home-experience .od-hero h1{font-size:clamp(52px,6.5vw,88px);line-height:1.02;margin:0;letter-spacing:-.035em;text-wrap:balance}
.od-home-experience .od-hero h1 em{display:inline-block;color:var(--od-gold)}
.od-home-promise{font-size:17px;line-height:1.6;color:var(--ink);margin:20px auto 26px;max-width:54ch;text-wrap:balance}
.od-mobile-break{display:none}
.od-home-experience .od-form label{font-size:12px;letter-spacing:.02em;color:var(--ink)}
.od-home-experience .od-input-row{padding:8px;border-color:#8d7859;background:#0b1b29f2;border-radius:12px}
.od-home-experience .od-input-row .primary{min-height:54px;padding-inline:20px;font-size:14px;font-weight:600;white-space:nowrap}
.od-home-experience .od-input-row input,.od-home-experience .od-input-row input::placeholder{font-size:16px}
.od-home-experience .live-availability{font-size:12px;margin:10px auto 0;line-height:1.5;color:var(--muted)}
.od-how-trigger{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:48px;margin-top:20px;padding:7px 14px 7px 8px;border:1px solid var(--od-gold);border-radius:8px;background:#0b1b29e8;color:var(--ink);font:600 13px/1.4 Arial,sans-serif;cursor:pointer}
.od-how-play{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--od-gold);color:var(--canvas);flex-shrink:0}
.od-how-play .icon{width:16px;height:16px}
.od-how-time{color:var(--od-gold);font-weight:400;font-size:12px;padding-left:10px;border-left:1px solid #8d7859}
.od-how-trigger:focus-visible{outline:3px solid var(--focus);outline-offset:5px}
.od-how-trigger:active{background:#243b4c}
.od-home-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.od-home-aura{position:absolute;inset:0 10%;background:radial-gradient(ellipse at 50% 28%,#e7b77918,transparent 65%);opacity:.7;transform-origin:center}
.od-home-spark{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--od-gold);opacity:.5;left:17%;top:27%;box-shadow:0 0 12px #e7b77966}
.od-home-spark:nth-child(3){left:86%;top:36%;width:3px;height:3px}
.od-home-spark:nth-child(4){left:76%;top:13%;width:3px;height:3px}
.od-home-experience .od-oracle .operator-button{cursor:default}
.od-home-experience .od-fates{margin-top:12px;gap:18px;max-width:920px}
.od-home-experience .od-fate{padding:10px 18px 24px;background:linear-gradient(150deg,#132130ed,#071420f5)}
.od-home-experience .od-fate .od-fate-art{margin-top:0}
.od-home-experience .od-fate-art img{width:140px;height:140px;margin-bottom:4px}
.od-home-experience .od-fate h2{font-size:25px}
.od-home-experience .od-fate>span:last-child{font-size:13px;letter-spacing:0;text-transform:none;margin-top:8px;line-height:1.5}
.od-home-experience .pair-explainer{font-size:12px;margin:20px auto 0;color:var(--muted)}
@media(hover:hover){.od-how-trigger:hover{background:#243b4c;border-color:var(--ink)}}
@media(max-width:1100px){.od-home-experience .od-hero-copy{max-width:620px}.od-home-experience .od-oracle{left:-14px;width:150px;top:105px}}
@media(max-width:650px){
  .od-home-experience{padding-bottom:24px}
  .od-home-experience .od-hero{min-height:0;padding-block:24px}
  .od-home-experience .od-hero h1{font-size:clamp(46px,11vw,64px)}
  .od-home-promise{font-size:15px;line-height:1.55;margin:18px auto 24px;max-width:34ch}
  .od-mobile-break{display:block}
  .od-home-experience .od-input-row .primary{min-height:50px}
  .od-home-experience .od-input-row input::placeholder{font-size:14px}
  .od-how-trigger{margin-top:18px}
  .od-home-experience .od-fates{gap:8px;margin-top:10px}
  .od-home-experience .od-fate{padding:12px 5px 18px}
  .od-home-experience .od-fate-art img{width:80px;height:80px}
  .od-home-experience .od-fate h2{font-size:18px}
  .od-home-experience .od-fate>span:last-child{font-size:12px;line-height:1.45;max-width:12ch;margin:8px auto 0}
  .od-home-spark{left:8%}.od-home-spark:nth-child(3){left:94%}
}
@media(max-width:359px){
  .od-home-experience .od-fate-art img{width:65px;height:65px}
  .od-home-experience .od-fate h2{font-size:16px}
  .od-home-experience .od-input-row .field{padding-left:8px}
  .od-home-experience .od-input-row input{padding-inline:7px}
  .od-home-experience .od-input-row .field>.icon{display:none}
}

.od-home-experience .live-availability:empty{display:none}

/* The same Oracle accompanies every route, including compact screens. */
.od-logo{gap:10px;flex-shrink:0}
.od-logo .od-brand-oracle{width:54px;height:70px;max-height:none;object-fit:contain}
.home-guide-intro .home-guide-oracle{width:100px;height:128px;object-fit:contain}
@media(max-width:650px){.od-logo{gap:4px}.od-logo .od-brand-oracle{width:34px;height:46px}.od-logo img:not(.od-brand-oracle){width:116px}.od-nav .back-link{font-size:11px;max-width:96px}}
@media(max-width:359px){.od-logo .od-brand-oracle{width:28px;height:40px}.od-logo img:not(.od-brand-oracle){width:98px}.od-nav .back-link{max-width:80px;padding-inline:3px}}