.field-portal{position:relative;isolation:isolate;display:grid;place-items:center;min-height:560px;padding:56px 44px 68px;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,#6a5438 0,#282a22 42%,#111912 78%);color:#f7e4bd;border:1px solid #8b765749;border-radius:120px 120px 6px 6px;perspective:1200px;width:100%;box-sizing:border-box}
.field-portal::after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid #e7cf9c15;border-radius:inherit;margin:9px}
.field-book-float{position:relative;z-index:2;width:min(100%,288px);animation:field-float 7s ease-in-out infinite;animation-play-state:paused}
.field-book{position:relative;display:block;text-decoration:none;transform:rotateY(-12deg) rotateZ(-3deg);transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.7,.2,1);filter:drop-shadow(16px 24px 22px #0009);outline-offset:8px}
.field-book:hover,.field-book:focus-visible{transform:rotateY(0deg) rotateZ(0deg) translateY(-5px)}
.field-book img{display:block;width:100%;height:auto;border-radius:1px 3px 3px 1px;position:relative;z-index:2}
.field-book-edge{position:absolute;right:-7px;top:3px;bottom:-3px;width:9px;background:repeating-linear-gradient(90deg,#cdbb99 0 1px,#f4e8d0 1px 2px);transform:skewY(17deg);z-index:1;border-radius:0 2px 2px 0}
.field-enter{position:absolute;bottom:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 13px;background:linear-gradient(transparent,#10150ff2 45%);color:#fff1d3;font:9px/1.5 Arial,sans-serif;letter-spacing:.14em;text-align:left}
.field-enter b{font-size:23px;font-weight:normal}.field-coordinate{position:absolute;top:25px;font:8px/1.5 monospace;letter-spacing:.2em;color:#d9c496;z-index:3}
.field-orbit{position:absolute;pointer-events:none;left:50%;top:48%;width:94%;aspect-ratio:1;border:1px solid #f5d99943;border-radius:50%;transform:translate(-50%,-50%) rotate(-25deg);animation:field-orbit 32s linear infinite;animation-play-state:paused}
.field-orbit::before{content:"";position:absolute;width:9px;height:9px;background:#f8dc9a;box-shadow:0 0 22px #ecc46b;border-radius:50%;left:15%;top:14%}
.field-orbit-two{width:116%;border-style:dashed;opacity:.45;animation-direction:reverse;animation-duration:48s;transform:translate(-50%,-50%) rotate(15deg)}
.field-orbit-two::before{width:4px;height:4px}.field-stars{position:absolute;inset:0;pointer-events:none}.field-stars i{position:absolute;width:3px;height:3px;border-radius:50%;background:#fce6ae;box-shadow:0 0 8px #fce6ae;animation:field-star 6s ease-in-out infinite;animation-play-state:paused;opacity:.5}.field-stars i:nth-child(1){left:12%;top:22%}.field-stars i:nth-child(2){right:14%;top:34%;animation-delay:-2s}.field-stars i:nth-child(3){left:8%;bottom:20%;animation-delay:-3s}.field-stars i:nth-child(4){right:12%;bottom:30%;animation-delay:-4s}.field-stars i:nth-child(5){left:30%;top:9%;animation-delay:-1s}.field-stars i:nth-child(6){right:20%;bottom:12%;animation-delay:-5s}
.field-portal-footer{position:absolute;bottom:19px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:4}.field-signal{font:8px/1.5 monospace;letter-spacing:.09em;display:flex;align-items:center;gap:7px}.field-signal i{width:5px;height:5px;border-radius:50%;background:#d4d68c}.field-motion{background:transparent;border:1px solid #e4c99850;color:#f1dbb2;padding:7px 9px;min-height:36px;font:10px/1.3 Arial,sans-serif;border-radius:3px;cursor:pointer;white-space:nowrap}.field-motion:hover{background:#eed5a51a}.field-motion[hidden]{display:none}.field-motion:disabled{opacity:.65;cursor:default}.field-portal a:focus-visible,.field-portal button:focus-visible{outline:2px solid #f4dc9b;outline-offset:5px}
:root[data-field-motion=on] .field-portal.in-view .field-book-float,:root[data-field-motion=on] .field-portal.in-view .field-orbit,:root[data-field-motion=on] .field-portal.in-view .field-stars i{animation-play-state:running}
:root[data-motion=off] .field-portal *,:root[data-ambient=off] .field-portal *{animation-play-state:paused!important}
:root[data-field-motion=off] .field-book{transition:none;transform:rotateZ(-2deg)}
.field-manual-page .book-introduction{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(30px,5vw,64px)}.field-manual-page .landing-copy h1{font-size:clamp(38px,4.8vw,65px);letter-spacing:-1.6px}.field-manual-page .landing-subtitle{font-size:23px}.field-manual-page .book-introduction>.field-portal{max-width:470px;justify-self:center;min-height:620px}
.field-file-note{font-size:12px!important;line-height:1.6!important;color:#64736a}.field-random{display:inline-flex;align-items:center;gap:8px}.field-reality-strip{display:flex;gap:24px;justify-content:space-between;align-items:center;border-block:1px solid #163c3030;margin:0 0 28px;padding:22px 0}.field-reality-strip p{font:italic clamp(21px,3vw,34px)/1.25 Georgia,serif;margin:0;max-width:600px}.field-reality-strip span{font:10px/1.6 monospace;letter-spacing:.1em;text-align:right;white-space:nowrap}
@keyframes field-float{0%,100%{transform:translateY(0) rotate(.3deg)}50%{transform:translateY(-12px) rotate(-.5deg)}}
@keyframes field-orbit{from{transform:translate(-50%,-50%) rotate(-25deg)}to{transform:translate(-50%,-50%) rotate(335deg)}}
@keyframes field-star{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:.85;transform:translateY(-9px)}}
@media(max-width:740px){.field-manual-page .book-introduction{grid-template-columns:1fr;gap:34px}.field-portal,.field-manual-page .book-introduction>.field-portal{min-height:500px;padding:54px 34px 65px;border-radius:90px 90px 5px 5px;max-width:420px}.field-book-float{width:min(100%,245px)}.field-manual-page .landing-copy h1{font-size:clamp(36px,9vw,48px)}.field-portal-footer{left:15px;right:15px}.field-signal{font-size:7px;letter-spacing:0}.field-motion{font-size:9px}.field-reality-strip{align-items:start;flex-direction:column;gap:12px}.field-reality-strip span{text-align:left}.field-manual-section .mercury-cover-figure{width:100%;max-width:420px}}
@media(prefers-reduced-motion:reduce){.field-portal *{animation:none!important;transition:none!important}.field-book{transform:none!important}}
@media print{.field-orbit,.field-stars,.field-motion{display:none}.field-portal *{animation:none!important;transform:none!important}}