:root{--panel:#4c5844;--panel-dark:#3e4637;--bevel-light:#889180;--bevel-dark:#282e22;--text:#d8ded3;--text-dim:#a0aa95;--highlight:#c4b550;--select:#958831;--font:Tahoma, Verdana, "Segoe UI", sans-serif}html,body{height:100%;color:var(--text);font:12px/1.4 var(--font);-webkit-user-select:none;user-select:none;touch-action:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#000;margin:0;overflow:hidden}.vgui-screen-probe{top:env(safe-area-inset-top,0px);right:env(safe-area-inset-right,0px);bottom:env(safe-area-inset-bottom,0px);left:env(safe-area-inset-left,0px);visibility:hidden;pointer-events:none;position:fixed}button,input,select{font:inherit;color:inherit}#canvas{top:env(safe-area-inset-top,0px);left:env(safe-area-inset-left,0px);width:calc(100% - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));height:calc(100% - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));object-fit:contain;visibility:hidden;pointer-events:none;position:fixed}body.playing #canvas{visibility:visible}@media (orientation:portrait){body:not(.compare) #canvas{aspect-ratio:4/3;height:auto}}body.compare{--safe-top:env(safe-area-inset-top,0px);--safe-left:env(safe-area-inset-left,0px);--room-w:calc(100vw - var(--safe-left) - env(safe-area-inset-right,0px));--room-h:calc(100dvh - var(--safe-top) - env(safe-area-inset-bottom,0px))}body.compare.horizontal{--below:0px;--game-h:min(var(--room-w) * 3 / 4, (var(--room-h) - var(--below)) / 2);--game-w:calc(var(--game-h) * 4 / 3);--game-a-left:calc(var(--safe-left) + (var(--room-w) - var(--game-w)) / 2);--game-a-top:calc(var(--safe-top) + (var(--room-h) - var(--below) - 2 * var(--game-h)) / 2);--game-b-left:var(--game-a-left);--game-b-top:calc(var(--game-a-top) + var(--game-h))}body.compare:not(.horizontal){--game-h:min(var(--room-w) * 3 / 8, var(--room-h));--game-w:calc(var(--game-h) * 4 / 3);--game-a-left:calc(var(--safe-left) + var(--room-w) / 4 - var(--game-w) / 2);--game-a-top:calc(var(--safe-top) + (var(--room-h) - var(--game-h)) / 2);--game-b-left:calc(var(--safe-left) + var(--room-w) * 3 / 4 - var(--game-w) / 2);--game-b-top:var(--game-a-top)}body.compact.compare.horizontal{--below:220px}body.compact.compare{--game-a-top:var(--safe-top)}body.compare #canvas,body.compare #canvas-b{width:var(--game-w);height:var(--game-h)}body.compare #canvas{left:var(--game-a-left);top:var(--game-a-top)}body.compare #canvas-b{left:var(--game-b-left);top:var(--game-b-top);object-fit:contain;visibility:hidden;pointer-events:none;position:fixed}body.compare.playing #canvas-b{visibility:visible}#canvas-b{display:none}body.compare #canvas-b{display:block}.poc-window{background:var(--panel);border:1px solid;border-color:var(--bevel-light) var(--bevel-dark) var(--bevel-dark) var(--bevel-light);z-index:10;flex-direction:column;width:min(760px,100vw - 32px);height:min(520px,100dvh - 32px);display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 40px #0009}.poc-title{justify-content:space-between;align-items:center;padding:6px 8px;font-weight:700;display:flex}.poc-close{cursor:pointer;color:var(--text);background:0 0;border:0;font-size:16px;line-height:1}.poc-close:hover{color:var(--highlight)}.poc-input{background:var(--panel-dark);border:1px solid;border-color:var(--bevel-dark) var(--bevel-light) var(--bevel-light) var(--bevel-dark);outline:none;padding:3px 5px}.console{z-index:30;height:min(420px,100dvh - 32px)}#log{background:var(--panel-dark);white-space:pre-wrap;-webkit-user-select:text;user-select:text;flex:1;margin:0 8px;padding:4px;font:11px/1.3 ui-monospace,Menlo,monospace;overflow:auto}#log .err{color:#f0a070}.console>input{margin:8px;font-family:ui-monospace,Menlo,monospace}