/* Create hardware over the existing Divine sky, clouds and sunlight. */
html.is-divine.is-create{--ink:#374136;--muted:#626951;--pink:#a77c39;--violet:#b29456}
html.is-divine.is-create photo-header{--ph-night:#303a32;--ph-ivory:#fff1cf;--ph-gold:#d7b774}
html.is-divine.is-create :is(h1,h2,h3){color:#4b5947;text-shadow:1px 2px 0 #fff7da}
html.is-divine.is-create :is(h1,h2) em{color:#a57a3b}
html.is-divine.is-create :is(.eyebrow,.lore-year,.rules-label){color:#7d663b}
html.is-divine.is-create .divine-sky:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#6c806b25,transparent 24% 76%,#6c806b25);pointer-events:none}
html.is-divine.is-create .hero__footer{border-top:4px solid #7c876a;box-shadow:0 -1px #e9d5a0,0 -5px #a88a4f55}
html.is-divine.is-create :is(.rule-card,.rules-finish,.lore-card,.placeholder-card,.faq-item,.faq-help,.custom-mod-card,.application-form){background:#edf0dfe8;border-color:#8a9579;box-shadow:inset 0 3px #c5ad72,0 9px 28px #424d3320}
html.is-divine.is-create .site-footer{border-top:9px solid transparent;border-image:url('assets/create/andesite_casing.png') 5 round;background:linear-gradient(180deg,#a6b19125,#e7ead1b5)!important}
html.is-divine.is-create :is(.footer-brand strong,.footer-brand span,.footer-copyright){color:#56614b}
.create-power-drive{display:flex;justify-content:center;align-items:center}
html.is-divine.is-create .create-power-station{justify-self:center;width:auto;padding:0 20px 8px;border:0;background:transparent!important;box-shadow:none}
html.is-divine.is-create .create-power-lever{border:0;background:transparent;color:#665234;box-shadow:none}
html.is-divine.is-create .create-power-lever:hover{background:transparent}
html.is-divine.is-create .create-power-lever:focus-visible{outline-color:#8a7146}
.create-lever-label,.create-power-status{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
html.is-divine.is-create .hero-title{width:min(88%,1000px);margin-block:32px 24px}
html.is-divine.is-create .hero-logo{isolation:isolate}
html.is-divine.is-create .hero-logo::before{content:'';position:absolute;inset:3% 0 0;border:10px solid transparent;border-image:url('assets/create/andesite_casing.png') 4 stretch;image-rendering:pixelated;background:linear-gradient(125deg,#d2b48015,#20180f40),url('assets/create/spruce_planks.png') center/128px 128px;box-shadow:0 12px 0 #29362c,0 15px 0 #baa16a,0 26px 35px #2e3b3b55,inset 0 2px 0 #e2dab585;transform:perspective(1200px) rotateX(6deg);pointer-events:none;z-index:-1}
html.is-divine.is-create .hero-logo-stage{inset:8% 9% 10%;z-index:3;filter:drop-shadow(0 3px 0 #5f532e) drop-shadow(0 9px 5px #17221899)}
html.is-divine.is-create .hero-logo::after{content:none}
.create-rivet{display:none;position:absolute;width:clamp(12px,2.1vw,24px);aspect-ratio:1;pointer-events:none;background:url('assets/create/coasters_rivet.png') left top/160% 160% no-repeat;image-rendering:pixelated;box-shadow:1px 2px 0 #31383e,2px 3px 3px #151b2070;z-index:4}
html.is-divine.is-create .create-rivet{display:block}
.hero-logo>.create-rivet:nth-of-type(1){left:2.5%;top:10%}
.hero-logo>.create-rivet:nth-of-type(2){right:2.5%;top:10%}
.hero-logo>.create-rivet:nth-of-type(3){left:2.5%;bottom:7%}
.hero-logo>.create-rivet:nth-of-type(4){right:2.5%;bottom:7%}
.create-hanging-body>.create-rivet:nth-of-type(1){left:16px;top:16px}
.create-hanging-body>.create-rivet:nth-of-type(2){right:16px;top:16px}
.create-hanging-body>.create-rivet:nth-of-type(3){left:16px;bottom:16px}
.create-hanging-body>.create-rivet:nth-of-type(4){right:16px;bottom:16px}
@media(max-width:650px){.create-hanging-body>.create-rivet{width:12px}.create-hanging-body>.create-rivet:nth-of-type(1),.create-hanging-body>.create-rivet:nth-of-type(2){top:12px}.create-hanging-body>.create-rivet:nth-of-type(3),.create-hanging-body>.create-rivet:nth-of-type(4){bottom:8px}.create-hanging-body>.create-rivet:nth-of-type(1),.create-hanging-body>.create-rivet:nth-of-type(3){left:8px}.create-hanging-body>.create-rivet:nth-of-type(2),.create-hanging-body>.create-rivet:nth-of-type(4){right:8px}}

@media(max-width:650px){html.is-divine.is-create .hero-logo::before{border-width:6px;box-shadow:0 7px 0 #29362c,0 9px 0 #baa16a,0 16px 22px #2e3b3b55}html.is-divine.is-create .hero-title{width:88%;margin-block:28px 24px}}

.create-logo-steam{display:none;position:absolute;inset:-65% -12% -8%;pointer-events:none;z-index:2;overflow:hidden}
html.is-divine.is-create .create-logo-steam{display:block}
.create-logo-steam[hidden]{display:none!important}.create-logo-steam canvas{display:block;width:100%;height:100%;image-rendering:pixelated}
html.is-divine.is-create #world-lore .feature-grid{padding:clamp(14px,2.5vw,32px);border:12px solid transparent;border-image:url('assets/create/andesite_casing.png') 4 stretch;background:linear-gradient(120deg,#dbc69b12,#21170b35),url('assets/create/spruce_planks.png') center/128px 128px;image-rendering:pixelated;box-shadow:0 8px 0 #39423a,0 14px 26px #25302535}
html.is-divine.is-create #world-lore .feature-widget{image-rendering:auto;box-shadow:0 4px 8px #0d100c66;border:3px solid #6e756b}
@media(max-width:650px){html.is-divine.is-create #world-lore .feature-grid{border-width:8px;padding:12px;gap:12px}.create-logo-steam{inset:-30% -6% -8%}}
.create-hanging-frame,.create-hanging-body{position:relative}
.create-hanging-chains,.create-panel-grip{display:none}
html.is-divine.is-create .create-hanging-frame{padding-top:var(--chain-gap,108px)}
html.is-divine.is-create .create-hanging-body{transform-origin:center;will-change:transform}
html.is-divine.is-create .create-hanging-chains{display:block;position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:3}
html.is-divine.is-create #world-lore .feature-grid{padding-top:48px}
html.is-divine.is-create .create-panel-grip{display:block;position:absolute;top:14px;left:50%;transform:translateX(-50%);border:2px solid #414b40;border-radius:6px;background:linear-gradient(#a7ae97,#697460);color:#17241c;padding:4px 16px;font-family:inherit;font-size:11px;font-weight:600;line-height:1.3;letter-spacing:.07em;box-shadow:0 2px 0 #29352a;touch-action:none;cursor:grab;white-space:nowrap}
html.is-divine.is-create .create-panel-grip:focus-visible{outline:3px solid #fff1b8;outline-offset:4px}
html.is-divine.is-create .create-hanging-body.is-dragging{user-select:none;cursor:grabbing}
html.is-divine.is-create .create-hanging-body.is-dragging a{cursor:grabbing}
@media(max-width:650px){html.is-divine.is-create .create-panel-grip{top:12px}}

/* Let the machinery appear without taking over the visitor's view. */
@keyframes create-arrive{from{opacity:0}to{opacity:1}}
html.is-divine.is-create :is(.create-edge-shafts,.create-logo-steam,.create-rivet,.create-hanging-frame,.create-hanging-chains,.create-panel-grip),
html.is-divine.is-create .hero-logo::before,
html.is-divine.is-create .divine-sky::after{animation:create-arrive 2.4s ease-out both}
html.is-divine :is(h1,h2,h3,.eyebrow,.footer-brand strong,.footer-brand span,.footer-copyright){transition:color 2.4s ease,text-shadow 2.4s ease}
.divine-light-pass{filter:opacity(1);transition:filter 2.4s ease}
html.is-divine.is-create .divine-light-pass{filter:opacity(0)}
@media(prefers-reduced-motion:reduce){
 html.is-divine.is-create :is(.create-edge-shafts,.create-logo-steam,.create-rivet,.create-hanging-frame,.create-hanging-chains,.create-panel-grip),
 html.is-divine.is-create .hero-logo::before,html.is-divine.is-create .divine-sky::after{animation-duration:.2s}
 .divine-light-pass{transition-duration:.2s}
}