*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden}
body{background:#1b2122;color:#fff;font-family:system-ui,Arial,sans-serif}
.court-stage{position:fixed;inset:0;display:grid;place-items:center;overflow:hidden}
.court-stage::before{content:"";position:absolute;inset:-32px;background:url('approved-open-entrance.png') center/cover no-repeat;filter:blur(22px) brightness(.6);transform:scale(1.04);pointer-events:none}
.court-scene{position:absolute;z-index:1;left:0;top:0;width:100vw;max-width:none;max-height:none;aspect-ratio:1672/941;overflow:visible}
.court-background{display:block;width:100%;height:100%;object-fit:fill;user-select:none;-webkit-user-drag:none}
.archway{position:absolute;z-index:2;background:transparent;border:0;border-radius:2px;cursor:pointer;padding:0;appearance:none;text-decoration:none;-webkit-tap-highlight-color:transparent}
.archway:hover{background:transparent;border:0}
.archway:focus-visible{outline:2px solid #f3dfb0;outline-offset:2px}
/* Normalized to the approved 1672×941 courtyard photograph; DO NOT MODIFY. */
.archway--seed{left:24.2%;top:30.5%;width:17.3%;height:40.1%}
.archway--growth{left:42%;top:31%;width:18.3%;height:40.2%}
.archway--bloom{left:61.5%;top:30.2%;width:17.9%;height:40.4%}
.seed-modal[hidden],.growth-modal[hidden],.bloom-modal[hidden]{display:none!important}
.seed-modal{position:absolute;inset:0;z-index:4;display:grid;place-items:center;isolation:isolate}
.seed-backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(9,12,12,.66);cursor:default}
.seed-panel{position:relative;z-index:1;width:min(54%,calc(70dvh * 1672 / 941));aspect-ratio:1672/941;max-height:70%}
.seed-panel>img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.seed-enter{position:absolute;left:35%;top:83%;width:30%;height:12%;z-index:2;border-radius:30px;cursor:pointer}
.seed-enter:focus-visible{outline:2px solid #fff0bf;outline-offset:1px}
.seed-close{position:absolute;right:1.3%;top:2%;z-index:3;width:36px;height:36px;border:0;border-radius:50%;background:rgba(10,11,11,.83);color:#f4e2b3;font-size:24px;cursor:pointer}
@media(max-width:650px){.seed-panel{width:min(90%,calc(70dvh * 1672 / 941))}.seed-close{width:30px;height:30px;font-size:20px}}
.growth-modal{position:absolute;inset:0;z-index:4;display:grid;place-items:center;isolation:isolate}
.growth-backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(9,12,12,.78);cursor:default}
.growth-panel{position:relative;z-index:1;width:min(82%,850px);max-height:78%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.4vw,18px);filter:drop-shadow(0 8px 16px rgba(0,0,0,.7))}
.growth-actions{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:4px;text-align:center}
.growth-actions p{margin:0;color:#dcc59a;font-family:Georgia,serif;font-size:clamp(10px,1.1vw,15px);letter-spacing:.12em}
.growth-enter,.bloom-enter{display:inline-block;padding:11px 22px;border:1px solid #c9a227;border-radius:24px;background:rgba(26,28,26,.94);color:#f6e7c5;text-decoration:none;font-family:Georgia,serif;font-size:clamp(12px,1.25vw,17px);white-space:nowrap}
.growth-enter:hover,.growth-enter:focus-visible,.bloom-enter:hover,.bloom-enter:focus-visible{background:#423717;outline:2px solid #e5ce91;outline-offset:2px}
.growth-close,.bloom-close{position:absolute;right:-26px;top:0;z-index:3;width:36px;height:36px;border:0;border-radius:50%;background:rgba(10,11,11,.88);color:#f4e2b3;font-size:24px;cursor:pointer}
@media(max-width:650px){.growth-panel{width:92%;gap:9px}.growth-close{right:0;top:-35px}.growth-enter{padding:10px 12px;white-space:normal;text-align:center}}
/* Emblems appear within the doors' entrance experiences, never on top of the approved glass photograph. */
.growth-emblem{display:block;width:min(100%,850px);height:auto;max-height:62dvh;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 8px 16px rgba(0,0,0,.7))}
.bloom-modal{position:absolute;inset:0;z-index:4;display:grid;place-items:center;isolation:isolate}
.bloom-backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(9,12,12,.78);cursor:default}
.bloom-panel{position:relative;z-index:1;width:min(82%,850px);max-height:78%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.4vw,18px);filter:drop-shadow(0 8px 16px rgba(0,0,0,.7))}
.bloom-emblem{display:block;width:100%;max-height:62dvh;height:auto;object-fit:contain}
.bloom-caption{font-family:Georgia,serif;font-size:clamp(11px,1.4vw,18px);letter-spacing:.14em;color:#e7cf9d;text-align:center;margin:0}
@media(max-width:650px){.growth-emblem{display:block;width:min(100%,850px);height:auto;max-height:62dvh;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 8px 16px rgba(0,0,0,.7))}.bloom-panel{width:92%;gap:9px}.bloom-close{right:0;top:-35px}.bloom-enter{font-size:12px;padding:10px 12px;white-space:normal;text-align:center}}