body.event-festival.display-fit{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}
body.event-festival.display-fit .event-header{padding:5px 16px;min-height:28px;gap:12px;flex-wrap:nowrap;flex-shrink:0}
body.event-festival.display-fit .event-header .event-home{font-size:18px}
body.event-festival.display-fit .event-header #connection{font-size:12px;flex-basis:auto}
body.event-festival.display-fit #branding img{max-height:30px;max-width:90px}
body.event-festival.display-fit main{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;width:100%;max-width:none;margin:0;padding:8px 18px;box-sizing:border-box}
body.event-festival.display-fit .event-intro{flex:none;padding:7px 16px;margin:0;border-width:5px}
body.event-festival.display-fit .event-intro h1{font-size:clamp(22px,3vw,38px);line-height:1.15;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.event-festival.display-fit #status{font-size:12px;padding:2px 8px;margin:3px 0 0}
body.event-festival.display-fit #status[hidden]{display:none}
body.event-festival.display-fit #message:empty{display:none}
body.event-festival.display-fit #message,body.event-festival.display-fit #preview-notice{margin:0;padding:2px;font-size:12px}
body.event-festival.display-fit #event-photo{display:none}
body.event-festival.display-fit #effects{flex:none;margin:0;gap:8px}
body.event-festival.display-fit #effects button{min-height:28px;padding:4px 12px;font-size:13px}
body.event-festival.display-fit #boards{flex:1;min-height:0;display:flex;gap:16px;align-items:stretch}
body.event-festival.display-fit .board{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;padding:8px 14px;border-width:6px;overflow:hidden}
body.event-festival.display-fit .board[hidden]{display:none}
body.event-festival.display-fit .board h2{flex:none;font-size:clamp(22px,2.5vw,36px);padding:0 0 5px;margin:0 0 4px;gap:10px}
body.event-festival.display-fit .board h2 img{width:40px;height:40px}
body.event-festival.display-fit .board table{display:flex;flex:1;min-height:0;flex-direction:column;border-spacing:0;line-height:1.12;font-size:clamp(17px,2.2vw,34px)}
body.event-festival.display-fit .board tbody{display:contents}
body.event-festival.display-fit .board tr{display:flex;flex:1;min-height:0;align-items:stretch}
body.event-festival.display-fit .board tr[hidden]{display:none}
body.event-festival.display-fit .board td{display:flex;align-items:center;padding:3px 8px;min-width:0;box-sizing:border-box}
body.event-festival.display-fit .board td:first-child{width:12%;min-width:2.7em;flex:none;justify-content:center;white-space:nowrap;overflow-wrap:normal;padding-left:2px;padding-right:2px}
body.event-festival.display-fit .board td:nth-child(2){flex:1;overflow:hidden;overflow-wrap:anywhere}
body.event-festival.display-fit .board td:last-child{width:23%;flex:none;justify-content:flex-end;font-size:1.15em;white-space:nowrap;overflow-wrap:normal}
body.event-festival.display-fit #ranking-pages{display:flex;align-items:center;justify-content:center;gap:12px;height:28px;flex:none;font-size:12px}
body.event-festival.display-fit #ranking-pages[hidden]{display:none}
body.event-festival.display-fit #ranking-pages button{min-height:26px;padding:2px 10px;font-size:12px}
body.event-festival.display-fit .sponsor-region{flex:none;margin:0;padding:5px 12px;border-width:5px;box-shadow:none}
body.event-festival.display-fit .sponsor-region h2{font-size:20px;margin:0 0 4px;line-height:1.15}
body.event-festival.display-fit .sponsor-list{flex-wrap:nowrap;gap:12px;min-height:0}
body.event-festival.display-fit .sponsor-card{padding:4px;max-width:260px;flex:1 1 0;border-radius:5px}
body.event-festival.display-fit .sponsor-card[hidden]{display:none}
body.event-festival.display-fit .sponsor-card>div,body.event-festival.display-fit .sponsor-card>a{gap:2px}
body.event-festival.display-fit .sponsor-card img{height:clamp(40px,7vh,82px);max-height:82px;max-width:100%;width:100%;object-fit:contain}
body.event-festival.display-fit .sponsor-card span{font-size:12px;line-height:1.1;max-height:26px;overflow:hidden}
body.event-festival.display-fit .sponsor-controls{margin-top:4px;gap:8px;flex-wrap:nowrap}
body.event-festival.display-fit .sponsor-controls button{min-height:24px;padding:2px 7px;font-size:11px}
body.event-festival.display-fit .sponsor-controls span{font-size:11px}
body.event-festival.display-fit .powered-by{flex:none;margin:0;padding:3px;font-size:10px}
@media(max-width:699px){body.event-festival.display-fit main{padding:5px 7px;gap:5px}body.event-festival.display-fit .board{padding:5px 7px}body.event-festival.display-fit .board table{font-size:20px}body.event-festival.display-fit .event-header .event-home{font-size:14px}body.event-festival.display-fit #effects{gap:5px}body.event-festival.display-fit #effects button{font-size:11px;padding:3px 6px}body.event-festival.display-fit .sponsor-controls button{font-size:10px;padding:2px 4px}}
@media(max-height:650px){body.event-festival.display-fit .event-header,body.event-festival.display-fit .powered-by{display:none}body.event-festival.display-fit .board h2 img{height:28px;width:28px}body.event-festival.display-fit .board h2{font-size:20px}body.event-festival.display-fit .board table{font-size:17px}body.event-festival.display-fit .sponsor-card img{height:35px}body.event-festival.display-fit .sponsor-region h2{font-size:15px}}
