#webbar{height:46px;display:flex;align-items:center;gap:10px;padding:0 12px;background:#fff;border-bottom:1px solid #cacaca;font:12px Arial,sans-serif;position:relative;z-index:5;color:#272727}#webbar a{color:inherit;text-decoration:none;margin-right:8px}#webbar strong{letter-spacing:-.04em;margin-right:15px;font-size:17px}#webbar button{border:1px solid #d8d8d8;background:#fff;color:#272727;padding:6px 10px;min-height:30px;cursor:pointer;font:inherit}#webbar button:hover{background:#efefef}#app{height:calc(100vh - 46px)!important}#web-status{margin-left:auto;font-size:11px;max-width:20%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.web-lite #rightpanel,body.web-lite #leftbar,body.web-lite #toolbar,body.web-lite #menubar{display:none!important}body.web-lite #titlebar{display:none!important}body.web-lite #cmdhist{max-height:40px}#web-help{position:fixed;z-index:9999;top:64px;left:50%;transform:translateX(-50%);background:#fff;padding:26px;width:min(440px,90vw);box-shadow:0 15px 70px #0003;border:1px solid #cccccc;line-height:1.8;font:14px/1.8 Arial,sans-serif;color:#272727}#web-help button{float:right;cursor:pointer;background:none;border:0;font-size:20px}#web-help h2{font-size:21px;font-weight:500}#web-help p{margin:12px 0}#web-help[hidden]{display:none}@media(max-width:800px){#webbar{gap:4px;font-size:10px;overflow-x:auto;white-space:nowrap}#webbar strong{margin-right:4px;font-size:14px}#webbar button{padding:6px;min-height:34px}#webbar a{margin-right:0}#web-status{display:none}body:not(.web-lite) #rightpanel{max-width:160px}}
#app>#titlebar{grid-row:1}#app>#menubar{grid-row:2}#app>#cmdarea{grid-row:3}#app>#toolbar{grid-row:4}#app>#main{grid-row:5}#app>#osnapbar{grid-row:6}#app>#statusbar{grid-row:7}
body.web-lite #app{grid-template-rows:0 0 66px 0 minmax(180px,1fr) 0 25px!important}
body.web-lite #main{grid-template-columns:minmax(0,1fr)!important}body.web-lite #vpwrap{grid-column:1!important}
body.web-lite #osnapbar{display:none!important}#webbar{color:#111;border-color:#ddd}#webbar button{color:#111;border-color:#ddd}#webbar button:hover{background:#eee}
@media(max-width:800px){#web-status{display:block;position:fixed;bottom:26px;left:5px;max-width:calc(100vw - 10px);padding:4px 7px;background:#fff;border:1px solid #ddd;pointer-events:none}body:not(.web-lite) #web-status{bottom:45px}}

/* Compact sponsorship lives in the browser chrome, outside the model canvas. */
#webbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px}
.web-actions{display:flex;align-items:center;gap:10px;min-width:0;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}
.web-actions>*{flex:none}
#web-status{margin:0;max-width:130px}
#webbar #web-sponsor{display:flex;align-items:center;gap:20px;min-width:240px;height:36px;padding:4px 12px;margin:0;border:1px solid #ddd;border-radius:3px;background:#f6f6f6;color:#111;white-space:nowrap;transition:background .15s,border-color .15s}
#web-sponsor:hover{background:#eee!important;border-color:#aaa!important}
#web-sponsor:focus-visible{outline:2px solid #1d6fd0;outline-offset:1px}
.web-sponsor-copy{display:flex;flex-direction:column;gap:1px;line-height:1.2}
.web-sponsor-copy small{font-size:8px;letter-spacing:.12em;color:#777}
.web-sponsor-copy>span{font-size:11px;font-weight:500}
.web-sponsor-cta{font-size:11px;font-weight:600;margin-left:auto}
.web-sponsor-arrow{font-size:17px;line-height:1}
@media(max-width:1200px) and (min-width:801px){#webbar{gap:10px}#webbar #web-sponsor{min-width:195px;gap:12px}.web-actions{gap:6px}}
@media(max-width:800px){#webbar{height:86px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:36px 36px;gap:2px 8px;padding:5px 10px;overflow:visible}.web-actions{grid-column:1/-1;grid-row:1;gap:4px}#webbar #web-sponsor{grid-column:2;grid-row:2;min-width:190px;height:32px;gap:10px;padding:3px 9px}#web-status,body:not(.web-lite) #web-status{position:static;grid-column:1;grid-row:2;max-width:100%;padding:0;background:none;border:0;pointer-events:auto;font-size:10px}#app{height:calc(100dvh - 86px)!important}#web-help{top:96px}}

/* iPhone canvas gestures stay inside the canvas; browser controls can scroll. */
:root{--horn-viewport-height:100vh;--horn-bar-height:46px}
html,body{overscroll-behavior:none}
#webbar{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));height:calc(var(--horn-bar-height) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}
#app{height:calc(var(--horn-viewport-height) - var(--horn-bar-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important}
.web-actions{touch-action:pan-x}#web-quality{font:inherit;min-height:34px;padding:5px;border:1px solid #ddd;background:#fff;color:#111}
#webbar button:disabled{opacity:.5;cursor:wait}#web-help{max-height:calc(var(--horn-viewport-height) - 110px);overflow:auto;padding-bottom:max(26px,env(safe-area-inset-bottom))}
@media(max-width:800px){:root{--horn-bar-height:106px}#webbar{grid-template-rows:44px 44px;padding-bottom:6px}.web-actions button,.web-actions a,.web-actions select{min-height:44px;display:inline-flex;align-items:center}#web-help{top:calc(116px + env(safe-area-inset-top))}#cmdinput{font-size:16px}#web-status{white-space:normal;line-height:1.3;font-size:11px}body.web-lite #app{grid-template-rows:0 0 66px 0 minmax(0,1fr) 0 25px!important}.web-actions{gap:6px}#webbar #web-sponsor{min-width:172px}#webbar{gap:2px 6px}#cricket{max-height:70%;max-width:100%}}
@media(max-height:500px) and (pointer:coarse){:root{--horn-bar-height:52px}#webbar{grid-template-rows:44px;grid-template-columns:minmax(0,1fr);padding-bottom:4px}#webbar #web-sponsor{display:none}#web-status{position:fixed;bottom:calc(26px + env(safe-area-inset-bottom));left:max(5px,env(safe-area-inset-left));max-width:calc(100vw - 10px);padding:3px 6px;background:#fff;border:1px solid #ddd;pointer-events:none}#web-help{top:calc(62px + env(safe-area-inset-top))}body.web-lite #cmdhist{display:none}body.web-lite #app{grid-template-rows:0 0 30px 0 minmax(0,1fr) 0 25px!important}}

@media(max-width:760px){body:not(.web-lite) #vpwrap{grid-column:2!important}}

@media(max-width:800px){#app{grid-template-columns:minmax(0,1fr)}#main{min-width:0}#titlebar,#menubar,#vptabs,#statusbar{overflow-x:auto;white-space:nowrap;touch-action:pan-x}#titlebar>*{flex-shrink:0}}
@media(max-height:500px) and (pointer:coarse){body:not(.web-lite) #cmdhist{max-height:20px}}

@media(pointer:coarse){#app{grid-template-columns:minmax(0,1fr)}#main{min-width:0}#titlebar,#menubar,#vptabs,#statusbar{overflow-x:auto;white-space:nowrap;touch-action:pan-x}#titlebar>*{flex-shrink:0}}

/* Keep snap and document controls reachable in short landscape screens. */
@media(max-height:500px) and (pointer:coarse){
 body:not(.web-lite) #app{grid-template-rows:28px 24px auto auto minmax(0,1fr) 24px!important}
 body:not(.web-lite) #app>#osnapbar{display:flex!important;grid-row:6!important;grid-column:1!important;width:55%;justify-self:end;overflow-x:auto;white-space:nowrap;touch-action:pan-x}
 body:not(.web-lite) #app>#statusbar{grid-row:6!important;grid-column:1!important;width:45%;justify-self:start;overflow-x:auto;white-space:nowrap;touch-action:pan-x}
}