.game-immersive{--header-height:60px;background:#102a20;overflow:hidden;height:100dvh;color:#f6f8ec}.game-immersive .topbar{position:relative;z-index:60;height:var(--header-height);padding:0 22px;padding-top:env(safe-area-inset-top);background:#f6f8ee;color:#163b2a;border-bottom:1px solid #bac8ae}.game-immersive .brand{font-size:27px}.account-slot{margin-left:auto}.game-immersive .shell{position:relative;padding:0;max-width:none;height:calc(100dvh - var(--header-height));margin:0}.game-immersive .section-head,.game-immersive footer,.game-immersive .bottom-row{display:none}.game-immersive .game-layout{display:block;position:relative;width:100%;height:100%;border:0;border-radius:0;min-height:0;overflow:hidden;box-shadow:none}.game-immersive .stadium{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;border:0}.game-immersive #scene{position:absolute;inset:0}.game-immersive .stadium-vignette{background:linear-gradient(180deg,#051f1940,transparent 30%,transparent 58%,#071e1dbb)}.game-immersive .broadcast-top,.game-immersive .field-caption{display:none}.game-immersive .scorebug{z-index:10;left:22px;top:20px;width:168px;background:#092a20e8;border:1px solid #c4e5a336;box-shadow:none;backdrop-filter:none}.game-immersive .score-top{font-size:10px}.game-immersive .score-row{padding:5px 10px}.game-immersive .score-row strong{font-size:15px;overflow:hidden;text-overflow:ellipsis}.game-immersive .field-toolbar{position:absolute;top:20px;right:22px;z-index:20;display:flex;gap:8px;align-items:center}.game-immersive .feature-strip{display:contents;margin:0}.game-immersive .feature-strip button{display:flex;align-items:center;gap:7px;min-height:42px;padding:7px 12px;border:1px solid #c7dfa44a;border-radius:12px;background:#102e25e0;color:#f4f8e8;transform:none}.game-immersive .feature-strip small{display:none}.game-immersive .feature-strip strong{font-size:10px}.game-immersive .feature-strip button>span{font-size:20px;color:#d2f35e}.game-immersive .top-right{display:flex;gap:5px}.game-immersive .top-right .by{display:none}.game-immersive .icon-button{width:42px;height:42px;min-width:42px;border-radius:12px;color:#eff6e4;background:#102e25e0;border:1px solid #c7dfa44a}.game-immersive #sound{border:1px solid #c7dfa44a;border-radius:12px;font-size:20px;justify-content:center}.game-immersive #sound span{font-size:9px}.game-immersive .control-panel{position:absolute;inset:0;padding:0;background:transparent;pointer-events:none;display:block}.game-immersive .control-panel button,.game-immersive .control-panel input{pointer-events:auto}.game-immersive .panel-head{position:absolute;left:22px;top:132px;width:248px;margin:0;padding:3px;border-radius:12px;border:1px solid #c7dfa444;background:#0e3024df;pointer-events:auto;z-index:10}.game-immersive .tab{min-height:37px;padding:7px;font-size:10px;color:#c2d4b6}.game-immersive .tab.active{background:#d2f35e;color:#173b2b;box-shadow:none}.game-immersive .camera-button{z-index:12;top:74px;right:22px;bottom:auto;min-height:36px;background:#102e25dd}.game-immersive #game-controls{position:absolute;inset:auto 24px 22px auto;width:370px;display:grid;grid-template-columns:minmax(0,1fr) 156px;column-gap:14px;z-index:12;pointer-events:none}.game-immersive #game-controls .match-progress{grid-column:1/3;grid-row:1;border:0;margin:0 0 8px;padding:0;color:#e3efd4;font-size:10px;text-shadow:0 1px 5px #000}.game-immersive .progress-dots{justify-content:flex-end;gap:5px}.game-immersive .progress-dots i{background:#aec19d66}.game-immersive .progress-dots .current{background:#d2f35e;box-shadow:0 0 0 3px #d2f35e33}.game-immersive .progress-dots .complete{background:#95b86b}.game-immersive #game-controls .turn-info{grid-column:1;grid-row:2;align-self:center;padding:0;margin:0;text-shadow:0 2px 8px #00150d}.game-immersive .turn-overline{color:#d5f58c;font-size:10px;gap:5px}.game-immersive .turn-info h2{font-size:25px;color:#fffef1;margin:10px 0 8px;line-height:1.35}.game-immersive .turn-info p{font-size:10px;line-height:1.8;color:#e2ead9;max-width:180px}.game-immersive #timer{background:#d2f35e;color:#183b28;text-shadow:none;padding:4px 7px;font-size:14px}.game-immersive #timer[data-urgent=true]{color:#fff;background:#bf512c}.game-immersive #game-controls .dpad{grid-column:2;grid-row:2;grid-template-columns:48px 48px 48px;grid-template-rows:44px 44px 44px;gap:4px;margin:0 0 12px}.game-immersive .direction{border:1px solid #deedb273;border-bottom-width:3px;border-radius:12px;background:#143d2bea;color:#f2fae5;box-shadow:0 3px 8px #051b2144}.game-immersive .direction span{color:#d3e3ba;font-size:9px}.game-immersive .direction b{font-size:25px}.game-immersive .direction:hover:enabled{background:#2a5439;transform:none}.game-immersive .direction.selected,.game-immersive .direction.selected:hover:enabled{background:#d2f35e;color:#12371f;border-color:#d2f35e;box-shadow:0 0 0 2px #d2f35e44}.game-immersive .direction.selected span{color:#34522a}.game-immersive .direction:disabled{opacity:.45}.game-immersive .dpad-center{color:#e1ebcd}.game-immersive .dpad-center svg{display:none}.game-immersive .select-hint{font-size:9px}.game-immersive #game-controls #submit{grid-column:1/3;grid-row:3;width:100%;min-height:49px;margin:0;padding:13px 17px;font-size:13px;background:#e8eddb;color:#28482e;box-shadow:0 3px 0 #021e12;border:1px solid #d5dfc5;pointer-events:auto}.game-immersive #game-controls[data-phase=ready] #submit{background:#d2f35e;color:#12371f;border-color:#d2f35e;box-shadow:0 3px 0 #7b9c2d}.game-immersive #game-controls #submit:disabled{background:#163b2be8;color:#a7bea0;border-color:#bed6a840;box-shadow:none}.game-immersive #game-controls .selection-note{grid-column:1/3;grid-row:4;margin:8px 0 0;font-size:9px;min-height:15px;color:#d6e4c8;text-shadow:0 1px 5px #000}.game-immersive #game-controls[data-phase=ready] .selection-note{color:#d8f79d}.game-immersive #game-controls .history-head{position:absolute;right:calc(100% + 28px);bottom:37px;width:190px;font-size:10px;color:#d9e5c8;display:flex}.game-immersive #game-controls .history-head .mini-label{color:#b8c9a5}.game-immersive #game-controls .history{position:absolute;right:calc(100% + 28px);bottom:0;width:190px;display:flex;margin:0;gap:5px}.game-immersive .history>span{height:28px;background:#123527d9;color:#bdd1ad;border:1px solid #d1e8b52e;font-size:20px}.game-immersive .history .homer{background:#c4e784;color:#244426}.game-immersive #game-controls .rule-note{display:none}.game-immersive .room-banner{position:absolute;top:185px;left:22px;width:248px;z-index:12;background:#0c3026e8;border-color:#bbd39f55;color:#f6f8e8;pointer-events:auto}.game-immersive .room-banner .mini-label{color:#a7c28a}.game-immersive .room-banner strong{color:#d2f35e}.game-immersive .room-banner p,.game-immersive .room-banner .text-button{color:#dae7c7}.game-immersive .online-lobby{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);width:min(350px,calc(100% - 32px));max-height:calc(100% - 160px);overflow:auto;padding:24px;border:1px solid #d4e4bc;border-radius:18px;background:#fbfdf1;color:#183b2a;pointer-events:auto;z-index:25;box-shadow:0 12px 45px #001e1c88}.game-immersive .online-lobby h2{font-size:22px}.game-immersive .challenge-entry{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);z-index:30;width:min(400px,calc(100% - 32px));margin:0;padding:24px;border:1px solid #b8d178;background:#123e2fee}.game-immersive .error{position:absolute;left:50%;top:180px;transform:translateX(-50%);z-index:35;width:min(400px,calc(100% - 32px));pointer-events:auto}.game-immersive .pitch-result{top:31%;left:50%;max-width:95%}.game-immersive .pitch-result strong{font-size:clamp(40px,5vw,82px)}.game-immersive .pitch-result.home-run strong{font-size:clamp(46px,7vw,96px)}.game-immersive .pitch-result.home-run span{font-size:12px}.game-immersive .homer-rays{inset:0}.game-immersive .homer-ribbon{bottom:36%;font-size:11px}.game-immersive .reaction{top:42%;left:30%}.game-immersive dialog{color:#183b2b}.game-menu-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px}.game-menu-actions .text-button{border:1px solid #c4d4b3;border-radius:10px;padding:12px;text-align:left;font-size:12px}#render-details{white-space:pre-wrap;font-size:10px;line-height:1.8;background:#e9f0de;padding:12px;border-radius:10px}.render-recovery{position:absolute;inset:0;z-index:50;background:#0c2c20ed;color:#f1f8dd;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;pointer-events:auto}.render-recovery p{font-size:13px;line-height:1.9}.render-recovery button{max-width:280px;color:#d2f35e;border-color:#d2f35e}
@media(max-width:760px){.game-immersive{--header-height:calc(54px + env(safe-area-inset-top))}.game-immersive .topbar{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.game-immersive .brand{font-size:25px}.game-immersive .scorebug{top:12px;left:12px;width:122px}.game-immersive .score-top{font-size:8px;padding:5px 7px}.game-immersive .score-row{grid-template-columns:3px minmax(0,1fr) 16px 24px;gap:4px;padding:3px 7px}.game-immersive .score-row strong{font-size:11px}.game-immersive .score-row b{font-size:18px}.game-immersive .role-pill{font-size:8px}.game-immersive .field-toolbar{top:12px;right:12px;gap:4px}.game-immersive .feature-strip button{min-height:39px;width:36px;min-width:36px;justify-content:center;padding:3px;border-radius:10px}.game-immersive .feature-strip strong{display:none}.game-immersive .feature-strip button>span{font-size:19px}.game-immersive .icon-button,.game-immersive #sound{width:36px;min-width:36px;height:39px;border-radius:10px;font-size:18px}.game-immersive #sound span{font-size:8px}.game-immersive .top-right{gap:4px}.game-immersive .panel-head{top:108px;left:12px;width:226px;border-radius:10px}.game-immersive .tab{min-height:34px;font-size:10px}.game-immersive .camera-button{top:59px;right:12px;min-height:32px;padding:0 9px;font-size:9px}.game-immersive #game-controls{inset:auto 14px max(12px,env(safe-area-inset-bottom));width:auto;grid-template-columns:minmax(0,1fr) 156px;column-gap:13px}.game-immersive #game-controls .match-progress{margin:0 0 5px;font-size:9px}.game-immersive #game-controls .turn-info{padding:0}.game-immersive .turn-info h2{font-size:23px;line-height:1.4;margin:9px 0 7px}.game-immersive .turn-info p{font-size:10px;line-height:1.8;max-width:180px}.game-immersive .turn-overline{font-size:9px}.game-immersive #game-controls .dpad{margin:0 0 9px;grid-template-rows:44px 44px 44px}.game-immersive #game-controls .selection-note{font-size:9px;margin-top:8px}.game-immersive #game-controls .history-head{display:none}.game-immersive #game-controls .history{right:auto;left:0;bottom:calc(100% + 12px);width:132px;gap:4px}.game-immersive .history>span{height:23px;font-size:16px;border-radius:6px}.game-immersive .history .homer:after{font-size:6px;bottom:-3px}.game-immersive .room-banner{top:153px;left:12px;width:226px;padding:9px 10px;margin:0}.game-immersive .room-banner strong{font-size:23px}.game-immersive .room-banner p{font-size:9px}.game-immersive .room-banner .text-button{font-size:9px;min-height:32px}.game-immersive .online-lobby{max-height:calc(100% - 155px);padding:22px;top:52%}.game-immersive .challenge-entry{padding:20px}.game-immersive .pitch-result{top:31%;left:50%}.game-immersive .pitch-result strong{font-size:42px}.game-immersive .pitch-result.home-run strong{font-size:57px}.game-immersive .pitch-result.home-run span{font-size:10px}.game-immersive .homer-ribbon{bottom:42%;font-size:9px;padding:8px}.game-immersive .homer-ring{display:none}.game-immersive .reaction{font-size:28px;top:42%;left:26%}.game-immersive .scorebug,.game-immersive .camera-button,.game-immersive dialog::backdrop{backdrop-filter:none}.game-immersive .homer-rays{inset:0}.game-immersive .toast{bottom:max(20px,env(safe-area-inset-bottom));z-index:100}}
@media(max-width:380px){.game-immersive .scorebug{width:110px;left:10px}.game-immersive .field-toolbar{right:10px;gap:3px}.game-immersive .top-right{gap:3px}.game-immersive .icon-button,.game-immersive #sound{width:34px;min-width:34px}.game-immersive .feature-strip button{width:34px;min-width:34px}.game-immersive .score-row strong{font-size:10px}.game-immersive #game-controls{left:12px;right:12px;column-gap:8px;grid-template-columns:minmax(0,1fr) 140px}.game-immersive #game-controls .dpad{grid-template-columns:44px 44px 44px;gap:3px}.game-immersive .turn-info h2{font-size:21px}.game-immersive .turn-info p{font-size:9px}.game-immersive .turn-overline{font-size:8px}}
@media(max-height:520px) and (orientation:landscape){.game-immersive{--header-height:44px}.game-immersive .topbar{height:44px;padding-top:0}.game-immersive .brand{font-size:23px}.game-immersive .scorebug{top:10px;left:12px;width:124px}.game-immersive .score-row{padding:2px 7px}.game-immersive .field-toolbar{top:10px;right:12px}.game-immersive .panel-head{left:153px;top:12px;width:220px}.game-immersive .tab{min-height:32px}.game-immersive #game-controls{left:auto;right:14px;bottom:10px;width:330px;grid-template-columns:minmax(0,1fr) 130px}.game-immersive #game-controls .dpad{grid-template-columns:40px 40px 40px;grid-template-rows:34px 34px 34px;gap:3px;margin-bottom:6px}.game-immersive .direction{border-radius:8px}.game-immersive .direction b{font-size:21px}.game-immersive .direction span{font-size:8px}.game-immersive .turn-info h2{font-size:20px}.game-immersive .turn-info p{font-size:9px}.game-immersive #game-controls #submit{min-height:39px;padding:8px 12px;font-size:11px}.game-immersive #game-controls .selection-note{display:none}.game-immersive #game-controls .history{right:calc(100% + 16px);left:auto;bottom:0;width:150px}.game-immersive #game-controls .history-head{display:none}.game-immersive .camera-button{top:58px;right:12px}.game-immersive .room-banner{top:60px;left:153px;width:220px}.game-immersive .online-lobby{top:53%;max-height:calc(100% - 70px);width:320px;padding:18px}.game-immersive .pitch-result{left:36%;top:34%}.game-immersive .pitch-result.home-run strong{font-size:52px}}