/* GRIMWATER page styles. Loaded after Bootstrap 5.3 and bootstra-win31. */
/* custom Win 3.1 scheme: blood title bar, dark dithered desktop */
[data-w31-scheme="grimwater"]{--w31-face:#c0c0c0;--w31-title:#6a0000;--w31-title-rgb:106,0,0;--w31-desktop:#1a1e22;--w31-window:#ffffff;--w31-desktop-text:#e8e8e8}
:root{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){color-scheme:light}}
:root[data-theme="dark"]{color-scheme:light}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{background:transparent}
.gw-logo{display:block;width:100%;max-width:900px;height:auto;margin:6px auto 2px;image-rendering:auto}
.gw-tag{color:var(--w31-desktop-text);text-align:center;font:italic 15px Georgia,"Times New Roman",serif;margin:0 0 10px;opacity:.85}
.gw-body{background:#000;padding:6px}
#wrap{position:relative;max-width:800px;margin:0 auto;background:#000;touch-action:none;user-select:none;-webkit-user-select:none;aspect-ratio:4/3}
#gl,#hud{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:crisp-edges;image-rendering:pixelated}
#hud{pointer-events:none}
#gl{cursor:crosshair;background:#000}
#wrap:fullscreen{max-width:none;width:100vw;height:100vh;aspect-ratio:auto}
#wrap:fullscreen #gl,#wrap:fullscreen #hud{width:min(100vw,133.33vh);height:min(75vw,100vh);left:50%;top:50%;transform:translate(-50%,-50%)}
#ov{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.45)}
#ov.hide{display:none}
#ov .w31-window{width:min(400px,90%)}
#ov h2{font:normal 28px Impact,"Arial Black",sans-serif;letter-spacing:2px;color:#8a0000;margin:2px 0 8px}
#ov p{margin:6px 0}
.gw-stat{display:inline-block;text-align:left;padding:6px 12px;font-family:"Courier New",monospace;margin:4px 0}
.gw-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:10px}
.gw-keys{margin:0;padding-left:0;list-style:none;line-height:1.75}
#touch{display:none;position:absolute;inset:0;pointer-events:none}
#touch.on{display:block}
#touch .tbtn{pointer-events:auto;position:absolute;width:64px;height:64px;border-radius:50%;background:rgba(192,192,192,.3);border:2px solid rgba(255,255,255,.55);color:#fff;font:bold 12px Tahoma,sans-serif;display:flex;align-items:center;justify-content:center;text-shadow:1px 1px #000}
#tFire{right:14px;bottom:70px}
#tDbl{right:88px;bottom:40px;width:52px!important;height:52px!important}
#tSwap{right:18px;bottom:148px;width:48px!important;height:48px!important}
#tPause{right:10px;top:10px;width:40px!important;height:40px!important}
#stick{position:absolute;left:18px;bottom:30px;width:110px;height:110px;border-radius:50%;border:2px solid rgba(255,255,255,.45);background:rgba(255,255,255,.08)}
#knob{position:absolute;left:35px;top:35px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.4)}
#err{display:none;position:absolute;inset:0;align-items:center;justify-content:center;color:#ddd;text-align:center;padding:20px;font-family:"Courier New",monospace}
.gw-foot{color:var(--w31-desktop-text);text-align:center;font-size:12px;margin:12px 0 4px;opacity:.75}
@media (max-width:560px){.w31-toolbar .gw-hide-sm{display:none}}