.game-immersive .brand{gap:9px;flex-shrink:0}
.game-immersive .brand-copy{display:flex;flex-direction:column;gap:3px;line-height:1}
.game-immersive .brand-tagline{font:700 10px 'Noto Sans JP',sans-serif;letter-spacing:0;color:#496248;white-space:nowrap}
@media(max-width:600px){.game-immersive .brand{gap:7px}.game-immersive .brand-tagline{font-size:8px}.game-immersive .account-slot{min-width:0;margin-left:10px}.game-immersive .account-slot a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
.game-immersive .game-layout{--dock-height:60px}
.game-immersive .game-layout:has(#difficulty-wrap:not([hidden])){--dock-height:96px}
.game-immersive .game-layout:has(#room-banner:not([hidden])){--dock-height:132px}
.game-immersive .game-layout:has(.panel-head[hidden]){--dock-height:0px}
.game-immersive .mode-dock{position:absolute;left:0;right:0;top:0;height:var(--dock-height);background:#eef2e4;color:#173e2c;border-bottom:1px solid #ccdac1;z-index:32;box-shadow:0 3px 10px #082a1b22}
.game-immersive .mode-dock:has(.panel-head[hidden]){display:none}
.game-immersive .mode-dock .panel-head{position:absolute;left:12px;right:12px;top:9px;padding:3px;border:1px solid #c8d6bb;background:#dce5cf;border-radius:13px}
.game-immersive .mode-dock .tab{min-height:34px;color:#49614a;font-size:10px}
.game-immersive .mode-dock .tab.active{background:#214e38;color:#f5f8e7;box-shadow:0 2px 6px #0b302122}
.game-immersive .mode-dock .difficulty-wrap{top:57px;left:17px;background:transparent;border:0;color:#536b4e;padding:0;font-size:9px}
.game-immersive .mode-dock .difficulty-wrap select{color:#284d31;background:#e1e9d6;border:1px solid #c2d1b4;min-height:26px;padding:3px 8px;border-radius:8px}
.game-immersive .mode-dock .room-banner{left:15px;right:15px;top:55px;width:auto;background:transparent;border:0;border-radius:0;padding:0;color:#35583a;gap:2px 9px}
.game-immersive .mode-dock .room-banner strong{color:#1f4c32;font-size:19px}.game-immersive .mode-dock .room-banner .mini-label{color:#6a7b5d}.game-immersive .mode-dock .room-banner p,.game-immersive .mode-dock .room-banner .text-button{color:#46613e;font-size:9px}
.game-immersive .stadium{top:var(--dock-height);height:calc(100% - var(--dock-height));bottom:0}
.game-immersive .pitch-result{top:30%}.game-immersive .pitch-result.home-run strong{font-size:43px}
.course-marker{position:absolute;pointer-events:none;z-index:6;width:30px;height:30px;border:2px solid #d7fa75;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #072b2180;color:#e9ffb6}
.course-marker span{position:absolute;top:-21px;left:50%;transform:translateX(-50%);font-size:9px;font-weight:800;white-space:nowrap;background:#0b322be8;padding:3px 5px;border-radius:5px;letter-spacing:.03em}
.course-marker.pitch-course{border-color:#ffad91;width:20px;height:20px;color:#ffe2d8}.course-marker.pitch-course span{top:24px;background:#652a1cea}
.course-marker[hidden]{display:none}
.sound-settings{display:grid;gap:14px;margin:15px 0 22px;padding:15px;background:#e7eedc;border:1px solid #c7d6b6;border-radius:14px}
.sound-settings label{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:12px;font-size:12px;font-weight:700}.sound-settings input{width:100%;accent-color:#416638}.sound-settings small{font-size:10px;color:#637458;line-height:1.7}
/* Keep the field visible through the HUD without costly backdrop filters. */
.game-immersive .stadium-vignette{background:linear-gradient(180deg,#082d2640,transparent 34%,transparent 58%,#041c184d 100%)}
.game-immersive #game-controls{background:transparent;border-color:transparent;box-shadow:none}
.game-immersive #game-controls .turn-info,.game-immersive #game-controls .match-progress,.game-immersive #game-controls .selection-note{text-shadow:0 1px 3px #001711,0 2px 7px #001711cc}
.game-immersive #game-controls .match-progress{border-bottom-color:#e2efc933}
.game-immersive .turn-info p,.game-immersive #game-controls .selection-note{color:#eff5e3}
.game-immersive .direction{background:#103e2a66;border-color:#e4f5d580;box-shadow:0 2px 6px #001b1926;text-shadow:0 1px 3px #001b19}
.game-immersive .direction:disabled{opacity:1;background:#103e2a38;border-color:#e4f5d53d;color:#e5eed3a6}
.game-immersive .direction.selected{background:#d5f479b8;border-color:#e8ffac;color:#163722;text-shadow:none;box-shadow:0 0 0 2px #d5f47933}
.game-immersive #game-controls .direction:hover:enabled{background:#28604499;border-color:#e4f5d5b3}
.game-immersive #game-controls .direction.selected:hover:enabled{background:#d5f479c2;border-color:#e8ffac}
.game-immersive .select-hint{color:#e4f2d5;text-shadow:0 1px 4px #001b19}
.game-immersive #game-controls #submit{background:#e4edd3b3;border-color:#e8f4d780;color:#123a27}
.game-immersive #game-controls[data-phase=ready] #submit{background:#d5f479c2;border-color:#eaffaa;box-shadow:0 2px 0 #324e2c66}
.game-immersive #game-controls #submit:disabled{background:#143c2b59;color:#e3eed2c4;border-color:#dcecc84d;text-shadow:0 1px 3px #001b19}
.game-immersive .scorebug{background:#082d2699}.game-immersive .score-top{background:#08251f66}
.game-immersive .feature-strip button,.game-immersive .icon-button,.game-immersive #sound,.game-immersive .camera-button,.game-immersive #game-controls .history-open{background:#0a302980}
.game-immersive .history>span{background:#0c302980}.game-immersive .history .homer{background:#d1ee9cb8}
@container(max-height:680px){.game-immersive #game-controls{padding:10px 12px 8px}.game-immersive #game-controls .dpad{grid-template-rows:35px 35px 35px}.game-immersive .turn-info h2{font-size:19px}.game-immersive #game-controls .match-progress{padding-bottom:5px;margin-bottom:6px}.game-immersive .pitch-result.home-run strong{font-size:37px}}