/* Live mobile rounds: fit the full world; HUD/controls never reserve canvas space. */
.game-mode,.game-mode body{overflow:hidden;overscroll-behavior:none}
.game-mode .masthead,.game-mode .rules,.game-mode footer,.game-mode #home,.game-mode .chat-panel{display:none!important}
.game-mode .arena{position:fixed;inset:auto;left:var(--view-left,0px);top:var(--view-top,0px);z-index:10;min-width:0;background:#173f32;display:flex;flex-direction:column;overflow:hidden}
.game-mode .game-frame{border:0;border-radius:0;box-shadow:none;overflow:visible;flex:1;min-height:0}
.game-mode .role-block strong,.game-mode #room-message,.game-mode #match-record-status{display:none}
.game-mode .hud{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between}
.game-mode .role-block{flex:0}.game-mode .role-block .eyebrow{font-size:8px;white-space:nowrap;margin:0}
.game-mode .scoreboard{order:0;width:auto;border:0;padding:0;min-width:0}
.game-mode .scoreboard strong{gap:6px}.game-mode .round-block{min-width:32px}
.game-mode .stage>canvas{display:block;height:auto;width:100%;aspect-ratio:16/9}
.game-mode .stage-overlay .overlay-card{max-height:94%;overflow:auto}
.game-mode .room-toolbar .connection-status{display:none}
.game-mode .room-toolbar .quiet-button{font-size:9px;letter-spacing:.4px;white-space:nowrap}
.game-mode #presentation-status{position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:9;color:#fff;background:#173f32;pointer-events:none;margin:0}
.game-mode #presentation-status:empty{display:none}
.game-mode{
 --field-safe-top:env(safe-area-inset-top,0px);--field-safe-right:env(safe-area-inset-right,0px);
 --field-safe-bottom:env(safe-area-inset-bottom,0px);--field-safe-left:env(safe-area-inset-left,0px);
}
.game-mode .arena{
 width:var(--view-width,100vw);height:var(--view-height,100dvh);margin:0;
 padding:var(--field-safe-top) var(--field-safe-right) var(--field-safe-bottom) var(--field-safe-left);
 touch-action:none;user-select:none;-webkit-user-select:none;
}
.game-mode .game-frame{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;justify-content:normal;width:100%;height:100%;gap:0}
.game-mode .stage{
 width:min(100%,calc((var(--view-height,100dvh) - var(--field-safe-top) - var(--field-safe-bottom))*1.7777777778));
 margin:0;grid-area:1/1;
}
.game-mode .game-bottom,.game-mode .room-toolbar,.game-mode .tap-hint{display:none}
.game-mode .hud{
 position:absolute;top:0;left:0;z-index:4;width:calc(100% - 52px);max-width:520px;
 height:32px;min-height:32px;padding:2px 8px;gap:8px;border-radius:0 0 5px 0;
 background:#173f32d9;pointer-events:none;
}
.game-mode .role-block{min-width:90px}.game-mode .scoreboard{flex:1;justify-content:center;gap:6px}
.game-mode .scoreboard>span{max-width:70px;font-size:10px}.game-mode .scoreboard strong{font-size:24px}
.game-mode .round-block{min-width:32px}.game-mode #round-label{display:none}.game-mode #round-time{font-size:24px;margin:0}
.game-mode .game-menu{
 display:block;position:absolute;right:var(--field-safe-right);top:var(--field-safe-top);z-index:7;
 width:48px;height:44px;border:0;border-radius:0 0 0 5px;background:#173f32d9;color:#fbf4dc;font-weight:800;
}
.game-mode .game-menu-open .room-toolbar{
 display:flex;position:absolute;right:var(--field-safe-right);top:calc(var(--field-safe-top) + 48px);z-index:7;
 width:max-content;max-width:calc(100% - 16px);height:auto;min-height:48px;padding:0 12px;gap:12px;flex-wrap:wrap;background:#f5f2e7f5;border-radius:5px;
}
.game-mode .room-toolbar .room-badge{display:none}
/* Reload lives in the unused sky, away from the Duck's three travel lanes. */
.game-mode .touch-reload{left:calc(var(--field-safe-left) + 8px);top:calc(var(--field-safe-top) + 40px);bottom:auto;min-height:48px;width:108px}
.game-mode .ammo-bar{top:40px;bottom:auto;right:8px;gap:6px;padding:6px}
.game-mode #reload-label{display:none}
.game-mode .cover-status{top:40px;bottom:auto;left:8px}
.game-mode .joystick{left:calc(var(--field-safe-left) + 8px);bottom:calc(var(--field-safe-bottom) + 8px)}
.game-mode .touch-right{right:calc(var(--field-safe-right) + 8px);bottom:calc(var(--field-safe-bottom) + 8px)}

/* One product hierarchy: play, progression, then community. */
.home{gap:36px 6%;align-items:start;padding-top:36px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.home h1{font-size:clamp(64px,6.8vw,94px)}.home .intro-copy{margin:20px 0 10px}.quick-play{font-size:14px;min-height:58px;margin-top:20px;background:#173f32}
.quick-play-note{margin-bottom:16px}.private-play{margin-top:16px;border-top:1px solid #bac5ae;padding-top:6px}.private-play summary{cursor:pointer;min-height:48px;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;gap:16px}.private-play summary span{font-size:10px;color:#69766a}.private-play .create-form{padding-top:10px}.private-play #create-button{background:transparent;color:#173f32;box-shadow:none}
.home .poster{min-height:400px;height:450px;max-height:500px;border-radius:140px 140px 5px 5px}.home .poster-top{top:95px}.home .poster-title{top:130px;font-size:clamp(44px,4.7vw,65px)}.home .poster-sticker{width:90px;height:90px;font-size:22px;bottom:17%}
.home-progression,.home-community{grid-column:1/-1;min-width:0}.home-progression:empty{display:none}
.feather-hub{border:1px solid #b6c3a5;border-radius:8px;background:#eef0df;padding:22px;display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,1fr);gap:18px 30px;min-height:220px}
.feather-hub .featured-preview{grid-column:2;grid-row:1/5;display:flex;align-items:center;gap:20px;min-width:0}.featured-preview canvas{width:46%;max-width:220px;height:auto;aspect-ratio:200/130}.featured-preview h3{font:800 34px/1 'Barlow Condensed',Impact,sans-serif;margin:8px 0}.featured-preview p{font-size:12px;line-height:1.6;margin:8px 0}.featured-preview small{font-size:9px;letter-spacing:1px}.feather-hub>button{text-align:left;justify-self:start}.feather-hub>strong{font:800 32px/1 'Barlow Condensed',Impact,sans-serif}.feather-hub>small{font-size:11px}.feather-hub #shop-weekly{grid-column:1/-1;border-top:1px solid #c2ccb5;padding-top:14px;margin:0;font-size:11px;line-height:1.7;color:#62725b}
.community-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #bdc6b5}.community-heading h2{font:800 28px/1 'Barlow Condensed',Impact,sans-serif;margin:16px 0}.community-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.community-content .live-matches{padding:20px 0;margin:0;border:0;grid-column:auto}.community-content .live-matches h2{font-size:18px}.community-content .chat-panel{align-self:start;margin-top:20px;width:100%}#header-feathers{white-space:nowrap;font-size:11px;letter-spacing:.4px;margin-left:auto}.header-actions{margin-left:0}
.aim-diagnostics{position:fixed;right:8px;bottom:8px;max-width:min(340px,90vw);z-index:100;background:#f5f2e7f5;border:1px solid #173f32;padding:8px;font:10px monospace;max-height:45dvh;overflow:auto}.aim-diagnostics summary{cursor:pointer;min-height:24px}.aim-diagnostics pre{white-space:pre-wrap;max-height:24dvh;overflow:auto}.aim-diagnostics button{font-size:10px}
@media(max-width:800px){.home{grid-template-columns:1fr;gap:26px;padding-top:24px}.home .poster{display:none}.home h1{font-size:clamp(60px,16vw,86px);line-height:.9}.home h1 br:first-child{display:none}.intro-copy br{display:none}.home .intro-copy{max-width:420px}.feather-hub{grid-template-columns:1fr;gap:12px;padding:18px}.feather-hub .featured-preview{grid-column:1;grid-row:auto;order:0}.feather-hub>strong{font-size:26px}.feather-hub>small{display:none}.featured-preview h3{font-size:30px}.featured-preview canvas{width:40%}.community-content{grid-template-columns:1fr;gap:0}.community-heading h2{font-size:24px}.community-heading button{font-size:9px}.masthead{gap:8px}.masthead .edition{display:none}.header-actions{gap:12px;flex-wrap:wrap}.home-message{margin-top:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}


