/* A close composition: the painted room is designed around the large objects. */
.pantheon-view .pantheon-scroll{background:#211b15 url('/assets/pantheon-alcove-v12.png') left top/106.5% 100% no-repeat;background-blend-mode:normal}
.pantheon-view{border-color:#746248;background:#181510}
.pantheon-view>header{background:linear-gradient(#090f0de6,#10171466,transparent)}
.pantheon-podium{cursor:default;background:#1c1914;border:16px solid #493524;border-image:url('/assets/pantheon-walnut-frame-v1.png') 13% 8% fill / 16px / 0 stretch;box-shadow:0 1px 2px #080603,2px 8px 12px #0009}
.pantheon-podium:after,.pantheon-podium:before{content:none}
.pantheon-podium>p:first-child{background:linear-gradient(#554936,#322f23);border-color:#aa90645e;color:#dfcda7}
.podium-portrait{background:radial-gradient(ellipse at 40% 25%,#2d3b35,#111d18 75%)}
.pantheon-corner:before,.pantheon-registers:after{content:none}
.barmen-photo-frame{border-color:#4a3b2a;box-shadow:2px 4px 6px #0009,inset 0 0 0 1px #ac976255}
.room-stage:has(.pantheon-view:not([hidden]))>.scanlines{opacity:.08}
@media(min-width:751px){
 .pantheon-scroll{display:block;position:relative;padding:0;overflow:hidden}
 .pantheon-corner{position:relative;display:block;margin:0 auto;width:88%;height:100%;min-height:0;padding:0}
 .pantheon-podium{position:absolute;left:0;top:13%;width:57%;min-height:0;padding:22px 18px 18px}
 .podium-alltime{left:auto;right:0;top:16%;width:37%;padding:18px 12px 14px}
 .pantheon-podium>p:first-child{font-size:16px;margin-bottom:24px;padding:7px 21px}
 .podium-alltime>p:first-child{font-size:13px;padding:6px 17px}
 #podium-medals,.podium-alltime #podium-medals-alltime{align-items:flex-start;padding-top:12px}
 .pantheon-corner .podium-medal{padding-top:12px}
 .pantheon-corner .podium-medal.place-1{padding-top:0;margin-bottom:0}
 .pantheon-corner .podium-alltime .podium-medal{width:auto;flex:1}
 .pantheon-corner .podium-alltime .podium-medal.place-1{width:auto}
 .pantheon-registers{position:absolute;left:5%;bottom:15%;width:43%;margin:0;padding:0;gap:26px;align-items:flex-end;justify-content:center}
 .pantheon-view .register-week{width:clamp(150px,21svh,190px);height:clamp(190px,28svh,255px);padding:20px 14px;font-size:clamp(20px,2.7svh,24px);gap:25px;transform-origin:50% 100%;transform:rotate(-4deg)}
 .pantheon-view .register-all{width:clamp(105px,15svh,135px);height:clamp(140px,20.5svh,185px);padding:18px 12px;font-size:clamp(15px,1.9svh,17px);gap:16px;transform-origin:50% 100%;transform:rotate(5deg);margin-left:0}
 .pantheon-registers:after{content:'';position:absolute;left:7%;right:3%;bottom:-7px;height:12px;border:0;z-index:-1;background:radial-gradient(ellipse,#000b,transparent 70%);box-shadow:none;pointer-events:none}
 .pantheon-view .barmen-photo{position:absolute;left:56%;right:auto;bottom:15%;width:30%;max-width:300px;margin:0;transform:rotate(-3deg);transform-origin:50% 100%;isolation:isolate}
 .barmen-photo-frame{position:relative;border-width:9px;padding:4px}
 .barmen-photo:before{content:'';position:absolute;left:45%;bottom:-3px;width:28%;height:40%;background:linear-gradient(90deg,#171a13,#5e4930 45%,#2c291b);clip-path:polygon(14% 0,35% 0,100% 100%,70% 100%);z-index:-1}
 .barmen-photo:after{content:'';position:absolute;bottom:-6px;left:-5%;width:110%;height:8px;background:linear-gradient(#9c7c4c,#493722 45%,#2a2216);border:1px solid #3f3422;box-shadow:1px 4px 5px #000b}
 .barmen-photo .photo-nameplate{position:absolute;left:50%;top:100%;transform:translateX(-50%);margin-top:14px;padding:5px 16px;font-size:12px;background:#332e20;border-color:#816b4166}
}
@media(min-width:751px) and (max-height:780px){
 .pantheon-podium{top:13%;padding:15px 12px}
 .podium-alltime{top:15%}
 .pantheon-podium>p:first-child{margin-bottom:14px}
 .pantheon-corner .podium-portrait{width:72px;height:72px}
 .pantheon-corner .place-1 .podium-portrait{width:92px;height:92px}
 .pantheon-corner .podium-alltime .podium-portrait{width:54px;height:54px}
 .pantheon-corner .podium-alltime .place-1 .podium-portrait{width:68px;height:68px}
 .pantheon-view .barmen-photo{width:26%;max-width:250px}
}
@media(max-width:750px){
 .pantheon-scroll{background-size:auto 100%;background-position:38% top;background-attachment:local}
 .pantheon-podium{border-width:5px;border-bottom-width:8px}
 .pantheon-corner:before{content:'';height:30px;background:linear-gradient(#81603b,#403526 10%,#24271e 22%,#161e17);border-color:#9a7f51;bottom:-3px;box-shadow:0 8px 18px #0007}
 .pantheon-registers:after{content:'';background:linear-gradient(#80603e,#4a3827 30%,#24251b 65%,#111911);border-top-color:#ac8b5f70}
}

/* Portrait ornaments share the materials of their book's trophies. */
.pantheon-corner .podium-medal{--metal:#dfb85d;--light:#fff0ae;--shade:#745023;--jewel:#b98b35}
.pantheon-corner .place-2{--metal:#b9c6cd;--light:#f4fbff;--shade:#606f79;--jewel:#d2e4ed}
.pantheon-corner .place-3{--metal:#bd875c;--light:#efc39b;--shade:#65402c;--jewel:#a6653c}
.pantheon-corner .podium-alltime .place-1{--metal:#d5b15c;--light:#fff0b0;--shade:#736029;--jewel:#35b58b}
.pantheon-corner .podium-alltime .place-2{--metal:#d1b16c;--light:#f4fcff;--shade:#75613e;--jewel:#8acfe2}
.pantheon-corner .podium-alltime .place-3{--metal:#e2b759;--light:#fff0a1;--shade:#805520;--jewel:#f2c85d}
.pantheon-corner .podium-portrait{position:relative;overflow:visible;border:5px solid transparent;background:linear-gradient(#16221b,#111a16) padding-box,conic-gradient(from 25deg,var(--shade),var(--light),var(--metal),var(--shade),var(--light),var(--metal),var(--shade)) border-box;box-shadow:0 0 0 2px #101812,0 0 0 3px var(--shade),0 6px 12px #000b}
.pantheon-corner .podium-portrait img{border-radius:50%}
.pantheon-corner .podium-portrait:after{content:'';position:absolute;inset:-10px;border:2px solid var(--metal);border-top-color:transparent;border-bottom-color:transparent;border-radius:50%;pointer-events:none;opacity:.85}
.pantheon-corner .place-1 .podium-portrait:before{content:'';position:absolute;top:-20px;left:50%;width:34px;height:19px;transform:translateX(-50%);background:linear-gradient(120deg,var(--light),var(--metal) 55%,var(--shade));clip-path:polygon(0 10%,28% 45%,50% 0,72% 45%,100% 10%,87% 100%,13% 100%)}
.pantheon-corner .podium-alltime .podium-portrait:after{inset:-11px;border:4px double var(--metal);border-left-color:var(--jewel);border-right-color:var(--jewel);opacity:1}
.pantheon-corner .podium-alltime .podium-portrait:before{content:'';position:absolute;top:-14px;left:50%;width:17px;height:17px;transform:translateX(-50%) rotate(45deg);border:2px solid var(--metal);background:conic-gradient(var(--light),var(--jewel),var(--shade),var(--jewel),var(--light));box-shadow:0 0 0 2px #142019;clip-path:none}
.pantheon-corner .podium-alltime .place-1 .podium-portrait:before{width:21px;height:21px;top:-17px}
.pantheon-corner .podium-place{z-index:1;width:26px;height:26px;font-size:14px;line-height:24px;border-color:var(--metal);color:var(--light);background:linear-gradient(#34392c,#161d16);box-shadow:0 0 0 2px #111a14,0 3px 5px #0008}
@media(min-width:751px){
 .pantheon-podium{left:8%;width:49%}
 .podium-alltime{left:auto;right:7%;width:34%}
 #podium-medals,.podium-alltime #podium-medals-alltime{gap:clamp(16px,2vw,30px);padding-top:15px;align-items:flex-start}
 .pantheon-corner .podium-medal{width:clamp(90px,8vw,144px);padding-top:36px}
 .pantheon-corner .podium-medal.place-1{width:clamp(110px,10vw,172px);padding-top:0}
 .pantheon-corner .podium-portrait{width:clamp(78px,7vw,126px);height:clamp(78px,7vw,126px)}
 .pantheon-corner .place-1 .podium-portrait{width:clamp(100px,8.8vw,156px);height:clamp(100px,8.8vw,156px)}
 .pantheon-corner .podium-alltime .podium-medal{padding-top:30px}
 .pantheon-corner .podium-alltime .podium-medal.place-1{padding-top:0}
 .pantheon-corner .podium-alltime .podium-portrait{width:clamp(60px,5.2vw,94px);height:clamp(60px,5.2vw,94px)}
 .pantheon-corner .podium-alltime .place-1 .podium-portrait{width:clamp(78px,6.5vw,118px);height:clamp(78px,6.5vw,118px)}
}
.pantheon-corner .podium-medal.place-1{transform:translateY(-8px)}

/* A smaller, freestanding companion to the barmen's framed photograph. */
.pantheon-view .pantheon-portrait{position:absolute;left:auto;right:1%;bottom:15%;width:15%;max-width:200px;margin:0;padding:0;border:0;background:none;cursor:pointer;isolation:isolate;transform:rotate(2deg);transform-origin:50% 100%}
.throne-photo-frame{display:block;position:relative;padding:5px;border:8px solid #493b2a;background:#b3a484;box-shadow:0 0 0 1px #8d7652,inset 0 0 0 1px #dfcaa077,2px 5px 7px #000b}
.throne-photo-frame:after{content:'';position:absolute;inset:-6px;border:1px solid #a28a5c66;box-shadow:inset 0 1px 1px #dcc28b33;pointer-events:none}
.throne-photo-frame img{display:block;width:100%;height:auto;image-rendering:auto}
.pantheon-portrait .throne-photo-frame img{filter:brightness(.83);transition:filter .2s ease}
.pantheon-portrait:hover .throne-photo-frame img{filter:brightness(.98)}
.pantheon-portrait:before{content:'';position:absolute;left:45%;bottom:-3px;width:28%;height:40%;background:linear-gradient(90deg,#171a13,#5e4930 45%,#2c291b);clip-path:polygon(14% 0,35% 0,100% 100%,70% 100%);z-index:-1}
.pantheon-portrait:after{content:'';position:absolute;bottom:-5px;left:-3%;width:106%;height:6px;background:linear-gradient(#9c7c4c,#493722 45%,#2a2216);border:1px solid #3f3422;box-shadow:1px 4px 5px #000b}
.pantheon-portrait:focus-visible{outline:1px solid #d4b67c;outline-offset:6px}
dialog.portrait-inspection{position:fixed;inset:0;width:min(90vw,1040px,120svh);height:fit-content;max-width:none;max-height:none;padding:0 0 52px;border:0;overflow:visible;background:transparent;color:#dfcea5;box-shadow:none}
.portrait-inspection::backdrop{background:#030806e8;backdrop-filter:blur(4px)}
.portrait-inspection .throne-photo-frame{border-width:12px;padding:8px;transform-origin:center;box-shadow:0 0 0 1px #8d7652,inset 0 0 0 1px #dfcaa077,0 12px 30px #000b}
.portrait-close{position:absolute;bottom:0;left:50%;transform:translateX(-50%);white-space:nowrap;padding:10px 16px;border:1px solid #8c795355;background:linear-gradient(#292c20,#171d16);color:#dfcea5;font:14px Georgia,serif;cursor:pointer}
.portrait-close:hover,.portrait-close:focus-visible{border-color:#c1a76b;outline-color:#c1a76b}
@media(max-width:750px){
 .pantheon-view .pantheon-portrait{position:relative;left:auto;right:auto;bottom:auto;order:4;align-self:flex-end;margin:24px 8% 24px 0;width:55%;max-width:190px}
 .pantheon-view .barmen-photo{order:3}
 .portrait-inspection::backdrop{backdrop-filter:none}
 .portrait-inspection .throne-photo-frame{border-width:8px;padding:4px}
}
@media(prefers-reduced-motion:reduce){.pantheon-portrait .throne-photo-frame img{transition:none}}

/* Painted, mitred walnut mouldings keep their depth at every frame size. */
.pantheon-view .barmen-photo-frame,.throne-photo-frame,.portrait-inspection .throne-photo-frame,.barmen-antique-frame{border-style:solid;border-image:url('/assets/pantheon-walnut-frame-v1.png') 13% 8% / 1 / 0 stretch;background:#afa082;box-shadow:0 1px 2px #000b,2px 5px 8px #0009}
.throne-photo-frame:after,.barmen-antique-frame:before{content:none}
.pantheon-view .barmen-photo-frame{border-width:12px;padding:4px}
.pantheon-view .throne-photo-frame{border-width:10px;padding:3px}
.portrait-inspection .throne-photo-frame{border-width:18px;padding:7px}
@media(max-width:750px){
 .pantheon-podium{border-width:13px;border-image-width:13px}
 .pantheon-view .barmen-photo-frame{border-width:10px}
 .portrait-inspection .throne-photo-frame{border-width:12px;padding:4px}
}

@media(min-width:751px) and (max-height:780px){
 .pantheon-corner .podium-portrait{width:82px;height:82px}
 .pantheon-corner .place-1 .podium-portrait{width:104px;height:104px}
 .pantheon-corner .podium-alltime .podium-portrait{width:64px;height:64px}
 .pantheon-corner .podium-alltime .place-1 .podium-portrait{width:84px;height:84px}
 .pantheon-corner .podium-medal{padding-top:28px}
}
@media(max-width:750px){
 #podium-medals,.podium-alltime #podium-medals-alltime{align-items:flex-start;padding-top:16px;gap:14px}
 .pantheon-corner .podium-medal{padding-top:28px;flex:1}
 .pantheon-corner .podium-medal.place-1{padding-top:0;margin-bottom:0}
 .pantheon-corner .podium-portrait{width:68px;height:68px}
 .pantheon-corner .place-1 .podium-portrait{width:86px;height:86px}
 .pantheon-corner .podium-alltime .podium-portrait{width:62px;height:62px}
 .pantheon-corner .podium-alltime .place-1 .podium-portrait{width:78px;height:78px}
}