.tub-flight{width:min(100%,380px);margin:auto;padding:7px;background:#c0c0c0;border:3px outset #e8e8e8;box-sizing:border-box;color:#142023;font:12px/1.4 Tahoma,Arial,sans-serif;box-shadow:6px 6px 0 #08031280}.tub-title{display:flex;justify-content:space-between;gap:12px;align-items:center;background:linear-gradient(90deg,#070b66,#386d7c);color:#fff;padding:7px}.tub-title strong{font-size:16px}.tub-title span{font-size:8px;max-width:85px}.tub-caption{margin:8px 2px}.tub-screen{position:relative;border:3px inset #eee;background:#130e2c}.tub-screen canvas{width:100%;display:block;max-height:56dvh;object-fit:contain;touch-action:manipulation;image-rendering:pixelated;outline-offset:-3px}.tub-screen canvas:focus-visible{outline:3px solid #baff53}.tub-message{position:absolute;left:20px;right:20px;top:41%;text-align:center;font:bold 16px/1.5 monospace;background:#0b092bde;color:#c7ff43;padding:14px;border:2px solid #79a999;pointer-events:none}.tub-controls{display:flex;gap:7px;margin-top:8px}.tub-controls button{flex:1;min-height:48px;border:3px outset #eee;background:#c9ff59;color:#1b2432;font-weight:900;font-size:14px;cursor:pointer}.tub-controls [data-pause]{flex:0 0 auto;background:#c0c0c0;font-size:12px}.tub-controls button:disabled{opacity:.5}.tub-note{margin:7px 2px 0;font-size:10px}.tub-flight [hidden]{display:none!important}