#layoutCenterPanel{display:flex;flex-direction:column;min-height:0}#middleRowContainer{flex:1 1 auto;min-height:0;height:auto!important}#gameFieldViewport{min-height:0}.touch-controls-dock{z-index:10;flex:0 0 56px;min-height:56px;display:flex;align-items:center;justify-content:center;gap:8px;padding:4px 8px;box-sizing:border-box;background:linear-gradient(180deg,#1c150deb,#0c0a08f5);border-top:1px solid rgb(201 162 39 / 45%);touch-action:manipulation}.touch-game-button{flex:0 0 auto;width:48px;min-width:48px;height:48px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;border:1px solid #b18b41;border-radius:7px;color:#fff0c8;background:linear-gradient(#604a2d,#2a2117);box-shadow:0 2px 4px #0000008c,inset 0 1px #ffedc338;font:700 20px Georgia,Times New Roman,serif;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none}.touch-game-button.touch-drop{width:88px;min-width:88px;color:#21180c;border-color:#e0bc65;background:linear-gradient(#f0cf7a,#b1812a);font-size:14px;letter-spacing:.04em}.touch-game-button:active,.touch-game-button.is-pressed{transform:translateY(1px);filter:brightness(1.22)}.touch-game-button:focus-visible{outline:2px solid #ffe29a;outline-offset:2px}.touch-game-button:disabled{opacity:.4;filter:saturate(.5);cursor:not-allowed}body.layout-portrait #leftRail .customButtons,body.layout-portrait #rightRail .customButtons{min-height:44px!important;height:44px!important;line-height:1.1!important}body.layout-portrait #leftRail,body.layout-portrait #rightRail,body.layout-portrait #middleRowContainer{padding-block:2px!important}body.layout-portrait #rightRail #saveLoadPanel button{min-height:40px!important}body[data-view^=smartphone] #overlaySettings #closeButtonInSettingsOverlay,body[data-view^=smartphone] #overlaySettings .settings-footer button{min-height:44px!important}body[data-view^=smartphone] #overlaySettings .setting-row{min-height:28px;padding-block:2px}body[data-view^=smartphone] #overlaySettings .setting-control button,body[data-view^=smartphone] #overlaySettings .setting-control input,body[data-view^=smartphone] #ballSelectionModal .bsm-state-btn,body[data-view^=smartphone] #ballSelectionModal .bsm-dir-btn,body[data-view^=smartphone] #ballSelectionModal .bsm-step-btn{min-width:24px;min-height:24px}body[data-view^=smartphone] #ballSelectionModal .bsm-weight-row>*{min-height:28px!important}html[data-design=modern] #completeContainer{background-color:#17130f;background-image:linear-gradient(#0c0d0f47,#0a0b0d70)}html[data-design=modern] #layoutCenterPanel{background-image:linear-gradient(#10121440,#0e0f1173),var(--swing-playfield-backdrop, none);background-position:center;background-size:cover}html[data-design=modern] .main-menu-overlay{background-color:#090a0a;background-image:linear-gradient(#06080a52,#06080a7a),var(--swing-menu-backdrop, none);background-position:center;background-size:cover}body.main-menu-open #touchControlsDock{visibility:hidden}body:has(#appModalOverlay.appmodal-open) #touchControlsDock{visibility:hidden}@media(max-width:600px)and (orientation:portrait){body.layout-portrait #layoutCenterPanel{flex:1 1 auto}body.layout-portrait #leftRail .railButtons,body.layout-portrait #rightRail .railButtons{align-items:center}}@media(orientation:landscape)and (max-width:1000px)and (max-height:500px){body.layout-landscape1 #layoutCenterPanel{min-width:0}body.layout-landscape1 .touch-controls-dock{flex-basis:56px}}@media(min-width:1001px){body.layout-landscape1 .touch-controls-dock{flex-basis:64px;min-height:64px}}
