:root{--soc-view-left50:0px;--soc-view-top50:0px;--soc-view-width50:100vw;--soc-view-height50:100vh;--soc-canvas-top50:44px;--soc-canvas-height50:calc(100vh - 44px);--soc-status-top50:0px}
html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}
#soc-screen-rail50{box-sizing:border-box;position:fixed;left:var(--soc-view-left50);top:var(--soc-view-top50);width:var(--soc-view-width50);height:calc(44px + var(--soc-status-top50));padding:var(--soc-status-top50) max(10px,env(safe-area-inset-right,0px)) 0 max(10px,env(safe-area-inset-left,0px));display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:2147483647;background:linear-gradient(#fff8e4,#ebd8b0);border-bottom:1px solid #a98548;box-shadow:inset 0 1px #fff7df,0 2px 5px #37281a30;color:#493a29;font:600 14px Atkinson,system-ui,sans-serif}
.soc-screen-brand50{display:flex;align-items:center;gap:8px;white-space:nowrap}.soc-screen-brand50 img{width:26px;height:26px;object-fit:contain}
#soc-fullscreen{display:flex;align-items:center;gap:8px;box-sizing:border-box;min-height:44px;min-width:44px;border:0;border-left:1px solid #bb9b65;padding:6px 12px;background:transparent;color:#514431;font:inherit;cursor:pointer}
#soc-fullscreen svg{width:22px;height:22px;color:#687985;filter:drop-shadow(0 1px #fff);pointer-events:none}#soc-fullscreen:hover{background:#fff7df}#soc-fullscreen:active{background:#dcc695}#soc-fullscreen:focus-visible{outline:2px solid #20796d;outline-offset:-3px;border-radius:6px}
#soc-screen-help50{box-sizing:border-box;position:fixed;left:var(--soc-view-left50);top:var(--soc-canvas-top50);width:var(--soc-view-width50);height:var(--soc-canvas-height50);display:flex;align-items:center;justify-content:center;background:#15262788;z-index:2147483646;padding:12px max(12px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));font:16px/1.5 Atkinson,system-ui,sans-serif;color:#352b23}
#soc-screen-help50[hidden]{display:none}#soc-screen-help50 section{box-sizing:border-box;width:min(420px,100%);max-height:100%;overflow:auto;background:linear-gradient(#fffcf1,#f0dfba);border:2px solid #b28c46;border-radius:16px;padding:20px;box-shadow:inset 0 2px #fff,0 12px 40px #172a3955}#soc-screen-help50 h2{font-size:22px;margin:0 0 10px}#soc-screen-help50 button{font:600 16px Atkinson,system-ui,sans-serif;min-height:44px;padding:8px 16px;background:linear-gradient(#ffedb4,#e5bd73);border:1px solid #9e7838;border-bottom:3px solid #7d5c29;border-radius:10px;color:#352b23;cursor:pointer}
#soc-rotate36{top:var(--soc-canvas-top50)!important;left:var(--soc-view-left50)!important;width:var(--soc-view-width50);height:var(--soc-canvas-height50);right:auto!important;bottom:auto!important;z-index:20000!important;overflow:auto!important}
@media(max-width:420px){.soc-screen-brand50{font-size:13px}#soc-fullscreen{padding-left:8px;padding-right:8px}}
@media(max-height:350px){#soc-rotate36{gap:8px!important;padding:12px!important}#soc-rotate36 svg{width:50px!important;height:50px!important}}

#status{max-height:calc(var(--soc-canvas-height50) - 24px)!important;overflow:auto!important} @media(max-height:440px){#status{min-height:0!important;padding:16px!important;gap:8px!important}#status:before{font-size:28px!important}#status-notice{font-size:15px!important}}