body.ritual-open{overflow:hidden}#precious-entrance{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;padding:0;border:0;background:#050605;color:#dcc9a0;overflow:hidden;margin:0}#precious-entrance::backdrop{background:#000}.ritual-scene{position:relative;width:100%;height:100%;min-height:480px;isolation:isolate;background:radial-gradient(ellipse at 50% 84%,#30130760,transparent 32%),radial-gradient(ellipse at 50% 32%,#24271e45,transparent 60%),#050706}.ritual-scene:before,.ritual-scene:after{content:"";position:absolute;pointer-events:none;inset:55% 0 0;background:linear-gradient(175deg,#10130f,#030403);clip-path:polygon(0 30%,8% 42%,19% 24%,30% 59%,44% 73%,55% 65%,70% 50%,81% 22%,89% 26%,100% 0,100% 100%,0 100%);z-index:-1}.ritual-scene:after{inset:70% 0 0;opacity:.9;clip-path:polygon(0 45%,17% 22%,31% 60%,52% 70%,67% 45%,81% 68%,100% 28%,100% 100%,0 100%);background:#070908}.ritual-topline{position:absolute;left:4%;top:35px;display:flex;align-items:center;gap:24px;font:12px Georgia,serif;letter-spacing:.28em}.ritual-topline span+span{font:9px Georgia,serif;color:#858b7d;letter-spacing:.2em;border-left:1px solid #777650;padding-left:24px}.ritual-skip{position:absolute;right:4%;top:25px;z-index:20;padding:13px 0 13px 20px;border:0;background:transparent;color:#c6c4b4;font:12px inherit;cursor:pointer}.ritual-skip span{margin-left:14px}.ritual-skip:hover{color:#ffe4ad}.ritual-heading{position:absolute;top:14%;left:50%;transform:translateX(-50%);text-align:center;width:min(90%,650px);transition:opacity 1s}.ritual-heading>p{font:12px 'Microsoft YaHei',sans-serif;letter-spacing:.5em;color:#a9a28f;margin:0 0 25px}.ritual-heading h1{margin:0;font:clamp(37px,5.1vw,72px)/.94 'Times New Roman',serif;letter-spacing:.15em;color:#e2cea0;font-weight:400;text-shadow:0 0 40px #b8893033}.ritual-heading h1 span{display:block}.ritual-heading h1 small{display:block;font-size:.21em;letter-spacing:.5em;margin:13px 0 12px}.ritual-rule{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:28px}.ritual-rule i{width:55px;height:1px;background:linear-gradient(90deg,transparent,#8b7449)}.ritual-rule i:last-child{transform:rotate(180deg)}.ritual-rule b{width:5px;height:5px;border:1px solid #998552;transform:rotate(45deg)}.ring-orbit{position:absolute;left:50%;top:48%;width:140px;height:120px;transform:translateX(-50%);z-index:4;transition:opacity 1s}#the-one-ring{position:relative;display:block;width:140px;height:100px;border:0;padding:0;background:none;cursor:grab;touch-action:none;transform:translate(var(--drag-x,0px),var(--drag-y,0px));z-index:2}#the-one-ring:active{cursor:grabbing}.ring-shape{display:block;position:absolute;left:12px;top:0;width:115px;height:115px;border-radius:50%;box-sizing:border-box;border:13px solid #cca148;transform:rotateX(58deg) rotateY(-13deg) rotateZ(-18deg);background:transparent;box-shadow:inset 0 2px 2px #fff6c4,inset 3px -9px 5px #5d3812,0 4px 1px #e8b849,0 9px 0 #714415,0 12px 3px #080703,0 0 30px #daae4526;border-top-color:#fff0ac;border-left-color:#c18b34;border-right-color:#e2b962;border-bottom-color:#b28b3a;animation:ring-hover 4s ease-in-out infinite}.ring-shape:after{content:"";position:absolute;inset:-10px;border:1px solid #fff3ab77;border-radius:50%}.ring-engraving{position:absolute;bottom:-13px;left:-10px;width:112px;font:italic 14px Georgia,serif;letter-spacing:3px;color:#45300b;transform:rotate(2deg);text-shadow:0 1px #f1ca78}.ring-shadow{position:absolute;width:130px;height:20px;border-radius:50%;bottom:-30px;left:5px;background:#000;filter:blur(12px);opacity:.8}@keyframes ring-hover{50%{transform:translateY(-8px) rotateX(52deg) rotateY(-8deg) rotateZ(-10deg)}}#ember-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.ritual-grain{position:absolute;inset:0;opacity:.08;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.3' d='M0 0h180v180H0z'/%3E%3C/svg%3E");z-index:12}#ritual-hearth{position:absolute;top:75%;left:50%;width:250px;height:52px;transform:translateX(-50%);z-index:1;transition:filter .2s}.hearth-stones{position:absolute;inset:16px -30px -14px;border-radius:50%;background:radial-gradient(ellipse,#321a0e00 20%,#25251f 60%,#131511 68%,transparent 72%);box-shadow:0 14px 28px #000}.hearth-log{position:absolute;width:156px;height:21px;background:repeating-linear-gradient(4deg,#231810 0px,#231810 4px,#100c08 5px,#392416 7px);border-radius:9px;left:45px;top:22px;transform:rotate(-16deg);border-top:2px solid #895427;box-shadow:0 5px 9px #000}.log-two{transform:rotate(18deg);top:18px}.hearth-coals{position:absolute;inset:4px 30px 5px;border-radius:50%;background:radial-gradient(ellipse,#ffb13399 0%,#bc3b1738 45%,transparent 70%);filter:blur(5px)}#ritual-hearth.drop-ready{filter:drop-shadow(0 0 20px #e7a636)}.ritual-action{position:absolute;top:84%;left:0;right:0;text-align:center;z-index:4;transition:opacity .4s}.ritual-action button{border:0;border-bottom:1px solid #766039;padding:9px 20px 13px;background:none;color:#e6d2a9;font:14px 'Microsoft YaHei',sans-serif;letter-spacing:.16em;cursor:pointer}.ritual-action button:hover{color:#fff0cd;border-color:#e6cb8f}.ritual-action button span{margin-left:30px}.ritual-action p{font-size:10px;color:#909286;letter-spacing:.12em;margin-top:13px}.ritual-status{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.12em;color:#a4997e;text-align:center;white-space:nowrap;z-index:13}.ritual-foot{position:absolute;bottom:24px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:10px;color:#747c70;letter-spacing:.07em}.ritual-inscription{position:absolute;inset:32% 8% auto;text-align:center;opacity:0;pointer-events:none;transition:opacity 1.4s;z-index:7;color:#f6a54d}.ritual-inscription svg{width:min(100%,800px);filter:drop-shadow(0 0 5px #ff8012) drop-shadow(0 0 20px #ee411d);stroke-dasharray:160;stroke-dashoffset:160;transition:stroke-dashoffset 2.5s}.ritual-inscription p{font:18px 'STSong','SimSun',serif;letter-spacing:.25em;margin-top:40px}.ritual-inscription small{display:block;margin-top:20px;color:#ae8865;font-size:10px;letter-spacing:.13em}.ritual-black{position:absolute;inset:0;background:#000;z-index:8;opacity:0;pointer-events:none;transition:opacity 1s}.opening-scroll{position:absolute;left:50%;top:50%;width:min(82%,1040px);height:4px;transform:translate(-50%,-50%);opacity:0;z-index:10;transition:height 2.4s cubic-bezier(.22,.65,.2,1),opacity .5s}.scroll-sheet{position:absolute;inset:0 16px;overflow:hidden;background:radial-gradient(ellipse at center,#ebd4a8,#c19d65);box-shadow:0 0 90px #b39a6420,inset 0 0 65px #85572380}.scroll-ink{position:absolute;top:50%;left:0;right:0;height:64vh;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#443b2a;text-align:center}.scroll-ink>p{font:11px Georgia,serif;letter-spacing:.4em}.scroll-ink h2{font:clamp(22px,4vw,52px) Georgia,serif;letter-spacing:.13em;margin:12px}.scroll-ink>span{font:16px 'SimSun',serif;letter-spacing:.2em;margin:5px}.scroll-ink small{font-size:11px;letter-spacing:.2em}.scroll-map{height:35vh;width:75%;margin:14px 0;background:url('renders/middle_earth_overview.png') center/contain no-repeat;mix-blend-mode:multiply;filter:sepia(1);opacity:.75}.scroll-rod{display:block;position:absolute;left:0;width:100%;height:24px;background:linear-gradient(#594328,#e2c088 28%,#b4915e 48%,#6c5130 85%,#3c2c1b);border-radius:9px;box-shadow:0 7px 12px #0008;z-index:2}.scroll-rod:before,.scroll-rod:after{content:"";position:absolute;top:-4px;left:0;width:14px;height:32px;border-radius:3px;background:linear-gradient(90deg,#6d4f27,#ddb876,#68502b)}.scroll-rod:after{left:auto;right:0}.rod-top{top:-12px}.rod-bottom{bottom:-12px}.ritual-scene[data-stage="casting"] .ring-orbit{animation:ring-cast 1.3s ease-in forwards}.ritual-scene:not([data-stage="waiting"]) .ritual-action{opacity:0;pointer-events:none}.ritual-scene:not([data-stage="waiting"]):not([data-stage="casting"]) .ring-orbit,.ritual-scene:not([data-stage="waiting"]):not([data-stage="casting"]) .ritual-heading{opacity:0;pointer-events:none}.ritual-scene[data-stage="inscription"] .ritual-inscription{opacity:1}.ritual-scene[data-stage="inscription"] .ritual-inscription svg{stroke-dashoffset:0}.ritual-scene[data-stage="blackout"] .ritual-black,.ritual-scene[data-stage="scroll"] .ritual-black{opacity:1}.ritual-scene[data-stage="scroll"] .opening-scroll{opacity:1;height:72vh}@keyframes ring-cast{0%{transform:translateX(-50%)}40%{transform:translate(-50%,40px) rotate(50deg)}100%{transform:translate(-50%,26vh) rotate(190deg) scale(.1);opacity:0}}#precious-entrance button:focus-visible{outline:2px solid #e7c883;outline-offset:6px}.replay-intro{border:0;background:transparent;color:var(--gold,#c7ae72);font:inherit;cursor:pointer;padding:10px}
@media(max-width:600px){.ritual-topline{top:24px;left:24px}.ritual-topline span+span{display:none}.ritual-skip{right:24px;top:12px}.ritual-heading{top:17%}.ritual-heading h1{font-size:47px}.ritual-heading>p{font-size:10px;letter-spacing:.3em}.ritual-rule{margin-top:22px}.ritual-foot{display:none}.ritual-inscription{inset:37% 5% auto}.ritual-inscription p{font-size:13px;letter-spacing:.08em}.opening-scroll{width:94%}.ritual-status{font-size:9px;bottom:14px}.ritual-action p{font-size:9px}.ring-orbit{top:48%}.scroll-ink h2{font-size:25px}.scroll-map{width:98%}}
@media(max-height:640px) and (min-width:601px){.ritual-heading{top:12%;left:26%;width:45%}.ritual-heading h1{font-size:45px}.ring-orbit{left:70%;top:33%}#ritual-hearth{left:70%;top:68%}.ritual-action{left:44%;top:78%}.ritual-heading>p{font-size:10px}.ritual-foot{display:none}}
@media(prefers-reduced-motion:reduce){#precious-entrance *{animation:none!important;transition:none!important}.ritual-action p{font-size:0}.ritual-action p:after{content:'已启用减少动态效果 · 点击直接进入';font-size:11px}.hearth-coals{background:#d65c28;opacity:.4}}
.ritual-action{top:82%}.ritual-action p{line-height:1.3;margin-top:9px}.ritual-status{bottom:14px}.ritual-heading h1:focus{outline:none}