.dan-stage{position:relative;width:100%;height:100%;isolation:isolate;pointer-events:none}
.dan-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.orb-stage.dan-stage{width:min(420px,100%);height:340px;margin:4px auto 0}
.orb-stage.dan-stage:before,.orb-stage.dan-stage:after{display:none}
.dan-fallback{position:absolute;left:50%;top:50%;width:31%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 32% 24%,#eaf5df,var(--dan-color) 25%,var(--dan-dark) 80%);box-shadow:0 0 38px color-mix(in srgb,var(--dan-color) 14%,transparent);z-index:-1}
.dan-stage:has(canvas) .dan-fallback{opacity:0}
.dan-stage.canvas-unavailable .dan-fallback{opacity:1}
.home-art .orb-caption{font-size:13px;letter-spacing:.18em}
.dan-caption-realm{display:block;font:20px var(--serif);color:var(--ink);letter-spacing:.18em;margin:0 0 7px}
.dan-atlas-link{display:inline-flex;align-items:center;gap:18px;margin-top:9px;font-size:12px;letter-spacing:.12em;color:var(--dim);min-height:36px;border-bottom:1px solid #dcccaa30;border-radius:0}
.dan-atlas-link:hover{color:var(--gold)}
.journey-head .orb-stage.dan-stage{width:270px;height:235px;margin:0}
.journey-head .realm-summary{margin-top:12px;font:15px var(--serif);letter-spacing:.12em;color:var(--gold)}
.focus-screen .orb-stage.dan-stage{width:min(420px,100%);height:310px;margin:4px auto 0}
.result .orb-stage.dan-stage{height:290px;margin:0 auto}
.realm-modal-open{overflow:hidden}
#realm-dialog{--realm-color:#b2d9c4;padding:0;border:1px solid #c5d1b72c;box-shadow:0 30px 100px #0009;border-radius:4px;background:#101b1d;background-image:radial-gradient(ellipse at 30% 48%,#354c421c,transparent 65%);color:var(--ink);max-height:94svh}
#realm-dialog::backdrop{background:#050b0de8;backdrop-filter:blur(12px)}
#realm-dialog button:focus-visible{outline-color:var(--realm-color)}
#realm-dialog h2{margin:5px 0 0;font-size:30px;letter-spacing:.18em}
.realm-gallery{width:min(940px,calc(100vw - 48px))}
.realm-dialog-head{display:flex;justify-content:space-between;align-items:center;padding:26px 38px 0;gap:15px}
.realm-dialog-head .eyebrow{font-size:10px;color:#abb9ac}
.realm-close{font-size:21px;align-self:flex-start}
.realm-exhibit{display:grid;grid-template-columns:1.4fr 1fr;gap:0;align-items:center;padding:0 42px 10px 15px}
.realm-artwork{position:relative;text-align:center;min-width:0}
.gallery-dan{height:390px}
.realm-seal{position:absolute;left:32px;top:66px;writing-mode:vertical-rl;border:1px solid #c8b99e55;font-family:var(--serif);font-size:15px;letter-spacing:.23em;padding:10px 2px;color:#cabc9f;z-index:1}
.realm-verse{font-family:var(--serif);color:var(--realm-color);letter-spacing:.25em;font-size:14px;margin-top:-13px}
.realm-description{padding:28px 0 16px 25px}
.realm-number{color:#a4b1a7;font-size:13px;letter-spacing:.16em}.realm-number span{font-family:var(--serif);color:#687b72}
.realm-description h3{font-size:37px;letter-spacing:.12em;color:var(--realm-color);margin:12px 0}
.realm-element{color:#d4d7c7;font-size:13px;letter-spacing:.28em;margin-bottom:18px}
.realm-detail{color:#a9b8b2;font-size:14px;line-height:2.1;max-width:280px}
.realm-ownership{margin:24px 0 18px;font-size:11px;color:#8da497;letter-spacing:.07em}
.realm-preview{display:flex;justify-content:space-between;align-items:center;gap:30px;width:100%;max-width:268px;background:linear-gradient(110deg,#dcd7bb10,#dcd7bb03);border:1px solid #dcd7bb42;color:var(--realm-color);border-radius:2px;padding:10px 18px;font-size:14px;letter-spacing:.18em}
.realm-preview:hover{background:#dcd7bb12;border-color:var(--realm-color)}
.preview-note{font-size:10px;line-height:1.8;margin:10px 0 0;color:#85998d}
.realm-selector{display:grid;grid-template-columns:repeat(7,1fr);padding:19px 24px 10px;margin:14px 24px 0;border-top:1px solid #ccdab71c;gap:7px}
.realm-selector button{display:flex;flex-direction:column;align-items:center;gap:5px;background:transparent;border:1px solid transparent;color:#879b8c;border-radius:3px;padding:10px 4px 8px;min-width:0;position:relative}
.realm-selector button[aria-pressed=true]{background:#e2ddbb07;border-color:#c9d4b93d;color:var(--choice-color)}
.realm-selector button[aria-pressed=true]:after{content:'';position:absolute;bottom:-1px;width:24px;height:1px;background:var(--choice-color)}
.realm-selector button>i{height:24px;width:24px;margin-bottom:4px;border-radius:50%;background:radial-gradient(circle at 32% 26%,#f2f5d9,var(--choice-color) 18%,var(--choice-dark) 86%);box-shadow:0 0 16px color-mix(in srgb,var(--choice-color) 13%,transparent)}
.realm-selector button>span{font-family:var(--serif);font-size:16px;letter-spacing:.13em}.realm-selector button>small{font-size:9px;letter-spacing:.15em;color:#829084}
.realm-gallery-foot{text-align:center;font-size:11px;letter-spacing:.16em;color:#7d9085;padding:12px 20px 25px}
.realm-cinematic{width:min(740px,calc(100vw - 28px));height:min(800px,94svh);min-height:0;overflow:auto;display:none;flex-direction:column;align-items:center}
.realm-cinematic[open]{display:flex}
.cinematic-head,.cinematic-titles,.cinematic-footer{flex-shrink:0}
.cinematic-head{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:20px 28px 0;z-index:2}
.cinematic-head .eyebrow{font-size:10px}.cinematic-head .quiet{font-size:11px;letter-spacing:.1em}
.cinematic-head .quiet span{margin-left:10px}
.cinematic-titles{text-align:center;z-index:1;margin-top:9px}
.realm-passage{display:flex;align-items:center;justify-content:center;gap:22px;font:15px var(--serif);color:#bac7b9;letter-spacing:.23em}
.realm-passage span{color:#778d80;font-family:serif;font-size:22px}
#realm-dialog .cinematic-titles h2{font-size:39px;letter-spacing:.3em;text-indent:.3em;margin:12px 0 9px;color:var(--realm-color)}
#realm-phase-line{color:#9aac9f;font-size:12px;letter-spacing:.18em}
.cinematic-dan{height:auto;min-height:200px;flex:1;width:min(100%,570px)}
.cinematic-inscription{position:absolute;top:35%;writing-mode:vertical-rl;font:15px var(--serif);letter-spacing:.45em;color:#a0ae9466}
.inscription-left{left:9%}.inscription-right{right:9%}
.cinematic-footer{position:relative;text-align:center;width:100%;padding:0 28px 24px;min-height:142px}
.tribulation-steps{list-style:none;display:flex;gap:0;justify-content:center;padding:0;margin:0 0 15px;font-size:11px;letter-spacing:.2em;color:#768c7d}
.tribulation-steps li{position:relative;padding:10px 16px 0;border-top:1px solid #a1b49025}
.tribulation-steps li:before{content:'';width:3px;height:3px;position:absolute;left:50%;top:-2px;border:1px solid #768c7d;transform:rotate(45deg);background:#101b1d}
.tribulation-steps li[aria-current=step]{color:var(--realm-color);border-color:#c6d4b86b}.tribulation-steps li[aria-current=step]:before{background:var(--realm-color);box-shadow:0 0 9px var(--realm-color)}
.tribulation-steps li.passed{color:#b7c4aa;border-color:#c6d4b845}
.cinematic-result{font-size:12px;letter-spacing:.1em;color:#a1b197}
.realm-collect{min-height:38px;border-radius:2px;background:#e7dab612;border:1px solid #e7dab640;color:var(--realm-color);font-size:12px;letter-spacing:.15em;margin-top:16px;padding:7px 34px}
.realm-cinematic[data-phase='4'] .cinematic-titles h2{text-shadow:0 0 26px color-mix(in srgb,var(--realm-color) 25%,transparent)}
@media(max-width:1100px){.orb-stage.dan-stage{height:290px}.journey-head .orb-stage.dan-stage{width:240px;height:220px}}
@media(max-width:650px){
  .home-art .orb-stage.dan-stage{height:245px;width:100%;margin:-5px auto -5px}
  .home-art .orb-caption{font-size:11px}.dan-caption-realm{font-size:17px;margin-bottom:6px}
  .dan-atlas-link{margin-top:7px;font-size:11px}.home-grid{gap:25px}
  .journey-head{gap:0}.journey-head .orb-stage.dan-stage{width:165px;height:200px;margin-right:-14px}
  .journey-head .realm-summary{font-size:12px}.journey-head .muted{font-size:12px}
  .focus-screen .orb-stage.dan-stage{width:100%;height:280px}.result .orb-stage.dan-stage{height:265px}
  #realm-dialog.realm-gallery{width:calc(100vw - 20px);max-height:96svh}
  .realm-dialog-head{padding:20px 22px 0}.realm-dialog-head .eyebrow{font-size:9px}#realm-dialog h2{font-size:25px}
  .realm-exhibit{display:flex;flex-direction:column;padding:0 20px 12px}.realm-artwork{width:100%}.gallery-dan{height:285px}
  .realm-seal{left:10px;top:62px;font-size:12px}.realm-verse{font-size:12px;margin-top:-6px;letter-spacing:.14em}
  .realm-description{padding:22px 10px 0;width:100%;display:grid;grid-template-columns:1fr auto;column-gap:12px;align-items:center}
  .realm-number{font-size:11px}.realm-description h3{font-size:26px;margin:6px 0 8px;grid-column:1}.realm-element{font-size:11px;margin:0;grid-column:1;grid-row:3;letter-spacing:.12em}
  .realm-detail{font-size:12px;line-height:1.9;grid-column:1/-1;max-width:none;margin-top:14px}
  .realm-ownership{font-size:10px;grid-column:1/-1;margin:12px 0 2px}
  .realm-preview{grid-column:2;grid-row:1/4;font-size:12px;gap:10px;padding:9px 12px;width:auto}
  .preview-note{grid-column:1/-1;font-size:9px;margin-top:4px}.preview-note br{display:none}
  .realm-selector{padding:12px 0 3px;margin:0 15px;gap:2px}.realm-selector button{gap:2px;padding:8px 2px}.realm-selector button>i{height:20px;width:20px}.realm-selector button>span{font-size:13px;letter-spacing:0}.realm-selector button>small{font-size:8px}
  .realm-gallery-foot{font-size:10px;padding:12px 12px 18px;letter-spacing:.06em}
  .realm-cinematic{width:calc(100vw - 16px);height:90svh;min-height:0}.cinematic-head{padding:15px 16px 0}.cinematic-head .eyebrow{font-size:9px}.cinematic-head .quiet{padding:6px 4px;font-size:10px}
  .cinematic-titles{margin-top:18px}.realm-passage{font-size:13px;gap:20px}#realm-dialog .cinematic-titles h2{font-size:30px;margin-top:14px}
  #realm-phase-line{font-size:11px;letter-spacing:.12em}.cinematic-inscription{font-size:12px}.inscription-left{left:6%}.inscription-right{right:6%}
  .cinematic-footer{padding:0 12px 22px;min-height:148px}.tribulation-steps li{padding:10px 12px 0;font-size:10px}.cinematic-result{font-size:11px}.realm-collect{font-size:12px}
}
@media(max-width:360px){.realm-selector{margin:0 8px}.realm-description{padding-left:0;padding-right:0}.gallery-dan{height:255px}.journey-head .orb-stage.dan-stage{width:145px}}
@media(prefers-reduced-motion:reduce){#realm-dialog::backdrop{backdrop-filter:none}.realm-cinematic .cinematic-titles h2{text-shadow:none}}

.failure .canvas-unavailable .dan-fallback{transform:translate(-50%,-50%) scale(.12)}
.realm-collapse-preview{display:block;width:100%;max-width:268px;text-align:left;padding:9px 0;color:var(--realm-color);font-size:12px;letter-spacing:.14em;background:none}
.realm-emblem{display:grid;place-items:center;height:36px;width:36px}
.realm-emblem i{display:block;position:relative;width:var(--emblem-size);height:var(--emblem-size);border-radius:50%;background:radial-gradient(circle at 32% 26%,#f2f5d9,var(--choice-color) 18%,var(--choice-dark) 86%)}
.realm-emblem i:after{content:'';position:absolute;inset:-4px;border:1px solid color-mix(in srgb,var(--choice-color) 55%,transparent);border-radius:50%;transform:rotate(-25deg) scaleY(.4)}
.realm-emblem[data-pattern=seal] i:after{border-style:dashed;border-radius:25%;transform:rotate(30deg)}
.realm-emblem[data-pattern=tide] i:after{border-style:double;border-width:3px;transform:scaleY(.8)}
.realm-emblem[data-pattern=thunder] i:after{border-radius:0;transform:rotate(45deg);border-style:dashed}
.realm-emblem[data-pattern=lotus] i:after{border-radius:25% 65%;transform:rotate(45deg)}
.realm-emblem[data-pattern=mandala] i:after{border-style:double;border-width:3px;transform:none}
.realm-emblem[data-pattern=galaxy] i:after{transform:rotate(25deg) scaleY(.6)}
@media(max-width:650px){.realm-collapse-preview{grid-column:1/-1;max-width:none;padding:6px 0;min-height:36px}.realm-emblem{width:32px;height:36px}.realm-emblem i{max-width:28px;max-height:28px}}