/* One quiet play surface; everything else lives on the title or in the menu. */
.game-immersive .game-layout{--dock-height:0px!important}
.game-immersive .stadium{top:0;height:100%}
.title-screen{position:absolute;inset:0;z-index:40;display:flex;flex-direction:column;justify-content:center;gap:22px;padding:30px 26px;color:#f4f8e8;background:linear-gradient(180deg,#092c27f2 0%,#103c31e3 46%,#092c27f5 100%);overflow:auto;scrollbar-width:thin}
.title-heading{position:relative}
.title-eyebrow{font-size:8px;letter-spacing:.18em;color:#abc4a5;font-weight:700}
.title-heading h1{font:800 clamp(54px,15cqw,70px)/.96 var(--display);letter-spacing:-.035em;color:#f5f8e8;margin:13px 0 4px;white-space:nowrap}
.title-heading h1 span{color:#d5f479}
.title-reading{font-size:9px;letter-spacing:.2em;color:#b3cba9;margin:7px 0 18px}
.title-tagline{font-size:17px;font-weight:800;letter-spacing:-.04em;margin:0 0 10px}
.title-description{font-size:11px;line-height:1.8;color:#bdd0b5;margin:0}
.game-immersive .title-play .panel-head{position:static;left:auto;right:auto;top:auto;background:none;border:0;padding:0;max-width:none;border-radius:0}
.game-immersive .title-play .tab-list{display:grid;gap:9px}
.game-immersive .title-play .tab{display:flex;align-items:center;justify-content:space-between;text-align:left;min-height:60px;padding:12px 16px;border:1px solid #c6deaa4d;border-radius:15px;background:#d9edca0d;color:#f3f7e8;box-shadow:none}
.game-immersive .title-play .tab span{display:grid;gap:5px}
.game-immersive .title-play .tab strong{font-size:15px;font-weight:800}
.game-immersive .title-play .tab small{font-size:9px;font-weight:500;color:#b6cdb0}
.game-immersive .title-play .tab>b{font-size:21px;font-weight:500}
.game-immersive .title-play .tab.title-main{background:#d5f479;border-color:#e4ff9c;color:#143d2a}
.game-immersive .title-play .tab.title-main small{color:#42633a}
.game-immersive .title-play .tab:hover:enabled{border-color:#d5f479;box-shadow:0 0 0 2px #d5f47926}
.game-immersive .title-play .tab:disabled{opacity:.55}
.game-immersive .title-play .difficulty-wrap{position:static;display:flex;justify-content:flex-end;align-items:center;margin:9px 0 0;padding:0;border:0;background:none;color:#b9cfb0;gap:10px;font-size:9px}
.game-immersive .title-play .difficulty-wrap select{min-height:28px;padding:3px 8px;color:#ecf6de;background:#183f31;border:1px solid #c6deaa4d;border-radius:8px;font-size:10px}
.title-tools{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.title-tools button{display:flex;justify-content:space-between;align-items:center;min-height:39px;padding:8px 1px;border:0;border-bottom:1px solid #ccdfb429;border-radius:0;color:#d4e2c9;background:none;font-size:10px;font-weight:600}
.title-tools button span{color:#a8c78e}
.title-tools button:hover{color:#d5f479}
.title-footnote{font-size:8px;line-height:1.7;color:#91b298;margin:0;text-align:center}
.game-immersive .field-toolbar{top:14px;right:14px}
.game-immersive .field-toolbar #options-open{width:40px;height:40px;border-radius:13px;font-size:21px;color:#eff5dc;background:#0a302980;border:1px solid #d8e8bc55}
.game-immersive #game-controls .history,.game-immersive #game-controls .match-progress,.game-immersive #instruction-sub{display:none}
.game-immersive #game-controls .selection-note{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.game-immersive #game-controls{padding:10px 6px 6px;grid-template-columns:minmax(0,1fr) 148px;column-gap:9px}
.game-immersive #game-controls .turn-info,.game-immersive #game-controls .dpad{grid-row:1}
.game-immersive #game-controls .dpad{grid-template-columns:46px 46px 46px;grid-template-rows:44px 44px 44px;margin-bottom:13px;gap:4px}
.game-immersive #game-controls #submit{grid-row:2;min-height:49px;font-size:12px}
.game-immersive .turn-info h2{font-size:21px;line-height:1.5;margin:8px 0 0}
.game-immersive .turn-overline{font-size:9px}
.game-immersive .room-banner{top:90px;left:14px;right:14px;z-index:22;background:#092e26ed;border:1px solid #d8e8bc44;color:#e7f3d8}
.game-immersive .room-banner strong,.game-immersive .room-banner p,.game-immersive .room-banner .text-button{color:#e7f3d8}
.game-immersive .room-banner[data-joined=true]{display:none}
.game-immersive[data-screen=title] .field-toolbar,.game-immersive[data-screen=title] .scorebug,.game-immersive[data-screen=title] #game-controls,.game-immersive[data-screen=title] .reticle{display:none}
.game-immersive[data-screen=title] #menu-title,.game-immersive[data-screen=title] #reset,.game-immersive[data-screen=title] #camera,.game-immersive[data-screen=title] #history-open{display:none}
.game-immersive .sound-toggle-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;margin:12px 0}
.game-immersive #options-dialog #sound{display:flex;align-items:center;justify-content:center;gap:8px;min-width:80px;height:38px;background:#e4edd3;color:#234b31;border:1px solid #c5d5b5;border-radius:11px;font-size:20px}
.game-immersive #options-dialog #sound span{font-size:11px}
.game-immersive .online-lobby,.game-immersive .matchmaking,.game-immersive .challenge-entry{max-height:calc(100% - 120px);transform:translateY(-50%)}
@container(max-height:680px){.title-screen{gap:16px;padding:24px}.title-heading h1{font-size:60px}.title-reading{margin-bottom:12px}.title-tagline{font-size:16px}.title-description{font-size:10px}.game-immersive .title-play .tab{min-height:56px;padding:11px 14px}.game-immersive .title-play .tab-list{gap:7px}.title-tools button{min-height:35px}}
@container(max-height:600px){.title-screen{gap:14px;padding:20px 24px}.title-heading h1{font-size:54px;margin-top:9px}.title-description{display:none}.title-reading{margin-bottom:12px}.title-tagline{margin-bottom:0}.game-immersive .title-play .tab{min-height:53px}.title-footnote{display:none}.game-immersive #game-controls{grid-template-columns:minmax(0,1fr) 140px}.game-immersive #game-controls .dpad{grid-template-columns:44px 44px 44px;grid-template-rows:42px 42px 42px}.game-immersive .turn-info h2{font-size:19px}}

.game-immersive[data-screen=title] .menu-online-note{display:none}
#title-logo:focus{outline:none}

/* Keep the title action as large as the main continue/rematch action. */
.primary.title-return{margin-top:10px;background:#edf3e3;color:#234a32;border-color:#b9cbae;box-shadow:0 3px 0 #bbcbb0;justify-content:center}
.primary.title-return:hover:enabled{background:#dfead1}
.game-menu-actions .primary.title-return{margin-top:0}