/* Symmetric HUD: the clock owns the center column, independent of player count. */
.arcade-cabinet .hud.multi-hud{display:grid;grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr);gap:18px;padding:9px 14px;min-height:70px;align-items:center}
.arcade-cabinet .multi-hud .hud-team{display:grid;grid-template-columns:repeat(var(--hud-slots),minmax(0,1fr));gap:14px;width:100%;max-width:320px;min-width:0}
.arcade-cabinet .multi-hud .hud-left{justify-self:end}.arcade-cabinet .multi-hud .hud-right{justify-self:start}
.arcade-cabinet .multi-hud .player-hud{display:block;width:auto;min-width:0;flex:initial!important;padding:0;text-align:left}
.arcade-cabinet .multi-hud .hud-heading{display:flex;align-items:baseline;justify-content:space-between;gap:5px}
.arcade-cabinet .multi-hud .player-name{font-size:12px;min-width:0;max-width:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.arcade-cabinet .multi-hud .score{font-size:22px;line-height:1}.arcade-cabinet .multi-hud .hud-points{white-space:nowrap}.arcade-cabinet .multi-hud .mark-label{font-size:9px}
.arcade-cabinet .multi-hud .growth-block{padding:0;margin-top:5px}.arcade-cabinet .multi-hud .growth-block small{font-size:11px;line-height:1.2;white-space:nowrap}
.arcade-cabinet .multi-hud .growth-meter{width:100%;max-width:none;margin:5px 0 0;height:5px}.arcade-cabinet .multi-hud .growth-meter i{display:block;height:100%}
.arcade-cabinet .multi-hud .hud-right .player-hud{text-align:right}.arcade-cabinet .multi-hud .hud-right .hud-heading{flex-direction:row-reverse}.arcade-cabinet .multi-hud .hud-right .growth-meter i{margin-left:auto}
.arcade-cabinet .multi-hud .clock{width:86px;min-width:0;padding:0;text-align:center;align-self:center}.arcade-cabinet .multi-hud .clock b{font-size:28px;line-height:1.15}.arcade-cabinet .multi-hud .clock span{font-size:9px}.arcade-cabinet .multi-hud .time-track{margin:4px auto 0;width:72px}
.hud-placeholder{min-width:0}
/* Compact nickname entry before entering a room. */
dialog.skin-dialog.nickname-dialog{width:min(350px,90vw);padding:26px;text-align:center}
.nickname-dialog form{display:flex;flex-direction:column;align-items:center;gap:15px}.nickname-dialog h2{font-size:24px;margin:0 0 18px}
dialog.skin-dialog.nickname-dialog input{width:100%;max-width:235px;box-sizing:border-box;margin:0;text-align:center;font-size:17px;padding:10px 12px}
.nickname-dialog .primary{width:100%;max-width:235px;justify-content:center}
/* Each result is a person above a physical step, all resting on the same baseline. */
.arcade-cabinet .result-modal{width:min(600px,96%);padding:14px 20px;overflow:auto;max-height:100%}
.arcade-cabinet .result-modal .eyebrow,.arcade-cabinet .result-modal .result-medal{display:none}
.arcade-cabinet .result-modal #result-title{font-size:28px;margin:0 0 2px}.arcade-cabinet .result-modal #result-identity{font-size:12px;margin:0}.arcade-cabinet .result-modal #result-reason{font-size:12px;margin:5px 0 8px}
.result-table{display:block;margin:6px 0 10px}.podium{display:grid;grid-template-columns:repeat(var(--places),minmax(0,1fr));gap:8px;align-items:end;padding:0 2px;border-bottom:2px solid #79a49e}
.podium-place{min-width:0;text-align:center}.podium-person{display:flex;align-items:center;flex-direction:column;position:relative;padding-bottom:7px}
.podium-crown{height:16px;color:#ffe7a0;font-size:21px;line-height:16px}.podium-avatar{width:70px;height:56px;image-rendering:pixelated}
.podium-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;color:var(--seat-color)}
.podium-step{height:var(--step-height);border:1px solid #54787c;border-bottom:0;border-radius:9px 9px 0 0;background:linear-gradient(#214652,#112e3b);padding:9px 5px 5px;position:relative;box-shadow:inset 0 3px 0 #ffffff0b}
.podium-place.is-self .podium-step{border-color:var(--seat-color);box-shadow:inset 0 3px 0 var(--seat-color)}
.podium-place.is-winner .podium-step{background:linear-gradient(#315352,#183744)}.podium-rank{display:block;font-size:20px;line-height:1;color:var(--seat-color);margin-bottom:7px}
.podium-marks strong{display:block;font-size:29px;line-height:1;color:#f6f3e4}.podium-marks small{display:block;font-size:8px;letter-spacing:.5px;line-height:1.4;color:#b9d4d1}.podium-score{font-size:9px;color:#c3dbd6;margin-top:3px}.podium-score b{font-size:17px;color:#ffe3a4}
/* Shorter lower steps still leave space for the complete score. */
.podium-step{min-height:102px}.departed-players{font-size:11px!important;color:#a4b7bd;margin:7px 0 0!important}
.lost-red .podium-step{background:linear-gradient(#61313b,#391f2b);border-color:#b9636d}.lost-red .podium-name,.lost-red .podium-rank,.lost-red .podium-score,.lost-red .podium-marks *{color:#ffbcc1!important}
.arcade-cabinet .result-actions{margin-top:8px}.arcade-cabinet .result-actions #again{min-height:42px;font-size:15px}.arcade-cabinet .result-actions #back{height:42px}
/* Align the ordinary-fish guide to the middle of the actual ocean screen. */
.arcade-stage.guide-aside .food-guide{top:var(--screen-middle);transform:translateY(-50%)}
.arcade-stage:not(.guide-aside) .food-guide{flex-wrap:wrap}
.marquee-title strong,.marquee-title strong em{font-family:Impact,'Arial Black',sans-serif;font-style:italic;font-weight:700;letter-spacing:1px}
@media(max-width:760px){.arcade-cabinet .hud.multi-hud{gap:8px;padding:7px 9px;grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr);min-height:64px}.arcade-cabinet .multi-hud .hud-team{gap:7px}.arcade-cabinet .multi-hud .clock{width:62px}.arcade-cabinet .multi-hud .clock b{font-size:23px}.arcade-cabinet .multi-hud .time-track{width:52px}.arcade-cabinet .multi-hud .player-name{font-size:10px}.arcade-cabinet .multi-hud .score{font-size:17px}.arcade-cabinet .multi-hud .mark-label{display:none}.arcade-cabinet .multi-hud .growth-block small{font-size:9px}.arcade-cabinet .result-modal{padding:12px 10px}.podium{gap:5px}.podium-name{font-size:11px}.podium-avatar{width:55px;height:44px}.podium-marks strong{font-size:25px}.podium-score b{font-size:15px}.podium-rank{font-size:18px}.podium-step{padding:8px 3px 4px}.arcade-cabinet .canvas-wrap:has(#result:not(.hidden)){min-height:410px!important}}
@media(max-width:420px){.arcade-cabinet .multi-hud .hud-heading{display:block}.arcade-cabinet .multi-hud .player-name{display:block;font-size:9px}.arcade-cabinet .multi-hud .hud-points{display:block}.arcade-cabinet .multi-hud .growth-block small{font-size:8px}.arcade-cabinet .multi-hud .hud-team{gap:5px}.arcade-cabinet .multi-hud .clock span{font-size:8px}}
.arcade-cabinet .result-modal #result-identity{display:none}.podium-crown{height:12px;font-size:18px;line-height:12px}.podium-avatar{width:60px;height:48px}.podium-person{padding-bottom:5px}.podium-step{min-height:82px;padding:6px 4px 3px}.podium-rank{font-size:18px;line-height:18px;margin-bottom:2px}.podium-marks strong{font-size:24px;line-height:24px}.podium-marks small{font-size:8px;line-height:9px}.podium-score{margin-top:2px;font-size:8px;line-height:17px}.podium-score b{font-size:15px}
.arcade-cabinet .multi-hud .hud-team{max-width:var(--hud-width,320px)}
.arcade-cabinet .multi-hud .growth-meter{display:block}
.lost-red .podium-place .podium-step{border-color:#b9636d;box-shadow:inset 0 3px 0 #de7f89}.lost-red .podium-crown,.lost-red .podium-score b{color:#ffbcc1}
/* Keep reference cards out of the home and room setup screens. */
body:not(.in-match) .food-guide,body:not(.in-match) .power-guide{display:none!important}
.food-guide>div+div{border-top:1px solid #b5ded32b;padding-top:6px;margin-top:6px}
.food-guide b{display:flex;flex-direction:column;align-items:flex-end;gap:1px;white-space:nowrap}
.food-guide b small{font-size:10px;opacity:.65;font-weight:500}
.growth-block small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:760px),(pointer:coarse){#local{display:none!important}}
@media(max-width:760px){
 html,body{width:100%;max-width:100%;overflow-x:hidden}
 .arcade-stage{box-sizing:border-box;width:100%;max-width:100%;padding-left:8px;padding-right:8px;min-width:0}
 .arcade-cabinet{width:100%!important;max-width:100%;min-width:0;box-sizing:border-box}
 .cabinet-side{display:none}
 .modal,.skin-dialog{box-sizing:border-box;max-width:calc(100% - 20px);min-width:0}
 .modal p,.modal h2,.skin-card span{overflow-wrap:anywhere}
 .modal button,.skin-dialog button{white-space:normal;overflow-wrap:anywhere;min-width:0}
 .modal input,.skin-dialog input{min-width:0;max-width:100%;box-sizing:border-box;font-size:16px}
 .skin-card{min-width:0}.skin-card span{white-space:normal}
 .join-room{min-width:0}.join-room button{white-space:normal;max-width:45%}
 .podium-score{overflow-wrap:anywhere}
}

/* Compact in-match notifications on phones only. */
@media(max-width:760px){
 .arcade-cabinet .banner,.arcade-cabinet .banner.center,.arcade-cabinet .banner.center.show{min-width:0;width:max-content;max-width:76%;padding:5px 9px;box-shadow:none}
 .arcade-cabinet .banner strong{font-size:12px;line-height:1.3;letter-spacing:0}
 .arcade-cabinet .banner span{font-size:10px;line-height:1.3;margin-top:1px}
 .arcade-cabinet .banner span:empty{display:none}
 .arcade-cabinet .hook-help{width:max-content;max-width:90%;top:6px;padding:4px 7px;font-size:10px;line-height:1.3}
}