#details[data-kind="loading"]{box-sizing:border-box;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#0d2726;color:#fff0d1;overflow:hidden;box-shadow:none;backdrop-filter:none}
#details[data-kind="loading"]::backdrop{background:#0d2726}
#details[data-kind="loading"]>.close-dialog{display:none}
#details[data-kind="loading"] #dialog-content{height:100%;padding:0}
.md-entry{position:relative;isolation:isolate;display:grid;place-items:center;min-height:100%;overflow:hidden;background:radial-gradient(ellipse at 50% 38%,#31584288,transparent 64%),linear-gradient(#0d2524e8,#071b20f5),url('assets/explore/oakroot.png') center/cover;font-family:Trebuchet MS,Arial,sans-serif}
.md-entry::after{content:"";position:absolute;inset:18px;border:1px solid #c5a45a33;border-radius:18px;pointer-events:none}
.md-entry-glow{position:absolute;width:620px;height:620px;max-width:95vw;border-radius:50%;background:radial-gradient(circle,#c4b76f16,transparent 67%);filter:blur(15px);top:calc(50% - 420px);left:50%;transform:translateX(-50%);pointer-events:none}
.md-entry-content{position:relative;width:min(700px,90vw);text-align:center;padding:38px 0}
.md-entry-logo{display:block;width:min(560px,84vw);max-height:210px;object-fit:contain;margin:0 auto 12px;filter:drop-shadow(0 10px 18px #0007)}
.md-entry-scene{position:relative;width:100%;height:200px;margin:0 auto 8px}
.md-entry-mouse{position:absolute;inset:0;width:100%;height:100%;z-index:3}
.md-entry-road{position:absolute;left:3%;right:9%;bottom:26px;height:28px;border-top:1px solid #e4c88546;border-radius:50%;background:radial-gradient(ellipse,#d2b56325,transparent 65%);transform:rotate(-2deg)}
.md-entry-road::after{content:"";position:absolute;inset:5px 0;border-top:2px dashed #d7c58c28;border-radius:50%}
.md-entry-gate{position:absolute;right:12%;top:15%;height:135px;width:85px;border:5px solid #798369;border-radius:50px 50px 3px 3px;border-bottom:0;box-shadow:0 0 0 3px #152e28,0 0 0 5px #a59761;background:radial-gradient(ellipse at bottom,#d8c78855,#adba7a18 60%,#102b2a 100%);transform:skewY(-4deg)}
.md-entry-gate::before,.md-entry-gate::after{content:"";position:absolute;top:68px;width:6px;height:13px;background:#ffeab0;border-radius:5px;box-shadow:0 0 17px 6px #e3b95755}.md-entry-gate::before{left:-18px}.md-entry-gate::after{right:-18px}
.md-entry-gate i{position:absolute;top:7px;bottom:0;width:22px;background:linear-gradient(90deg,#526447,#273d2d);border:1px solid #aa985c88}.md-entry-gate i:first-child{left:2px;transform:skewY(14deg)}.md-entry-gate i:last-child{right:2px;transform:skewY(-14deg)}
.md-entry-spark{position:absolute;color:#e6ca7c;opacity:.7;font-size:17px;animation:md-entry-shimmer 2s ease-in-out infinite}.spark-one{left:21%;top:33%;animation-delay:.2s}.spark-two{right:29%;top:9%;animation-delay:.8s}.spark-three{left:49%;top:56%;font-size:11px;animation-delay:1.4s}
.md-entry h2{font:normal clamp(25px,3vw,36px)/1.2 Georgia,serif;letter-spacing:.4px;color:#ffe4aa;margin:10px 0 22px}
.md-entry-track{width:min(350px,66vw);height:9px;padding:2px;border:1px solid #b89652aa;border-radius:20px;margin:0 auto;background:#061918;box-shadow:0 2px 0 #0005}
.md-entry-track>span{display:block;height:100%;width:100%;transform-origin:left;border-radius:15px;background:linear-gradient(90deg,#af7b2e,#f7d787 72%,#fff3bc);box-shadow:0 0 12px #e6c37035;transform:scaleX(0)}
.md-entry-message{margin:16px 0 0;min-height:25px;font-size:13px;letter-spacing:.3px;color:#bcc9ac}
@keyframes md-entry-shimmer{0%,100%{opacity:.25;transform:translateY(3px) scale(.8)}50%{opacity:.8;transform:translateY(-4px) scale(1)}}
@media(max-width:600px){.md-entry-content{width:92vw}.md-entry-logo{margin-bottom:0}.md-entry-scene{height:175px}.md-entry-gate{height:105px;width:66px;right:10%;top:23%}.md-entry-gate::before,.md-entry-gate::after{top:48px}.md-entry-gate i{width:17px}.md-entry h2{margin-top:5px}.md-entry::after{inset:9px}}
@media(prefers-reduced-motion:reduce){.md-entry-spark{animation:none;opacity:.6}}
