*{margin:0;padding:0;box-sizing:border-box}:root{--face: #c0c0c0;--hi: #ffffff;--lo: #808080;--dk: #000000;--cap: #000080;--desk: #008080;--red: #f42434;font-size:14px}html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{background:var(--desk);font-family:Tahoma,"MS Sans Serif",Segoe UI,Geneva,Verdana,sans-serif;-webkit-font-smoothing:none;user-select:none;-webkit-user-select:none;touch-action:none}#desktop{height:100dvh;padding:18px;display:flex}#win{flex:1;display:flex;flex-direction:column;background:var(--face);border:1px solid var(--dk);box-shadow:inset 1px 1px 0 var(--hi),inset -1px -1px 0 var(--lo),inset 2px 2px 0 var(--face),inset -2px -2px 0 var(--face);padding:3px;min-height:0}#titlebar{display:flex;align-items:stretch;background:var(--cap);color:#fff;height:24px;flex:none}#title{flex:1;text-align:center;font-weight:700;font-size:13px;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sysbox,.cbtn{width:26px;background:var(--face);border:1px solid var(--dk);box-shadow:inset 1px 1px 0 var(--hi),inset -1px -1px 0 var(--lo);display:flex;align-items:center;justify-content:center;color:#000;font-size:9px;cursor:pointer;flex:none}.sysbox span{width:14px;height:4px;background:#fff;border:1px solid var(--lo);box-shadow:1px 1px 0 var(--dk)}.caption-btns{display:flex}#menubar{display:flex;gap:2px;background:var(--face);padding:3px 2px 2px;border-bottom:1px solid var(--lo);box-shadow:0 1px 0 var(--hi);flex:none;position:relative;z-index:30}.menu-item{padding:2px 8px;cursor:default;font-size:13px}.menu-item.open,.menu-item:hover{background:var(--cap);color:#fff}.menu-drop{position:absolute;top:100%;background:var(--face);border:1px solid var(--dk);box-shadow:inset 1px 1px 0 var(--hi),inset -1px -1px 0 var(--lo),2px 2px #00000059;min-width:190px;padding:2px;z-index:40}.menu-drop .mi{padding:4px 20px 4px 24px;font-size:13px;position:relative;white-space:nowrap}.menu-drop .mi:hover:not(.disabled){background:var(--cap);color:#fff}.menu-drop .mi.disabled{color:var(--lo);text-shadow:1px 1px 0 var(--hi)}.menu-drop .mi .check:before{content:"✓";position:absolute;left:8px}.menu-drop .mi .accel{float:right;margin-left:24px}.menu-drop hr{border:0;border-top:1px solid var(--lo);border-bottom:1px solid var(--hi);margin:3px 1px}#client{flex:1;position:relative;border:1px solid var(--lo);box-shadow:inset 1px 1px 0 var(--dk),1px 1px 0 var(--hi);background:#fff;overflow:hidden;min-height:0;cursor:crosshair}#game{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}#hud{position:absolute;top:8px;right:8px;background:var(--face);padding:5px 8px;font-family:Courier New,monospace;font-size:12px;font-weight:700;line-height:1.35;color:#000;min-width:118px;pointer-events:none;z-index:10}.inset{border:1px solid var(--hi);box-shadow:inset 1px 1px 0 var(--lo),inset -1px -1px 0 var(--hi),1px 1px 0 var(--lo)}#hud .row{display:flex;justify-content:space-between;gap:10px;white-space:nowrap}#hud .flavors{display:flex;gap:3px;margin-top:3px;align-items:center}#hud .dot{width:8px;height:8px;border-radius:50%;border:1px solid rgba(0,0,0,.4);opacity:.25}#hud .dot.lit{opacity:1}#hud .rushmeter{height:5px;background:#fff;border:1px solid var(--lo);margin-top:3px;position:relative}#hud .rushmeter .fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#f42434,#ff8c00,#ffe400,#24c024,#a428c8)}#turbo{position:absolute;right:14px;bottom:max(14px,env(safe-area-inset-bottom));width:64px;height:64px;border-radius:50%;border:2px solid var(--dk);background:radial-gradient(circle at 35% 30%,#ff7a86,var(--red) 60%);color:#fff;font-size:30px;font-weight:700;font-family:Georgia,serif;box-shadow:inset 2px 2px #ffffff80,3px 3px #0006;display:none;align-items:center;justify-content:center;z-index:15;touch-action:none}#turbo:active{transform:translate(1px,1px);box-shadow:inset 2px 2px 4px #0006}@media(pointer:coarse){#turbo{display:flex}}.dialog{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);background:var(--face);border:1px solid var(--dk);box-shadow:inset 1px 1px 0 var(--hi),inset -1px -1px 0 var(--lo),3px 3px #00000059;padding:3px;width:min(420px,calc(100% - 24px));z-index:50}.dialog[hidden]{display:none}.dlg-title{background:var(--cap);color:#fff;font-weight:700;font-size:13px;padding:3px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dlg-body{padding:12px 14px;font-size:13px;text-align:center}.dlg-body p{margin:8px 0}.dlg-body .fine{font-size:11px;color:#333}.tagline{font-weight:700;letter-spacing:3px;font-size:12px;margin-top:6px}#logo-slot canvas,#about-logo canvas{image-rendering:pixelated;max-width:100%}#about-logo canvas{height:28px;width:auto}.over-line{font-weight:700}table.stats{margin:10px auto;border-collapse:collapse;font-size:12px;font-family:Courier New,monospace}table.stats td{padding:1px 10px;text-align:left}table.stats td:last-child{text-align:right;font-weight:700}.dlg-btns{display:flex;gap:10px;justify-content:center;margin-top:12px}.btn{min-width:96px;padding:5px 14px;background:var(--face);border:1px solid var(--dk);box-shadow:inset 1px 1px 0 var(--hi),inset -1px -1px 0 var(--lo);font-size:13px;font-family:inherit;cursor:pointer}.btn.primary{outline:1px solid var(--dk);outline-offset:1px;font-weight:700}.btn:active{box-shadow:inset 1px 1px 0 var(--lo),inset -1px -1px 0 var(--hi);transform:translate(1px,1px)}@media(max-width:700px),(max-height:500px){#desktop{padding:6px}#titlebar{height:21px}#title{font-size:11px;line-height:21px}.sysbox,.cbtn{width:22px}.menu-item{font-size:12px;padding:2px 6px}#hud{font-size:10px;min-width:96px;padding:4px 6px}:root{font-size:13px}}