.biome__model-backdrop { position:absolute; z-index:1; width:74%; height:54%; top:4%; left:13%; border:1px solid #d5b5ff55; border-radius:28px; background:radial-gradient(circle at 50% 38%,#e8b9ff55 0 7%,#8059d833 34%,transparent 70%),linear-gradient(145deg,#603ba866,#1a153e88); box-shadow:inset 0 0 70px #130d38aa,0 20px 70px #12072f66; }
.biome__model-backdrop::after { content:''; position:absolute; inset:12px; border:1px solid #fff2; border-radius:20px; background-image:radial-gradient(#fff 0 1px,transparent 2px); background-size:42px 42px; opacity:.22; }
.biome__model { position:absolute; z-index:2; width:58%; height:48%; top:8%; left:18%; --poster-color:transparent; background:transparent; cursor:grab; }
.biome__model-label { position:absolute; z-index:3; top:13%; left:8%; right:8%; display:grid; gap:4px; pointer-events:none; text-align:center; text-shadow:0 2px 14px #170b36; }
.biome__model-label span { color:#83efff; font:800 .58rem/1 Unbounded,sans-serif; letter-spacing:.14em; }
.biome__model-label strong { color:#fff; font:600 clamp(.9rem,1.5vw,1.25rem)/1.15 Unbounded,sans-serif; }
.biome__model-label small { color:#e8ddff; font-size:.68rem; }
.biome__copy { z-index:4; }
.biome--ruins { background: #24264b; }
.biome--ruins .biome__orb, .biome--ruins .biome__copy { display:none; }
.biome--ruins .biome__model-backdrop { inset: 0; width: 100%; height: 100%; top: 0; left: 0; border: 0; border-radius: 0; background: #30345f; box-shadow: inset 0 0 90px #111735aa; }
.biome--ruins .biome__model-backdrop::after { inset: 18px; border-radius: 18px; }
.biome--ruins .biome__model { width: 82%; height: 70%; top: 9%; left: 9%; }
.biome--ruins .biome__model-label { top: auto; bottom: 9%; left: 8%; right: 8%; }
.biome__model:active { cursor:grabbing; }
.biome__model:focus, .biome__model:focus-visible { outline:none; }
@media (max-width:840px) { .biome__model-backdrop { width:100%; left:0; height:100%; top:0; } .biome--ruins .biome__model { width:82%; height:62%; top:10%; left:9%; } .biome--ruins .biome__model-label { bottom:9%; top:auto; left:10%; right:10%; } .biome__copy { padding-top:230px; } }