/* Temple art uses the supplied 3840x2160 PSD geometry; text stays dynamic. */
#battle-stage[data-arena="temple"]{background-image:url('/assets/arenas/temple/background.webp')}
#battle-stage[data-arena="temple"] .machine-art{left:18.099%;top:3.056%;width:64.063%;height:79.676%}
#battle-stage[data-arena="temple"] .controls-art{left:19.167%;top:82.407%;width:60.729%;height:15%}
#battle-stage[data-arena="temple"] .stage-logo{left:1.276%;top:-2.315%;width:16.563%;height:17.824%}
#battle-stage[data-arena="temple"] .platform-you{left:1.667%;top:77.685%;width:18.203%;height:19.861%}
#battle-stage[data-arena="temple"] .platform-rival{left:80.339%;top:78.056%;width:17.995%;height:20.37%}
#battle-stage[data-arena="temple"] .stage-pot{top:6.5%;height:8%;gap:.15cqw;color:#ffe6a3}
#battle-stage[data-arena="temple"] .stage-pot>span{font-size:1.3cqw}
#battle-stage[data-arena="temple"] .stage-pot strong{font-size:2.8cqw}
#battle-stage[data-arena="temple"] .stage-pot small{font-size:1cqw}
#battle-stage[data-arena="temple"] .panel-data{top:28%;bottom:20%;left:10%;width:80%;gap:0;justify-content:space-between;font-size:1.35cqw;line-height:1.1}
#battle-stage[data-arena="temple"] .panel-data strong{font-size:2.8cqw}
#battle-stage[data-arena="temple"] .panel-data small{font-size:1.5cqw;margin:0}
#battle-stage[data-arena="temple"] .panel-data>span:last-child{font-size:.8cqw;margin:0}
#battle-stage[data-arena="temple"] .stage-panel::before{position:absolute;top:12%;left:0;width:100%;z-index:1;content:'YOU';font:2.1cqw Russo;color:#e4fcff;text-shadow:0 0 8px #24dcdd}
#battle-stage[data-arena="temple"] .panel-rival::before{content:'RIVAL';color:#ffe7b4}
#battle-stage[data-arena="temple"] .battle-status{background:url('/assets/arenas/temple/status.webp') center/100% 100% no-repeat;left:35.05%;top:75.37%;width:29.92%;height:7.55%;padding:1% 3%}
#battle-stage[data-arena="temple"] #arena{border-radius:1cqw}
#battle-stage[data-arena="temple"]:not([data-symbols-ready="true"]) #arena{visibility:hidden}
#battle-stage[data-arena="temple"]:not([data-art-ready="true"]) .stage-art:not(.fighter-you):not(.fighter-rival),#battle-stage[data-arena="temple"]:not([data-art-ready="true"]) .stage-panel{visibility:hidden}
#battle-stage[data-arena="temple"] #spin{color:#352500;text-shadow:none;background:transparent}
#battle-stage[data-arena="temple"] #rematch{background:none!important}
#battle-stage[data-arena="temple"] .choose-button,#battle-stage[data-arena="temple"] .paytable-button{top:85.35%;height:7.4%;display:flex;align-items:center;justify-content:center;font-size:1.25cqw;line-height:1.1}
#battle-stage[data-arena="temple"] .choose-button{left:23.3%;width:12.8%}
#battle-stage[data-arena="temple"] .paytable-button{left:62.65%;width:13%}
#battle-stage[data-arena="temple"] #spin,#battle-stage[data-arena="temple"] #rematch{left:39.9%;top:85.15%;width:19.4%;height:7.8%;font-size:1.2cqw}
#battle-stage[data-arena="temple"] #rematch small{font-size:.75cqw;margin-top:.2cqw}
#battle-stage[data-arena="temple"] dialog#lines-dialog{border-color:#ffe19a;background:linear-gradient(145deg,#113d40,#082b30);box-shadow:0 0 18px #42dbcc55,inset 0 0 0 2px #c99649}
/* A single horizontal world rail, with touch scrolling and explicit arrows. */
#lobby .arena-carousel{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:10px;width:100%;max-width:1100px;margin:auto}
#lobby .arena-cards{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:18px;width:100%;max-width:none;margin:24px 0;padding:5px 0 10px}
#lobby .arena-cards::-webkit-scrollbar{display:none}
#lobby .arena-card{flex:0 0 calc((100% - 36px)/3);min-width:0;scroll-snap-align:start}
#lobby .arena-card.temple{background-image:linear-gradient(transparent,#082425ee),url('/assets/arenas/temple/thumb.webp');border-color:#e5c477}
#lobby .arena-arrow{display:grid;place-items:center;width:44px;height:52px;padding:0;font-size:24px;border:1px solid #55d8ff;background:linear-gradient(#16425b,#07172d);color:#ffe4a2;border-radius:12px;box-shadow:0 0 12px #4bdcff33}
#lobby .arena-arrow:disabled{visibility:hidden;pointer-events:none}
@media(max-width:700px){
 #lobby .arena-carousel{grid-template-columns:32px minmax(0,1fr) 32px;gap:5px}
 #lobby .arena-arrow{width:32px;height:48px;font-size:20px}
 #lobby .arena-card{flex-basis:100%}
}
@media(max-width:600px) and (orientation:portrait){
 #battle-stage[data-arena="temple"] .machine-art{left:-4%;top:36%;width:108%;height:59%}
 #battle-stage[data-arena="temple"] .stage-logo{left:34%;top:3%;width:32%;height:14%}
 #battle-stage[data-arena="temple"] .platform-you{left:0;top:calc(40.5% - 2px);width:35%;height:7.5%}
 #battle-stage[data-arena="temple"] .platform-rival{left:65%;top:calc(40.5% - 2px);width:35%;height:7.5%}
 #battle-stage[data-arena="temple"] .stage-pot{left:27%;top:37.8%;width:46%;height:6.4%}
 #battle-stage[data-arena="temple"] .stage-pot>span{font-size:2.4cqw}
 #battle-stage[data-arena="temple"] .stage-pot strong{font-size:4.6cqw}
 #battle-stage[data-arena="temple"] .stage-pot small{font-size:2cqw}
 #battle-stage[data-arena="temple"] .panel-data{font-size:2.3cqw}
 #battle-stage[data-arena="temple"] .panel-data strong{font-size:4.4cqw}
 #battle-stage[data-arena="temple"] .panel-data small{font-size:2.7cqw}
 #battle-stage[data-arena="temple"] .panel-data>span:last-child{font-size:1.7cqw}
 #battle-stage[data-arena="temple"] .stage-button,#battle-stage[data-arena="temple"] #spin,#battle-stage[data-arena="temple"] #rematch{display:none}
 #battle-stage[data-arena="temple"] .stage-panel::before{font-size:3.8cqw}
 #battle-stage[data-arena="temple"] .battle-status{left:17%;top:90%;width:66%;height:3.4%;padding:0 4%}
}