:root{--ivory:#fff7e8;--muted:#d7cfdd;--gold:#e7c77d;--line:rgba(235,210,155,.45);--glass:rgba(8,7,16,.68)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#04030a;color:var(--ivory)}
body{font-family:Georgia,"Times New Roman",serif}.mt-app{position:fixed;inset:0;overflow:hidden;background:#04030a}.mt-rooms,.mt-room{position:absolute;inset:0}.mt-room{overflow:hidden;opacity:0;transform:scale(1.025);transition:opacity .8s ease,transform 1.1s ease}.mt-room.is-active{opacity:1;transform:none}.mt-room[hidden]{display:none}.mt-shared-canvas,.mt-room-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.mt-topbar{position:fixed;z-index:90;top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));display:flex;justify-content:space-between;pointer-events:none}.mt-topbar button{pointer-events:auto;border:1px solid rgba(255,255,255,.2);background:rgba(5,5,12,.55);color:#fff;border-radius:999px;padding:10px 15px;backdrop-filter:blur(12px);font:14px/1.2 inherit;cursor:pointer}.mt-home-button{display:flex;gap:8px;align-items:center}.mt-motion-button{opacity:.72}.mt-motion-button[aria-pressed="true"]{opacity:1}.mt-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.mt-entrance{display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#18233e 0,#090a16 42%,#030308 100%)}.mt-entrance-sky{position:absolute;inset:-8%;background:radial-gradient(circle at 20% 30%,rgba(93,119,176,.25),transparent 30%),radial-gradient(circle at 75% 40%,rgba(125,65,147,.18),transparent 32%),linear-gradient(180deg,rgba(9,15,31,.2),rgba(1,2,8,.8));animation:mtSky 18s ease-in-out infinite alternate}.mt-entrance-mist{position:absolute;left:-20%;right:-20%;bottom:-18%;height:55%;background:radial-gradient(ellipse at center,rgba(197,211,231,.16),rgba(56,65,90,.06) 42%,transparent 70%);filter:blur(20px);animation:mtMist 14s ease-in-out infinite alternate}.mt-entrance-content{position:relative;z-index:3;width:min(1120px,94vw);text-align:center;padding:70px 20px 30px}.mt-kicker,.mt-room-title p,.mt-panel-kicker{margin:0 0 10px;color:var(--gold);text-transform:uppercase;letter-spacing:.24em;font-size:12px}.mt-entrance h1{margin:0;font-weight:400;font-size:clamp(38px,7vw,84px);line-height:1.02;text-shadow:0 0 35px rgba(199,208,255,.12)}.mt-intro{margin:18px auto 32px;color:var(--muted);font-size:clamp(16px,2vw,21px)}.mt-door-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mt-door{position:relative;min-height:270px;padding:28px 22px;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:linear-gradient(180deg,rgba(17,18,31,.72),rgba(5,5,12,.82));color:var(--ivory);font:inherit;cursor:pointer;backdrop-filter:blur(10px);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.mt-door:hover,.mt-door:focus-visible{transform:translateY(-7px);border-color:rgba(255,236,187,.8);box-shadow:0 22px 70px rgba(0,0,0,.32)}.mt-door-glow{position:absolute;inset:18% 18% 32%;border-radius:50%;filter:blur(35px);opacity:.35;transition:opacity .35s}.mt-door-well .mt-door-glow{background:#33c8ff}.mt-door-fire .mt-door-glow{background:#f2a33a}.mt-door-abyss .mt-door-glow{background:#7277ff}.mt-door:hover .mt-door-glow{opacity:.7}.mt-door-symbol{position:relative;display:block;font-size:54px;margin:8px 0 18px;text-shadow:0 0 24px currentColor}.mt-door-well .mt-door-symbol{color:#8ee7ff}.mt-door-fire .mt-door-symbol{color:#ffc56f}.mt-door-abyss .mt-door-symbol{color:#a7aaff}.mt-door-action{display:block;color:var(--gold);text-transform:uppercase;letter-spacing:.2em;font-size:11px}.mt-door strong{display:block;margin:10px 0;font-size:clamp(22px,2.4vw,32px);font-weight:400}.mt-door small{color:#c9c4cf;font-size:15px;line-height:1.45}.mt-scrolls-link{display:inline-block;margin-top:25px;color:#ede2c9;text-decoration:none;border-bottom:1px solid rgba(231,199,125,.45);padding:8px 4px}.mt-scrolls-link:hover{color:#fff}
.mt-room-title{position:absolute;z-index:12;top:max(70px,calc(env(safe-area-inset-top) + 58px));left:50%;transform:translateX(-50%);text-align:center;text-shadow:0 2px 20px rgba(0,0,0,.7);pointer-events:none}.mt-room-title h2{margin:0;font-weight:400;font-size:clamp(28px,4.5vw,52px)}.mt-vignette{position:absolute;inset:0;background:radial-gradient(circle at 40% 50%,transparent 0 28%,rgba(0,0,0,.08) 50%,rgba(0,0,0,.6) 100%);pointer-events:none}
.mt-well{background:#030708}.mt-well-bg{position:absolute;inset:-3%;background-position:center;background-size:cover;background-image:var(--well-bg);transform:scale(1.05);animation:mtBreatheBg 11s ease-in-out infinite alternate}.mt-leaves{position:absolute;inset:-5%;background:radial-gradient(ellipse at 10% 10%,rgba(87,139,85,.18),transparent 25%),radial-gradient(ellipse at 90% 16%,rgba(79,128,76,.16),transparent 25%);animation:mtLeaves 9s ease-in-out infinite alternate;pointer-events:none}.mt-ritual-trigger{position:absolute;z-index:15;right:5vw;top:58%;transform:translateY(-50%);border:1px solid rgba(229,196,122,.7);border-radius:999px;padding:15px 22px;background:rgba(7,11,12,.65);color:#f9e7b4;backdrop-filter:blur(10px);font:clamp(17px,2vw,22px)/1 inherit;cursor:pointer;box-shadow:0 0 28px rgba(229,196,122,.14)}.mt-wish-trigger span{font-size:24px;margin-right:7px}.mt-modal{position:absolute;inset:0;z-index:40;display:grid;place-items:center;padding:24px;background:rgba(2,6,8,.62);backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:opacity .35s}.mt-modal.open{opacity:1;pointer-events:auto}.mt-panel{width:min(620px,92vw);padding:32px;border:1px solid rgba(229,196,122,.58);border-radius:28px;background:rgba(5,12,14,.93);box-shadow:0 0 90px rgba(35,181,219,.13)}.mt-panel h3{margin:0 0 18px;font-weight:400;font-size:clamp(28px,5vw,46px)}.mt-panel textarea,.mt-fire-form textarea{width:100%;resize:none;border:1px solid rgba(255,255,255,.22);border-radius:18px;background:rgba(0,0,0,.36);color:#fff;box-shadow:none;outline:none;font:18px/1.5 inherit}.mt-panel textarea{height:170px;padding:18px}.mt-panel textarea:focus,.mt-fire-form textarea:focus{border-color:rgba(240,210,135,.9);box-shadow:0 0 0 3px rgba(231,199,125,.1)}.mt-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.mt-actions button,.mt-abyss-controls button,.mt-fire-result button{border-radius:999px;padding:13px 20px;font:15px/1.2 inherit;cursor:pointer}.mt-secondary{border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff}.mt-primary{border:1px solid rgba(241,216,158,.65);background:linear-gradient(90deg,#1f6778,#399eb4);color:#fff}.mt-form-error{color:#ffd1df;margin:10px 0 0}.mt-unicorn{position:absolute;z-index:16;width:min(36vw,470px);left:-50vw;bottom:4vh;opacity:0;pointer-events:none}.mt-unicorn img{width:100%;display:block;filter:drop-shadow(0 0 18px rgba(166,222,255,.45))}.mt-unicorn span{position:absolute;right:15%;top:16%;font-size:30px;color:#fff2bd;animation:mtTwinkle 1.1s ease-in-out infinite}.mt-unicorn.walk{animation:mtUnicorn 6.5s ease-in-out forwards}.mt-receive-message{position:absolute;z-index:17;top:15%;left:50%;transform:translate(-50%,-15px);width:90vw;text-align:center;opacity:0;pointer-events:none;text-shadow:0 2px 20px #000}.mt-receive-message strong,.mt-receive-message span{display:block}.mt-receive-message strong{font-size:clamp(34px,6vw,68px);font-weight:400;color:#fff0c7}.mt-receive-message span{font-size:clamp(17px,2.5vw,28px);margin-top:8px}.mt-receive-message.show{animation:mtMessage 6.3s ease-in-out forwards}
.mt-fire{background:#030403}.mt-fire-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.04) contrast(1.04) brightness(.9)}.mt-fire-color{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 43%,rgba(255,174,72,.13),transparent 31%),radial-gradient(ellipse at 50% 51%,rgba(255,87,20,.09),transparent 47%),radial-gradient(circle at 18% 24%,rgba(48,177,205,.07),transparent 24%),linear-gradient(180deg,rgba(2,8,10,.08),rgba(3,5,4,.22));mix-blend-mode:screen;animation:mtFireGlow 1.25s ease-in-out infinite}.mt-fire-form{position:absolute;z-index:18;left:50%;bottom:max(24px,calc(env(safe-area-inset-bottom) + 18px));transform:translateX(-50%);width:min(720px,90vw);padding:20px;border:1px solid rgba(229,196,122,.56);border-radius:24px;background:rgba(7,10,9,.79);backdrop-filter:blur(12px);box-shadow:0 0 55px rgba(229,153,61,.13),0 0 90px rgba(35,181,219,.05)}.mt-fire-form label{display:block;margin-bottom:10px;text-align:center;font-size:clamp(18px,2.3vw,26px)}.mt-fire-form textarea{height:118px;padding:15px}.mt-fire-submit{display:block;width:100%;margin-top:12px;border:1px solid rgba(244,205,131,.72);border-radius:999px;padding:15px;background:linear-gradient(90deg,#8d3418,#c65a22,#a84218);color:#fff9ec;text-transform:uppercase;letter-spacing:.14em;font:15px/1.2 inherit;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.14),0 0 24px rgba(239,132,48,.13)}.mt-fire-submit:hover,.mt-fire-submit:focus-visible{filter:brightness(1.1);box-shadow:inset 0 1px rgba(255,255,255,.18),0 0 32px rgba(239,164,72,.22)}.mt-fire-result{position:absolute;inset:0;z-index:45;display:grid;place-items:center;padding:20px;background:rgba(2,6,6,.73);backdrop-filter:blur(12px)}.mt-fire-result[hidden]{display:none}.mt-fire-result>div{text-align:center;width:min(620px,90vw);padding:42px 24px;border:1px solid rgba(229,196,122,.54);border-radius:28px;background:rgba(6,10,10,.91);box-shadow:0 0 70px rgba(225,140,51,.1),0 0 100px rgba(35,181,219,.06)}.mt-fire-result p{margin:0 0 25px;font-size:clamp(52px,10vw,94px);color:#fff0c7;text-shadow:0 0 28px rgba(237,173,83,.22)}.mt-fire-result button{display:block;width:min(360px,100%);margin:10px auto;border:1px solid rgba(229,196,122,.42);background:rgba(255,255,255,.06);color:#fff}
.mt-abyss{background:radial-gradient(circle at 50% 45%,#101b35,#050917 42%,#010208 82%)}.mt-abyss-depth{position:absolute;inset:-20%;background:radial-gradient(ellipse at 50% 56%,rgba(85,105,192,.17),transparent 28%),radial-gradient(ellipse at 45% 48%,rgba(52,168,189,.08),transparent 37%);filter:blur(25px);animation:mtAbyssDrift 18s ease-in-out infinite alternate}.mt-abyss-center{position:absolute;z-index:14;left:50%;top:52%;transform:translate(-50%,-50%);width:min(640px,92vw);text-align:center}.mt-breath-orb{position:relative;width:clamp(150px,24vw,250px);height:clamp(150px,24vw,250px);border:0;border-radius:50%;background:radial-gradient(circle at 38% 34%,rgba(255,255,255,.88),rgba(129,177,255,.34) 20%,rgba(91,91,235,.22) 46%,rgba(22,17,60,.18) 65%,transparent 75%);box-shadow:0 0 50px rgba(120,167,255,.28),0 0 120px rgba(85,83,255,.16);cursor:pointer}.mt-breath-orb span{position:absolute;inset:20%;border:1px solid rgba(255,255,255,.28);border-radius:50%}.mt-breath-orb.is-running{animation:mtBreath 10s ease-in-out infinite}.mt-breath-cue{margin:18px 0 8px;font-size:clamp(28px,5vw,48px);min-height:1.2em}.mt-body-prompt{margin:0 auto;color:#d6d8e8;font-size:clamp(16px,2.2vw,22px);line-height:1.5;min-height:3em;max-width:570px;transition:opacity .5s}.mt-abyss-controls{display:flex;justify-content:center;gap:12px;margin-top:18px;flex-wrap:wrap}.mt-abyss-controls button{border:1px solid rgba(184,197,255,.35);background:rgba(9,12,31,.62);color:#edf0ff}
.mt-transition{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#03030a;opacity:0;pointer-events:none;transition:opacity .45s}.mt-transition.active{opacity:1;pointer-events:auto}.mt-transition span{width:70px;height:70px;border-radius:50%;background:radial-gradient(circle,#fff6d3 0,#c4a7ff 18%,rgba(102,82,210,.3) 45%,transparent 72%);animation:mtPulse 1.2s ease-in-out infinite}
@keyframes mtSky{to{transform:translate3d(1.5%,-1%,0) scale(1.03)}}@keyframes mtMist{to{transform:translateX(8%) scale(1.1);opacity:.7}}@keyframes mtBreatheBg{to{transform:scale(1.1) translate3d(.8%,-.5%,0)}}@keyframes mtLeaves{to{transform:translate3d(1.3%,.7%,0) rotate(.5deg)}}@keyframes mtTwinkle{50%{transform:scale(1.5);opacity:.4}}@keyframes mtUnicorn{0%{left:-45vw;opacity:0}15%{opacity:1}48%{left:39vw;opacity:1}70%{left:49vw;opacity:1}100%{left:110vw;opacity:0}}@keyframes mtMessage{0%,8%,100%{opacity:0;transform:translate(-50%,-15px)}18%,80%{opacity:1;transform:translate(-50%,0)}}@keyframes mtFireGlow{50%{opacity:.72;transform:scale(1.03)}}@keyframes mtAbyssDrift{to{transform:translate3d(3%,-2%,0) scale(1.05)}}@keyframes mtBreath{0%,100%{transform:scale(.72);filter:brightness(.8)}42%,58%{transform:scale(1.08);filter:brightness(1.25)}}@keyframes mtPulse{50%{transform:scale(1.35);opacity:.55}}
.mt-reduced-motion *{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.mt-reduced-motion .mt-breath-orb.is-running{animation:mtBreath 10s ease-in-out infinite!important}
@media(max-width:820px){.mt-entrance-content{padding-top:80px}.mt-door-grid{grid-template-columns:1fr;gap:11px;max-height:64vh;overflow:auto;padding:2px 6px 10px}.mt-door{min-height:145px;padding:16px 18px}.mt-door-symbol{font-size:35px;margin:0 0 7px}.mt-door strong{font-size:24px;margin:6px 0}.mt-door small{font-size:14px}.mt-scrolls-link{margin-top:12px}.mt-room-title{top:max(65px,calc(env(safe-area-inset-top) + 55px))}.mt-ritual-trigger{right:4vw;top:auto;bottom:max(28px,calc(env(safe-area-inset-bottom) + 22px));transform:none}.mt-unicorn{width:54vw;min-width:190px;bottom:8vh}.mt-receive-message{top:14%}.mt-fire-form{width:92vw;padding:14px}.mt-fire-form textarea{height:100px}.mt-fire-title{display:none}.mt-abyss-center{top:54%}.mt-motion-button{font-size:12px;padding:9px 12px!important}}
@media(max-width:520px){.mt-entrance h1{font-size:39px}.mt-intro{margin:12px auto 18px}.mt-door-grid{max-height:67vh}.mt-door{min-height:126px}.mt-door small{display:none}.mt-panel{padding:22px}.mt-actions{flex-direction:column-reverse}.mt-actions button{width:100%}.mt-fire-form label{font-size:18px}.mt-fire-form textarea{height:88px}.mt-fire-submit{padding:13px}.mt-room-title h2{font-size:30px}}

/* MOOSHOO Temple 2.0 refinements */
.mt-blog-button{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:11px 16px;background:rgba(3,5,10,.54);color:#f5f0e6;text-decoration:none;font:15px/1 inherit;backdrop-filter:blur(12px);box-shadow:0 0 22px rgba(229,196,122,.06)}
.mt-blog-button:hover,.mt-blog-button:focus-visible{border-color:rgba(229,196,122,.62);color:#fff4cf;box-shadow:0 0 28px rgba(229,196,122,.14)}

/* Keep the animated water strictly inside the visible well basin. */
.mt-well .mt-room-canvas{clip-path:ellipse(35.5% 27.5% at 31.5% 61.5%)}

/* A realistic fire is the base; magic lives in embers and atmosphere. */
.mt-fire-art{filter:saturate(1.02) contrast(1.07) brightness(.84);object-position:center 42%}
.mt-fire-color{background:radial-gradient(ellipse at 50% 45%,rgba(255,181,77,.16),transparent 28%),radial-gradient(ellipse at 50% 55%,rgba(255,79,15,.08),transparent 42%),linear-gradient(180deg,rgba(2,8,12,.08),rgba(2,4,3,.26));mix-blend-mode:screen}
.mt-fire-submit{font-size:17px;font-weight:600;letter-spacing:.2em}
.mt-fire-form{transition:opacity .55s ease,transform .55s ease}
.mt-fire-form.is-burning{opacity:0;transform:translateX(-50%) translateY(26px) scale(.94);pointer-events:none}

.mt-burning-paper{position:absolute;inset:0;z-index:38;pointer-events:none;display:grid;place-items:center;background:rgba(0,0,0,.12)}
.mt-burning-paper[hidden]{display:none}
.mt-paper-sheet{position:relative;width:min(310px,58vw);height:min(190px,34vw);border-radius:7px;background:linear-gradient(145deg,#efe2bd,#c7aa72);box-shadow:0 0 35px rgba(255,184,75,.32);overflow:hidden;transform:translateY(32vh) scale(.85);opacity:0}
.mt-paper-sheet span{position:absolute;inset:18%;background:repeating-linear-gradient(180deg,rgba(77,45,20,.28) 0 2px,transparent 2px 14px);opacity:.5}
.mt-paper-sheet:after{content:"";position:absolute;inset:-10%;background:radial-gradient(circle at 50% 105%,transparent 0 28%,rgba(88,31,5,.95) 40%,rgba(0,0,0,1) 57%);transform:translateY(105%)}
.mt-paper-flame{position:absolute;width:180px;height:260px;border-radius:48% 52% 34% 66%;background:radial-gradient(ellipse at 50% 72%,#fff5b0 0 8%,#ffb229 25%,#f24b0c 48%,transparent 70%);filter:blur(2px) drop-shadow(0 0 25px #ff7a17);opacity:0;transform:translateY(14vh) scale(.4)}
.mt-paper-ash{position:absolute;width:230px;height:230px;opacity:0;background-image:radial-gradient(circle,#d7b079 0 1px,transparent 2px);background-size:19px 17px;filter:blur(.2px)}
.mt-burning-paper.burn .mt-paper-sheet{animation:mtPaperRise 4.1s ease-in forwards}
.mt-burning-paper.burn .mt-paper-sheet:after{animation:mtPaperChar 2.7s 1.15s ease-in forwards}
.mt-burning-paper.burn .mt-paper-flame{animation:mtPaperFlame 3s 1s ease-in-out forwards}
.mt-burning-paper.burn .mt-paper-ash{animation:mtAshRise 2.5s 1.7s ease-out forwards}
.mt-fire-result strong,.mt-fire-result span{display:block}
.mt-fire-result strong{margin:-8px auto 10px;font-size:clamp(22px,3.5vw,35px);font-weight:400;color:#fff5d9}
.mt-fire-result span{margin:0 auto 30px;color:#d7c6aa;font-size:clamp(16px,2vw,21px)}

/* Slow restorative breath: 6 seconds in, 4 hold, 8 out. */
.mt-breath-orb.is-running{animation:mtBreathSlow 18s cubic-bezier(.45,.03,.35,1) infinite}
@keyframes mtBreathSlow{0%,100%{transform:scale(.56);filter:brightness(.72)}33.33%,55.56%{transform:scale(1.22);filter:brightness(1.28)}}

/* Room-specific passage effects. */
.mt-transition{overflow:hidden}
.mt-transition:before,.mt-transition:after{content:"";position:absolute;inset:-20%;opacity:0;transition:opacity .35s}
.mt-transition[data-destination="well"]:before{opacity:.8;background:radial-gradient(circle at 50% 60%,rgba(64,189,222,.25),transparent 28%),radial-gradient(circle,#ffe9a5 0 1px,transparent 2px);background-size:auto,38px 41px;animation:mtPassageDrift 1.8s linear infinite}
.mt-transition[data-destination="fire"]:before{opacity:.8;background:radial-gradient(circle at 50% 65%,rgba(255,112,22,.25),transparent 30%),radial-gradient(circle,#ffb34f 0 1.5px,transparent 2px);background-size:auto,31px 43px;animation:mtPassageRise 1.6s linear infinite}
.mt-transition[data-destination="abyss"]:before{opacity:.9;background:radial-gradient(circle at 50% 50%,rgba(96,110,255,.2),transparent 32%),radial-gradient(circle,#a8c8ff 0 1px,transparent 1.5px);background-size:auto,47px 53px;animation:mtPassageDrift 3s linear infinite}
.mt-transition[data-destination="entrance"]:before{opacity:.65;background:radial-gradient(circle at 50% 50%,rgba(224,198,131,.16),transparent 35%)}
.mt-transition span{z-index:2}

@keyframes mtPaperRise{0%{opacity:0;transform:translateY(32vh) scale(.85) rotate(-2deg)}15%{opacity:1}55%{opacity:1;transform:translateY(2vh) scale(1) rotate(1deg)}85%{opacity:.85}100%{opacity:0;transform:translateY(-12vh) scale(.72) rotate(5deg)}}
@keyframes mtPaperChar{0%{transform:translateY(105%)}100%{transform:translateY(-8%)}}
@keyframes mtPaperFlame{0%{opacity:0;transform:translateY(18vh) scale(.35)}25%{opacity:.95}70%{opacity:1;transform:translateY(-2vh) scale(1.1)}100%{opacity:0;transform:translateY(-16vh) scale(.55)}}
@keyframes mtAshRise{0%{opacity:0;transform:translateY(12vh) scale(.6)}25%{opacity:.8}100%{opacity:0;transform:translateY(-24vh) scale(1.4) rotate(18deg)}}
@keyframes mtPassageDrift{to{transform:translate3d(3%,-3%,0) scale(1.04)}}
@keyframes mtPassageRise{to{transform:translateY(-8%) scale(1.04)}}

@media(max-width:820px){
  .mt-blog-button{font-size:12px;padding:9px 12px}
  .mt-well .mt-room-canvas{clip-path:ellipse(42% 26% at 35% 63%)}
  .mt-fire-art{object-position:center 36%}
}
@media(max-width:520px){
  .mt-well .mt-room-canvas{clip-path:ellipse(46% 25% at 38% 64%)}
  .mt-breath-orb{width:170px;height:170px}
}

/* 2.0.2: remove artificial water overlay; retain only subtle full-scene fireflies. */
.mt-well .mt-room-canvas{clip-path:none}

/* A single cinematic flame replaces the paper-card animation. */
.mt-burning-flame{position:absolute;inset:0;z-index:38;pointer-events:none;display:grid;place-items:center;background:rgba(0,0,0,.06)}
.mt-burning-flame[hidden]{display:none}
.mt-flame-core{position:relative;width:clamp(120px,18vw,220px);height:clamp(190px,31vw,360px);opacity:0;transform:translateY(12vh) scale(.32);filter:drop-shadow(0 0 28px rgba(255,113,17,.9)) drop-shadow(0 0 70px rgba(255,183,54,.5))}
.mt-flame-core:before,.mt-flame-core:after{content:"";position:absolute;inset:0;border-radius:68% 32% 62% 38% / 72% 48% 52% 28%;transform:rotate(45deg);transform-origin:50% 70%}
.mt-flame-core:before{background:radial-gradient(circle at 56% 68%,#fffbd0 0 9%,#ffd54c 20%,#ff8b18 43%,#ef3f0a 66%,transparent 69%)}
.mt-flame-core:after{inset:24% 28% 12%;background:radial-gradient(circle at 50% 66%,#fff 0 10%,#fff19a 27%,#ffb529 56%,transparent 60%);filter:blur(1px)}
.mt-burning-flame.burn .mt-flame-core{animation:mtSimpleFlame 2.2s ease-in-out forwards}
.mt-flame-spark{position:absolute;width:7px;height:7px;border-radius:50%;background:#ffd477;opacity:0;box-shadow:0 0 12px #ff8c28}
.mt-flame-spark-one{margin-left:-95px}.mt-flame-spark-two{margin-left:90px}.mt-flame-spark-three{margin-left:25px}
.mt-burning-flame.burn .mt-flame-spark-one{animation:mtSimpleSpark 1.7s .25s ease-out forwards}
.mt-burning-flame.burn .mt-flame-spark-two{animation:mtSimpleSpark 1.5s .5s ease-out forwards}
.mt-burning-flame.burn .mt-flame-spark-three{animation:mtSimpleSpark 1.8s .1s ease-out forwards}
@keyframes mtSimpleFlame{0%{opacity:0;transform:translateY(15vh) scale(.25) rotate(-4deg)}20%{opacity:1}48%{opacity:1;transform:translateY(0) scale(1.05) rotate(3deg)}72%{opacity:.95;transform:translateY(-4vh) scale(.92) rotate(-2deg)}100%{opacity:0;transform:translateY(-16vh) scale(.45) rotate(4deg)}}
@keyframes mtSimpleSpark{0%{opacity:0;transform:translateY(9vh) scale(.4)}20%{opacity:1}100%{opacity:0;transform:translateY(-27vh) translateX(28px) scale(1.2)}}


/* 2.0.3 — immersive temple courtyard and matched Fire ritual */
.mt-entrance{isolation:isolate;background:radial-gradient(circle at 50% 28%,#24324d 0,#101426 36%,#04050b 76%,#020206 100%)}
.mt-entrance:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:
 linear-gradient(90deg,rgba(14,15,22,.96) 0 7%,transparent 11% 89%,rgba(14,15,22,.96) 93% 100%),
 radial-gradient(ellipse 58% 72% at 50% 39%,transparent 0 55%,rgba(8,9,14,.92) 56% 64%,transparent 65%),
 repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 2px,transparent 2px 48px),
 repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 2px,transparent 2px 72px);
 box-shadow:inset 0 0 130px #000;opacity:.9}
.mt-entrance:after{content:"";position:absolute;left:5%;right:5%;bottom:-5%;height:34%;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(11,17,27,.72)),repeating-linear-gradient(105deg,rgba(190,183,155,.07) 0 2px,transparent 2px 42px);transform:perspective(520px) rotateX(66deg);transform-origin:bottom;filter:blur(.2px)}
.mt-entrance-sky{background:radial-gradient(circle at 50% 22%,rgba(125,172,209,.2),transparent 23%),radial-gradient(circle at 17% 31%,rgba(74,164,185,.17),transparent 24%),radial-gradient(circle at 82% 34%,rgba(126,77,169,.15),transparent 27%),linear-gradient(180deg,rgba(8,14,28,.08),rgba(1,2,8,.8))}
.mt-entrance-mist:before,.mt-entrance-mist:after{content:"";position:absolute;width:44%;height:220%;top:-70%;border:1px solid rgba(224,198,131,.12);border-radius:50%;filter:blur(1px);animation:mtTempleSwirl 17s linear infinite}.mt-entrance-mist:before{left:8%}.mt-entrance-mist:after{right:8%;animation-direction:reverse;animation-duration:21s}
.mt-entrance-content{z-index:4}
.mt-door{background:linear-gradient(180deg,rgba(19,22,34,.78),rgba(5,6,13,.9));box-shadow:inset 0 1px rgba(255,255,255,.035),0 16px 60px rgba(0,0,0,.22)}
.mt-door:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.055),transparent 34%);pointer-events:none}
@keyframes mtTempleSwirl{to{transform:rotate(360deg) scale(1.08)}}

/* Fire form now opens as a modal, matching the Wishing Well. */
.mt-fire-trigger{right:5vw;top:auto;bottom:max(28px,calc(env(safe-area-inset-bottom) + 22px));transform:none;background:rgba(8,8,7,.68);box-shadow:0 0 30px rgba(255,153,50,.16)}
.mt-fire-trigger span{font-size:23px;margin-right:7px;color:#ffc56f}
.mt-fire-panel{box-shadow:0 0 90px rgba(255,126,31,.14);background:rgba(10,8,6,.94)}
.mt-fire-panel .mt-fire-submit{width:auto;min-width:150px;margin:0;border-radius:999px;padding:13px 26px}
.mt-fire-modal{background:rgba(3,2,1,.66)}

/* Keep the realistic fire visually alive through heat shimmer and moving light. */
.mt-fire:after{content:"";position:absolute;left:24%;right:24%;top:18%;bottom:1%;z-index:3;pointer-events:none;background:radial-gradient(ellipse at 50% 78%,rgba(255,238,145,.15),rgba(255,124,21,.1) 25%,transparent 58%);filter:blur(12px);mix-blend-mode:screen;animation:mtLivingFire 1.05s ease-in-out infinite alternate}
@keyframes mtLivingFire{0%{transform:translateX(-1.2%) scaleX(.96) scaleY(1);opacity:.68}50%{transform:translateX(1%) scaleX(1.04) scaleY(1.025);opacity:1}100%{transform:translateX(-.4%) scaleX(.99) scaleY(.975);opacity:.78}}

/* Remove the previous static flame illustration entirely. */
.mt-burning-flame,.mt-burning-paper{display:none!important}

@media(max-width:820px){.mt-fire-trigger{right:4vw}.mt-entrance:before{background:radial-gradient(ellipse 86% 72% at 50% 38%,transparent 0 58%,rgba(8,9,14,.92) 59% 68%,transparent 69%),repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0 2px,transparent 2px 42px)}}

/* 2.0.4 — premium sanctuary entrance and photographic fire refinement */
.mt-entrance{
  background:
    radial-gradient(circle at 50% 18%,rgba(174,200,224,.15),transparent 24%),
    radial-gradient(circle at 18% 44%,rgba(43,164,194,.09),transparent 30%),
    radial-gradient(circle at 82% 44%,rgba(142,86,190,.08),transparent 30%),
    linear-gradient(180deg,#101a2b 0,#070914 52%,#020307 100%);
}
.mt-entrance:before{
  background:
    linear-gradient(90deg,rgba(0,0,0,.88) 0 5%,transparent 14% 86%,rgba(0,0,0,.88) 95% 100%),
    radial-gradient(ellipse 68% 84% at 50% 35%,transparent 0 52%,rgba(2,3,7,.88) 53% 61%,transparent 62%),
    repeating-linear-gradient(0deg,rgba(203,213,224,.025) 0 2px,transparent 2px 44px),
    repeating-linear-gradient(90deg,rgba(203,213,224,.018) 0 2px,transparent 2px 66px);
  box-shadow:inset 0 0 180px #000;
}
.mt-entrance-content:before,.mt-entrance-content:after{
  content:"";position:absolute;top:-10vh;bottom:-12vh;width:clamp(72px,10vw,150px);z-index:-1;opacity:.72;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(0,0,0,.7),rgba(93,104,116,.2) 28%,rgba(185,181,159,.1) 50%,rgba(45,50,59,.32) 75%,rgba(0,0,0,.78)),
    repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 2px,transparent 2px 38px);
  border:1px solid rgba(215,199,155,.12);border-radius:46% 46% 8% 8% / 10% 10% 3% 3%;filter:drop-shadow(0 0 45px #000)
}
.mt-entrance-content:before{left:max(-7vw,-100px)}
.mt-entrance-content:after{right:max(-7vw,-100px);transform:scaleX(-1)}
.mt-entrance-sky:after{
  content:"";position:absolute;left:43%;top:-8%;width:14%;height:76%;opacity:.24;filter:blur(12px);transform:perspective(500px) rotateX(12deg);
  background:linear-gradient(180deg,rgba(219,232,239,.5),rgba(136,186,205,.08) 60%,transparent)
}
.mt-entrance-mist{height:48%;opacity:.9}
.mt-entrance .mt-door{min-height:290px;border-color:rgba(224,203,154,.38);box-shadow:inset 0 1px rgba(255,255,255,.05),0 22px 80px rgba(0,0,0,.42)}
.mt-door-well{background:linear-gradient(180deg,rgba(10,49,66,.7),rgba(4,9,16,.92))}
.mt-door-fire{background:linear-gradient(180deg,rgba(80,39,12,.68),rgba(11,7,5,.94))}
.mt-door-abyss{background:linear-gradient(180deg,rgba(46,34,91,.64),rgba(6,6,18,.94))}
.mt-door-well:before,.mt-door-fire:before,.mt-door-abyss:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5}
.mt-door-well:before{background:repeating-radial-gradient(ellipse at 50% 120%,rgba(79,216,255,.15) 0 2px,transparent 3px 22px);animation:mtPortalWater 8s linear infinite}
.mt-door-fire:before{background:radial-gradient(circle at 50% 100%,rgba(255,160,52,.36),transparent 38%),radial-gradient(circle,#ffc064 0 1px,transparent 2px);background-size:auto,34px 41px;animation:mtPortalFire 5s linear infinite}
.mt-door-abyss:before{background:radial-gradient(circle at 50% 72%,rgba(126,99,255,.28),transparent 35%),radial-gradient(circle,#b8adff 0 1px,transparent 1.8px);background-size:auto,46px 53px;animation:mtPortalStars 13s linear infinite}
.mt-door:hover{transform:translateY(-4px);box-shadow:0 28px 95px rgba(0,0,0,.5),inset 0 0 50px rgba(255,255,255,.035)}
@keyframes mtPortalWater{to{background-position:0 30px}}
@keyframes mtPortalFire{to{background-position:0,-90px}}
@keyframes mtPortalStars{to{background-position:18px,-16px}}

/* Photographic campfire base; magic is layered around it rather than painted into the flame. */
.mt-fire-art{filter:saturate(.9) contrast(1.09) brightness(.82);object-position:center 44%;transform:scale(1.015);animation:mtFireCamera 12s ease-in-out infinite alternate}
.mt-fire-color{background:
 radial-gradient(ellipse at 50% 62%,rgba(255,194,88,.14),transparent 29%),
 radial-gradient(ellipse at 50% 74%,rgba(255,89,12,.09),transparent 42%),
 linear-gradient(180deg,rgba(0,8,16,.05),rgba(3,2,1,.2));
 mix-blend-mode:screen;animation:mtFireGlow 1.15s ease-in-out infinite alternate}
.mt-fire:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 50% 72%,transparent 0 27%,rgba(0,0,0,.08) 48%,rgba(0,0,0,.36) 100%)}
.mt-fire:after{left:28%;right:28%;top:27%;bottom:4%;filter:blur(16px);opacity:.72;animation:mtLivingFire .8s ease-in-out infinite alternate}
@keyframes mtFireCamera{from{transform:scale(1.015) translateY(0)}to{transform:scale(1.035) translateY(-.4%)}}

/* Keep the Abyss in deep space: no ground plane or terrestrial opening. */
.mt-abyss{background:radial-gradient(circle at 50% 48%,#152244 0,#070b1c 36%,#010207 78%)}
.mt-abyss-depth{background:
 radial-gradient(circle at 50% 50%,rgba(0,0,0,.92) 0 8%,rgba(63,48,148,.34) 9% 13%,rgba(61,116,205,.12) 20%,transparent 34%),
 radial-gradient(ellipse at 50% 48%,rgba(91,69,196,.13),transparent 38%);filter:blur(18px)}

@media(max-width:820px){
 .mt-entrance-content:before,.mt-entrance-content:after{display:none}
 .mt-entrance .mt-door{min-height:150px}
 .mt-fire-art{object-position:center 40%}
}

/* 2.0.5 — approved temple artwork and clean fire framing */
.mt-entrance{
  background:#05060a;
}
.mt-entrance::before{
  content:"";
  position:absolute;
  inset:-3%;
  z-index:0;
  pointer-events:none;
  background-image:
    linear-gradient(180deg,rgba(2,3,7,.18),rgba(2,3,7,.38) 52%,rgba(1,2,5,.7)),
    radial-gradient(ellipse at 50% 34%,transparent 0 34%,rgba(0,0,0,.12) 54%,rgba(0,0,0,.58) 100%),
    var(--temple-bg);
  background-size:cover;
  background-position:center 42%;
  filter:saturate(.92) contrast(1.08);
  transform:scale(1.025);
  animation:mtTempleWake 18s ease-in-out infinite alternate;
  box-shadow:inset 0 0 190px rgba(0,0,0,.76);
}
.mt-entrance::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 15%,rgba(234,223,184,.13),transparent 24%),
    radial-gradient(circle at 16% 65%,rgba(66,189,224,.07),transparent 25%),
    radial-gradient(circle at 84% 65%,rgba(143,93,223,.07),transparent 25%),
    linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.16) 50%,rgba(0,0,0,.48));
}
.mt-entrance-sky{z-index:2;opacity:.55;mix-blend-mode:screen}
.mt-entrance-mist{z-index:2;opacity:.74}
.mt-entrance-content{z-index:4;text-shadow:0 2px 20px rgba(0,0,0,.9)}
.mt-door{background:linear-gradient(180deg,rgba(7,10,17,.72),rgba(2,3,8,.88));backdrop-filter:blur(13px)}
.mt-door-well{box-shadow:inset 0 0 60px rgba(29,176,225,.08),0 18px 65px rgba(0,0,0,.38)}
.mt-door-fire{box-shadow:inset 0 0 60px rgba(255,132,30,.09),0 18px 65px rgba(0,0,0,.38)}
.mt-door-abyss{box-shadow:inset 0 0 60px rgba(117,92,255,.1),0 18px 65px rgba(0,0,0,.38)}
@keyframes mtTempleWake{from{transform:scale(1.025);filter:saturate(.88) contrast(1.06) brightness(.92)}to{transform:scale(1.055);filter:saturate(1) contrast(1.1) brightness(1.02)}}

/* Crop and conceal any baked-in legacy form pixels at the bottom of the fire artwork. */
.mt-fire{background:#020202}
.mt-fire-art{inset:-1% -1% -7%;width:102%;height:108%;object-fit:cover;object-position:center 46%}
.mt-fire::before{background:linear-gradient(180deg,transparent 0 76%,rgba(0,0,0,.28) 88%,rgba(0,0,0,.82) 100%),radial-gradient(ellipse at 50% 72%,transparent 0 27%,rgba(0,0,0,.08) 48%,rgba(0,0,0,.36) 100%)}
.mt-fire-title{display:none!important}

@media(max-width:820px){
  .mt-entrance::before{background-position:center top;filter:saturate(.9) contrast(1.08) brightness(.8)}
  .mt-entrance-content{padding-top:92px}
  .mt-fire-art{inset:-1% -2% -10%;width:104%;height:111%;object-position:center 44%}
}

/* v2.0.6 — use the approved cinematic temple artwork as the entrance itself. */
.mt-entrance{
  background-image:var(--temple-bg)!important;
  background-size:contain!important;
  background-position:center top!important;
  background-repeat:no-repeat!important;
  background-color:#020304!important;
}
.mt-entrance::before,.mt-entrance::after,.mt-entrance-sky,.mt-entrance-mist{display:none!important}
.mt-entrance .mt-entrance-content{
  position:absolute!important; inset:0!important; width:100%!important; max-width:none!important;
  margin:0!important; padding:0!important; opacity:0!important; pointer-events:none!important;
}
.mt-entrance .mt-kicker,.mt-entrance h1,.mt-entrance .mt-intro,.mt-entrance .mt-scrolls-link{display:none!important}
.mt-entrance .mt-door-grid{
  pointer-events:auto!important; position:absolute!important; left:8.7%!important; right:8.7%!important;
  top:42%!important; height:37%!important; display:grid!important; grid-template-columns:repeat(3,1fr)!important;
  gap:3.1%!important; opacity:0!important;
}
.mt-entrance .mt-door{height:100%!important; min-height:0!important; pointer-events:auto!important}
body[data-room="entrance"] .mt-topbar{opacity:0!important; pointer-events:none!important}
body[data-room="entrance"] .mt-topbar .mt-blog-button{pointer-events:auto!important}
@media(max-width:700px){
 .mt-entrance{background-size:cover!important;background-position:center top!important}
 .mt-entrance .mt-door-grid{left:7%!important;right:7%!important;top:42%!important;height:38%!important;gap:2.7%!important;grid-template-columns:repeat(3,1fr)!important}
}

/* More photographic fire scene; magic remains in the live ember/ribbon layers. */
.mt-fire{background-image:var(--fire-bg)!important;background-size:cover!important;background-position:center center!important}
.mt-fire::before{background:linear-gradient(to bottom,rgba(2,3,7,.42) 0%,rgba(2,3,7,.03) 38%,rgba(2,3,7,.08) 72%,rgba(2,3,7,.58) 100%)!important}
.mt-app[data-room="entrance"] .mt-topbar{opacity:0!important;pointer-events:none!important}
.mt-app[data-room="entrance"] .mt-topbar .mt-blog-button{pointer-events:auto!important}


/* v2.0.7 — cleaned entrance artwork, simplified navigation, and wider fire framing. */
.mt-entrance{background-size:contain!important;background-position:center top!important}
.mt-app[data-room="entrance"] .mt-topbar,
body[data-room="entrance"] .mt-topbar{opacity:1!important;pointer-events:auto!important}
.mt-app[data-room="entrance"] .mt-home-button{display:flex!important}
.mt-app[data-room="entrance"] .mt-home-button[hidden]{display:flex!important}
.mt-scrolls-link{display:none!important}
.mt-fire{background:#020202!important;background-image:none!important}
.mt-fire-art{
  inset:5%!important;
  width:90%!important;
  height:90%!important;
  object-fit:contain!important;
  object-position:center center!important;
  filter:saturate(.92) contrast(1.06) brightness(.96)!important;
}
.mt-fire::before{
  background:radial-gradient(ellipse at center,transparent 0 58%,rgba(0,0,0,.34) 78%,rgba(0,0,0,.82) 100%),linear-gradient(180deg,rgba(0,0,0,.25),transparent 22%,transparent 78%,rgba(0,0,0,.55))!important;
}
@media(max-width:820px){
  .mt-fire-art{inset:4% 2%!important;width:96%!important;height:92%!important;object-fit:contain!important;object-position:center center!important}
}

/* v2.0.8 — approved distant bonfire composition; embers only, no spiral ribbons. */
.mt-fire{background:#020406!important;}
.mt-fire-art{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 50%!important;
  transform:none!important;
  animation:none!important;
  filter:saturate(.98) contrast(1.04) brightness(.88)!important;
}
.mt-fire-color{
  background:linear-gradient(180deg,rgba(1,5,10,.03),rgba(1,3,5,.13) 70%,rgba(0,0,0,.26))!important;
  mix-blend-mode:normal!important;
  animation:none!important;
}
.mt-fire:after{display:none!important;}
@media(max-width:820px){
  .mt-fire-art{object-position:center 50%!important;}
}

/* v2.0.9 — quieter temple, localized fireflies, and gentle living-fire movement. */
.mt-entrance{
  background-size:cover!important;
  background-position:center top!important;
}
/* Keep the top light and columns readable while suppressing stray decorative lights. */
.mt-entrance:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  z-index:1!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.35) 0 10%,transparent 25% 75%,rgba(0,0,0,.35) 90% 100%),
    linear-gradient(180deg,rgba(0,0,0,.03) 0 28%,rgba(0,0,0,.08) 56%,rgba(0,0,0,.34) 100%)!important;
}
.mt-entrance .mt-entrance-content{z-index:4!important}

/* The approved distant bonfire remains the hero. No decorative ribbons or page-wide spark field. */
.mt-fire-art{
  animation:mtFireBreath 5.6s ease-in-out infinite alternate!important;
  transform-origin:50% 62%!important;
  will-change:transform,filter!important;
}
.mt-fire-color{
  background:
    radial-gradient(ellipse at 50% 60%,rgba(255,153,45,.07),transparent 18%),
    linear-gradient(180deg,rgba(1,5,10,.02),rgba(1,3,5,.10) 72%,rgba(0,0,0,.24))!important;
  animation:mtFireFlicker 1.8s ease-in-out infinite alternate!important;
}
.mt-fire:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:3!important;
  pointer-events:none!important;
  left:38%!important;
  right:38%!important;
  top:45%!important;
  bottom:27%!important;
  background:radial-gradient(ellipse at center,rgba(255,190,88,.12),rgba(255,108,23,.05) 42%,transparent 74%)!important;
  filter:blur(10px)!important;
  animation:mtFireAura 1.35s ease-in-out infinite alternate!important;
}
@keyframes mtFireBreath{
  from{transform:scale(1);filter:saturate(.98) contrast(1.04) brightness(.88)}
  to{transform:scale(1.008);filter:saturate(1.01) contrast(1.05) brightness(.93)}
}
@keyframes mtFireFlicker{from{opacity:.72}to{opacity:1}}
@keyframes mtFireAura{from{transform:scale(.95);opacity:.58}to{transform:scale(1.08);opacity:.92}}

@media(max-width:820px){
  .mt-entrance{background-size:cover!important;background-position:center top!important}
  .mt-fire:after{left:31%!important;right:31%!important;top:47%!important;bottom:24%!important}
}


/* v2.0.10 — ritual language and reliable mobile centering. */
.mt-fire-guidance{display:block!important}
.mt-fire-guidance h2{max-width:min(720px,84vw);font-size:clamp(28px,4vw,48px)}
.mt-fire-trigger{min-width:150px;text-align:center}

/* Keep the full approved Temple artwork visible and centered on every screen. */
.mt-entrance{background-size:contain!important;background-position:center top!important;background-repeat:no-repeat!important;background-color:#020304!important}
.mt-entrance .mt-door-grid{left:8.7%!important;right:8.7%!important;width:auto!important;transform:none!important}

@media(max-width:820px){
  .mt-entrance{background-size:contain!important;background-position:center top!important}
  .mt-entrance .mt-door-grid{left:8.7%!important;right:8.7%!important;top:42%!important;height:37%!important;gap:3.1%!important}
  .mt-fire-guidance{top:max(72px,calc(env(safe-area-inset-top) + 62px))!important}
  .mt-fire-guidance h2{font-size:clamp(24px,6vw,34px)}
}

/* v2.0.12 — centered Temple artwork with clean live navigation only. */
.mt-entrance{
  background-image:var(--temple-bg)!important;
  background-size:contain!important;
  background-position:center top!important;
  background-repeat:no-repeat!important;
  background-color:#010203!important;
}
/* Cover the navigation painted into the concept artwork. The functional
   WordPress buttons remain in the live top bar above these masks. */
.mt-entrance::before,
.mt-entrance::after{
  display:block!important;
  content:"";
  position:absolute;
  z-index:3;
  top:0;
  width:25%;
  height:12.5%;
  pointer-events:none;
  filter:none!important;
  transform:none!important;
  animation:none!important;
  box-shadow:none!important;
}
.mt-entrance::before{
  left:0;
  inset:0 auto auto 0;
  background:linear-gradient(105deg,#010203 0%,#010203 58%,rgba(1,2,3,.96) 72%,rgba(1,2,3,0) 100%)!important;
}
.mt-entrance::after{
  right:0;
  inset:0 0 auto auto;
  background:linear-gradient(255deg,#010203 0%,#010203 58%,rgba(1,2,3,.96) 72%,rgba(1,2,3,0) 100%)!important;
}
.mt-entrance .mt-door-grid{
  left:6.1%!important;
  right:6.1%!important;
  top:40.5%!important;
  height:37.8%!important;
  gap:3.35%!important;
  transform:none!important;
}
.mt-topbar{z-index:20!important}

@media(max-width:700px){
  .mt-entrance{
    background-size:contain!important;
    background-position:center top!important;
  }
  .mt-entrance::before,.mt-entrance::after{width:31%;height:10.5%}
  .mt-entrance .mt-door-grid{
    left:6.1%!important;
    right:6.1%!important;
    top:40.5%!important;
    height:37.8%!important;
    gap:3.35%!important;
  }
}

/* 2.1.0 — polished Fire ritual */
.mt-fire-panel,.mt-fire-result-panel{position:relative;overflow:hidden;isolation:isolate;background:rgba(10,7,4,.72)!important;border-color:rgba(255,185,91,.72)!important;box-shadow:0 0 50px rgba(255,109,18,.22),0 0 110px rgba(0,0,0,.62)!important}
.mt-fire-panel>*:not(.mt-fire-panel-flame),.mt-fire-result-panel>*:not(.mt-fire-panel-flame){position:relative;z-index:2}
.mt-fire-panel-flame{position:absolute;inset:-18%;z-index:0;background-image:linear-gradient(180deg,rgba(5,2,0,.25),rgba(8,3,0,.7)),var(--fire-bg);background-size:cover;background-position:center 68%;filter:saturate(1.18) contrast(1.12) brightness(.72) blur(1px);transform:scale(1.12);animation:mtPanelFire 2.2s ease-in-out infinite alternate}
.mt-fire-panel-flame:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 78%,rgba(255,177,58,.42),transparent 34%),linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.48));mix-blend-mode:screen;animation:mtPanelGlow .9s ease-in-out infinite alternate}
.mt-fire-panel h3{max-width:520px;margin:0 auto 20px;text-align:center;color:#fff4d5;text-shadow:0 2px 24px #000}
.mt-fire-panel textarea{position:relative;z-index:2;background:rgba(3,2,1,.66);backdrop-filter:blur(7px)}
.mt-fire-panel.is-consuming textarea{color:transparent;text-shadow:none}
.mt-offering-words{position:absolute;left:50%;top:48%;z-index:5;width:72%;transform:translate(-50%,-50%);white-space:pre-wrap;text-align:center;color:#fff2ce;font:clamp(18px,2.2vw,27px)/1.45 inherit;opacity:0;pointer-events:none;text-shadow:0 0 12px #ffb14e,0 0 28px #ff6218}
.mt-offering-words.consume{animation:mtConsumeWords 1.05s ease-in forwards}
.mt-fire-result{background:rgba(2,1,0,.4);backdrop-filter:blur(7px)}
.mt-fire-result-panel{width:min(650px,92vw);padding:42px 28px;border:1px solid;border-radius:28px;text-align:center}
.mt-fire-result-panel p{position:relative;z-index:2}
.mt-why-trigger{position:absolute;z-index:18;right:5vw;bottom:max(95px,calc(env(safe-area-inset-bottom) + 88px));width:42px;height:42px;border:1px solid rgba(244,205,131,.65);border-radius:50%;background:rgba(7,6,5,.7);color:#ffe2a1;font:22px/1 inherit;cursor:pointer;box-shadow:0 0 22px rgba(255,163,54,.17);backdrop-filter:blur(10px)}
.mt-why-panel{position:absolute;z-index:60;top:0;right:0;width:min(500px,92vw);height:100%;padding:max(84px,calc(env(safe-area-inset-top) + 66px)) 30px 38px;border-left:1px solid rgba(241,205,133,.5);background:linear-gradient(180deg,rgba(11,8,5,.98),rgba(3,4,5,.98));box-shadow:-30px 0 90px rgba(0,0,0,.58);transform:translateX(105%);transition:transform .45s ease;overflow:auto}
.mt-why-panel.open{transform:translateX(0)}
.mt-why-panel h3{font-size:clamp(28px,4vw,42px);font-weight:400;color:#fff1cf;margin:8px 0 24px}
.mt-why-panel p{font-size:17px;line-height:1.7;color:#e8dfcf}
.mt-why-close{position:absolute;top:max(20px,env(safe-area-inset-top));right:20px;width:42px;height:42px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(255,255,255,.06);color:#fff;font-size:28px;cursor:pointer}
@keyframes mtPanelFire{0%{transform:scale(1.11) translateY(1%);filter:saturate(1.12) contrast(1.08) brightness(.68) blur(1px)}100%{transform:scale(1.16) translateY(-1.5%);filter:saturate(1.28) contrast(1.14) brightness(.8) blur(.4px)}}
@keyframes mtPanelGlow{from{opacity:.55;transform:scaleY(.96)}to{opacity:1;transform:scaleY(1.04)}}
@keyframes mtConsumeWords{0%{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}35%{opacity:1;color:#ffd38a;transform:translate(-50%,-58%) scale(1.03);filter:blur(.2px)}70%{opacity:.7;color:#ff7b2a;transform:translate(-50%,-76%) scale(.92);filter:blur(1.5px)}100%{opacity:0;transform:translate(-50%,-120%) scale(.45);filter:blur(8px)}}
@media(max-width:820px){.mt-why-trigger{right:4vw}.mt-why-panel{width:100vw}.mt-fire-result-panel{padding:34px 20px}}

/* 2.2.3 — transparent wish panel with the well visible behind it */
.mt-wish-modal{background:rgba(1,7,9,.14);backdrop-filter:blur(1px)}
.mt-wish-panel{position:relative;overflow:hidden;isolation:isolate;background:rgba(3,14,18,.14)!important;border-color:rgba(211,229,205,.62)!important;box-shadow:0 0 55px rgba(0,0,0,.32),inset 0 0 28px rgba(255,255,255,.025)!important;backdrop-filter:blur(2px) saturate(1.05)}
.mt-wish-panel>*{position:relative;z-index:2}
.mt-wish-panel textarea{background:rgba(0,9,13,.16)!important;backdrop-filter:blur(1px);border-color:rgba(220,233,212,.48)!important;box-shadow:inset 0 0 20px rgba(0,0,0,.16)}
.mt-wish-panel .mt-primary{background:linear-gradient(90deg,rgba(26,117,139,.88),rgba(61,181,199,.9))}
.mt-well-why-trigger{border-color:rgba(168,230,238,.62);color:#c9f5f4;box-shadow:0 0 22px rgba(55,203,220,.16)}
.mt-well-why-panel{border-left-color:rgba(142,218,229,.45);background:linear-gradient(180deg,rgba(5,17,21,.98),rgba(2,7,10,.99))}
.mt-well-why-panel h3{color:#dffbfa}
.mt-abyss-title{transition:opacity .65s ease,transform .65s ease}
.mt-abyss.mt-abyss-started .mt-abyss-title{opacity:0;transform:translateY(-14px);pointer-events:none}
@media(max-width:820px){.mt-wish-panel{padding:26px 20px}.mt-wish-panel textarea{height:160px}.mt-well-why-trigger{right:4vw}}


/* 2.2.4 — moonlit glass wishing ritual */
.mt-wish-modal{
  background:radial-gradient(circle at 50% 58%,rgba(52,178,199,.08),rgba(1,6,8,.12) 38%,rgba(0,3,5,.28) 100%)!important;
  backdrop-filter:blur(1.5px) saturate(1.08)!important;
}
.mt-wish-panel{
  width:min(760px,92vw)!important;
  padding:34px 38px 32px!important;
  overflow:visible!important;
  background:linear-gradient(145deg,rgba(3,15,18,.24),rgba(2,8,11,.10))!important;
  border:1px solid rgba(242,205,126,.72)!important;
  border-radius:30px!important;
  box-shadow:0 0 0 1px rgba(255,244,204,.035),0 0 42px rgba(238,190,95,.10),0 22px 85px rgba(0,0,0,.42),inset 0 0 34px rgba(85,207,223,.025)!important;
  backdrop-filter:blur(3px) saturate(1.12)!important;
}
.mt-wish-panel:before,.mt-wish-panel:after{
  content:"✦";position:absolute;z-index:3;color:#f7ce7b;pointer-events:none;text-shadow:0 0 12px rgba(255,207,113,.95);animation:mtWishStar 4.8s ease-in-out infinite;
}
.mt-wish-panel:before{left:-8px;bottom:54px;font-size:13px}
.mt-wish-panel:after{right:28px;top:22px;font-size:10px;animation-delay:-2.3s}
.mt-wish-panel h3{
  max-width:650px;margin:2px auto 22px!important;text-align:center;font-size:clamp(34px,5vw,58px)!important;line-height:1.08!important;color:#fff8e9;letter-spacing:-.025em;text-wrap:balance;text-shadow:0 2px 24px rgba(0,0,0,.7),0 0 28px rgba(255,226,165,.08)
}
.mt-wish-sigil{position:relative;width:92px;height:76px;margin:-2px auto 8px;display:grid;place-items:start center;color:#f4ca72;filter:drop-shadow(0 0 9px rgba(244,202,114,.38));pointer-events:none}
.mt-wish-moon{font-size:39px;line-height:1;transform:translateX(4px);animation:mtWishMoon 5.5s ease-in-out infinite}
.mt-wish-ripples,.mt-wish-ripples:before,.mt-wish-ripples:after{position:absolute;left:50%;bottom:7px;border:1px solid rgba(244,202,114,.76);border-radius:50%;transform:translateX(-50%)}
.mt-wish-ripples{width:58px;height:15px}
.mt-wish-ripples:before,.mt-wish-ripples:after{content:"";bottom:3px}
.mt-wish-ripples:before{width:38px;height:9px}.mt-wish-ripples:after{width:20px;height:5px}
.mt-wish-panel textarea{
  height:220px!important;padding:22px 24px!important;
  background:rgba(0,8,11,.055)!important;
  border:1px solid rgba(242,205,126,.72)!important;
  border-radius:24px!important;color:#fffaf0!important;
  box-shadow:0 0 0 1px rgba(255,246,215,.025),inset 0 0 25px rgba(0,0,0,.08),0 0 28px rgba(231,190,105,.04)!important;
  backdrop-filter:blur(.6px)!important;
  caret-color:#ffe4a3;
}
.mt-wish-panel textarea::placeholder{color:rgba(241,240,229,.62)}
.mt-wish-panel textarea:focus{border-color:rgba(255,220,143,.95)!important;box-shadow:0 0 0 2px rgba(255,211,118,.08),0 0 30px rgba(238,197,109,.08),inset 0 0 20px rgba(0,0,0,.05)!important}
.mt-wish-panel .mt-actions{align-items:center;justify-content:center;gap:20px;margin-top:22px}
.mt-wish-panel .mt-actions button{min-width:150px;padding:15px 25px;border-color:rgba(241,205,128,.62);font-size:16px;transition:transform .2s ease,box-shadow .3s ease,background .3s ease}
.mt-wish-panel .mt-secondary{background:rgba(2,10,13,.12);color:#f7f1e4}
.mt-wish-panel .mt-primary{position:relative;overflow:hidden;min-width:225px;background:linear-gradient(90deg,rgba(13,78,91,.82),rgba(31,124,139,.84))!important;color:#fff9e9;box-shadow:0 0 24px rgba(59,194,208,.12),inset 0 0 18px rgba(255,255,255,.035)}
.mt-wish-panel .mt-primary:before{content:"";position:absolute;inset:-30% auto -30% -45%;width:35%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,rgba(255,240,195,.32),transparent);animation:mtWishShimmer 7s ease-in-out infinite}
.mt-wish-panel .mt-actions button:hover,.mt-wish-panel .mt-actions button:focus-visible{transform:translateY(-1px);box-shadow:0 0 25px rgba(238,199,112,.17)}
@keyframes mtWishStar{0%,100%{opacity:.25;transform:scale(.72) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(18deg)}}
@keyframes mtWishMoon{0%,100%{opacity:.78;transform:translateX(4px) translateY(1px)}50%{opacity:1;transform:translateX(4px) translateY(-2px)}}
@keyframes mtWishShimmer{0%,68%{left:-45%;opacity:0}76%{opacity:.8}90%,100%{left:125%;opacity:0}}
@media(max-width:820px){
 .mt-wish-panel{width:min(92vw,700px)!important;padding:25px 20px 22px!important;border-radius:25px!important}
 .mt-wish-sigil{transform:scale(.82);height:62px;margin-top:-4px}
 .mt-wish-panel h3{font-size:clamp(31px,7.8vw,46px)!important;margin-bottom:18px!important}
 .mt-wish-panel textarea{height:180px!important;padding:18px!important}
 .mt-wish-panel .mt-actions{gap:10px}
 .mt-wish-panel .mt-actions button{min-width:0;padding:13px 18px}
 .mt-wish-panel .mt-primary{min-width:0}
}


/* 2.2.5 — keep the well title out of the ritual and unicorn moments */
.mt-well .mt-room-title{transition:opacity .38s ease,transform .38s ease,visibility 0s linear .38s}
.mt-well.mt-wish-open .mt-room-title,.mt-well.mt-unicorn-active .mt-room-title{opacity:0;transform:translate(-50%,-12px);visibility:hidden;pointer-events:none}