/* Warm brass, teal enamel and a working lobby: all art is local CSS. */
.elevator-home{--lift-ink:#274649;--lift-teal:#34736e;--lift-brass:#b49355;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.88fr);gap:24px 48px;align-items:start;padding:28px 0 64px;color:var(--lift-ink)}
.elevator-name{grid-column:1;grid-row:1;text-align:center;min-width:0}.elevator-duty{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:#688582}.elevator-name h1{font-size:clamp(36px,5vw,62px);line-height:1.08;margin:10px 0;letter-spacing:-.04em}.elevator-name p{font-size:14px;color:#6e8580}.elevator-next{grid-column:2;grid-row:1/span 2;padding:28px;border:1px solid #c5d4ca;border-top:5px solid var(--lift-brass);border-radius:5px 5px 20px 20px;background:linear-gradient(130deg,#f8f6e9,#e6eeE5);box-shadow:0 12px 30px #30483c10;min-width:0}.elevator-next-heading{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#788a76;margin-bottom:22px}.elevator-next-heading b{font:500 12px ui-monospace,monospace}.elevator-next h2{font-size:29px;line-height:1.2;overflow-wrap:anywhere;margin-bottom:12px}.elevator-next>p{font-size:14px;line-height:1.55;color:#657b73}.elevator-start{margin-top:22px;min-height:58px;width:100%;display:flex;justify-content:space-between;border-radius:12px;background:var(--lift-teal);box-shadow:0 4px 0 #22554f}.elevator-start>span:last-child{font-size:24px}.elevator-pocket{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:20px;padding-top:14px;border-top:1px solid #cdd8c9;font-size:10px;color:#7e8f7a}.elevator-pocket b{font-size:12px;color:#526f60}
.elevator-lobby{grid-column:1;grid-row:2;position:relative;isolation:isolate;height:340px;overflow:hidden;margin:0;border:6px solid #f6f2e7;border-radius:100px 100px 10px 10px;background:#bdc9b9;box-shadow:0 12px 25px #34554b18;perspective:700px;direction:ltr}.elevator-wall{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 54px,#7c948017 55px 57px),linear-gradient(#dce2ca,#c3d3bd)}.elevator-floor{position:absolute;left:0;right:0;bottom:0;height:62px;border-top:7px solid #a9b19a;background:repeating-conic-gradient(#d9cbb4 0 25%,#b7bca9 0 50%) 50%/44px 44px;transform:rotateX(25deg);transform-origin:bottom}.elevator-portal{position:absolute;left:35%;top:57px;width:41%;height:239px;border:9px solid #b8aa87;border-top:13px solid #c9bb95;border-radius:7px 7px 0 0;box-shadow:0 0 0 3px #928b70,8px 6px 0 #899b801f}.elevator-indicator{position:absolute;left:calc(50% - 31px);top:-48px;width:62px;height:28px;background:#34534c;border:3px solid #bdb18c;border-radius:5px;color:#f2d8a2;display:flex;align-items:center;justify-content:center;gap:9px;font:16px ui-monospace,monospace}.elevator-indicator i{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:7px solid #ecd399}.elevator-cabin{position:absolute;inset:0;overflow:hidden;background:linear-gradient(90deg,#607c70,#9da988 50%,#5c7668)}.elevator-mirror{position:absolute;left:20%;top:20px;width:60%;height:112px;border:4px solid #a3a389;background:linear-gradient(125deg,#b5c9b8,#e0e4cb 48%,#adc3b0 50%)}.elevator-rail{position:absolute;left:0;right:0;top:145px;height:5px;background:#c4b89c;box-shadow:0 2px 0 #555e48}.elevator-door{position:absolute;top:0;bottom:0;width:50%;background:repeating-linear-gradient(90deg,#9aac9c 0 2px,#a4b4a3 3px 16px,#9eaf9e 17px 18px);box-shadow:inset 0 5px 16px #dae2c350;animation:elevator-open-left 9s ease-in-out infinite}.elevator-door-left{left:0;border-right:2px solid #647b68}.elevator-door-right{right:0;border-left:2px solid #bcccba;animation-name:elevator-open-right}.elevator-sill{position:absolute;left:-13px;right:-13px;bottom:-8px;height:9px;background:linear-gradient(#d9cdaf,#a89d81)}.elevator-person{position:absolute;left:calc(50% - 17px);bottom:3px;width:35px;height:94px}.elevator-person i,.elevator-neighbour i{position:absolute;left:8px;top:0;width:22px;height:25px;border-radius:50%;background:#d9a579;border-top:7px solid #746352}.elevator-person b,.elevator-neighbour b{position:absolute;left:3px;top:25px;width:33px;height:52px;border-radius:13px 13px 5px 5px;background:#c58e62;border-bottom:14px solid #496265}.elevator-person b:after,.elevator-neighbour b:after{content:"";position:absolute;left:13px;bottom:-17px;width:5px;height:15px;background:#728674}.elevator-call-panel{position:absolute;left:80%;top:161px;width:19px;height:47px;padding:7px 4px;background:#bbae87;border:2px solid #d3c6a0;border-radius:5px}.elevator-call-panel i{display:block;width:7px;height:7px;margin-bottom:8px;border-radius:50%;background:#477468;box-shadow:0 0 0 1px #788b70}.elevator-call-panel i:first-child{background:#f0d699;box-shadow:0 0 7px #f0d699}
.elevator-directory-art{position:absolute;left:5%;top:79px;width:22%;padding:9px 8px;background:#46665d;border:4px solid #c2b78f;border-radius:4px;box-shadow:3px 4px 0 #617c6622}.elevator-directory-art>i{display:flex;height:19px;align-items:center;gap:5px;border-bottom:1px solid #a9b89d44;color:#9bad94;font:9px ui-monospace,monospace;font-style:normal}.elevator-directory-art span{height:3px;width:13px;background:#72917a}.elevator-directory-art .lit{color:#ffe3a5}.elevator-directory-art .lit span{background:#efd297;box-shadow:0 0 7px #e4c57a88}.elevator-welcome-lamp{position:absolute;left:11%;top:40px;width:31px;height:24px;background:#f0dba6;border:4px solid #afa37d;border-radius:5px;box-shadow:0 0 29px #fff3b4}.elevator-school-bag{position:absolute;left:18%;bottom:35px;width:27px;height:33px;border:5px solid #b27757;border-radius:8px;background:#d3a97d;transform:rotate(-7deg)}.elevator-school-bag i{position:absolute;left:2px;top:-13px;width:12px;height:10px;border:3px solid #996547;border-radius:5px}.elevator-flower-pot{position:absolute;right:4%;bottom:42px;width:28px;height:30px;background:#a78266;border-radius:2px 2px 8px 8px}.elevator-flower-pot i{position:absolute;left:10px;top:-30px;width:10px;height:33px;border-radius:90% 0;background:#73976b;transform:rotate(12deg)}.elevator-flower-pot i:nth-child(2){left:-1px;top:-24px;transform:rotate(-40deg)}.elevator-flower-pot i:nth-child(3){left:21px;top:-21px;transform:rotate(49deg);background:#b59478}.elevator-neighbour{position:absolute;left:22%;bottom:37px;width:37px;height:90px}.elevator-neighbour b{background:#927b94}.elevator-festival{position:absolute;left:0;right:0;top:23px;display:flex;justify-content:space-around;transform:rotate(4deg);border-top:2px solid #899171}.elevator-festival i{width:18px;height:22px;background:#d9ab78;clip-path:polygon(0 0,100% 0,50% 100%)}.elevator-festival i:nth-child(even){background:#95a9a0}.elevator-sky-window{position:absolute;right:3%;top:60px;width:38px;height:54px;border:5px solid #efe5c9;border-radius:24px 24px 3px 3px;background:#c4d8d0}.elevator-sky-window i{position:absolute;left:6px;top:12px;width:15px;height:15px;background:#f8e7b3;border-radius:50%}.elevator-building-2 .elevator-wall{background:repeating-linear-gradient(90deg,#cec5b5 0 25px,#c3bbac 26px 28px)}.elevator-building-4 .elevator-wall{background:linear-gradient(#d6c7b1,#c4ccaf)}.elevator-building-5 .elevator-wall{background:linear-gradient(#a6c1be,#dae4d1)}
.elevator-neighbour-note{grid-column:1;grid-row:3;text-align:center;font-size:12px;line-height:1.6;padding:0 18px;color:#708578}.elevator-actions{grid-column:2;grid-row:3;display:flex;gap:8px;flex-wrap:wrap;align-self:center}.elevator-actions .quiet{flex:1;min-height:44px;padding:12px 9px;background:#e9eee4;border-color:#cbd6c3;color:#5f796b;font-size:11px}.elevator-directory{grid-column:1/-1;grid-row:4;max-width:840px;width:100%;margin:20px auto 0}.elevator-directory-title{text-align:center;margin-bottom:22px}.elevator-directory-title h2{font-size:28px}.elevator-directory-title p{font-size:12px;color:#899881;margin-top:6px}.elevator-zone{border-bottom:1px solid #cdd6c4;padding:5px 0}.elevator-zone>summary{list-style:none;display:flex;align-items:center;gap:14px;min-height:72px;padding:10px 5px;cursor:pointer}.elevator-zone>summary::-webkit-details-marker{display:none}.elevator-floor-number{display:flex;align-items:center;justify-content:center;width:41px;height:41px;border:3px solid #bac8b3;border-radius:50%;background:#eef0e2;color:#6c8471;font:16px ui-monospace,monospace}.elevator-zone-lit .elevator-floor-number{background:#f0deac;border-color:#c4af7b;color:#7d6b40}.elevator-zone summary>span:nth-child(2){flex:1}.elevator-zone summary b{display:block;font-size:15px}.elevator-zone summary small{display:block;font-size:10px;color:#91a089;margin-top:4px}.elevator-zone summary>i{font-size:22px;font-style:normal;color:#859a82}.elevator-stop-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:5px 0 18px}.elevator-home .elevator-stop{height:auto;min-height:91px;min-width:0;background:#f1f2e7;border:1px solid #cfd9c6;color:#637d68;border-radius:9px;padding:10px 7px;display:flex;flex-direction:column;gap:5px;align-items:center;box-shadow:inset 0 2px 0 #ffffff88}.elevator-stop b{font:600 15px ui-monospace,monospace}.elevator-stop>span{font-size:10px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.elevator-stop small{font-size:10px;margin-top:auto;color:#a29268}.elevator-home .elevator-stop.current{background:#e9ddba;border-color:#bba86c;outline:2px solid #bba86c;outline-offset:-1px}.elevator-home .elevator-stop.completed{background:#e3ecdc;border-color:#bbccb0}.elevator-stop:disabled{opacity:.5}.elevator-secondary{grid-column:1/-1;border-top:1px solid #d4dccb;max-width:840px;width:100%;margin:5px auto 0}.elevator-secondary>summary{cursor:pointer;min-height:44px;padding:12px 0;color:#758b76;font-size:12px}.elevator-secondary>div{padding:12px 0}.elevator-zone>summary:focus-visible,.elevator-secondary>summary:focus-visible{outline:3px solid #5d8e7e;outline-offset:1px}
[dir=rtl] .elevator-name h1,[dir=rtl] .elevator-duty{letter-spacing:0}[dir=rtl] .elevator-stop>span{line-height:1.5}
@keyframes elevator-open-left{0%,12%,75%,100%{transform:translateX(0)}25%,62%{transform:translateX(-90%)}}@keyframes elevator-open-right{0%,12%,75%,100%{transform:translateX(0)}25%,62%{transform:translateX(90%)}}
@media(max-width:850px){.elevator-home{grid-template-columns:minmax(0,1fr);max-width:550px;margin:auto;padding-top:14px;gap:16px}.elevator-name,.elevator-next,.elevator-lobby,.elevator-neighbour-note,.elevator-actions,.elevator-directory,.elevator-secondary{grid-column:1}.elevator-name{grid-row:1}.elevator-next{grid-row:2;padding:20px}.elevator-lobby{grid-row:3;height:315px}.elevator-neighbour-note{grid-row:4}.elevator-actions{grid-row:5}.elevator-directory{grid-row:6;margin-top:12px}.elevator-name h1{font-size:39px;margin:8px 0}.elevator-name p{font-size:12px}.elevator-duty{font-size:10px}.elevator-next-heading{margin-bottom:12px}.elevator-next h2{font-size:25px;margin-bottom:9px}.elevator-next>p{font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.elevator-start{margin-top:15px;min-height:54px}.elevator-pocket{margin-top:16px;padding-top:12px}.elevator-stop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.elevator-portal{height:210px}.elevator-neighbour{left:18%}}
@media(max-width:390px){.elevator-home{padding-top:9px;gap:13px}.elevator-name h1{font-size:34px}.elevator-next{padding:16px}.elevator-next h2{font-size:22px}.elevator-next>p{font-size:12px}.elevator-next-heading{font-size:10px}.elevator-actions .quiet{font-size:10px}.elevator-stop-grid{gap:6px}.elevator-stop>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.elevator-home *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.elevator-door-left{transform:translateX(-85%)}.elevator-door-right{transform:translateX(85%)}}