#hubTheatre{position:absolute;right:35px;top:112px;width:230px;height:230px;z-index:10;border:0;padding:0;background:transparent;box-shadow:none}
#hubTheatre img{width:100%;height:100%;object-fit:contain}
#hubTheatre[hidden]{display:none}
#theatreShelf{position:absolute;inset:0;z-index:12;background:url('assets/theatre/story-bg.jpg') center/cover;padding:135px 190px 25px;display:flex;flex-direction:column;align-items:center;gap:12px}
.theatrePoster{position:relative;min-height:0;flex:1;width:100%;display:flex;align-items:center;justify-content:center}
.theatrePoster>img{width:100%;height:100%;object-fit:contain}
#theatreLock{position:absolute;right:14px;top:14px;background:transparent;border:0;padding:0;color:white;font-size:23px}
#theatreLock img{height:60px;width:60px;object-fit:contain}
#theatreLock span{background:#125f50;border-radius:30px;padding:8px 18px}
#theatrePlay{height:48px;width:150px;border:0;background:transparent;padding:0;flex-shrink:0}
#theatrePlay img{width:100%;height:100%;object-fit:contain}
.theatreNetwork{margin:0;font-size:18px;color:#fff3d9;text-shadow:0 2px 4px black}
#theatrePlayer{position:absolute;inset:0;z-index:12;background:#081e29}
#theatrePlayer iframe{position:absolute;left:0;top:95px;width:100%;height:calc(100% - 95px);border:0}
.theatreLoading{position:absolute;inset:95px 0 0;background:#081e29;display:flex;align-items:center;justify-content:center;flex-direction:column;color:white;font-size:28px}
.theatreLoading button{font-size:23px;padding:12px 28px}
#stage.theatreMode>header{z-index:30}
#stage.theatreMode>header .brand,#stage.theatreMode>header .conditions,#stage.theatreMode #islandTicker{display:none}
#stage.theatreMode #modal{z-index:40}

.theatreRewards{display:flex;justify-content:center;gap:45px}.theatreRewards figure{margin:0;text-align:center;font-size:26px;color:#18536b}.theatreRewards img{display:block;width:230px;height:200px;object-fit:contain;margin-bottom:8px}

#stage:has(.theatreCover)>header{visibility:hidden}.theatreCover{position:absolute;inset:0;z-index:100;background:#000;display:grid;place-items:center}.theatreCover img{width:100%;height:100%;object-fit:contain}

#theatreFontSettings{display:flex;gap:20px;justify-content:center;padding:30px}#theatreFontSettings button{padding:16px 36px;font-size:28px}#theatreFontSettings button[aria-pressed=true]{background:#ffe29c;color:#13485c}

.theatrePaging{display:flex;align-items:center;gap:24px;color:#fff3d9;font-size:18px;text-shadow:0 2px 4px #000}.theatrePaging button{font-size:19px;padding:8px 18px;background:#f7fbff;color:#174c61;border-radius:10px;border:1px solid #a1c4d2}