/* Page-scoped object animation. The guide is readable before and during motion. */
.grc__opening{display:grid;grid-template-columns:minmax(220px,340px) minmax(0,1fr);align-items:stretch;background:linear-gradient(130deg,#fffdfa,#eee6d6);border-bottom:1px solid var(--grc-line)}
.grc__opening .grc__guide-heading{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border:0;background:none;min-width:0;gap:14px}
.grc__opening .grc__guide-signature{text-align:left}
.grc__theatre{min-width:0;padding:18px;background:radial-gradient(ellipse at top,#5a3c26,#1b110d 75%);color:#dbc08c}
.grc__theatre-stage{position:relative;height:224px;overflow:hidden;isolation:isolate;perspective:850px;border:5px ridge #7e5832;box-shadow:inset 0 0 35px #000b,0 8px 14px #0005;background:#1b110d}
.grc__theatre-art{position:absolute;inset:0;background-image:linear-gradient(#120c07a8,#120c07df),var(--lunar-event-art,var(--grc-month-image));background-size:cover;background-position:center;opacity:.8}
.grc__astrolabe{position:absolute;left:50%;top:47%;width:172px;height:172px;margin:-86px 0 0 -86px;border:5px ridge #b18b50;border-radius:50%;background:repeating-conic-gradient(from 0deg,#cfb078 0deg 1deg,transparent 1deg 10deg);box-shadow:0 0 0 4px #28180d,0 0 0 5px #947147,inset 0 0 0 8px #261b12,0 10px 25px #0009}
.grc__astrolabe:before{content:'';position:absolute;inset:12px;border:1px solid #a5824b;border-radius:50%;background:radial-gradient(#35281b,#0d0a08)}
.grc__astrolabe span{position:absolute;z-index:1;font:16px Georgia,serif;text-shadow:0 2px 3px #000;color:#e2c994}
.grc__astrolabe span:nth-child(1){top:7px;left:calc(50% - 6px)}
.grc__astrolabe span:nth-child(2){right:7px;top:calc(50% - 10px)}
.grc__astrolabe span:nth-child(3){bottom:6px;left:calc(50% - 6px)}
.grc__astrolabe span:nth-child(4){left:7px;top:calc(50% - 10px)}
.grc__lunar-orb{position:absolute;left:50%;top:47%;width:100px;height:100px;margin:-50px 0 0 -50px;border-radius:50%;background-image:var(--lunar-texture);background-size:344% auto;background-position:50% 12.3%;box-shadow:0 0 19px #efd29644,inset 0 0 9px #c8a76080;overflow:hidden}
.grc__lunar-orb:after{content:'';position:absolute;inset:0;border-radius:50%;pointer-events:none}
.grc__lunar-orb[data-phase="new"]:after{background:#100e0cf5;box-shadow:inset -2px 0 5px #e7ce9480}
.grc__lunar-orb[data-phase="first"]:after{background:linear-gradient(90deg,#100e0cf5 49%,transparent 51%)}
.grc__lunar-orb[data-phase="last"]:after{background:linear-gradient(90deg,transparent 49%,#100e0cf5 51%)}
.grc__lunar-orb[data-phase="symbol"]{display:grid;place-items:center;background:radial-gradient(#733229,#281613);box-shadow:inset 0 0 0 2px #b38c50,inset 0 0 0 7px #2a1710,0 7px 18px #0008}
.grc__lunar-orb [data-lunar-symbol]{display:none;font:45px Georgia,serif;color:#d8b675}
.grc__lunar-orb[data-phase="symbol"] [data-lunar-symbol]{display:block}
.grc__lunar-door{position:absolute;z-index:4;top:0;bottom:0;width:50%;display:grid;place-items:center;backface-visibility:hidden;border:3px ridge #956e40;background:repeating-linear-gradient(92deg,#0000 0px 12px,#10060350 13px 14px),linear-gradient(90deg,#2a1009,#653924 52%,#24100a);box-shadow:inset 0 0 0 8px #2b160d,inset 0 0 0 9px #a27b454f,inset 0 0 34px #10060090;pointer-events:none}
.grc__lunar-door span{display:grid;place-items:center;width:46px;height:46px;border:3px ridge #b18b50;border-radius:50%;font:28px Georgia,serif;background:#391b12;box-shadow:0 4px 10px #0008;color:#d8b675}
.grc__lunar-door--left{left:0;transform-origin:left center;transform:rotateY(-108deg)}
.grc__lunar-door--right{right:0;transform-origin:right center;transform:rotateY(108deg)}
.grc__lunar-plaque{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:4px 10px;border:1px solid #87683d;background:linear-gradient(#5f4327,#2b1b10);font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:#ebd3a3;box-shadow:0 2px 5px #000}
.grc__theatre-controls{display:flex;flex-wrap:wrap;gap:2px 12px;justify-content:center;min-height:36px;margin-top:6px}
.grc__theatre-controls button{min-height:36px;max-width:100%;border:0;background:none;color:#e6d1aa;padding:4px 2px;cursor:pointer;font:inherit;font-size:11px;text-decoration:underline;text-underline-offset:4px}
.grc__theatre-controls button:focus-visible{outline:2px solid #ead19b;outline-offset:1px}
.grc [data-calendar-details]{scroll-margin-top:8rem}
@media(max-width:749px){.grc__opening{grid-template-columns:minmax(0,1fr)}.grc__theatre{padding:12px 18px 5px}.grc__theatre-stage{height:196px;max-width:360px;margin:auto}.grc__astrolabe{width:148px;height:148px;margin:-74px 0 0 -74px}.grc__lunar-orb{width:88px;height:88px;margin:-44px 0 0 -44px}.grc__opening .grc__guide-heading{padding:20px 18px;gap:10px}.grc__theatre-controls button{min-height:44px}.grc__theatre-controls{min-height:44px;margin-top:0}}
@media(max-width:380px){.grc__toolbar{grid-template-columns:34px minmax(0,1fr) 34px;gap:5px;padding-inline:8px}.grc__nav-button{width:34px}.grc__period{min-width:0;gap:4px}.grc__period label{min-width:0}.grc__period select{width:100%;min-width:0;padding-right:18px;font-size:12px}.grc__period label:last-child select{min-width:0}.grc__period label:first-child{flex:1}.grc__period label:last-child{flex:0 0 65px}}
@media(prefers-reduced-motion:reduce){.grc__theatre-controls{display:none}.grc__lunar-door,.grc__lunar-orb,.grc__astrolabe{animation:none!important;transition:none!important}}